@charset "UTF-8";
.mod_dlh_googlemaps img
{
	max-width: none;
}
/**********************************************************/
/* Basic CSS File                                         */
/*                                                        */
/* Version: 1.0 - 2012-09-05                              */
/*                                                        */
/* Copyright (C) 2012 Idee & Anhang - www.idee-anhang.de  */
/**********************************************************/

/***********************************/
/*********** HTML5 Hacks ***********/
/***********************************/
    header, nav, section, footer, article, aside, hgroup, figure, figcaption{ display: block; }
    
/*********************************************/
/*********** Standardeinstellungen ***********/
/*********************************************/
    *{ padding:0; margin:0; }
    
    html{ font-size:100.01%; height:100%; line-height:150%; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -o-font-smoothing:antialiased; font-smoothing:antialiased; }
    body{ font-size:0.875em; line-height:1.4em; color:rgb(0,0,0); font-family:Arial,sans-serif,Verdana,Helvetica; background:rgb(255,255,255); }

/*************************************/
/*********** Modifikatoren ***********/
/*************************************/
    .clearfix{ clear:both; visibility:hidden; }
    .clearfloat{ clear:both; }
    .empty{ height:2px; }
    .invisible{ display:none; }
    .hide{ display:none; }
    
    .a-center{ text-align:center; }
    .a-center img{ margin:auto; }
    .a-center [class*="box"]{ margin:auto; }
    .a-left{ text-align:left; }
    .a-right{ text-align:right; }
    .a-right img{ display:inline; }
    .a-justify{ text-align:justify; }
    
    .f-left{ float:left; }
    .f-right{ float:right; }
    
    .nowrap{ white-space:nowrap; }
    
    /*.w50{ width:50%; }*/

/********************************/
/*********** Elemente ***********/
/********************************/
    iframe{ display:block; border:0; }
    
    /* TEXT-FORMATIERUNG */
    p{ margin-bottom:5px;  }
    ul,ol{ list-style:none; }
    strong{ font-weight:bold; }

    /* TABELLEN */
    table{ border:0; padding:0; margin:0; border-collapse:collapse; border-spacing:0; empty-cells:show; }
    td{ margin:0; vertical-align:top; }
    thead td{ font-weight:bold; }
    
    /* BILDER */
    img{ border:0; display:block; }
    figure{ }
    figure img{ max-width:100%; height:auto; }
    
    figcaption{  }

/*****************************/
/*********** Links ***********/
/*****************************/
    a{ text-decoration:none; color:rgb(51,51,51); }
    a:hover{ color:rgb(111,111,111); }
    a:visited{ color:rgb(191,191,191); }
    

/*************************************/
/*********** Überschriften ***********/
/*************************************/
    h1, h2, h3, h4, h5, h6{ color:rgb(0,0,0); font-weight:bold; }
    
    h1{ font-size:1.417em; }
    h2{ font-size:1.250em; }
    h3{ font-size:1.286em; }
    h4{ font-size:1.0em; }
    h5{ font-size:1.0em; }
    h6{ font-size:1.0em; }
/**********************************************************/
/* Formular CSS File                                      */
/*                                                        */
/* Project: Idee & Anhang                                 */
/* Web: www.idee-anhang.de                                */
/*                                                        */
/* Version: 1.0 - 2013-02-09                             */
/*                                                        */
/* Copyright (C) 2013 Idee & Anhang - www.idee-anhang.de  */
/**********************************************************/

.formbody{  }

.formbody .item{ margin-bottom:1.5em; width:100%; }
        
/* Label */
.formbody .item > label{ float:left; width:18%; margin-right:2%; font-size:0.813em; font-weight:bold; line-height:30px; color:rgb(148,148,148); }
.formbody .item > label.mandatory{  }
.formbody .item > label .mandatory{  }
    
.formbody .item.checkbox label{ float:left; margin-left:5px; line-height:25px; }
.formbody .item.checkbox input.checkbox{ float:left; }
    
/* Field */
.formbody .item .field{ float:left; width:80%; }
.formbody .field .option{ padding-left:5%; width:95%; }
.formbody .field .option label{ float:left; margin-left:8px; line-height:23px; width:auto; text-align:left; font-weight:normal; }
.formbody .field .option input{ float:left; }

input,select,textarea{ 
    outline:0 none; 
    font-family:Arial,Helvetica,Verdana; 
    font-size:0.938em; 
    font-weight:normal; 
    border:1px solid rgb(220,220,220);
    color:rgb(48,48,48); 
    -moz-border-radius:3px; 
    -webkit-border-radius:3px; 
    border-radius:3px;
    -moz-box-shadow: inset 0 0 4px 0 rgba(111, 111, 111, 0.15);
    -webkit-box-shadow: inset 0 0 4px 0 rgba(111, 111, 111, 0.15);
    box-shadow: inset 0 0 4px 0 rgba(111, 111, 111, 0.15);
}

input{ padding:0 1%; width:320px; height:28px; line-height:28px; width:96%; }
select{ width:98.5%; height:30px; }
textarea{ padding:1%; width:96%; height:11em; resize:none; }
    
input.checkbox{  }
    
optgroup{  }
    
.error input, 
.error select, 
.error textarea{ border:1px solid rgb(255,0,0); }

::-webkit-input-placeholder{ color:rgb(148,148,148); font-style:italic; }
:-moz-placeholder{ color:rgb(148,148,148); font-style:italic; }
::-moz-placeholder{ color:rgb(148,148,148); font-style:italic; }
:-ms-input-placeholder{ color:rgb(148,148,148); font-style:italic; }

input:not(.checkbox):focus,
input:not(.checkbox):active,
select:focus,
select:active,
textarea:focus,
textarea:active{ border:1px solid rgb(220,220,220); background:rgb(250,250,250); }
    
input:not(.checkbox):hover,
select:hover,
textarea:hover{ border:1px solid rgb(148,148,148); }
    
input.button{ cursor:pointer; }
    
input.submit{ cursor:pointer; padding:0 1.2em; width:auto; height:30px; line-height:30px; font-size:0.857em; font-weight:bold; color:rgb(255,255,255); border:0; background:rgb(191,191,191); }
input.submit:hover{ border:0; }
input.submit:active{ background:rgb(111,111,111); }
    
.formbody .submit_container{ width:99%; text-align:right; }
.formbody .explanation{ margin-left:20%; margin-top:1.0em; }

    
@media handheld, only screen and (max-width: 767px)
{
    .formbody .item > label{ line-height:40px; }
    
    input{ height:38px; }
    select{ height:40px; }
    
    input.submit{ width:98%; height:50px; }
}
    
@media handheld, only screen and (max-width: 479px)
{
    .formbody .item > label{ float:none; width:auto; line-height:1.0em; display:block; }
    .formbody .item .field{ float:none; width:auto; }
}
/**********************************************************/
/* Responsive CSS Grid - 12 Cols Fluid                    */
/*                                                        */
/* Project: Idee & Anhang                                 */
/* Web: www.idee-anhang.de                                */
/*                                                        */
/* Version: 1.0.1 - 2013-04-03                            */
/*                                                        */
/* Copyright (C) 2013 Idee & Anhang - www.idee-anhang.de  */
/**********************************************************/

.container{ max-width:1140px; min-width:320px; }
.row{  }
.grid{  }

[class*="cols-"]{ margin-right:1%; margin-left:1%; float:left; min-height:1px; }
[class*="cols-"].margin-left{ margin-right:0; }
[class*="cols-"].margin-right{ margin-left:0; }
[class*="cols-"].margin-no{ margin:0; }

.ie7 .container{ max-width:1140px; min-width:960px; }
.ie7 [class*="cols-"]{ margin-right:0.9%; margin-left:0.9%; float:left; min-height:1px; }

/* Cols */    
.cols-1{ width:6.333%; }
.cols-2{ width:14.666%; }
.cols-3{ width:23%; }
.cols-4{ width:31.333%; }
.cols-5{ width:39.666%; }
.cols-6{ width:48%; }
.cols-7{ width:56.333%; }
.cols-8{ width:64.666%; }
.cols-9{ width:73%; }
.cols-10{ width:81.333%; }
.cols-11{ width:89.666%; }
.cols-12{ width:98%; }
    
/* Prefix */
.prefix-1{ margin-left:9.333%; }
.prefix-2{ margin-left:17.666%; }
.prefix-3{ margin-left:26%; }
.prefix-4{ margin-left:34.333%; }
.prefix-5{ margin-left:42.666%; }
.prefix-6{ margin-left:51%; }
.prefix-7{ margin-left:59.333%; }
.prefix-8{ margin-left:67.666%; }
.prefix-9{ margin-left:76%; }
.prefix-10{ margin-left:84.333%; }
.prefix-11{ margin-left:92.666%; }
    
/* Suffix */
.suffix-1{ margin-right:9.333%; }
.suffix-2{ margin-right:17.666%; }
.suffix-3{ margin-right:26%; }
.suffix-4{ margin-right:34.333%; }
.suffix-5{ margin-right:42.666%; }
.suffix-6{ margin-right:51%; }
.suffix-7{ margin-right:59.333%; }
.suffix-8{ margin-right:67.666%; }
.suffix-9{ margin-right:76%; }
.suffix-10{ margin-right:84.333%; }
.suffix-11{ margin-right:92.666%; }
        

.visible-phone{ display:none; }
.visible-tablet{ display:none; }
.visible-desktop{ display:block; }

.hidden-phone{ display:block; }
.hidden-tablet{ display:block; }
.hidden-desktop{ display:none; }


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
    /*
    .visible-phone{ display:none; }
    .visible-tablet{ display:block; }
    .visible-desktop{ display:none; }
    .hidden-phone{ display:block; }
    .hidden-tablet{ display:none; }
    .hidden-desktop{ display:block; }
    */
}



/* Smaller screens */
@media only screen and (max-width: 1023px) {
}

@media (min-width: 768px) and (max-width: 959px)
{
    /*
    .hidden-desktop{ display: inherit !important; }
    .visible-desktop{ display: none !important; }
    .visible-tablet{ display: inherit !important; }
    .hidden-tablet{ display: none !important; }
    */
}

/**************************************/
/*********** Mobile Version ***********/
/**************************************/
@media handheld, only screen and (max-width: 800px)
{
    body{ -webkit-text-size-adjust: none; }
    
    [class*="cols-"]{ margin-right:2%; margin-left:2%; width:96%; float:none; }

    .visible-phone{ display:none; }
    .visible-tablet{ display:block; }
    .visible-desktop{ display:none; }
    
    .hidden-phone{ display:block; }
    .hidden-tablet{ display:none; }
    .hidden-desktop{ display:block; }
}

@media handheld, only screen and (max-width: 479px)
{
    
}

@media handheld, only screen and (max-width: 319px)
{
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{ 
}
@media screen
{
/**********************************************************/
/* Screen CSS File                                        */
/*                                                        */
/* Project: MBB Group                                     */
/* Web: www.mbb-group.eu                                  */
/*                                                        */
/* Version: 1.0 - 2013-02-28                              */
/*                                                        */
/* Copyright (C) 2013 Idee & Anhang - www.idee-anhang.de  */
/**********************************************************/

/*****************************/
/*********** Fonts ***********/
/*****************************/
@font-face {
    font-family: "Open Sans";
    src: url("../../files/mbb/fonts/OpenSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url("../../files/mbb/fonts/OpenSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url("../../files/mbb/fonts/OpenSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url("../../files/mbb/fonts/OpenSans-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

/*********************************************/
/*********** Standardeinstellungen ***********/
/*********************************************/
    html{ height:100%; -webkit-tap-highlight-color:rgba(0,0,0,0.2); }
    body{ height:100%; font-size:0.875em; line-height:1.4em; color:rgb(34,34,34); font-family:"Open Sans",sans-serif; background:rgb(255,255,255); }
    
    .ie7 .container,
    .ie8 .container{ min-width:968px; }

/********************************/
/*********** Struktur ***********/
/********************************/
    .page{ min-height:100%;  }
    .body{ margin:0 auto; padding:95px 0 50px; min-height:100%;  }

    #layout-left{  }
    #layout-right{  }
    section.main{ width:98%; margin:0 auto; }
    section.left{ float:left; width:245px; }
    section.right{ float:left; width:245px; }
    
    body.fullscreen .body{ margin:0; padding:0; max-width:none; }
    body.fullscreen section.main{ min-height:100%; height:auto !important; height:100%; width:100%; }
    .no-js .body{ padding-top:45px; }

/******************************/
/*********** Header ***********/
/******************************/
    #header{ position:fixed; left:0; background:rgb(0,0,0); width:100%; z-index:1000; min-height:50px; }
    #header .container{ position:relative; margin:0 auto; }
    
    body.fullscreen #header{ }
    body.fullscreen #header > .container{ position:static; }
    
    #logo{ position:absolute; top:0; left:1%; }
    #logo .image{ position:absolute; top:0; left:0; z-index:200; }
    #logo .company{ position:absolute; top:103px; left:95px; z-index:199; white-space:nowrap; color:rgb(41,171,226); font-weight:700; font-size:1.286em; line-height:1.2em; }
    
    #logo .acronym{ display:none; float:left; color:rgb(41,171,226); font-size:2.286em; font-weight:800; line-height:50px; padding:0 25px 0 5px; }
    #logo .acronym a:hover{ color:rgb(41,171,226); }
    
    body.fullscreen #logo .company{ color:rgb(255,255,255); }
  
    .no-js #header{ position:relative; } 
   
    .off-canvas-menu{ display:none; }

/**********************************/
/*********** Navigation ***********/
/**********************************/
    nav.services{ width:50%; margin-top:4em; }
    nav.services h5{ padding-bottom:0.5em; border-bottom:1px solid rgb(239,239,239); }
    nav.services ul{ list-style:none; margin:0; }
    nav.services li.active{ display:none; }
    nav.services a:after{ content:" ›"; }
    
    #navigation{ float:right; }
    #navigation .wrapper{ margin:0; padding:0; display:block; }
    #navigation ul{ list-style:none; margin:0; }
    #navigation li{ position:relative; margin:0; float:left; z-index:300; }
    #navigation li.mobile{ display:none; }
    #navigation a{ display:block; padding:0 10px; height:50px; line-height:50px; color:rgb(255,255,255); font-weight:700; font-size:1.071em; background:rgb(0,0,0); }
    #navigation a:after{ content:" ›"; }
    #navigation a.active,
    #navigation a.trail,
    #navigation li:hover > a,
    #navigation a:hover{ background:rgb(41,171,226);  }
    
    #navigation ul.level_1 ul{ position:absolute; left:0; top:100%; display:none; }
    #navigation ul.level_2 a{ width:160px; height:35px; font-weight:600; font-size:0.857em; line-height:35px; }
    #navigation ul.level_2 a:after{ content:""; }
    #navigation ul.level_1 li:hover >  ul{ display:block; }
    
    #navigation .toggleNavi{ display:none; position:absolute; top:0; right:0;  }
    
    #changelanguage{ float:right; position:relative; height:50px; width:50px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVGNDY0RjlBREE1MjExRTJBNzM3ODQzREYxOUY2OUE1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVGNDY0RjlCREE1MjExRTJBNzM3ODQzREYxOUY2OUE1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUY0NjRGOThEQTUyMTFFMkE3Mzc4NDNERjE5RjY5QTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUY0NjRGOTlEQTUyMTFFMkE3Mzc4NDNERjE5RjY5QTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7EynDhAAABjElEQVR42rxWi1HDMAx1ehnAG+AR0glIN4AJmhEYIUyQbhCYgBFSJmg2IJ0gbGBseOYeQvncQas7nR35I8tPek7mvTczUgTdoy3F2DFoH/QZrS7RgaJF0M6vlw5rfu2lbV5PbHIKOlJfk3rJQSsWjNQ6isqJMZZ2ykGtTKzFouTAiLFmKhK+c5YK9jc6sXRgcfoR35XY4xOTHFg3hPt7UAebw3eFMYe2FnPboOegA82J63dZ9BQ6J3MZ2W6Q50kO0Ss05fa9YtuRpkjS94H22xuR75ZA98CAE4ExmLJZTu2cKnRAxRqBB1ewRVuKOVEeKMKERZH5Ba74q+TUH8ArUW6QOZFvXn/c6dfJHsl2i4iekEk8zxhBBekeS60qFzBg/L6pZINTJua0xJSc93PiBBaWsDzmACaBNorF0a5htNbWa4XWU4U6YDOIKDlCnmNFJm7lPXoQV7TdKThIDF6YdwTpdWvILpGZVRw4UYwq2c3RdUPvQ6044LFFur7Kg3OVJ/PfH/3s0r8tHwIMAJdvl0KrWTzGAAAAAElFTkSuQmCC) no-repeat center center; cursor:pointer; }
    #changelanguage ul{ position:absolute; top:50px; right:0; margin:0; list-style:none; display:none; background:rgb(0,0,0); }
    #changelanguage li{ margin:0; }
    #changelanguage a, #changelanguage span{ display:block; height:35px; padding:0 15px; line-height:35px; color:rgb(255,255,255); font-size:0.857em; font-weight:600; }
    #changelanguage span,
    #changelanguage a:hover{ background:rgb(41,171,226); }
    #changelanguage:hover{ background-color:rgb(41,171,226); }

/*****************************/
/*********** Links ***********/
/*****************************/
    a{ text-decoration:none; color:rgb(41,171,226); }
    a:visited{ color:rgb(41,171,226); }
    a:hover{ color:rgb(255,0,0); }

    a.phone{ color:rgb(34,34,34); cursor:default; }
    
    .button a{ display:inline-block; padding:0 2.5em; height:2.0em; line-height:2.0em; font-size:1.286em; font-weight:700; color:rgb(255,255,255); background:rgb(41,171,226); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-transition: 0.35s all ease-in; -webkit-transition: 0.35s all ease-in; -o-transition: 0.35s all ease-in; transition: 0.35s all ease-in; }
    .button a:after{ content:" ›"; }
    .button a:hover{ background:rgb(255,0,0); -moz-transition: 0.15s all ease-in; -webkit-transition: 0.15s all ease-in; -o-transition: 0.15s all ease-in; transition: 0.15s all ease-in; }

/*************************************/
/*********** Überschriften ***********/
/*************************************/
    h1, h2, h3, h4, h5, h6{ color:rgb(41,171,226); font-weight:700; margin-bottom:1em; line-height:1.2em; }
    
    h1, .headline.h1{ font-size:2.571em; margin-bottom:0; }
    h2, .headline.h2{ font-size:2.0em; font-weight:300; margin-bottom:20px; }
    h3, .headline.h3{ font-size:1.5em; color:rgb(34,34,34); font-weight:800; }
    h4, .headline.h4{ font-size:1.143em; color:rgb(34,34,34); text-transform:uppercase; }
    h5, .headline.h5{ font-size:1.0em; color:rgb(34,34,34); text-transform:uppercase; }
    h6, .headline.h6{ font-size:1.0em; }
        
/*******************************/
/*********** Inhalte ***********/
/*******************************/
    p{ margin-bottom:1.0em; }
    small{ font-size:0.857em; line-height:0.714em; }
    strong{ font-weight:700; }
    
    ul{ list-style:circle; margin:0 0 0 1.75em; }
    li{ margin:0 0 0.5em 0; }
    
    ul.icon-plus{ list-style-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAYAAAA1BOUGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMxQ0FFQTkyOTQ3QjExRTJCNkJBRkY4MkQ4NTU5M0EwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMxQ0FFQTkzOTQ3QjExRTJCNkJBRkY4MkQ4NTU5M0EwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzFDQUVBOTA5NDdCMTFFMkI2QkFGRjgyRDg1NTkzQTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzFDQUVBOTE5NDdCMTFFMkI2QkFGRjgyRDg1NTkzQTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4df3shAAAAUklEQVR42mK0t7dngAIlIE4D4llAfA8kwMSAAMZAXA6lGdAlMQALEL8DYkEksVVQ+j1IshMqCbIzFIhXQ+2ESzJAJWCSqwnayfj//3+ckgABBgCikA9Wu8kxqwAAAABJRU5ErkJggg==); }
    ul.icon-plus li{ padding-left:0.25em; }
    
    .spacer{ padding-bottom:2em; }
    .spacer-dbl{ padding-bottom:4em; }

    .contact-data{ line-height:2.2em; }
    .contact-data td.label{ padding-right:1em; font-style:italic; font-weight:300; }
    .contact-data strong{ font-size:1.429em; }
    
    .section.error{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABHCAMAAABibqotAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU0OEI1RDQ0QTY4OTExRTJBNTRFQThGMzFFODlEN0JFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU0OEI1RDQ1QTY4OTExRTJBNTRFQThGMzFFODlEN0JFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTQ4QjVENDJBNjg5MTFFMkE1NEVBOEYzMUU4OUQ3QkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTQ4QjVENDNBNjg5MTFFMkE1NEVBOEYzMUU4OUQ3QkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5WD3txAAAAElBMVEX76gbZ2tr15y7b283u5Fbw5UiTWhryAAAAkUlEQVR42uzMxxGAMAwEQBmb/lsmg4PEoDC8bgtYykk201cTvTTle5MppkkU08iPrhEfZSM92kZ41A3/6Bv2MTTcY2mYx9SMj60ZHmPTP9ame8xN+9ib5nE09eNpqsfVPI+vuR9ncz3e5nzczfH4m/0JaLYnolmfkCZRTJMopilo0KBBgwYNGjRo0KD5v1kEGADdsAn+dvP4+gAAAABJRU5ErkJggg==); padding:4em 0; }
    .section.error .ce_text{ margin-top:4em; font-size:1.143em; line-height:1.5em; }
    
    .section.submitted{ padding:4em 0; min-height:250px; background:url("../../files/mbb/graphic/background/email.png") no-repeat right bottom rgb(236,236,236); }
    .section.submitted .ce_headline{ margin-top:1.5em;  line-height:1.5em; }
    
    #mapContact .dlh_googlemap{ width:100% !important; height:220px !important; }

/*******************************/
/********** Slideshow **********/
/*******************************/
    .mod_ia_slideshow{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; min-height:650px; }
    
    .slideshow{  }
    .slideshow .slider{ margin:0; padding:0; overflow:hidden; }
    .slideshow .slider .item{ display:none; position:absolute; top:0; left:0; width:100%; min-height:100%; height:auto !important; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; }
    .slideshow .slider .item.current{ }
    .slideshow .teaser{ position:absolute; margin:0 0 0 -265px;  top:36%; left:55%; height:100%; transition:0.5s left; -moz-transition:0.5s left; -webkit-transition:0.5s left; /*width:530px; */ }
    .slideshow .teaser .title{ position:relative; margin:0 0 25px 0; padding:20px 15px; width:500px; height:2.6em; font-weight:300; color:rgb(255,255,255); font-size:2.143em; line-height:1.3em; background:rgb(41,171,226); -webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.30); -moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.30); box-shadow:0px 0px 15px 1px rgba(0,0,0,0.30); }
    .slideshow .teaser .title strong{ text-transform:uppercase; font-weight:800; }
    .slideshow .teaser .link{ position:re   lative; margin:0; display:inline; padding:12px 20px 10px; background:rgb(255,255,255); -webkit-border-radius:4px; border-radius:4px; -webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.30); -moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.30); box-shadow:0px 0px 15px 1px rgba(0,0,0,0.30); }
    .slideshow .teaser .link a{ font-size:1.286em; font-weight:700; color:rgb(41,171,226); }
    .slideshow .teaser .link a:after{ content:" ›"; }
        
    .slideshow .button{ position:absolute; top:36%; padding:0 0.1em; font-size:6.857em; height:1.25em; line-height:1em; font-weight:800; color:rgb(41,171,226); cursor:pointer; z-index:500; opacity:0.7; -moz-transition: 0.15s all ease-in; -webkit-transition: 0.15s all ease-in; -o-transition: 0.15s all ease-in; transition: 0.15s all ease-in; }
    .slideshow .button:hover{ opacity:1; }
    .slideshow .button.prev{ left:2%; }
    .slideshow .button.next{ right:2%; }

    .slideshow .navigation{ position:absolute; bottom:7%; left:0; z-index:210; padding:20px 0 20px 10%; background:rgb(239,239,239); transition:0.5s all; -moz-transition:0.5s all; -webkit-transition:0.5s all; }
    .slideshow .navigation .background{ width:50%; position:absolute; top:0; left:0; background:rgba(239,239,239,1); height:100%; z-index:100; }
    .slideshow .navigation .container{ position:relative; z-index:110; margin:0; }
    .slideshow .navigation .title{ position:absolute; left:0; top:-62px; margin:0 1%; padding:0 1%; width:46%; height:42px; line-height:42px; font-size:1.286em; background:rgb(41,171,226); color:rgb(255,255,255); }
    .slideshow .navigation ul{ list-style:none; margin:0; }
    .slideshow .navigation li.item{}
    .slideshow .navigation li.item .content{ margin:10px 0 0; }
    .slideshow .navigation li figure{ }
    .slideshow .navigation li figure img{ width:100%; max-width:none !important;}
    .slideshow .navigation a.link{ font-weight:800; color:rgb(0,0,0); margin:0 0 2px 0; }
    .slideshow .alternate-teaser{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../../files/images/slideshow/leistungen/individuelles.jpg") no-repeat center center; background-size:cover; }
    
    .ie.ie7 .slideshow .teaser .title,
    .ie.ie8 .slideshow .teaser .title{ font-size:2em; }
    
    .no-js .slideshow .slider .item.first{ }
    .no-js .slideshow .button{ display:none; }
    .no-js .slideshow .slider .item > .container{ display:none; }
    .no-js .slideshow .alternate-teaser{ display:block; }

/****************************/
/********** Module **********/
/****************************/
    .module.teaser{ margin-bottom:4%; padding:0 0 10px 0; }
    .module.teaser figure a{ position:relative; display:block; }
    .module.teaser figure a .cover{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition:0.55s all; -o-transition:0.55s all; transition:0.55s all; -webkit-box-shadow:inset 0px 0px 126px 29px rgba(0, 0, 0, 0.45); -moz-box-shadow:inset 0px 0px 126px 29px rgba(0, 0, 0, 0.45); box-shadow:inset 0px 0px 126px 29px rgba(0, 0, 0, 0.45); }
    .module.teaser .content{ padding:15px 0 0; border-top:5px solid rgb(41,171,226); }
    .module.teaser .link{ font-size:1.5em; color:rgb(41,171,226); font-weight:800; }
    .module.teaser .link:after{ content:" ›"; -webkit-transition:0.15s all; -o-transition:0.15s all; transition:0.15s all; }
    .module.teaser:hover figure a .cover{ opacity:1; }
    .module.teaser:hover .link:after{ padding-left:3px; }
    
    .mod_mbb_reference_list{ margin-top:6em; float:right; }
    .mod_mbb_reference_list .headline{ margin:0 20px 1em ; text-align:left; font-weight:800; font-size:1.286em; max-width:300px; text-transform:uppercase; }
    
    .module.reference{ border-bottom:10px solid rgb(0,0,0); padding:25px 20px; width:80%; max-width:300px; }
    .module.reference.first{ border-top:10px solid rgb(0,0,0); }
    .module.reference .title{ margin-bottom:0.5em; font-size:1.429em; line-height:1.2em; font-weight:800; }
    .module.reference table{ }
    .module.reference table td{ }
    .module.reference table td.label{ padding-right:1em; font-style:italic; }

    .hgroup{ margin-bottom:3.5em; text-align:right; }
    .hgroup h2{ margin-bottom: 5px; }
    
    .bg{  position:relative; }
    .bg .wrapper > .content{ padding-left:10%; padding-right:10%; }
    .bg.padding .wrapper{ padding:10%; }
    .bg.blue{ background:rgb(41,171,226);}
    .bg.blue h3{ color:rgb(255,255,0); }
    .bg.gray{ background:rgb(239,239,239); }
    
/******************************/
/********** Formular **********/
/******************************/
    .formbody .item{ margin-bottom:1.0em; }

    .formbody .item > label{ float:none; width:auto; margin:0; color:rgb(255,255,255); font-size:0.857em; font-weight:400; line-height:1em; }
    .formbody .item > label:after{ content:":"; }
    .formbody .item .field{ float:none; width:auto; margin:0.25em 0 0; }
    
    input,select,textarea{ -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0; }

    textarea,input{ box-sizing: border-box; width: 100%; padding: 8px 10px; }
    input{
         height: 32px;
    }

    
    ::-webkit-input-placeholder{ color:rgb(41,171,226); font-style:italic; }
    :-moz-placeholder{ color:rgb(41,171,226); font-style:italic; }
    ::-moz-placeholder{ color:rgb(41,171,226); font-style:italic; }
    :-ms-input-placeholder{ color:rgb(41,171,226); font-style:italic; }
    
    input:not(.checkbox):focus,
    input:not(.checkbox):active,
    select:focus,
    select:active,
    textarea:focus,
    textarea:active{ border:0; background:rgb(255,255,0); }

    input:not(.checkbox):hover,
    select:hover,
    textarea:hover{ border:0; background:rgb(255,255,0); }
    
    .formbody .submit_container{ width:auto; text-align:left; margin-top:1em; }

    .formbody .checkbox_container{ position: relative; margin: 0; padding: 0 0 0 36px; border:0; color: #fff;  }

    .formbody .checkbox_container a{ color: #fff; text-decoration: underline;  }

    
    input.submit{ padding:0 2.5em; height:2.0em; line-height:2.0em; background:rgb(255,255,255); color:rgb(41,171,226); font-size:1.286em; -moz-transition:0.35s all ease-in; -webkit-transition:0.35s all ease-in; -o-transition:0.35s all ease-in; transition:0.35s all ease-in; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
    input.submit:hover,
    input.submit:active{ background:rgb(255,255,0); /*color:rgb(255,255,255); border:1px solid rgb(255,255,255);*/ }
    input.submit:hover{ -moz-transition:0.15s all ease-in; -webkit-transition:0.15s all ease-in; -o-transition:0.15s all ease-in; transition:0.15s all ease-in; }


    input[type="checkbox"]{ 
        /*display: none;*/
        zoom: 1;
        filter: alpha(opacity=0);
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        position: absolute;
         }
    input[type="checkbox"]+label{ 
        display:block;
    }
    input[type="checkbox"]+label:before{
            display:block;
            position: absolute;
            top:0;
            left: 0;
            margin:1px 0.5em 0 0;
            content:"";
            width:20px;
            height:20px;
            border:0;
            vertical-align:middle;
            cursor:pointer;
            border: 2px solid #fff;
    }

    input[type="checkbox"]:checked+label:before{
        background-color: #fff;
    }



.cookiebar {
  box-sizing: border-box;
  position: fixed;
  left: 0;
  width: 100%;
  padding: .6em .8em;
  
  background: rgb(41,171,226);
  color: #fff;
  font-size: 1em;
  z-index: 1500;
}

.cookiebar * {
    box-sizing: border-box;
}

.cookiebar__inner{
    margin: 0 auto;
}

.cookiebar--active {
  display: block !important;
}
.cookiebar--position-top {
  top: 0;
}
.cookiebar--position-bottom {
  bottom: 0;
}
.cookiebar__link {
  color: #fff !important;
  text-decoration: underline;
}
.cookiebar__link:hover {
  text-decoration: none;
}

.cookiebar__text{
    font-size: 15px;
}

.cookiebar__button {
  border: none;
  cursor: pointer;
  background-color: #fff;
  color: rgb(41,171,226);
  font-size: 1.2em;
  font-weight: 700;
  line-height: 150%;
  padding: 0.4em 1.5em;
  width: auto;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
}
.cookiebar__button:hover {
    background: rgb(255,255,0);
}

@media screen and (max-width: 480px) {
  .cookiebar__text {
    margin-bottom: 0.6em;
  }
  .cookiebar__button {
    width: 100%;
  }
}

@media screen and (min-width: 481px) {
  .cookiebar {
    padding: .8em .8em;
  }
  .cookiebar__inner {
    display: table;
    width: 100%;
    max-width: 1095px;
  }
  .cookiebar__text,
  .cookiebar__action {
    display: table-cell;
    vertical-align: middle;
  }
  .cookiebar__action {
    text-align: right;
  }
  .cookiebar__text {
    padding-right: 2em;
  }
}
}
/**********************************************************/
/* Media Queries CSS File                                 */
/*                                                        */
/* Project: MBB Group                                     */
/* Web: www.mbb-group.eu                                  */
/*                                                        */
/* Version: 1.0 - 2013-02-28                              */
/*                                                        */
/* Copyright (C) 2013 Idee & Anhang - www.idee-anhang.de  */
/**********************************************************/

/*@media handheld, only screen and (min-width: 800px)*/
@media only screen and (min-width: 801px)
{
    body.fullscreen #header{ -webkit-box-shadow:0px 0px 150px 20px rgba(0,0,0,0.60); -moz-box-shadow:0px 0px 150px 20px rgba(0,0,0,0.60); box-shadow:0px 0px 150px 20px rgba(0,0,0,0.60); }
    body.fullscreen #logo{ left:5%; }
    
    .slideshow .navigation{ -webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.30); -moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.30); box-shadow:0px 0px 15px 1px rgba(0,0,0,0.30); }
    .slideshow .navigation li.current figure{ -webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.30); -moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.30); box-shadow:0px 0px 15px 1px rgba(0,0,0,0.30); }
    .bg{ -webkit-border-bottom-right-radius:7em; -moz-border-radius-bottomright:7em; border-bottom-right-radius:7em; position:relative; }
    
    #navigation a,
    #changelanguage a{ transition: background-color 1.5s; -webkit-transition: background-color 1.5s; -o-transition: background-color 1.5s; -moz-transition: background-color 1.5s; }
    #navigation a:hover,
    #changelanguage a:hover{ transition: background-color 0.4s; -webkit-transition: background-color 0.4s; -o-transition: background-color 0.4s; -moz-transition: background-color 0.4s; }
    
    #navigation .wrapper{ display:block !important; }
    
    #changelanguage ul{ display:none !important; }
    #changelanguage:hover ul{ display:block !important; }
}   
@media only screen and (max-height: 799px)
{
    .slideshow .navigation{ bottom:0; padding-bottom:5px; }
}
@media only screen and (max-width: 1319px)
{
    .slideshow .navigation{ padding-left:0; }
    .slideshow .navigation .title{ margin:0; width:47%; }
}
@media only screen and (max-width: 1120px)
{
    .slideshow .slider .item > .teaser{ left:60%; }
}
@media only screen and (max-width: 1009px)
{
    .slideshow .navigation{ bottom:0; padding-bottom:5px; }
}
@media only screen and (max-width: 959px)
{
    h1{ font-size:2.357em; }
    h2{ font-size:1.786em; }
    h3{ font-size:1.286em; }
    
    .slideshow .button{ display:none; }
    .slideshow .navigation a.link{ font-size:0.857em; }
    .slideshow .slider .item > .teaser{ left:50%; }

    .module.teaser .link{ font-size:1.286em; }
    
    #mapContact .dlh_googlemap{ width:100% !important; height:180px !important; }
}
@media only screen and (max-width: 800px)
{
    .body{ padding:40px 0 0 !important; }
    section.main{ width:100%; }
    
    #header{ position:static; }
    #header > .container{ position:static; }

    .mod_article:not(.bg){ margin:0 2%; width:96%; }
    [class*="cols-"].mod_article:not(.bg){ margin-right:4%; margin-left:4%; width:92%; }
    [class*="cols-"].bg{ margin-right:0; margin-left:0; width:100%; }
    
    h1{ font-size:2.143em; }
    h2{ font-size:1.714em; }
    
    a.phone{ padding-left:25px; cursor:pointer; color:rgb(0,200,0); background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFCRTQ1MEYzQkE3QTExRTI5QkIzOUM3REY4QURFRjI0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFCRTQ1MEY0QkE3QTExRTI5QkIzOUM3REY4QURFRjI0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUJFNDUwRjFCQTdBMTFFMjlCQjM5QzdERjhBREVGMjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUJFNDUwRjJCQTdBMTFFMjlCQjM5QzdERjhBREVGMjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5rTJsdAAABVUlEQVR42mJkOMEAA+5AnATER4F4EgMx4C8Dw36d/QwOfA4MLFChSCCeAsRCQBwAxOxA3M1AAmACYj0g7ocaAgJsQNwExOqkGpQNxOJo4hxAHEKqQVY45Pyh8kQbxIJDbh+pLjqEJvYbGtCVQPyPFINAsfUKSewjELcD8X9SXXQZiNciiYkAcQYDiQAWmJOB+AeSeB0Q25Fj0HUgnogW/cuA2IBUg0CgBYgvIPGlgXgjEBti0ZcKTX+SnEycYAFmhhS45C9oPgsFYm6oGD8QBwHxfSC+BhUrgkaQFxBHvPnzhlmPW+8yI1KmhQEXaODzIYmBYnAuEL8B4gr0jMvJynkam0EgYAnEC4FYlagA+s/wHlcWOA7E9kC8ipiiRJdbdwsuFyEDUBiVQF2J7hIGLkauR2s01rgQYxAkUiAuDARiYyAWBeeAvwzHl6gt6Y0WiX4AEGAANCxDJniXkHwAAAAASUVORK5CYII=) no-repeat left center; }
    a.phone:hover{  }
    
    #navigation{ float:none; margin:0; width:100%; padding:60px 0 0; }
    #navigation .toggleNavi{ display:block; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYyOTc5MzMxOTNFRTExRTI5RDg3QjQ2QjI2QUE4RTdGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYyOTc5MzMyOTNFRTExRTI5RDg3QjQ2QjI2QUE4RTdGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjI5NzkzMkY5M0VFMTFFMjlEODdCNDZCMjZBQThFN0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjI5NzkzMzA5M0VFMTFFMjlEODdCNDZCMjZBQThFN0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz54uSC8AAAAfUlEQVR42uzXwQmAMBAEwJxYhWAD9l+LH/+2ETvwIeQwyew/kCG3nEattYyQpQwSEBAQEBAQEBCQdlk/nsv4ZA6jNeNoXX+DhD9EEJAmZT8S7nZmlN1C1BFlf89usxstkDnKfifcbbPZdaTjjoQXAQEBAQEBAQEB6S6PAAMAMvkVVjiOQeAAAAAASUVORK5CYII=) no-repeat center center;  width:60px; height:60px; float:right; cursor:pointer; border-left:1px solid rgb(34,34,34); }    
    #navigation .toggleNavi:hover{ background-color:rgb(41,171,226); }
    #navigation .wrapper{ display:none; }
    #navigation ul{ float:none; }
    #navigation li{ margin:0; float:none; }
    #navigation li:hover > a{ background:rgb(34,34,34); }
    #navigation a{ height:auto; line-height:1.4em; padding:1.2em 2em; background:rgb(34,34,34); width:auto; }
    
    #navigation ul.level_1{ border-top:0px solid rgb(25,25,25); }
    #navigation ul.level_1 > li{ border-bottom:1px solid rgb(25,25,25); }
    #navigation ul.level_1 ul{ display:block; position:relative; top:auto; left:auto; width:100%; }
    #navigation ul.level_2{ background:rgb(44,44,44); border-top:1px solid rgb(25,25,25); }
    #navigation ul.level_2 > li{ padding:0 0 0 2em;  }
    #navigation ul.level_2 a{ width:auto; height:auto; line-height:1.4em; font-size:1em; padding:1em 1.5em; background:rgb(44,44,44); border-top:1px dotted rgb(25,25,25); }
    #navigation ul.level_2 li.first a{ border-top:0; }
    
    #navigation a.trail{ background:rgb(34,34,34); }
    #navigation ul a.active,
    #navigation ul a:hover{ background:rgb(41,171,226); }
    .no-js #navigation .wrapper{ display:block; }
    
    #changelanguage{ float:left; width:60px; height:60px; border-right:1px solid rgb(34,34,34); }
    #changelanguage ul{ top:60px; right:auto; left:0; }
    #changelanguage a, #changelanguage span{ height:50px; line-height:50px; }
    
    #logo{ left:70px; top:5px; }
    #logo .image{ display:none !important;  }
    #logo .acronym{ display:block !important; opacity:1 !important; margin:0 !important; }
    #logo .company{ display:none; }
    
    .mod_ia_slideshow{ position:relative; min-height:0; }
    .slideshow .navigation{ position:relative; background:none; padding:0; }
    .slideshow .navigation .container{ min-width:0; }
    .slideshow .navigation li.item{ width:46% !important; margin:0 2% 30px; float:left; }
    .slideshow .navigation li.item figure a{ position:relative; display:block; }
    .slideshow .navigation li.item figure a .cover{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition:0.55s all; -o-transition:0.55s all; transition:0.55s all; -webkit-box-shadow:inset 0px 0px 126px 29px rgba(0, 0, 0, 0.45); -moz-box-shadow:inset 0px 0px 126px 29px rgba(0, 0, 0, 0.45); box-shadow:inset 0px 0px 126px 29px rgba(0, 0, 0, 0.45); }
    .slideshow .navigation li.item .content{ margin:0; padding:10px 0 0; border-top:5px solid rgb(41,171,226); }
    .slideshow .navigation li.item a.link{ font-size:1.143em; color:rgb(41,171,226); font-weight:800; }
    .slideshow .navigation li.item a.link:after{ content:" ›"; -webkit-transition:0.15s all; -o-transition:0.15s all; transition:0.15s all; }
    .slideshow .navigation li.item:hover figure a .cover{ opacity:1; }
    .slideshow .navigation li.item:hover a.link:after{ padding-left:3px; }
    .no-js .slideshow .alternate-teaser{ display:none; }
    
    .module.teaser{ width:46% !important; margin:0 2% 20px; float:left; }
    .module.teaser .content{ padding:10px 0 0; }
    .module.teaser .link{ font-size:1.143em; }
    
    .mod_mbb_reference_list{ margin-top:5em; margin-bottom:5em; }
    
    .module.reference{ max-width:none; padding:30px 20px; width:auto; }
    
    .hgroup{ text-align:left; margin-bottom:2em; }
    .bg .wrapper > .content{ padding-left:5%; padding-right:5%; }
    .bg.padding .wrapper{ padding:5%; overflow-x: hidden; }
    
    #mapContact .dlh_googlemap{ width:100% !important; height:280px !important; }
    
    .spacer{ padding-bottom:1.5em; }
    .spacer-dbl{ padding-bottom:3em; }
    .spacer-box{ padding:1.5em; }
}

@media only screen and (max-width: 479px)
{
    h1{ font-size:1.857em; }
    h2{ font-size:1.429em; }
    h3{ font-size:1.286em; }

    #logo .company{ display:none !important; }    
    .contact-data strong{ font-size:1.286em; }
    .slideshow .navigation li.item{ width:96% !important; float:none; }
    .module.teaser{ width:96% !important;  }
}