body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* fira-sans-200 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../../files/cms/fonts/fira-sans-v8-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'),
       url('../../files/cms/fonts/fira-sans-v8-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/cms/fonts/fira-sans-v8-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/cms/fonts/fira-sans-v8-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../../files/cms/fonts/fira-sans-v8-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/cms/fonts/fira-sans-v8-latin-200.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-300 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/cms/fonts/fira-sans-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Light'), local('FiraSans-Light'),
       url('../../files/cms/fonts/fira-sans-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/cms/fonts/fira-sans-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/cms/fonts/fira-sans-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/cms/fonts/fira-sans-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/cms/fonts/fira-sans-v8-latin-300.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/cms/fonts/fira-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Regular'), local('FiraSans-Regular'),
       url('../../files/cms/fonts/fira-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/cms/fonts/fira-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/cms/fonts/fira-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/cms/fonts/fira-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/cms/fonts/fira-sans-v8-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}

@import url("../../files/cms/css/reset.css");

body {
margin:0;
padding:0;
background-color:#ffffff;
font-family: 'Fira Sans', sans-serif;
font-size: 62.5%;
color: #000000;
font-style: normal; 
line-height: normal;
overflow:auto;
}

#wrapper {
position:relative;
width:95%;
height:auto;
overflow:auto;
padding:0 2.5% 2.5% 2.5%;
margin-bottom:20px;
}

#header {
position:fixed;
width:100%;
padding-top:2.5%;
z-index:10000;
}
#mainNav {
position:relative;
width:100%;
display:block;
}
#mainNav ul {
position:relative;
list-style-type:none;
font-size:3.6em;
line-height:1.2em;
font-weight:200;
text-transform:lowercase;
margin:15px 0 0 0;
padding-left:4.8%;
color:rgba(237,142,36,1.0);
background-image:url(../../files/cms/img/verlaufNav.png);
background-repeat:repeat-y;
}
#mainNav ul li {
display:inline-block;
padding:0 50px 0 0;
margin-left:-30px;
}
#mainNav ul li.first {
display:block;
}
#mainNav ul li a {
color:rgba(143,147,152,1.0);
text-decoration:none;
}
#mainNav ul li a:hover,
#mainNav ul li a.trail {
color:rgba(237,142,36,1.0);
}

#servNav {
position:relative;
width:100%;
}
#servNav ul {
position:relative;
list-style-type:none;
font-size:1.7em;
line-height:1.6em;
font-weight:400;
text-transform:lowercase;
margin:10px 0 15px 0;
padding-left:4.8%;
color:rgba(237,142,36,1.0);
background-image:url(../../files/cms/img/verlaufServNav.png);
background-repeat:repeat-y;
}
#servNav ul li {
display:block;
margin-left:-30px;
}
#servNav ul li a {
color:rgba(0,0,0,1.0);
text-decoration:none;
}
#servNav ul li a:hover {
color:rgba(237,142,36,1.0);
}

#mobileNavBlock {
display:none;
}




#main {
padding-top:290px;
min-height:500px;
}

div.overImagePortrait div.ce_image {
position:relative;
float:left;
width:18.8%;
padding:0.6%;
}

#main div.overImagePortrait div.ce_image figure img {
opacity:1.0;
transition: all 0.8s ease 0s;
}
#main div.overImagePortrait div.ce_image figure img:hover {
opacity:0.6;
}
#main div.overImagePortrait div.ce_image figure figcaption {
text-align:right;
font-size:1.4em;
line-height:1.2em;
font-weight:200;
//color:rgba(190,197,198,1);
color:rgba(177,182,183,1);
margin-top:0.5em;
height:38px;
}

div.overImagePortrait div.ce_sliderStart {
position:relative;
float:left;
width:18.8%;
padding:0.6%;
}

div.overImagePortrait div.ce_sliderStart div.ce_image {
padding:0;
}
div.overImagePortrait div.ce_sliderStart div.content-slider {
width:100%;
}
div.overImagePortrait div.ce_sliderStart nav.slider-control {
display:none;
}

div.logoBox {
position:fixed;
top:-40px;
right:-200px;
z-index:9000;
}
div.logoBox figure.saturnRing {
margin-top:-456px;
}
div.logoBoxSingle {
position:fixed;
top:30px;
right:20px;
display:none;
}


body.pageProjectDetail #main div.inside {
width:100%;
}
/*projektdetailseite*/
body.pageProjectDetail #main div.inside div.projectDetail {
position:relative;
width:900px;
margin:0 auto;
}
body.pageProjectDetail #main div.inside div.projectDetail div.textEinzug p {
padding-left:15%;
}
body.pageProjectDetail #main div.inside div.projectDetail h1 {
color:rgba(143,147,152,1.0);
}
body.pageProjectDetail #main div.inside div.projectDetail div.ce_image {
margin:20px 0 20px 0;
}
/*uebersailerdesign*/
div.ueberSailerDesign h1 {
margin-top:0;
}
body.pageUeberSailerDesign #main div.inside div.fullHeaderImage {
margin:0 -2.5% 0 -2.5%;
}
body.pageUeberSailerDesign #main div.inside div.ueberSailerDesign {
position:relative;
width:720px;
margin:0 auto;
}
div.ueberSailerDesign #portraitAnimation {
position:relative;
width:100%;
}
div.ueberSailerDesign #portraitAnimation #secondImagePortrait {
position:absolute;
top:0;
}
div.ueberSailerDesign #portraitAnimation #secondImagePortrait {
opacity:1.0;
transition: all 0.8s ease 0.1s;
}
div.ueberSailerDesign #portraitAnimation #secondImagePortrait:hover {
opacity:0.0;
}
/*kundenauswahl*/
body.pageKundenAuswahl #main div.inside div.kundenAuswahl {
position:relative;
width:900px;
margin:0 auto;
}
body.pageKundenAuswahl #main div.inside div.kundenAuswahl h1 {
color:rgba(143,147,152,1.0);
margin-top:0;
}
body.pageKundenAuswahl #main div.inside div.kundenAuswahl h2 {
line-height:1.2em;
}
body.pageKundenAuswahl #main div.inside div.kundenAuswahl div.textEinzug h3,
body.pageKundenAuswahl #main div.inside div.kundenAuswahl div.textEinzug p {
padding-left:15%;
}
body.pageKundenAuswahl #main div.inside div.kundenAuswahl div.textEinzug h3 {
line-height:0.6em;
color:rgba(143,147,152,1.0);
}
/*kontakt*/
div.kontakt h1 {
margin-top:0;
}
body.pageKontakt #main div.inside div.kontakt {
position:relative;
width:900px;
margin:0 auto;
}
body.pageKontakt #main div.inside div.kontakt div.textEinzug h3,
body.pageKontakt #main div.inside div.kontakt div.textEinzug p {
padding-left:15%;
}
body.pageKontakt #main div.inside div.kontakt div.textEinzug h3 {
line-height:0.6em;
color:rgba(143,147,152,1.0);
}


nav#footerNav {
width:100%;
margin-top:60px;
}
#footerNav ul {
position:relative;
list-style-type:none;
font-size:1.7em;
line-height:1.1em;
font-weight:400;
text-transform:lowercase;
margin:10px 0 15px 0;
padding-left:4.8%;
color:rgba(237,142,36,1.0);
}
#footerNav ul li {
display:inline-block;
margin:0 0 0 15px;
padding:0 15px 0 0;
border-right:1px solid rgba(0,0,0,1.0);
}
#footerNav ul li a {
color:rgba(0,0,0,1.0);
text-decoration:none;
}
#footerNav ul li a:hover {
color:rgba(237,142,36,1.0);
}
#footerNav ul li.first {
margin-left:-24px;
}
#footerNav ul li.last {
border-right:0;
}



a {
text-decoration:none;
}
a:link,
a:visited { 
}
a:hover,
a:active { 
text-decoration:underline;
}
a:focus{ outline:0; }
b, strong { font-weight:400; }
img {
max-width: 100%;
height: auto;
}

#main a {
color: #000000;
text-decoration:underline;
}
#main a:hover {
text-decoration:none;
}

p {
font-size:1.9em;
line-height:1.7em;
font-weight:300;
color:rgba(0,0,0,1.0);
}
p span.information {
font-size:0.85em;
}

h1,
h2 {
font-size:3.6em;
line-height:0.6em;
font-weight:200;
color:rgba(0,0,0,1.0);
}
h1 {
line-height:1.0em;
margin-top:-0.4em;

}
h3 {
font-size:1.9em;
line-height:1.7em;
font-weight:300;
color:rgba(0,0,0,1.0);
}

h1.withIcon {
padding-top:56px;
background-image: url(../../files/cms/img/radioIcon.png);
background-position: left top;
background-repeat: no-repeat;
margin-top:0;
}

/*cookie alert*/
div.useOfCookies {
width: 100%;
padding-top: 14px;
padding-bottom: 14px;
position: fixed;
bottom: 0;
left: 0;
text-align: center;
z-index: 10000;
background-color: rgba(60,60,60,0.7);
color: white;
font-size:1.4em;
line-height:1.5em;
}
div.useOfCookies a {
color: white; 
cursor:pointer;
text-decoration:underline;
}
div.useOfCookies a:hover {
text-decoration:none;
}
div.useOfCookies a.aButton {
padding:6px;
background-color:#c7c7c7;
color:black;
text-decoration:none;
margin-left:10px;
}



/*update 4.9.13*/
#mainNav ul li strong {
font-weight:200;
}
body.pageProjectDetail #main div.inside div.projectDetail {
margin-bottom:120px;
}
/*update 4.9.13*/




@media screen and (max-width: 1680px) {

div.overImagePortrait div.ce_image {
position:relative;
float:left;
width:23.8%;
padding:0.6%;
}
div.overImagePortrait div.ce_sliderStart {
position:relative;
float:left;
width:23.8%;
padding:0.6%;
}

}



@media screen and (max-width: 1280px) {

div.overImagePortrait div.ce_image {
position:relative;
float:left;
width:31.8%;
padding:0.6%;
}
div.overImagePortrait div.ce_sliderStart {
position:relative;
float:left;
width:31.8%;
padding:0.6%;
}
div.logoBox figure.saturnRing {
display:none;
}
#wrapper {
margin-bottom:60px;
}

}



@media screen and (max-width: 980px) {

div.logoBox {
display:none;
}
div.logoBoxSingle {
display:block;
}
body.pageProjectDetail #main div.inside div.projectDetail {
width:100%;
}
body.pageKundenAuswahl #main div.inside div.kundenAuswahl {
width:100%;
}
body.pageKontakt #main div.inside div.kontakt {
width:100%;
}

}




@media screen and (max-width: 930px) {

#footerNav ul {
font-size:1.4em;
font-weight:300;
}
#footerNav ul li {
margin:0 0 0 6px;
padding:0 6px 0 0;
}

}





@media screen and (max-width: 800px) {

div.overImagePortrait div.ce_image {
position:relative;
float:left;
width:48%;
padding:1%;
}
div.overImagePortrait div.ce_sliderStart {
position:relative;
float:left;
width:48.0%;
padding:1%;
}
#mainNav ul {
padding-left:40px;
}
#servNav ul {
padding-left:40px;
}
body.pageUeberSailerDesign #main div.inside div.ueberSailerDesign {
width:100%;
}

}




@media screen and (max-width: 790px) {

#mainNav {
display:none;
}

#mobileNavBlock {
display:block;
position:absolute;
top:126px;
width:94.0%;
}
#mobileNavBlock div.openClose {
position:relative;
margin-left:10px;
}
#mobileNavBlock div.openClose #opener {
position:relative;
float:left;
display:block;
}
#mobileNavBlock div.openClose #closer {
position:relative;
float:right;
display:none;
margin-right:3px;
}

}






@media screen and (max-width: 660px) {

#footerNav ul {
padding-left:40px;
}
#footerNav ul li {
display:block;
border-right:0;
margin-left:-24px;
line-height:1.7em;
}

}





@media screen and (max-width: 580px) {

div.logoBoxSingle {
max-width:19%;
}
#wrapper {
margin-bottom:80px;
}

}





@media screen and (max-width: 500px) {

div.overImagePortrait div.ce_image {
position:relative;
float:left;
width:98%;
padding:1%;
}
div.overImagePortrait div.ce_sliderStart {
position:relative;
float:left;
width:98.0%;
padding:1%;
}
#mainNav ul {
font-size:2.5em;
}
#mainNav ul li {
padding:0 40px 0 0;
}
#servNav ul {
font-size:1.4em;
margin:10px 0 0 0;
}
#main {
padding-top:215px;
}
body.pageProjectDetail #main div.inside div.projectDetail div.textEinzug p {
padding-left:0;
}
body.pageKundenAuswahl #main div.inside div.kundenAuswahl div.textEinzug h3,
body.pageKundenAuswahl #main div.inside div.kundenAuswahl div.textEinzug p {
padding-left:0;
}
body.pageKontakt #main div.inside div.kontakt div.textEinzug h3,
body.pageKontakt #main div.inside div.kontakt div.textEinzug p {
padding-left:0;
}
#wrapper {
margin-bottom:100px;
}

#mobileNavBlock {
top:94px;
}

}






@media screen and (max-width: 390px) {

#wrapper {
margin-bottom:120px;
}

}