#cookie-notice,#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;text-align:center}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;letter-spacing:0;line-height:20px;left:0}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container,#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container,#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:0;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){letter-spacing:.25px;margin:0 0 0 10px;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px}.cn-buttons-container,.cn-text-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade,#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-buttons,.cookie-notice-container #cn-notice-text{display:block}#cookie-notice .cn-button{margin:0 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}:root {
--main-blue-color: rgba(0,76,147,1);
} @font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 300;
src: url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-300.eot); src: local(''),
url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-300.woff2) format('woff2'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-300.woff) format('woff'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-300.ttf) format('truetype'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-300.svg#Ubuntu) format('svg'); } @font-face {
font-family: 'Ubuntu';
font-style: italic;
font-weight: 300;
src: url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-300italic.eot); src: local(''),
url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-300italic.eot?#iefix) format('embedded-opentype'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-300italic.woff2) format('woff2'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-300italic.woff) format('woff'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-300italic.ttf) format('truetype'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-300italic.svg#Ubuntu) format('svg'); } @font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src: url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-regular.eot); src: local(''),
url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-regular.woff2) format('woff2'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-regular.woff) format('woff'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-regular.ttf) format('truetype'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-regular.svg#Ubuntu) format('svg'); } @font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 500;
src: url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-500.eot); src: local(''),
url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-500.eot?#iefix) format('embedded-opentype'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-500.woff2) format('woff2'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-500.woff) format('woff'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-500.ttf) format('truetype'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-500.svg#Ubuntu) format('svg'); } @font-face {
font-family: 'Ubuntu';
font-style: italic;
font-weight: 500;
src: url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-500italic.eot); src: local(''),
url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-500italic.eot?#iefix) format('embedded-opentype'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-500italic.woff2) format('woff2'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-500italic.woff) format('woff'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-500italic.ttf) format('truetype'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-500italic.svg#Ubuntu) format('svg'); } @font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
src: url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-700.eot); src: local(''),
url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-700.woff2) format('woff2'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-700.woff) format('woff'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-700.ttf) format('truetype'), url(//www.mbg-hh.de/wp-content/themes/bg2017/fonts/ubuntu-v20-latin-700.svg#Ubuntu) format('svg'); }
img {border: none;}
img.geschichte {
background-color: #F4F6F7;
height: auto;
margin: 0;
padding: 1rem;  
max-width: 90%;
height: auto;
}
img.float_left {
float:left;
margin: 6px 20px 0 0;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
img.float_right {
float:right;
margin: 6px 0 0 20px;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
img.noborder {
border: none;
float:left;
margin: 6px 0 0 20px;
}
span.bildunterschrift {
display:block;
margin-bottom: 2em;
margin-bottom: 2rem;
font-size: 0.7em;
font-size: 0.7rem;
}
body { 
background:#fff;	
margin:0;
padding:0;
font-family: "Ubuntu",arial, verdana, sans-serif;	
font-size: 62.5%;    
line-height:1.4em;
color: #333;	
}
body.content {
background-position: 0 -359px; }
#fixer {
position: fixed;
width: 100%;
z-index: 19;	
background: var(--main-blue-color);	
}
#mobiletopnav,#mobilemenue {display:none;} #corona-header {	
background-color: red;
min-height: 70px; }
#corona-header #content {	
max-width: 1280px;
margin: 0 auto;	
z-index: 20;	
width: 100%;
position:relative;
padding: 10px 10px 0 10px;	
}
#corona-header #content p {
color: #fff;
font-size: 1.3rem;
margin:0; 
padding:0;	
}
#corona-header #content a {
color: #000;
font-size: 1rem;
font-weight: 400;
display:inline-block;	
text-decoration: none;
text-align:center;
background-color: #fff;
line-height: 1.3em;
padding: 5px 15px;
margin-right: 10px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
border-radius: 5px;
vertical-align: middle;
}
#corona-header #content a:hover {	
background-color: #2E659B;
color: #fff;
}
#corona-header #content i {
display:none;
background-color: #fff;
color: #000;
font-size: 1.1rem;
padding: 5px 7px;
border: 1px solid #fff;
border-radius: 5px;
cursor: pointer;
position: absolute;
top: 20px;
right: 30px;
z-index: 100;
} #topnav{
height: 56px;
padding:0;	
min-width: 960px;
max-width: 1280px;
margin: 0 auto;	
z-index: 20;	
width: 100%;
text-align:right;    	
white-space:nowrap;
position:relative;
}
#topnav ul {margin:0; padding:15px 0 0 0;}
#topnav ul li {
position:relative;
list-style-type: none;
display: inline-block;    
margin-right: 10px;
font-size:14px;    
font-size:16px;    
padding: 1px;
}
#topnav ul li.active ul li.active a{
background-color: rgba(255,255,255,1);
}
#topnav > ul > li a:hover,
#topnav > ul > li.current-menu-parent > a,
#topnav > ul > li.active > a {	
background-color: rgba(255,255,255,0.9);	
color: var(--main-blue-color);
}
#topnav ul li:last-child{
margin: 0 2px 0 0;
padding:0; 
background: none;
}
#topnav ul li a {    
position:relative;
font-family: 'Ubuntu',arial,sans-serif; color: rgba(255,255,255,1);
text-decoration:none; padding: 0px 6px; 
display:block;
line-height:25px;    
transition: all 0.3s ease;
cursor: pointer;
user-select: none;
}
#topnav ul li.active li.active a,
#topnav ul li.active li a:hover,
#topnav ul li.active li.active  li.active a,
#topnav ul li.active li.active li a:hover
{    
color: var(--main-blue-color);
}
#topnav ul li a span {color:#ced6e3;
font-style:italic; padding: 0 0 0 3px; font-family: times,serif;
font-size: 15px;} #topnav ul li ul {    
background: #fff;
background: rgba(255,255,255,0.9);
position: absolute;           
-webkit-box-shadow:  0px 5px 3px -2px #ccc ;        
box-shadow:  0px 5px 3px -2px #ccc;    
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 7px 7px;       
padding: 15px 7px 7px 7px;
margin-left: -8px;
margin-top:1px;
left:-100000px; opacity: 0; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; }
#topnav ul li ul li,
#topnav ul li.active ul li,
#topnav ul li ul li ul li,
#topnav ul li.active ul li ul li,
#topnav ul li.active ul li.active ul li
{
display: block;
text-align:left;    
background: transparent; filter:none;
-webkit-border-radius: 0;
border-radius: 0; 
margin-right: 0; 
position:relative;
}
#topnav ul li ul li:last-child {
display: block;
text-align:left; filter:none;
-webkit-border-radius: 0 0 3px 3px; 
border-radius: 0 0 3px 3px; 
margin-right: 0;
border-bottom: none;    
padding: 1px;
}
#topnav ul li ul li a,#topnav ul li.active ul li a,
#topnav ul li ul li ul li a,
#topnav ul li.active ul li.active ul li a,
#topnav ul li.active ul li ul li a{
color: #fff;
color: #000;
padding-left: 7px;
padding-right: 7px;
line-height: 30px;
background: none;
filter:none;       
-webkit-border-radius: 0;
border-radius: 0;
cursor: pointer;
user-select: none;
}
#topnav ul li.active ul li.active, 
#topnav ul li.current-menu-parent ul li.active, 
#topnav ul li ul li:hover,
#topnav ul li:hover ul li:hover a,
#topnav ul li:hover ul li:hover a:hover,
#topnav ul li ul li:hover a,
#topnav ul li ul li a:hover,
#topnav ul li.active ul li a,
#topnav ul li.current-menu-parent ul li a,
#topnav ul li.active ul li.active ul li a 
{           
-webkit-border-radius: 3px; 
border-radius: 3px;        
}
#topnav ul li:hover ul, #topnav ul li a:hover ul { opacity: 1;
left: 0%;
}
#topnav ul > li > ul.desk-visible {
opacity: 1;
left: 0%;
} #topnav ul li ul li ul {
position:absolute;
left: 99%;
padding-left: 18px;	
margin-top: -41px;
width: 250px;	
opacity: 1;		
}
#topnav ul li:hover ul li ul, #topnav ul a:hover ul li ul{    
display:none;
}
#topnav ul li ul li:hover ul, #topnav ul li ul a:hover ul{    
display:block;
left: 103.7%;
} #searchform {
display:inline-block;
height: 25px;
margin:0;
padding:0;	
}
#searchform input[type=text] {    
width : 150px;
height :25px;	    
color : transparent;        
border-radius: 0px 0px 0px 0px;
border:none;
margin:0;
padding:0 0 0 3px;
color: #000;
display:inline;
transition: all 0.3s ease;
opacity:0.5;
}
#searchform input[type=text]:focus{ opacity:1; }
#searchform input[type=submit] {
width : 25px;
height :25px;
background: rgba(255,255,255,0.5);
color: #fff;
font-weight:bold; border-left:1px solid rgba(255,255,255,1);
border-top:none;
border-right:none;
border-bottom: none;
-webkit-border-radius: 0px 2px 2px 0px;
border-radius: 0px 2px 2px 0px;
display:inline;
vertical-align:top;
cursor: pointer;	
} #page,#header-wrapper {		
width: 100%;
min-width: 960px;
max-width: 1280px;
margin: 0 auto;	
padding: 56px 0 0 0; position:relative;
background-color:#fff;
}
#page-wrapper { background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(248,248,248,0.71) 57%, rgba(252,252,252,0.28) 83%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(248,248,248,0.71) 57%,rgba(252,252,252,0.28) 83%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(248,248,248,0.71) 57%,rgba(252,252,252,0.28) 83%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00ffffff',GradientType=0 ); }
#page {
padding-top:0;	
}
#header-wrapper {
max-width: 100%;		
max-height: 466px;
}
body.start #header-wrapper { height:466px;
padding-top:0; }
body:not(.start) #header-wrapper {
max-width:1280px;
background: #f2f4f5;
}
#background {
left: -110px;
top: 56px; position: absolute;    
z-index: 9;
}
header {
height: 470px;	
background: #fff;
}
body.content header{
height: 110px; }
#logo-on-scroll {
position:absolute;
left: 5%;
left: calc(5%);
height: 100%;
box-sizing: border-box;
padding:8px 20px 0 0;
opacity: 0;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#logo-on-scroll.visible {
opacity: 0.9;
}
@media only screen and (max-width: 900px){
#logo-on-scroll {
display:none;
}
}
div.logo{
position:absolute;
margin-left: 0;
z-index: 10;	
width:625px;
height: 110px;   
top: 56px; transition: all 0.5s ease;
}
.start div.logo{  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 8%, rgba(255,255,255,0.8) 16%, rgba(255,255,255,0.98) 25%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 75%, rgba(255,255,255,0.8) 83%, rgba(255,255,255,0.5) 89%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 8%,rgba(255,255,255,0.8) 16%,rgba(255,255,255,0.98) 25%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 75%,rgba(255,255,255,0.8) 83%,rgba(255,255,255,0.5) 89%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 8%,rgba(255,255,255,0.8) 16%,rgba(255,255,255,0.98) 25%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 75%,rgba(255,255,255,0.8) 83%,rgba(255,255,255,0.5) 89%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }   
.start div.logo img {transition: all 0.5s ease;}
div.logo img {margin-top: 15px;}
body:not(.start) div.logo {
margin-left:5%;
}
@media only screen and (max-width: 1000px){
body div.logo { }
.start div.logo img {		
margin-top: 10px !important;		
}
}	
div.logo h3 { color: #004a93;
font-size: 28px;	
font-weight: 500;
line-height: 1.2em;	
padding-left: 140px;
padding-top: 15px;
}
div.logo h3 span:last-child {
display:inline-block;
width:100%;
text-align:right;
}
body.content div.logo h3 {display:none;}
div.jobkarriere {    
width:150px;
height:149px;
position:absolute;
left:220px;
top: 190px;
z-index:11;
transition: transform 0.05s ease 0s;
}
div.jobkarriere:hover {
transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
body.content div.jobkarriere{
top:62px;
left: 300px;    
height:104px;
width: 105px;
}
body.content div.jobkarriere img{
width:100%;
height: auto;    
}
body.content div.logo{
background:transparent;
height: 100px;
}
article {	
background-color: #fff;
text-align:center;
padding-bottom: 120px;
font-size: 1rem;
color: #626161;
}
h1,h2,h3,h4,
article section#kontaktformular h3{
font-family: 'Ubuntu';	
font-weight: 500;
-webkit-font-smoothing:antialiased;
margin-top: 0;
}
article section#kontaktformular h3 {color:#000;font-size:1.2em;line-height:1.2em;}
.row {margin-bottom: 2rem;}
.row:after,#page:after {clear: both;}
.row:before, .row:after {
content: "";
display: table;
}
article div.main {
float:left;
width: 70%;}
article.fullwidth div.main {
float:left;
width: 100%;}
article:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
article div.box,article div.halfbox{
background-color: #f4f6f7;   
width: 40%;
margin-left: 5%;    
text-align:center;
padding: 1em; 
padding: 1rem; 
float:left;    
}
article div.kundenportraits div.box{
width: 42%;
}
article div.kundenportraits div.row div.box:first-child{
margin-left:0;
}
article div.kundenportraits div.box h2 {
padding-top:0;
}
aside ul.kundenportraits_liste{
margin: 10px 0 0 5px;	
}
aside ul.kundenportraits_liste li a.kundenportrait {
text-decoration:none;
display:inline;
}
aside ul.kundenportraits_liste li a:hover {text-decoration:underline;}
article aside section div.teaser a.textlink {display:inline; text-decoration:underline;}
article div.halfbox {
float:left;
width: 20.5%;        
margin-left: 2%;
background-color: #f4f6f7;   
padding: 1rem 0.5rem 0.2rem 0.5rem; 
text-align:left;
}
article div.halfbox.glossar {
margin-left: 5%;
width: 17.5%;
}
article div.box div.overlayshow{    
display: block;
position: relative;
margin:0;padding:0;    
line-height: 0;
}
article div.kundenportraits div.row div.box div.overlayshow{
background: #E2E7E9;
}
article div.box div.overlayshow img {
border: 1px solid #fff;
width: 100%;
height: auto;
}
article div.box.ma div.overlayshow img {
border: none;
}
article div.kundenportraits div.box div.overlayshow img {	
width: auto;
max-width: 100%;
border-top: none;
border-bottom: none;	
}
article div.box div.overlayshow div.overlay{
position:absolute;
top: 1px;
bottom: 1px;
right: -1px;
left: 1px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=0);    
background: #4f6483; opacity: 0;
padding: 1em;
padding: 1rem;
color: #fff;
text-align:left;
line-height: 1.5em;
line-height: 1.5rem;
-webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }
article div.kundenportraits div.box div.overlayshow div.overlay{
bottom: 0px;
top: 0px;
}
article div.box div.overlayshow div.overlay h3 { font-family: times,serif;
font-size: 1.4rem;       
font-style:italic;
font-weight:normal;
display:block; 
margin-bottom: 0.5rem;
color: #fff;
line-height: 1.5rem;
}
article div.box div.overlayshow div.overlay p {
font-size: 1rem;            
font-weight:normal;
}
article div.box div.overlayshow div.overlay p {text-align:left}
article div.box div.overlayshow div.overlay p a {
color: #fff;}
article div.box div.overlayshow div.overlay p a.alignright {float:right;}
article div.box  div.overlayshow:hover div.overlay,
article div.box:hover  div.overlayshow div.overlay{ opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);    
} article div.box.ma div.overlayshow div.overlay{
padding: 0; 
top: 0px;
bottom: 0px;
right: 0px;
left: 0px; }
article div.box.ma:hover  div.overlayshow div.overlay{    
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=100);    
}
article div.box.ma div.vita{    
display:none;
padding: 0 10px;    
height: auto;
text-align: left;
line-height: 1.3rem;
}
article div.box.ma div.vita a.closevita{
color:#333;
width: 100%;
text-align:right;
display:block;    
}
article div.box.ma .albottom h2 {margin:0.5rem 0.5rem 0.2rem 0.5rem;}
article div.box.ma .albottom h4 {font-size: 0.9rem;margin-bottom:0.2rem;margin-top:0;line-height: 1.2rem;font-weight: normal;}    
article div.box.ma .albottom p {text-align:center;}  article div.box.ma2{
width: 28%;
margin-left: 2%;
}
article div.box.ma2 div.overlayshow div.overlay{
padding: 0; 
top: 0px;
bottom: 0px;
right: 0px;
left: 0px; }
article div.box.ma2:hover  div.overlayshow div.overlay{    
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=100);    
}
article div.box.ma2 div.overlayshow img {
border-color: #F4F6F7;
}
article div.box.ma2 div.vita{    
display:none;
padding: 0 10px;    
height: auto;
text-align: left;
line-height: 1.3rem;
}
article div.box.ma2 div.vita a.closevita{
color:#333;
width: 100%;
text-align:right;
display:block;    
}
article div.box.ma2 .albottom h2 {margin:0.5rem 0.5rem 0.2rem 0.5rem;}
article div.box.ma2 .albottom h4 {font-size: 0.9rem;margin-bottom:0.2rem;line-height: 1.2rem;font-weight: normal;}  article section.jobs p:last-child {
margin-bottom:0.5rem;
}
article section.jobs {
padding:0;
}
article section.jobanzeige {
padding:0 0 1.5rem 0;
}
article section.jobanzeige h2 {margin-bottom:0;}
article div.jobdesc {
display:none;
margin-top:1rem;
} article div.box h2,article div.halfbox h2 {
margin: 0.4em 1em 0.2em 1em;
margin: 1rem 1rem 0.5rem 1rem;
padding-top:0;}
article div.halfbox h2 {margin:0 0 0.3rem 0; padding-top:0;}
article div.box h2 a,article div.halfbox h2 a {
color: #3E6CB0;
font-size: 1em;
font-size: 1.4rem;
text-decoration:none; 
line-height: 1.3em;    
line-height: 1.6rem;    
}
article div.kundenportraits div.box h2 a{
font-size: 0.8em;
font-size: 1rem;
line-height: 1em;
line-height:1.3rem;
}
article div.halfbox.glossar h2,article div.halfbox.glossar p
{    
padding-left: 0.5rem;    
padding-right: 0.5rem;
}
article div.halfbox p {
margin-top: 0;
font-size: 0.9rem;
line-height: 130%;
}
article div.halfbox p a {
color: #000;
text-decoration: dotted;
}
article div.halfbox p a.glossar,body.content article p a.glossar {
color: #ff9900;
font-size: 2rem;
line-height: 2.3rem;
padding-right: 0.2rem;
text-decoration:none;    
}
article div.halfbox p a.glossar:hover {
text-decoration:underline;
}
article div.products {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.bg-product-accordion .su-spoiler.su-spoiler-closed .su-spoiler-title {
background: transparent url(//www.mbg-hh.de/wp-content/themes/bg2017/images/content/pfeil_grau_unten.png) no-repeat right 5px;
}
article section,article .main{
text-align:left;    
padding: 0 0 1rem 0;
width: 100%;
font-size: 1rem;
line-height: 1.4rem;    
}
article section.bgaktuell {
float:left;
width: 220px;
text-align:center;
background-color:#f4f6f7;
margin: 0 1em 2em 0;
margin: 0 1rem 2rem 0;
}
article section.bgaktuell p {
text-align:center;
}
article section.bgaktuell a:hover {text-decoration:none;}
article section.bgaktuell a img {height: 205px;}
article section h1,
body article h1{
font-size: 1.6em;
font-size: 1.3rem;
line-height: 1.2em;
line-height: 1.4rem;
letter-spacing: 0.01em;	
padding: 0.25rem 0;
color: var(--main-blue-color);
}
body.start article h1,body.start article h2{text-align:left;}
article section h2,article h2{    
color: var(--main-blue-color);
font-size: 1.1rem;
line-height: 1.2em;
margin-bottom: 0.5rem;
}
article h2 {padding-top:0.5rem;}
article h2.glossarletter {color: #333;}
article section h3,article h3{
color: #a7a7a7;
font-size: 4rem;
line-height: 4rem;
margin-bottom: 1rem;
font-weight: normal;
}
article section h4,article h4{margin-bottom: 0;margin-top:1rem;color: #3f6cb0;}
article section p,article p {margin-top: 0;}
article section ul,article ul {margin-left:0;padding-left:0;}
article section ul li,article ul li {
list-style-type:none;
padding:0 0 0 25px;
margin:0;
background: transparent url(//www.mbg-hh.de/wp-content/themes/bg2017/images/content/pfeil_orange_15px.png) no-repeat 0px 4px ;
}
article .main img {max-width: 100%;height: auto;}
article {	
padding: 0 5%;
}
@media only screen and (max-width: 1000px){
article {	
padding: 0 3%;
}
}
body.content article
,body.start article{	
text-align:left;
padding: 2em 5% 120px 5%;
padding: 2rem 5% 120px 5%;
position: relative;}
body.content article div.row {margin-bottom: 0;}
body.content article div.kundenportraits div.row {
margin-bottom: 1em;
margin-bottom: 1rem;}
body article p,body article .su-row ul {
line-height: 1.4rem;
margin-top: 0;
text-align:left;
}
body article a {
color: #11a2da;
}
body.content article p a,
body.content article section a,
body.content article section a:visited,
body.content article a{color: #333;}
body.content article p.top {text-align:right;}
a.glossarletter{padding-top: 70px;}
h2.team {color: #333;font-size: 1rem;
margin: 1rem 0 0 0;
line-height: 1.5rem;
cursor:pointer;background-color: #f0f0f0;
border-radius: 10px;border:1px solid #ccc;
padding: 7px;
}
h2.team:before {
content: "\f0da";
line-height: 21px;
width: 10px;
display:inline-block;
width: 20px;	
padding-right: 7px;
text-align: center;
font-size: 14px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;}
h2.team.open:before{
content: "\f0d7";
}
.teammembers {
margin-top: 10px;
}
h2.team + .teammembers,
.teamgroup > .row:not(:first-child)
{display:none};
article div.mitarbeiter {
margin: 0 1em 2em 0;
margin: 0 1rem 2rem 0;
background-color: #f4f6f7;
padding: 1em;
padding: 1rem;
float:left;    
width: 330px;
height: 120px;
text-align:left;      
} article div.kundenportrait h3,article div.mitarbeiter h3 {
font-size: 1.2em;
font-size: 1.2rem;
color: #3E6CB0;
line-height: 1.2em;
line-height: 1.4rem;
margin-bottom: 0.2em;
margin-bottom: 0.2rem;
}
article div.mitarbeiter h4 {font-weight: normal;color: #333;font-size: 0.9rem;margin-bottom: 0.4rem;
line-height: 1.2rem;}
article div.mitarbeiter a.lytebox img {
float:left;padding: 0;margin: 0 10px 10px 0;border: 1px solid #fff;}
article div.mitarbeiter p {clear:both;font-size: 0.9rem;}
article section#kontaktformular > * {margin-left: 0;}
section#kontaktformular {
background-color: #f4f6f7;    
width: 330px;
margin:0 1rem 2rem 0;
padding: 1rem;
clear:both;
}
section#kontaktformular label {display:block;}
section#kontaktformular input,section#kontaktformular textarea,section#kontaktformular select {
width: 95%;
}
section#kontaktformular input.math {
width: 20%;
}
section#kontaktformular input[type='checkbox'] {
width: 20px;
}
section#kontaktformular p {margin: 1rem 0;font-size: 0.9rem;}
article div.kundenportrait{
margin: 0.5rem 0 1rem 0;
clear:both;
width: 100%;
}
article a.kundenportrait{
text-decoration:none;width:100%;
display:block;clear:both;
min-height: 120px;}
article a div.kundenportrait p {
margin: 0.2rem 0 1.5rem 0;	
font-size:1rem;
float:left;
transition: transform 0.05s ease 0s;
background-color: #F4F6F7;
padding: 0.5rem;
width: 100%;
}
article a div.kundenportrait p:hover {
transform: scale(1.008) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);	
}
article a div.kundenportrait p{
text-decoration:none; font-family: times;
font-style: italic;
font-weight: 700;
color: #ff6600;
}
article div.kundenportrait img {float:left;margin-right: 0.5rem;}
article section div.imagefullwidth{
background-color:#eaeaea;
}
article section img.fullwidth { width: 100%;
height: auto;
display:block;
margin: 0 auto;	
}
.pressegalerie {
display:table;
border-collapse:separate;
border-spacing: 30px;
margin-left: -30px;
}
.pressegalerie > div {	
width: 202px;    
height: 262px;
margin: 0 50px 30px 0;
float:left;
}
.pressegalerie a {
background: #e5e5e5  url(//www.mbg-hh.de/wp-content/themes/bg2017/images/pfeil-dl.png) no-repeat 98% 97%;
background-size: 15px auto;
display:block;    
width: 202px;    
height: 202px;
position:relative; text-align:right;
vertical-align: bottom;
border: 1px solid #d3d3d3;
padding: 170px 25px 0px 0px; font-size: 16px;
box-sizing: border-box;
margin-bottom: 5px;
}
.pressegalerie a img {
width: auto;    
height: auto;    
position:absolute;
top:0;
left:0;
}
.main table {
border-collapse:separate; 
border-spacing: 0 15px;
}
.main table tr {
margin-bottom: 10px;
}
.main table td {
vertical-align:top;
padding-right: 20px;
}
.main img.alignleft {
float:left;
padding:2px 20px 10px 0;
}
.main img.alignright {
float:right;
padding:2px 0 10px 20px;
} body.content article aside {	
float:right;
width: 20%;	
min-width: 210px;
}
article aside section {
width: 100%;
padding: 0 0 1rem 0;
margin-bottom: 2rem; }
article aside h3 {
color: #336699;
font-weight: bold;
font-size: 0.9rem;
line-height: 1rem;
letter-spacing: 0.1em;
padding: 0.25em 3%;
padding: 0.25rem 3%;
margin:0;	
width: 94%;
background-color: #E2E7E9;
}
article aside h4 {margin-top: 0;color: #333;font-size:0.9rem;line-height:1.2rem;
margin-bottom: 5px;}
article aside p,article aside ul,article aside ol {
width: 100%;font-size:0.9rem;padding: 0;margin:0;}
article aside ul li {
margin:0;padding:0 0 0.5rem 20px;list-style-type:none;
background: transparent url(//www.mbg-hh.de/wp-content/themes/bg2017/images/content/pfeil_orange_15px.png) no-repeat 0px 4px ;
}
article aside section div.teaser {padding: 0.7rem 0 0.2rem 0}
article aside section a,article aside section a.kundenportrait{
text-decoration:none;	
display:block;
width: 100%;
transition: transform 0.05s ease 0s;
}
article aside section a:hover,article aside section a.kundenportrait:hover { }
article aside section ul li a,
article aside section p a {display: inline;text-decoration:underline;}
article aside section ul li a:hover,
article aside section p a:hover {text-decoration:none;}
article aside div.imagefullwidth {
margin: 0px 0 10px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;}
article aside div.imagefullwidth img {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
} .albottom {    
height: 5em;
height: 5rem;
width: 100%;    
}
#totop{
width:83px;
height: 83px;
z-index: 15;
position:absolute;    
right: 2rem;
text-align:right;    
margin-top: -100px;
} footer {
background: #000 url(//www.mbg-hh.de/wp-content/themes/bg2017/images/hg_footer_kachel.jpg);    
font-size: 0.9rem;     
}
footer #footer-content{ max-width: 750px;    
margin: 0 auto;	    
padding: 2rem 0;
}
#seonavi { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 48%, rgba(255,255,255,0.05) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(48%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.05))); background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 48%,rgba(255,255,255,0.05) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 48%,rgba(255,255,255,0.05) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 48%,rgba(255,255,255,0.05) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 48%,rgba(255,255,255,0.05) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#0dffffff',GradientType=0 ); border-bottom: 3px solid #5C6067;
display:block;
padding: 2em 0;
padding: 2rem 0;
margin-bottom: 2em;
margin-bottom: 2rem;	
}
#seonavi ul {
float:left;
width: 19%;
margin:0 0 0 5%;
padding:0;
border-left: 2px solid #848992;
list-style-type:none;
color: #cbcbcb;
}
#seonavi ul:first-child {margin-left:5%;}
#seonavi ul ul {
float:none;
border-left: none;
width: 100%;
margin: 0.5em 0 0 0;
margin: 0.5rem 0 0 0;
padding:0;
}
#seonavi ul li {float:none;
clear:both;
line-height: 1.5em;
line-height: 1.5rem;
display:block;
margin-bottom: 1em;
margin-bottom: 1rem;
padding-left: 0.5em;
padding-left: 0.5rem;
}
#seonavi ul li ul li {
margin-bottom: 0;
padding-left:0;
padding-bottom: 0.4em;
padding-bottom: 0.4rem;
line-height:1.2em;
line-height:1.2rem;
}
#seonavi a {text-decoration:none;}
#seonavi ul li a {color: #fff;padding-bottom:0.5rem;}
#seonavi ul li ul li a {color: #cbcbcb;}
#seonavi a:hover {text-decoration:underline;}
footer h3 {
color: #141414;
font-size: 1.1em;	
font-family:'Ubuntu',sans-serif;
font-size:1rem;    
font-weight: 400;
margin: 0 0 1rem 0;
}
footer div.links{
clear:both;    
width: 45%;    
float:left;
}
footer div.links p {
background-color: #fff;
border-radius: 5px;
overflow:hidden;
margin: 0 0 2px 0;
padding: 10px;
color: #141414;
font-size: 1.1em;	
}
footer div.links p strong {
font-weight:400;
padding-left:15px;
}
footer div.links p img {
padding: 5px 0;
max-width:250px;
height:auto;
}
footer div.links p:first-child img{
padding-top:30px;
}
footer div.adresse {
width: 45%;
float:right;    
color: #141414; 
padding-top:20px;
}
footer div.adresse a {
color: #fff;
}
footer div.adresse a:hover {
text-decoration:none;
}
footer div.adresse p {line-height: 1.3rem;}
footer div.adresse p.tel {color: #fff;}
footer div.adresse p.tel a {color: #ff9900;text-decoration:none;}
footer div.adresse p.tel a:hover {text-decoration:underline;}
footer div.adresse p.tel a.impressum {padding-left:0;}
footer div.adresse p.copyright{font-size: 0.7rem;margin:1rem 0 0 0;} div.carousel ul {margin:0;padding:0;background-color: #efefef;}
div.carousel ul li {
position:relative;
float:left;
width:410px; height:410px;
list-style-type:none;
margin:0 0 5px 0;
padding:0;
background-color: #efefef;
}
div.carousel .carousel-navi {font-size:0.9em;line-height: 2em;}
div.carousel .carousel-navi a {font-size: 0.9em;line-height: 2em;padding:1px 6px 3px 5px;text-decoration:none;}
div.carousel .carousel-navi a:hover {background-image:none;}
div.carousel .carousel-navi a:before{content:"";}
div.carousel .carousel-navi .hoverbt {background:transparent url(//www.mbg-hh.de/wp-content/themes/bg2017/images/slide-actual.png) no-repeat;}
div.carousel ul li h3{
font-size:36px;
position:absolute; top: 0px; left: 0px; 	
width: 30px;
height: 40px;
margin:10px;
border: 0px solid red;}
div.carousel ul li p {
position:absolute; top: 0px; left: 40px;
width:340px; 
margin:5px 10px;padding:0;	
font-size:0.75em;
line-height: 1.3em;
border:0px solid green;
}
div.carousel ul li p.express7 {top: 265px;left:10px;}
div.carousel.weg ul{
list-style-type:none;
}
div.carousel.weg ul li {
width: 100%;
min-height: 819px;
text-align:center;
list-style-type:none;
background:#fff;
}
div.carousel.weg ul li img {
max-width: 100%;	
height: auto;
}
div.carousel.weg div.carousel-navi {
text-align:center;
} .cse .gsc-control-cse, .gsc-control-cse  {
padding:0 !important;
font-family: 'Ubuntu',sans-serif !important;}
.gsc-table-result, .gsc-thumbnail-inside,
.gsc-url-top,.gsc-result-info {padding-left: 0 !important;}
.gs-result .gs-title, .gs-result .gs-title *,
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
color: #336699 !important;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
color: #FF6600 !important;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
font-size: 1.2rem !important;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
font-size: 1rem !important;
line-height: 1.3rem !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
font-size: 2rem !important;
color: #FF6600 !important;
text-decoration:underline !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page{
text-decoration:none !important;
} dd {font-family: 'Ubuntu',sans-serif;}
dt {font-size: 1.2rem;line-height: 1.5rem;margin-bottom: 0.3rem;}
dt a {color: #336699;}
dd {font-size: 1rem;line-height: 1.3rem;margin-bottom: 1.2rem;}
body.content article a.linkorange,body.content article a.page-numbers {color: #ff6600;}
nav.pagination h2.screen-reader-text,
body.content article p.sprungmarken {font-size: 1rem;
margin-top: 2rem;
padding-top: 1rem;
border-top: 1px solid #E2E7E9;
color: #000;}
body.content article a.page-numbers,
body.content article span.page-numbers.current{margin-right: 10px;} #konditionen {max-width: 100%;}
#konditionen,#konditionen2 img.resize {height: auto;}
#konditionen td {
text-align:center;
padding: 0.5rem 0.2rem;
font-size: 0.8rem;		
background-color: #fff;
}
#konditionen td:first-child {text-align:left;}
#konditionen tr:nth-child(2n) td {
background-color: #F4F6F7;
}
#konditionen tr.textleft td {text-align: left;vertical-align:top;}
#konditionen td p {margin-bottom: 0;}
#konditionen td ul li {text-align:left;margin-bottom: 0.5rem;}
#konditionen2 {
width: 100%;
max-width: 100%;        
}
#konditionen2 td {
padding: 0.5rem;
font-size: 0.8rem;
}
#konditionen2 tr:first-child td{
text-align:center;
}
#konditionen2 tr:nth-child(2n) td {
background-color: #F4F6F7;
} #updateyourbrowser {position: absolute; z-index:1000; 
top: 0; left: 0; width:178px;
height:178px;
display:none;}
.clr:before, .clr:after {
content: " ";
display: table;
}
.clr:after {
clear: both;
}
.clr:before, .clr:after {
content: " ";
display: table;
}
article table.glossar {
border-collapse: collapse;
border: 1px solid #000;
}
article table.glossar th,article table.glossar td {
border: 1px solid #000;
padding: 3px 8px;
}
#bgaktuellteaser {
position:fixed;
right: 0;
top: 90px;
background-color: #fff;    
-webkit-box-shadow: 3px 3px 8px 3px #666;
box-shadow: 3px 3px 8px 3px #666;
z-index: 11;
height: 90px;
border-radius: 5px;
}
#bgaktuellteaser.new {
height:100px;
width: 100px;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
top: 63px;
right: -3px;
}
body.start #bgaktuellteaser.new {
top: 280px;
}
#bgaktuellteaser .pfeillinks {
background-color: #ff9900;
height: 100%;    
float:left;
border-radius: 3px 0px 0px 3px;
}
#bgaktuellteaser .pfeillinks a {
display:inline-block;
padding: 35px 0 ;
}
#bgaktuellteaser .inner {
display:none;
float:left;
padding: 10px 20px;
}
#bgaktuellteaser p {
font-size: 1rem;
line-height: 1.3rem;
color: #000;
margin-top:0;
}
#bgaktuellteaser p a {
color: #000;
}
#bgaktuellteaser p a.hl {
text-decoration:none;
padding-bottom: 15px;    
display:block;
color: #3e6cb0;
font-weight: bold;
}
#bgaktuellteaser p a span {
font-size: 0.7rem;
}
#bgaktuellteaser p a.button {
background-color: #ff9900;
height: 22px;
display:inline;
text-decoration:none;
color: #fff;
font-weight:bold;
line-height: 1rem;
padding: 5px 10px 7px 10px;
border-radius: 5px; } #menu-hauptmenue i.fa-home {font-size: 120%;}
.fontawesome-text {display: none;} .frontpage {		
margin: 0;
clear:both;
}
.hp-teaser a {
text-decoration:none;
color: #2E659B;
}
.hp-teaser.one-half{	
position:relative;
width: 47.5%;	
margin-bottom: 30px;	
float:left;
}
.hp-teaser.one-half:first-child{
margin-right:5%;
}
.hp-teaser.one-half:last-child{
}
.hp-teaser.one-third{
float:left;
margin-right: 5%;	
width: 30%;
margin-bottom: 30px;
border-radius: 5px;
transition: all 0.3s ease;
}
.hp-teaser.one-third:hover {
background-color: #fcfcfc;
-webkit-box-shadow: 3px 3px 10px 2px #E6E6E6;
box-shadow: 3px 3px 10px 2px #E6E6E6;
}
.hp-teaser.one-third:last-child{
margin-right:0;
}
.hp-teaser.one-third.margin-first-third{
margin-left:17.5%;
}
.hp-teaser .img-teaser {
position:relative;
border: 1px solid #ececec;
border-radius: 5px;
overflow: hidden;
line-height: 0px;
}
.hp-teaser .hp-img-bgr {
z-index:0;
overflow:hidden;	 
}
.hp-teaser .hp-overlay {
z-index:1;
position:absolute;
bottom: 0;
width: 100%;	
}
.hp-teaser img {	
width:100%;
height: auto;
position: relative;	
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.hp-teaser.one-half img {	
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);	
transform: scale(1.03) rotate(0.02deg);	
}
.hp-teaser.one-half:hover img {
transform: scale(1.08) rotate(0.02deg);
-webkit-filter: blur(0px);
filter: blur(0px);
}
.hp-teaser.one-half h2,.hp-teaser.one-half p {		
background: rgba(255,255,255, 0.8);	
display:inline-block;
color: #333;
}
.hp-teaser.one-half h2 {
margin-bottom: 1px;
padding: 4px 10px;	
}
.hp-teaser.one-half p {
font-size: 1.2em;
line-height:1.2em;
padding: 7px 10px;
}
.hp-teaser ul li {
display:inline-block;
vertical-align:top;
list-style-type: none;
background: none;
padding:4px 10px;
border-right: 1px solid #999;
border-left: 1px solid #999;
}
.hp-teaser ul li:first-child,
.hp-teaser ul li:last-child{
border: none;
}
.one-third .text-teaser {
width: 95%;
margin: 10px auto;
text-align:center;
}
.one-third .text-teaser p {
text-align:center;
}
.hp-teaser ul li a,
.one-third .text-teaser p a{
color: var(--main-blue-color);
font-size:1.1em;
font-weight:400;
line-height:1.2em;
text-align:center;
}
.hp-teaser ul li a:hover {
}
.one-third .text-teaser p a span {
font-weight:500;
}
.hp-teaser.one-third .hp-overlay {
width: 100%;
height: 100%;	
overflow: hidden;
box-sizing: border-box;
padding: 15px 10px;
background-color: rgba(0,134,203,0.9);
opacity: 0;
transition: all 0.5s ease;
}
.hp-teaser.one-third .hp-overlay h3,
.hp-teaser.one-third .hp-overlay p{
color:#fff;
font-size: 1em;
line-height:1.3em;
}
@media only screen and (min-width: 801px) and (max-width: 1240px){ .hp-teaser.one-third .hp-overlay p:nth-of-type(2) {
display:none;		
}
.hp-teaser.one-third .hp-overlay h3:nth-of-type(2)::after {
content: " ...";
}
}
.hp-teaser.one-third .hp-overlay h3 {margin-bottom: 5px;}
.hp-teaser.one-third .hp-overlay .overlay-linkicon {
color:#fff;
background-color: #f0912d;
display:inline-block;
width: 30px;
height: 30px;
text-align:center;
position:absolute;
right: 20px;
bottom: 20px;
transform: rotate(-5deg);
}
.hp-teaser.one-third .hp-overlay .overlay-linkicon i {
font-weight: 700;
line-height: 30px;
font-size: 20px;
}
.hp-teaser.one-third .hp-overlay img {
height: 110%;
top: -5%;
width: auto;	  	
opacity: 0.4;	
}
.hp-teaser.one-third:hover .hp-overlay img {		
opacity: 1;	
}
.hp-teaser.one-third .hp-overlay.star img{
height:50%;
top: 25%;
}
.hp-teaser.one-third:hover .hp-overlay {
opacity:1;
}
.menu-jobs-aktuell-container {
position:absolute;
top:80px; right:5%;
border-left: 1px solid #ffa500;
z-index: 11;
padding: 5px 0;
}
.start .menu-jobs-aktuell-container {
top: 330px;	
left:5%;
}
.menu-jobs-aktuell-container ul {
margin:0;
padding:0;
}
.menu-jobs-aktuell-container li {
list-style-type:none;	
margin:0 0 1px 0;	
}
.menu-jobs-aktuell-container li a{
text-decoration:none;
color: #333;
font-size: 16px;
padding: 5px 12px 5px 10px;
background-color: #ffa500;
line-height:30px;
border-bottom-right-radius: 10px;	
}
p.bg-date {
font-weight:bold;
margin-bottom:00;
padding:10px 0 0 0;
}
p.bg-date + h2 {
padding-top:0;
}.nivoSlider {
position:relative;			
height: 355px !important;	
}
.nivoSlider img{
position:absolute;
top:0px;
left:0px;		
max-height:355px;
height:355px !important;	
max-width:100%;
object-fit: cover; }
.nivoSlider img.btg-fade {
position:absolute;
top:0px;
left:auto;
right:0px;	
max-height:355px;
height:355px;
width: auto !important; }
.nivoSlider .btg-fade {
opacity:0;
}
#btg-img-0 {opacity:1;}
.nivo-main-image {
display: block !important;
position: relative !important; 
width: 100% !important;
} .nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
} .nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;	
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; } .nivo-caption {	
position:absolute;
right:100px;
top: 359px;
top: 355px;
width:900px;
z-index:8;
padding: 15px 10px 0 10px;
opacity: 0.8; display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Ubuntu',sans-serif;
font-weight: 300;
font-style: italic;	
-webkit-font-smoothing:antialiased;
font-size: 22px;
line-height: 1.3em;
color:#9d9d9c;
text-align:right;	
border-right: 1px solid #999;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
font-family: 'Ubuntu',arial,verdana,sans-serif; 
font-weight: normal;    
display: block;
margin-top: 4px;
color: #f0912d;
font-style: normal;	
font-size: 16px;
text-decoration: none;	
}
.nivo-caption a:hover {
text-decoration: underline;
}
.nivo-html-caption {
display:none;
} .nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
} .nivo-controlNav {
text-align:center;
padding: 2px 5px;
position: absolute;
top: 435px;
right: 10px;	
color: #fff;
z-index: 10; border-left: 1px solid #fff;
}
.nivo-controlNav a {		
cursor: pointer;
display:inline-block;
width:22px;
height:22px;
background:url(//www.mbg-hh.de/wp-content/themes/bg2017/images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin: 0 2px;
}
.nivo-controlNav a.active { background-position:0 -22px;
}@media only screen and (min-width: 801px) and (max-width: 1000px){
body header{
height: 110px; 
background: #f2f4f5;    
}
#topnav{
min-width: 601px;
}
#topnav ul {padding-top: 5px;}
#topnav ul li {margin-top: 10px; margin-right: 4px;}
#topnav ul li ul li {margin-top: 0;}
header { }
#header-wrapper,body.start #header-wrapper  {
min-width: 320px;
max-width: 100%;
height:110px;		
}
body.start #header-wrapper {
padding-top:56px; }
header div.slider-wrapper{
display:none;
}
header #searchform {position:absolute; right: 10px; bottom: 10px;}
body div.logo{
background:transparent !important;
height: 100px;
margin-left: 3% !important;
}
body div.logo img {margin-left:0 !important;}
div.logo h3 {display:none;}
.start div.logo::after {
display:none;
}
div.jobkarriere {
top:60px;
left: 300px;
height:104px;
width: 105px;
}
body.content div.jobkarriere {
top: 60px;
}
div.jobkarriere img{
width:100%;
height: auto;    
}
#page {min-width: 601px;}
article {margin-top: 1em; margin-top: 1rem;}
body.content article,
body.start article{padding: 1em 3% 120px;padding: 1rem 3% 120px;}
article div.main {width:65%}
article aside {width:25%;}
article div.box, 
article div.halfbox,
article div.halfbox.glossar{
margin-left:3%;
}
article div.halfbox.products {
margin-left: 1%;
width: 21.5%;
}
article div.box h2, article div.halfbox.h2 {
margin: 0.4em 0rem 0.2rem 0rem;
margin: 1rem 0rem 0.5rem 0rem;
}
article div.box h2 a, article div.halfbox.h2 a {
font-size: 0.6em;
font-size: 1rem;
}
article div.box div.overlayshow div.overlay {padding: 0.3rem;}
article div.box div.overlayshow div.overlay h3 {
font-size: 0.5rem;
line-height: 1.1rem;
margin-bottom: 0.2rem;
}
article div.box div.overlayshow div.overlay p{
font-size: 0.9em;
font-size: 0.8rem;
line-height: 1.4em;
line-height: 1.1rem;
margin-top:0;
margin-botom: 0.2em;
margin-botom: 0.2rem;
}
article div.kundenportraits div.box {width: 38%;}
article div.kundenportraits div.box div.overlayshow div.overlay{font-size:0.9rem;line-height:1.2rem;}
footer #footer-content {min-width: 601px;} img.float_left {
display:block;
float:none;    
margin:0 0 20px 0;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
img.float_right {
display:block;
float:none;    
margin:0 0 20px 0;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
body.start #bgaktuellteaser.new {
top: 63px;
}
.start .menu-jobs-aktuell-container {
top: 80px;	
right:5%;
left: auto;
}
}@media only screen and (max-width: 800px){
body {
background: #fff;
margin:0;
padding:0;
}
#fixer {
background-color: var(--main-blue-color);
min-height: 50px;
margin:0;
top: 0;
left: 0; } #corona-header {
max-height: 70px;
overflow: hidden;
}
#corona-header.fullsize {
max-height: none;
}
#corona-header #content p {
position:relative;
max-width: 80%;
float:left;
}	
#corona-header #content i {
display: inline-block;		
}
#corona-header #content p {
font-size: 1.1rem;
}
#corona-header #content a {
font-size: 0.9rem;
padding: 5px 10px;
margin: 5px 10px 5px 0;
} #topnav ul#mobiletopnav {
display:block;
background:transparent;
border: none;
width: 180px;
margin:0;
float:left;
margin:0.5rem;
padding:0;
}
#topnav ul#mobiletopnav li,#topnav ul#mobiletopnav li a {
display:inline; 
background: transparent;
border: none;
color: #fff;
}
#topnav ul#mobiletopnav li a {padding:0.3rem 0.5rem;}
#mobilemenue {
display:block;
color: #fff;
background: #f8a603;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y4YTYwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNjk3MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f8a603 1%, #f69701 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f8a603), color-stop(100%,#f69701)); background: -webkit-linear-gradient(top,  #f8a603 1%,#f69701 100%); background: -o-linear-gradient(top,  #f8a603 1%,#f69701 100%); background: -ms-linear-gradient(top,  #f8a603 1%,#f69701 100%); background: linear-gradient(to bottom,  #f8a603 1%,#f69701 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a603', endColorstr='#f69701',GradientType=0 ); padding: 0.5rem;
margin: 0.5rem;
-webkit-border-radius: 3px;    
border-radius: 3px;    
-webkit-box-shadow: inset 1px 0px 1px 1px #000;        
box-shadow: -1px -1px 3px 0px #333;
}
#mobilemenue {float:right;font-size:1rem;}
#mobilemenue a {
color: #444d59;
background: transparent url(//www.mbg-hh.de/wp-content/themes/bg2017/images/mobile/menu.png) right 3px no-repeat;
padding-right: 20px;
text-decoration:none;
font-size: 1rem;
font-weight:bold;
}
#topnav{
max-width: 100%;
min-width: 100%;
width: 100%;
height: auto;
text-align: left;
}
#topnav ul {  
border-top: 1px solid #fff;
clear:both;
margin:0;
position:relative;    
padding: 0 0 1rem 0;
display:none;
}
#topnav ul li,
#topnav ul li.active ul li,
#topnav ul li.active ul li.active {
display:block;
background:none;    
padding:0;
margin:0;
border-radius: 0;
-webkit-border-radius: 0;
}
#topnav ul li a,
#topnav ul li.active ul li a,
#topnav ul li.current-menu-parent ul li a,
#topnav ul.desk-visible li a,
#topnav ul.deskvisible li.active ul li a
{    
background-color: var(--main-blue-color);
color: #fff;
display:block;
width: 90%;    
padding:0.3rem 5%;
border-radius: 0;
-webkit-border-radius: 0;
border-bottom: 1px solid #fff;
}
#topnav ul li:hover ul, #topnav ul a:hover ul {    
display:none;
}
#topnav ul li.active a, 
#topnav ul li.current-menu-parent > a,
#topnav ul li a:hover,
#topnav ul li.current-menu-parent > a:hover,
#topnav ul li.active li.active a,
#topnav ul li.current-menu-parent li.active a,
#topnav ul li.active li a:hover,
#topnav ul li.current-menu-parent li a:hover,
#topnav ul li.active li.active li.active a,
#topnav ul li.active li.active li a:hover{
background-color: #fff;
color: var(--main-blue-color);
border-bottom: 1px solid #fff;
border-radius: 0;
-webkit-border-radius: 0;		
}
#topnav ul li.active a span,
#topnav ul li.current-menu-parent a span,
#topnav ul li a:hover span{color: #43403B;}
#topnav ul li ul {
display:none; 
border-top: none;
opacity: 1;
left: 0;
}
#topnav ul li ul.sub-menu.desk-visible,
#topnav ul li.active ul,
#topnav ul li.current-menu-parent ul{
position:relative;
display:block;
background:transparent;
padding:0;
border-radius: 0;
-webkit-border-radius: 0;
box-shadow:none;   
}
#topnav ul li.current-menu-parent ul li a,
#topnav ul li.active ul li a,
#topnav ul li ul.desk-visible li a
{ width: 85%;padding-left:10%;} #topnav ul li:last-child {
text-align:left;
border-bottom: 1px solid #999;
padding: 1rem 5%; }
#topnav form {width: 100%;border:none;}
#topnav form input[type="text"]{
width: 80%;
} #topnav ul li ul li ul,
#topnav ul li.active ul li ul,
#topnav ul li:hover ul li ul, 
#topnav ul a:hover ul li ul{
display:none;
} 
#topnav ul li.active ul li.active ul {
position:relative;
left: 0;	
margin-left:0;
margin-top: 0;	
width: 100%;	
opacity: 1;
display:block;
}
#topnav ul li.active ul li.active ul li a {
width: 80%;
padding-left: 20%;
padding-right:0;
} article aside {display:none;}
body header,body.content header {
background: none repeat scroll 0 0 #F2F4F5;
height: 110px;
margin-bottom: 1rem;
}
body.content article,
body.start article{padding: 1rem 3% 120px;}
header div.logo {
background:transparent !important;		
position:relative;		
max-width: 95%;
height: auto;
top:0;
margin-left: 3% !important;
}
header div.logo img {
margin-left:0 !important;
}	
div.logo h3 {display:none;}
.start div.logo::after {
display:none;
}
div.jobkarriere,body.content div.jobkarriere {
top:62px;
left: 270px;    
height:99px;
width:100px;
}
div.jobkarriere img{
width:100%;
height: auto;    
}
#header-wrapper,
body.start #header-wrapper{
min-width: 320px;
max-width: 100%;
height:110px;		
}
header div.slider-wrapper{display:none;}
#page,footer #footer-content,#header-wrapper {
min-width: 320px;
}
body.start #header-wrapper {
padding-top:56px; }
article div.box, article div.halfbox,
#seonavi ul,footer div.links, footer div.adresse {
float:none;
}
article div.box, article div.halfbox,article div.halfbox.glossar,article section {
width: 90%;
margin:0 0 1rem 0;
}
article section {width: 95%;}
article div.halfbox {padding:1rem;}
#accordion p img.resize {width: 75%;height: auto;}
article div.kundenportraits div.box {width: 90%;}
footer div.links, footer div.adresse,#seonavi ul {width:90%;}
footer div.adresse {margin: 2rem 0 0 5%;}
footer div.adresse p.copyright {margin-bottom: 0;}
img.geschichte {width: 95%;}
article div.main {width: 100%;}
article section p {width: 100%;}
img {max-width:100%;}
footer div.links {display:none;}
footer div.adresse {width: 90%;margin:0 5%;float:none;}
img.float_left {
display:block;
float:none;    
margin:0 0 20px 0;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
img.float_right {
display:block;
float:none;    
margin:0 0 20px 0;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
#bgaktuellteaser.new {
display:none;
}
.frontpage,
.frontpage.one-third {
display:block;
}
.hp-teaser.one-third{
margin-right: 0;
}
.menu-jobs-aktuell-container {
display:none;
}
.hp-teaser.one-half,.hp-teaser.one-third {
width:100%;
float:none;
}
.hp-teaser.one-third.margin-first-third{
margin-left:0;
}
}