body {font-size:14px;line-height:1.5;}
#header {height:230px;}
#logo {margin-top:10px;margin-bottom:10px;display:block;margin-left:auto;margin-right:auto;text-align:center;}
#logo img {height:90px;}
#headerBoxes {position:relative;top:auto;right:auto;text-align:center;}
#headerBoxes div, #headerBoxes a {font-size:10px;width:147px;display:inline-block;height:35px;line-height:35px;}
#headerpic {height:300px;}

.width_1 {margin:0;width:100%;}
.width_2 {float:left;width:100%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:100%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 0px 0 0;}
.width_2.rightColumn {padding:0 0 0 0px;}
.width_3.leftColumn {padding:0 0px 0 0;}
.width_3.middleColumn {padding:0 0px;}
.width_3.rightColumn {padding:0 0 0 0px;}

#navi {height:45px;}
#naviButton {display:block;border:2px solid #62a4bc;margin:5px;height:33px;line-height:33px;box-sizing:border-box;padding:0 5px;text-transform:uppercase;font-weight:bold;color:#fff;text-align:center;cursor:pointer;}

#root {display:none;background:#7dccea;height:auto;z-index:5;max-height:240px;overflow:auto;-webkit-overflow-scrolling: touch;}
#root li {float:none;height:auto;line-height:30px;position:relative;}
#root li a {line-height:30px;height:auto;margin-right:0;}
#root.open {display:block;}

#root li.hasChilds > a > .rightColNavi {display:block;background:rgba(0,0,0,0.001);z-index:6;position:absolute;top:0;right:0;bottom:0;left:0;transition: ease-in-out all 0.4s;}
#root li.hasChilds:hover > a > .rightColNavi {right:100%;}
#root li ul {position:relative;padding-left:10px;}
#root li ul li {line-height:30px;}
#root li ul li a {line-height:30px;}

h1 {font-size:23px;}
h2 {font-size:19px;}

.headerSliderOverlay {position:absolute;width:100%;text-align:center;margin-top:-200px;}
a.headerSliderButton {font-size:16px;padding:5px 8px;}

#headerpicBoxes {height:auto;}
#headerpicBoxes .box {float:none;width:100%;height:auto;}
#headerpicBoxes .box.box2 {width:100%;}

#footerlogo {top:40px;}
#footerlogo img {height:50px;}

#headerpicBoxes {width: 100%!important;}

.headerslider {height: 240px;}
.sliderpic {height: 240px!important; background-size: contain!important; background-position: 0% 0%!important;}
#headerpicBoxes .box.box2 { margin-right: 0px;}
#headerpicBoxes .box.box3 { margin-left: 0px;}

.inhaltbild { width:90%; padding:5%; height:auto; float:left; }