/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
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}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
@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}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
#wrapper{width:960px;margin:0 auto}*[class*="grid"]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px !important}.offset2{margin-left:170px !important}.offset3{margin-left:250px !important}.offset4{margin-left:330px !important}.offset5{margin-left:410px !important}.offset6{margin-left:490px !important}.offset7{margin-left:570px !important}.offset8{margin-left:650px !important}.offset9{margin-left:730px !important}.offset10{margin-left:810px !important}.offset11{margin-left:890px !important}.offset12{margin-left:970px !important}.mod_article.offset1{margin-left:80px !important}.mod_article.offset2{margin-left:160px !important}.mod_article.offset3{margin-left:240px !important}.mod_article.offset4{margin-left:320px !important}.mod_article.offset5{margin-left:400px !important}.mod_article.offset6{margin-left:480px !important}.mod_article.offset7{margin-left:560px !important}.mod_article.offset8{margin-left:640px !important}.mod_article.offset9{margin-left:720px !important}.mod_article.offset10{margin-left:800px !important}.mod_article.offset11{margin-left:880px !important}.mod_article.offset12{margin-left:960px !important}@media(min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px !important}.offset2{margin-left:134px !important}.offset3{margin-left:196px !important}.offset4{margin-left:258px !important}.offset5{margin-left:320px !important}.offset6{margin-left:382px !important}.offset7{margin-left:444px !important}.offset8{margin-left:506px !important}.offset9{margin-left:568px !important}.offset10{margin-left:630px !important}.offset11{margin-left:692px !important}.offset12{margin-left:754px !important}.mod_article.offset1{margin-left:62px !important}.mod_article.offset2{margin-left:124px !important}.mod_article.offset3{margin-left:186px !important}.mod_article.offset4{margin-left:248px !important}.mod_article.offset5{margin-left:310px !important}.mod_article.offset6{margin-left:372px !important}.mod_article.offset7{margin-left:434px !important}.mod_article.offset8{margin-left:496px !important}.mod_article.offset9{margin-left:558px !important}.mod_article.offset10{margin-left:620px !important}.mod_article.offset11{margin-left:682px !important}.mod_article.offset12{margin-left:744px !important}}@media(max-width:767px){#wrapper{width:auto}*[class*="grid"]{float:none !important;display:block !important;width:auto !important}*[class*="offset"]{margin-left:10px !important}}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.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}
body {
	font-family: 'PT Serif Caption', serif;
	font-size: 62.5%;
	background: #f9f9f9;
}

body.startseite {
	overflow: hidden;
}

#wrapper {
	width: 100%;
}

#logo {
	margin: 0;
}

#logo a {
	display: block;
	background: url("../../files/layout/yachtwelt-weisse-wiek-logo.svg") transparent 0 0 no-repeat scroll;
	/*
	width: 230px;
	height: 56px;
	background-size: 230px 56px;
	*/
	width: 280px;
	height: 67px;
	background-size: 280px 67px;
	text-indent: -9999px;
	position: absolute;
	left: 36px;
	top: 58px;
}

#topLink {
	display: none;
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 40px;
	right: 0;
	background: url("../../files/layout/button-top.png") transparent 0 0 no-repeat scroll;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 99999;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#topLink:hover {
	background-position: 0 -40px;
}

#sterne {
	width: 111px;
	height: 16px;
	background: url("../../files/layout/sterne-klein.png") transparent 0 0 no-repeat scroll;
	position: absolute;
	top: 2em;
	right: 690px;
	border-right: 1px solid #EF7E25;
	border-right: 1px solid rgba(239,144,69,0.5);
	text-indent: -9999px;
}

iframe {
	max-width: 100%;
}

/* COOKIE-HINWEIS */
body:not(.startseite) #mycookietip + #wrapper #header {
	position: relative;
}
body:not(.startseite) #mycookietip + #wrapper #header #mainnavi a {
	color: #7f7f7f;
}

#mycookietip {
	background: #EF9045;
	padding-bottom: 10px;
	margin-bottom: 0;
	box-shadow: 0 0 0 0 transparent;
}

#mycookietip p {
	color: #fff;
	font-size: 1.1em;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
}

#mycookietip a {
	color: #fff;
	text-decoration: underline;
}

#mycookietip form {
	margin-bottom: 0;
	display: inline-block;
}

#mycookietip input {
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1em;
}

.startseite #mycookietip {
	position: fixed;
	z-index: 999999;
	top: 0;
}

/************************************
 *
 * Navi
 *
************************************/
#header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	height: 123px;
	border-top: 44px solid #000;
	/*
	min-height: 270px;
	background: -moz-linear-gradient(top,  rgba(0,53,63,1) 0%, rgba(125,185,232,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,53,63,1)), color-stop(100%,rgba(125,185,232,0)));
	background: -webkit-linear-gradient(top,  rgba(0,53,63,1) 0%,rgba(125,185,232,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,53,63,1) 0%,rgba(125,185,232,0) 100%);
	background: -ms-linear-gradient(top,  rgba(0,53,63,1) 0%,rgba(125,185,232,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,53,63,1) 0%,rgba(125,185,232,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00353f', endColorstr='#007db9e8',GradientType=0 );
	*/
}

#header .inside {
	max-width: 1400px;
	margin: -50px auto 0;
}

#header .mod_navigation {
	position: absolute;
	right: 20px;
}

#naviToggle {
	display: none;
}

nav li {
	float: left;
	margin: 0 1.5em;
	padding-bottom: 3px;
}

nav li.last {
	margin-right: 0;
}

#mainnavi {
	font-family: 'Exo', sans-serif;
	font-weight: 100;
	top: 75px;
	font-size: 2.2em;
}

#mainnavi a {
	color: #fff;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#metanavi {
	top: 2em;
}

#metanavi li {
	margin: 0 0.89em;
}

#metanavi a,
#metanavi span {
	font-size: 1.4em;
	color: rgba(255,255,255,0.5);
	display: inline-block;
	padding-bottom: 3px;
	padding-top: 1px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}


#metanavi a:hover,
#metanavi a.trail,
#metanavi span,
#mainnavi a:hover,
#mainnavi a.trail,
#mainnavi span {
	/*color: #FFAF42;*/
	color: #EF9045;
	text-decoration: none;
}

#metanavi a.live-stream::before,
#metanavi span.live-stream::before {
	display: inline-block;
	width: 21px;
	font-family: FontAwesome;
	content: '\f03d';
	color: #EF9045;
}

/************************************
 *
 * Typo etc.
 *
************************************/
.ce_headline,
.ce_text,
.event .enclosure,
.mod_eventlist .empty {
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Exo', sans-serif;
	font-weight: 200;
	color: #C3C0B4;
	line-height: 1.3em;
}

h1, .startseite h3 {
	margin-top: 0;
	font-size: 6em;
	line-height: 1em;
}

h2 {
	font-size: 4em;
}

h3 {
	font-size: 1.9em;
	margin: 1em 0 0.1em;
}

h2 + p {
	padding: 0 10%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

p,
#main ul,
#main ol,
.mod_eventlist .empty {
	font-size: 1.6em;
	line-height: 1.5;
	font-style: italic;
	letter-spacing: 0.02em;
	color: #969386;
	text-rendering: optimizeLegibility;
}

#main ul {
	list-style: disc inside none;
}

#main ol {
	list-style: decimal inside none;
}

#main ol li {
	margin-bottom: 12px;
}

.ansteuerung-ueberblick #main li {
	margin-bottom: 0.4em;
}

a {
	color: #EF9045;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a:hover {
	text-decoration: underline; 
}

.ce_dlh_googlemaps p,
.ce_dlh_googlemaps .routinglink {
	font-family: 'Exo', sans-serif;
	font-size: 1.1em;
	font-weight: 200;
	font-style: normal;
	padding-bottom: 1px;
}

.ce_dlh_googlemaps .routinglink a {
	display: inline-block;
	padding-bottom: 7px;
}

.error {
	color: #ff0000;
}

video {
	max-width: 100%;
}

.iframe_wrapper {
	text-align: center;
}

.iframe_youtube {
	margin-bottom: 40px;
}

.headlineSmallMarginTop h1,
.headlineSmallMarginTop h2,
.headlineSmallMarginTop h3,
.headlineSmallMarginTop h4,
.headlineSmallMarginTop h5,
.headlineSmallMarginTop h6 {
	margin-top: 10px;
}

/************************************
 *
 * Struktur
 *
************************************/

/****** Container ******/

.mod_article .imgFullWidth,
.mod_article .ce_text,
.mod_article .rs-columns,
.event .enclosure {
	margin-left: 0;
	margin-right: 0;
}

.textContent {
	padding: 0 20% 5%;
	position: relative;
	z-index: 999;
}

/****** Bilder ******/

.imgFullWidth img {
	width: 100%;
	max-width: none;
}

/****** Spalten ******/

.rs-columns {
	margin-top: 4em;
	font-family: 'Exo', sans-serif;
}

.rs-column.-large-col-5-1,
.rs-column.-large-col-4-1,
.rs-column.-large-col-3-1,
.rs-column.-large-col-2-1 {
	margin: 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.rs-column.-large-col-5-1 {
	width: 20%;
}

.rs-column.-large-col-4-1 {
	width: 25%;
}

.rs-column.-large-col-3-1 {
	width: 33.33%;
}

.rs-column.-large-col-2-1 {
	width: 50%;
}

.center .rs-column {
	text-align: center;
}

.rs-columns p {
	font-size: 1.6em;
	font-style: normal;
	margin-top: 1em;
}

.columnText p {
	font-family: 'PT Serif Caption', serif;
	font-size: 1.4em;
	font-style: italic;
}

.rs-columns figure + p {
	color: #EF7E25;
	font-weight: 200;
	margin-top: 0.2em;
}

.icon img {
	width: 60px;
}

/****** Buttons ******/

.button p,
.submit_container {
	font-size: 1.4em;
	margin: 0 auto;
	max-width: 287px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 5px;
}

.button p::after,
.submit_container::after {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	margin-top: -5px;
	background: #8E8B80;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.button p:hover::after,
.submit_container:hover::after {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	/*transform: rotate(2deg) translate3d( 0, 0, 0);*/
	background: #ef7a18;
}

.button a,
.submit_container .submit {
	text-align: center;
	display: block;
	padding: 13px 8px 8px;
	color: #F6F1E7;
	background: #8E8B80;
	font-family: 'PT Serif Caption', serif;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	font-style: italic;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.submit_container .submit {
	font-size: 1.1em;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.button p:hover a,
.submit_container:hover .submit {
	background: #ef7a18;
	cursor: pointer;
	text-decoration: none;
}

.-large-col-2-1 .button p,
.-large-col-2-1 .submit_container {
	max-width: none;
	padding-bottom: 8px;
}

.-large-col-2-1 .button p::after,
.-large-col-2-1 .submit_container::after {
	height: 16px;
	margin-top: -8px;
}


/****** Google Maps ******/

.ce_dlh_googlemaps {
	margin: 0 !important;
}

.dlh_googlemap {
	width: 100% !important;
	z-index: 99;
}


/************************************
 *
 * Downloads
 *
************************************/
.ce_download {
	background: #f6f3ee;
	font-family: 'Exo', sans-serif;
	font-size: 1.6em;
	line-height: 1.3;
	margin-bottom: 1em;
	position: relative;
	font-weight: 200;
}

.slopeCreme .ce_download {
	background: #fff;
}

.downloadType {
	display: inline-block;
	width: 70px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-transform: uppercase;
	color: #EF7A18;
	text-align: center;
	font-weight: 200;
}

.downloadType.doc {
	color: #ef7a18;
}

.downloadFile {
	display: inline-block;
	padding: 20px 160px 18px 70px;
}

.downloadFile a {
	color: #67655C;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.downloadFile a:hover {
	color: #ef7a18;
}

.downloadFile a img {
	float: left;
	padding-right: 10px;
	max-height: 75px;
}

.downloadLink {
	display: inline-block;
	height: 100%;
	width: 140px;
	position: absolute;
	top: 0;
	right: 0;
	background: #969386;
	text-align: center;
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	-o-transform: skewX(-20deg);
	transform: skewX(-20deg);
	margin-right: -20px;
	padding-right: 15px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.downloadLink:hover {
	width: 170px;
	background: #ef7a18;
}

.downloadLinkInner,
.downloadTypeInner {
	display: table;
	height: 100%;
	width: 100%;
}

.downloadLinkInner {
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	-ms-transform: skewX(20deg);
	-o-transform: skewX(20deg);
	transform: skewX(20deg);
}

.downloadLink a,
.downloadTypeValue {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.downloadLink a {
	font-size: 1em;
	font-weight: 200;
	letter-spacing: 0.02em;
	color: #F6F1E7;
}

.downloadLink:hover a {
	text-decoration: none;
}

/************************************
 *
 * Formular
 *
************************************/
label {
	display: none;
}

.ce_form .widget {
	width: 48%;
	float: left;
	margin-bottom: 2%;
}

.ce_form .widgetLeft {
	margin-right: 2%;
}

.ce_form .widgetRight {
	margin-left: 2%;
}

.ce_form .widget-textarea {
	width: 100%;
	float: none;
}

input,
textarea {
	font-family: 'Exo', sans-serif;
	font-size: 1.6em;
	padding: 5px 7px 4px;
	border: 0 none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 200;
	color: #969386;
	/*background: #fefefe; */
	background: #F6F3EC;
}

.ce_dlh_googlemaps .routinglink input {
	font-size: 1em;
	border: 1px solid #C4C1B5;
}

.checkbox_container label {
	display: inline-block;
	margin-left: 4px;
	font-size: 1.4em;
	line-height: 1.5;
	font-style: italic;
	letter-spacing: 0.02em;
	color: #969386;
	text-rendering: optimizeLegibility;
}

.checkbox_container .checkbox {
	width: auto;
}

.checkbox_container span {
	display: block;
}

/************************************
 *
 * Akkordeon
 *
************************************/
.ce_accordion {
	margin-bottom: 3em;
}

.toggler {
	font-family: 'Exo', sans-serif;
	font-size: 2.5em;
	font-weight: 200;
	color: #C3C0B4;
	cursor: pointer;
	margin-bottom: 0.5em;
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.toggler::before {
	display: inline-block;
	width: 15px;
	font-family: FontAwesome;
	content: '\f101';
}

.toggler:hover,
.toggler.ui-state-active {
	color: #ef7a18;
}

/*.toggler:hover::before,*/
.toggler.ui-state-active::before {
	content: '\f103';
}

/************************************
 *
 * Galerie
 *
************************************/
.ce_gallery .gallery_inside {
	text-align: center;
}

.ce_gallery .image_container {
	display: inline-block;
	margin: 15px;
}

.ce_gallery img {
	-webkit-border-radius: 210px;
	border-radius: 210px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.ce_gallery img:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

#cboxTitle,
#cboxCurrent,
.caption {
	font-family: 'Exo', sans-serif;
	font-weight: 200;
	font-size: 1.4em;
}

.caption {
	margin-top: 1em;
}

/************************************
 *
 * Teaser
 *
************************************/
.imgTeaser {
	margin: 0 !important;
	overflow: hidden;
	position: relative;
}

.imgTeaser figure img {
	max-width: none;
	max-height: none;
	min-height: 100%;
	min-width: 1588px;
	width: 100%;
	height: auto;
}

.imgTeaser .textContent {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	padding: 0 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.imgTeaser h1,
.imgTeaser h2,
.imgTeaser h3,
.imgTeaser h4,
.imgTeaser h5,
.imgTeaser h6,
.imgTeaser p,
#main .imgTeaser ul {
	color: #fff
}

.imgTeaser h1,
.imgTeaser h2,
.imgTeaser h3,
.imgTeaser h4,
.imgTeaser h5,
.imgTeaser h6 {
	margin-bottom: 15px;
}

.imgTeaser.headlinesClose h2 {
	margin-top: 0;
}

.imgTeaser.headlineTextshadow h1,
.imgTeaser.headlineTextshadow h2,
.imgTeaser.headlineTextshadow h3,
.imgTeaser.headlineTextshadow h4,
.imgTeaser.headlineTextshadow h5,
.imgTeaser.headlineTextshadow h6 {
	text-shadow: 0px 0px 17px rgba(0,0,0,0.6);
}

.imgTeaser a:hover {
	text-decoration: none;
}

.imgTeaser p {
	font-size: 1.6em;
	padding: 0 10%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.imgTeaser.lessPadding p {
	padding: 0;
}

.textTeaser {
	width: 100%;
	height: 600px;
	background: #1d1d1b;
	margin: 0 !important;
	position: relative;
}

.textTeaser h1 {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	color: #fff;
}

.textTeaser h2 {
	position: absolute;
	top: 55%;
	left: 0;
	right: 0;
	color: #fff;
}

.scrollButton {
	position: absolute;
	bottom: 8em;
	width: 100%;
	height: 80px;
	overflow: visible;
}

.scrollButtonInner {
	margin: 0 auto;
	width: 140px;
	height: 80px;
	position: relative;
	cursor: pointer;
}

.scrollText {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-family: 'Exo', sans-serif;
	font-size: 1.6em;
	letter-spacing: 0.04em;
	text-align: center;
	color: #EF9045;
	font-weight: 200;
}

.scrollLinie {
	display: block;
	width: 140px;
	height: 14px;
	background: url("../../files/layout/scroll-linie.svg") transparent 0 0 no-repeat scroll;
	background-size: 140px 14px;
	position: absolute;
	bottom: 20px;
	left: 0;
}

.scrollPfeil {
	display: block;
	width: 16px;
	height: 52px;
	background: url("../../files/layout/scroll-pfeil.svg") transparent 0 0 no-repeat scroll;
	background-size: 16px 52px;
	position: absolute;
	bottom: 0;
	left: 62px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.scrollButtonInner:hover .scrollPfeil {
	bottom: -10px;
}

@-webkit-keyframes bounce {  		  
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

/************************************
 *
 * Slider / Startseite
 *
************************************/
.ce_sliderStart {
	margin: 0 !important;
}

.content-slider .ce_text > h2,
.content-slider .ce_player > h2 {
	display: none;
}

.slider-control {
	position: absolute;
	bottom: 20%;
	left: 0;
	width: 100%;
	text-align: center;
}

.slider-control .slider-menu {
	font-family: 'Exo', sans-serif;
	font-size: 1.6em;
	letter-spacing: 0.02em;
	position: relative;
	top: auto;
	left: auto;
	margin: 0;
	width: auto;
}

.slider-control .slider-menu b {
	display: inline-block;
	margin: 0 1em;
	color: #fff;
	font-weight: normal;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.slider-control .slider-menu b:hover,
.slider-control .slider-menu b.active {
	color: #EF9045;
}

.slider-menu-dot {
	display: block;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid #EF9045;
	margin: 10px auto 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.slider-control .slider-menu b:hover .slider-menu-dot,
.slider-control .slider-menu b.active .slider-menu-dot {
	background: #EF9045;
}

.content-slider .textContent {
	top: 33%;
}

.content-slider .textContent img {

}

.content-slider .textContent h3 {
	padding-top: 52px;
}

.sterneTeaser .textContent h3 {
	background: url("../../files/layout/sterne-gross.png") transparent top center no-repeat scroll;
}

#sliderImagefilm {
	background: url("../../files/marina-boltenhagen/bilder/yachtwelt-start-gastlieger.jpg") transparent 0 0 no-repeat scroll;
	background-size: cover;
	text-align: center;
}

#sliderImagefilm .wrapper1 {
	display: table;
	height: 100%;
	width: 60%;
	margin: 0 auto;
}

#sliderImagefilm .wrapper2 {
	display: table-cell;
	vertical-align: middle;
}

#sliderImagefilm video {
	width: 100%;
}

#buttonUeberblick {
	position: absolute;
	bottom: -60px;
	right: -120px;
	width: 280px;
	height: 110px;
	padding: 20px;
	background: #EF7E25;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#buttonUeberblick a {
	font-family: 'Exo', sans-serif;
	letter-spacing: 0.01em;
	font-style: normal;
	display: block;
	color: #fff;
	width: 180px;
	padding: 0 0 0 66px;
}

#buttonUeberblick:hover {
	bottom: -53px;
	right: -110px;

}

#buttonUeberblick a:hover {
	text-decoration: none;
}

#impressumLink {
	position: absolute;
	bottom: 6px;
	left: 10px;
}

#impressumLink p {
	margin: 0;
}

#impressumLink a {
	font-family: 'Exo', sans-serif;
	letter-spacing: 0.01em;
	font-style: normal;
	font-size: 0.9em;
}


/************************************
 *
 * Footer
 *
************************************/
#footer {
	position: relative;
	z-index: 999;
	width: 100%;
	overflow: hidden;
	background: #f6f3ee;
	/*top: -200px;*/
}

/*.impressum #footer,*/
.kontakt-versendet #footer,
.seiteNichtGefunden #footer {
	background: #fff;
}

#footer .slopeBlack {
	margin-top: 230px;
	height: 530px;
}

#footer .inside {
	background: #1d1d1b;
}

#footer .textContent {
	background: #1d1d1b;
	padding: 0 0 20em;
	margin-top: -400px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 999;
	position: relative;
}

#footer p {
	font-size: 1.2em;
	font-style: normal;
	text-transform: uppercase;
	line-height: 2;
	color: #fff;
	margin-top: 25px;
}

#footer a.email {
	display: block;
	margin-top: 0.5em;
}

.slope.footerParallax {
	height: 300px;
	width: 100%;
	position: absolute !important;
	top: 90px;
	z-index: 0 !important;
}

.socialMediaLinks li {
	display: inline-block;
	margin: 0 2px;
}

.socialMediaLinks a:hover {
	color: #fff;
}

.footerLogoLinks {
	width: 400px;
	margin: 50px auto 0;
	/*border-top: 1px solid rgba(239,144,69,0.3);*/
	border-top: 1px solid rgba(255,255,255,0.12);
}

.footerLogoLinks img {
	height: 65px;
	margin: 0 15px;
}

/************************************
 *
 * Schrägen
 *
************************************/
.slope {
	margin-left: -60px;
	margin-right: -60px;
	margin-top: -80px;
	/*margin-bottom: 80px;*/
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	position: relative;
	z-index: 1;
	overflow: hidden;

	height: 150px;
}

.slopeWhite {
	/*background: #fff;*/
	background: #f9f9f9;
	box-shadow: 0px -1px 3px rgba(255,255,255,0.4);
}

.slopeCreme {
	background: #f6f3ee;
	background: rgb(246,243,238);
	box-shadow: 0px -1px 3px rgba(246,243,238,0.4);
}

.slopeCyan {
	background: #0F97A6;
	background: rgb(15,151,166);
	box-shadow: 0px -1px 3px rgba(15,151,166,0.4);
}

.slopeDarkCyan {
	background: #0D818F;
	background: rgb(13,129,143);
	box-shadow: 0px -1px 3px rgba(13,129,143,0.4);
}

.slopeBlack {
	background: #1d1d1b;
	background: rgb(29,29,27);
	box-shadow: 0px -1px 3px rgba(29,29,27,0.4);
}

.slopeGrey {
	background: #4f4d47;
	background: rgb(79,77,71);
	box-shadow: 0px -1px 3px rgba(79,77,71,0.4);
}

.slopeLeftToRight {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}

.slopeRightToLeft {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.slopeRightToLeftLittleSteep {
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.slopeLeftToRightLittleSteep {
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}

.slopeRightToLeftSteep {
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	transform: rotate(-8deg);
}

.slopeLeftToRightSteep {
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
}

.slopeLeftToRightVerySteep {
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}

.slopeRightToLeftVerySteep {
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

.slopeEmpty {
	height: 250px;
}

.slopeLine {
	height: 1px;
}

/************************************
 *
 * Parallax
 *
************************************/
p,
ul,
ol,
img {
	z-index: 99999 !important;
}

.bgCreme {
	background: #f6f3ee;
}

.bgCremeLeftToRight {
	background: url("../../files/layout/bgCremeLeftToRight.png") transparent bottom left no-repeat scroll;
	background-size: 100% 210px;
	padding-bottom: 210px;
}

.parallaxContainer {
	position: relative;
}

.imgParallax {
	height: 750px;
	overflow: hidden;
	z-index: 100;
}

.slopeParallax {
	position: absolute;
	z-index: 99;
	width: 100%;
}

.ce_image {
	position: relative;
}

.imgBgParallax {
	z-index: 100;
}

.parallaxBgImg {
	background: transparent no-repeat 0 0 fixed;
	background-size: 100% auto;
	width: 100%;
	height: 500px;
}

.slopeParallax {
	width: 150%;
}

.slopeParallax1 {
	top: 470px;
}

.slopeParallax2 {
	top: 1400px;
}

.marginTop250 {
	margin-top: 250px;
}

.marginTop200 {
	margin-top: 200px;
}

.marginTop05 {
	margin-top: 0.5em;
}

.noMarginTop {
	margin-top: 0;
}

.marginTopMinus50 {
	margin-top: -50px;
}

.marginTopMinus100 {
	margin-top: -100px;
}

.marginTopMinus150 {
	margin-top: -150px;
}

.marginTop200 .textContent {
	margin-top: -130px;
}

.paddingBottom100 {
	padding-bottom: 100px;
}

.z50 {
	z-index: 50;
}

.z150 {
	z-index: 150;
}

.z200 {
	z-index: 200;
}

.z999 {
	z-index: 999;
}

.z1000 {
	z-index: 1000;
}

/************************************
 *
 * Veranstaltungen
 *
************************************/
.mod_eventlist .event {
	border-bottom: 1px solid #EAE3DC;
	margin-bottom: 7em;
	padding-bottom: 6em;
}

.mod_eventlist h2 {
	margin-top: 0;
	text-align: center;
}

.mod_eventlist .info {
	text-align: center;
	margin-bottom: 0;
}

.mod_eventreader .info {
	text-align: center;
	margin-bottom: 0;
}

.mod_eventreader h1 {
	text-align: center;
	margin: 0 0 25px;
}

.mod_eventreader .back {
	text-align: center;
	margin: 25px 0 0;
}

/************************************
 *
 * Team
 *
************************************/
.teamliste .rs-column {
	margin-bottom: 20px;
}

.team h3 {
	margin-top: 0.3em;
}

.team p {
	margin-top: 0;
	line-height: 1.4em;
}

.team img {
	-webkit-border-radius: 210px;
	border-radius: 210px;
}

/************************************
 *
 * Kein Parallax-Effekt
 *
************************************/
.noParallax .parallaxBgImg {
	background-attachment: scroll;
}

/************************************
 *
 * Beim Scrollen
 *
************************************/
/*.scrolling #header,
.scrolling #logo a,
.scrolling #metanavi,
.scrolling #mainnavi {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
*/

.scrolling #header {
	position: fixed;
	background: #1d1d1b;
	background: rgba(29, 29, 27, 0.9);
	height: 60px;
	border-top: 0 none;
/*
	background: #fff;
	border-bottom: 1px solid #4f4d47;
	*/
}

.scrolling #header .inside {
	margin-top: 0;
}

.scrolling #logo a {
	width: 150px;
	height: 37px;
	background-size: 150px 37px;
	top: 10px;
}

.scrolling #metanavi {
	display: none;
}

.scrolling #mainnavi {
	top: 20px;
	font-size: 1.8em;
}

.scrolling #sterne {
	display: none;
	/*right: 737px;*/
}

/************************************
 *
 * Browserspezifisch
 *
************************************/
.ie6 label,
.ie7 label,
.ie8 label,
.ie9 label {
	font-family: 'PT Serif Caption', serif;
	font-size: 1.6em;
	line-height: 1.5;
	font-style: italic;
	letter-spacing: 0.02em;
	color: #969386;
	text-rendering: optimizeLegibility;
	display: block;
	margin-bottom: 0.1em;
}


/************************************
 *
 * Media Queries (große Screens)
 *
************************************/
@media only screen and (min-width:1500px) {
	.slope:not(.slopeLine) {
		height: 180px;
	}

	.textContent {
		padding: 0 24% 5%;
	}

	.slopeLeftToRight {
		margin-top: -110px;
	}

	.slopeRightToLeftLittleSteep {
		margin-top: 0;
	}

	#footer .textContent {
		padding-bottom: 22em;
	}

	#footer .slopeBlack {
		margin-top: 300px;
		margin-left: -70px;
		margin-right: -70px;
	}

	#footer .slopeGrey {
		height: 300px;
	}
}

@media only screen and (min-width:2000px) {
	.scrollButton {
		bottom: 11em;
	}

	.slope:not(.slopeLine) {
		height: 240px;
	}

	.textContent {
		padding: 0 30% 5%;
	}

	.slopeLeftToRight {
		margin-top: -140px;
	}

	#footer .textContent {
		padding-bottom: 36em;
	}

	#footer .slopeBlack {
		margin-top: 380px;
		margin-left: -80px;
		margin-right: -80px;
	}

	#footer .slopeGrey {
		height: 400px;
	}
}


/************************************
 *
 * Media Queries (kleine Screens)
 *
************************************/
@media only screen and (max-width:1360px) {
	#mainnavi {
		font-size: 2em;
	}
}

@media only screen and (max-width:1280px) {
	nav li {
		margin: 0 0.9em;
	}
}

@media only screen and (max-width:1180px) {
	#logo a {
		width: 230px;
		height: 56px;
		background-size: 230px 56px;
	}
}

@media only screen and (max-width:1130px) {
	#logo a {
		width: 200px;
		height: 49px;
		background-size: 200px 49px;
	}

	nav li {
		margin: 0 0.6em;
	}
}

@media only screen and (max-width:1100px) {
	#logo a {
		width: 150px;
		height: 37px;
		background-size: 150px 37px;
		top: 60px;
	}
}

@media only screen and (max-width:1050px) {
	#sterne {
		right: auto;
		left: 196px;
		border-right: 0 none;
	}

	#logo a {
		top: 8px;
	}

	#sliderImagefilm .wrapper1 {
		width: 65%;
	}
}

@media only screen and (max-width:1020px) {
	nav li,
	#metanavi li {
		margin: 0 0.6em;
	}
	nav li.first {
		margin-left: 0;
	}

	.footerParallax {
		top: -100px;
	}

	#sliderImagefilm .wrapper1 {
		width: 70%;
	}

	#sterne {
		/*right: 619px;*/
		/*right: 495px;*/
	}
}

/*@media only screen and (max-width:970px) {
	#metanavi li {
		margin: 0 0.35em;
	}
	#sterne {
		right: 625px;
	}
}*/

@media only screen and (max-width:930px) {
	body.startseite {
		overflow: auto;
	}

	#header {
		height: 55px;
		border-top: 0 none;
	}

	#header .inside {
		margin-top: 0;
	}

	#logo a {
		left: 20px;
		top: 9px;
	}

	.slider-control {
		bottom: 8%;
	}

	.slider-menu-text {
		display: none;
	}

	#buttonUeberblick {
		bottom: 0;
		left: 0;
		right: 0;
		height: auto;
		width: auto;
		padding: 6px 0 3px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	#buttonUeberblick p {
		margin-bottom: 0;
	}

	#buttonUeberblick a {
		width: auto;
		padding: 0;
	}

	#buttonUeberblick:hover {
		bottom: 0;
		right: 0;
	}

	#impressumLink {
		bottom: 38px;
	}

	.scrolling #header {
		position: absolute;
		background: transparent;
	}

	.scrolling #metanavi {
		display: block;
	}

	.scrolling #mainnavi {
		top: auto;
		font-size: 2.2em;
	}

	#naviWrapper {
		position: absolute;
		top: 55px;
		width: 100%;
		background: #1d1d1b;
		/*background: rgba(29,29,27,0.9);*/
	}

	#naviToggle {
		display: block;
		width: 44px;
		height: 33px;
		position: absolute;
		top: -44px;
		right: 12px;
		/*background: #EF7E25;
		border: 1px solid #fff;
		border-radius: 5px;
		*/
		background: transparent;
		border: 0 none;
		cursor: pointer;
		padding: 0;
		outline: none;
	}

	#naviToggle .naviText {
		display: none;	
	}

	#naviToggle .iconBar {
		/*width: 22px;*/
		width: 27px;
		height: 2px;
		background: #fff;
		-webkit-border-radius: 1px;
		border-radius: 1px;
		display: block;
		text-align: center;
		margin: 5px 10px;
	}
	body:not(.startseite) #mycookietip + #wrapper #header #naviToggle .iconBar {
		background: #808080;
	}

	#header .mod_navigation {
		position: relative;
		top: auto;
		right: auto;
	}

	#naviWrapper .inside {
		display: none;
	}

	#naviWrapper li {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0.9em 0 0.7em;
		border-bottom: 1px solid #fff;
		text-align: center;
	}

	#metanavi li {
		padding: 1.4em 0 1em;
	}

	#metanavi a,
	#metanavi span {
		font-family: Exo, sans-serif;
		font-size: 1.8em;
		font-weight: 100;
	}

	#metanavi a {
		color: #fff;		
	}

	#metanavi a.live-stream::before,
	#metanavi span.live-stream::before {
		width: 26px;
	}

	#sterne {
		top: 20px;
		right: 55px;
		left: auto;
		border-right: 0 none;
	}

	.imgTeaser .textContent {
		padding: 0 2%;
		top: 85px;
	}

	.textContent {
		padding-left: 2%;
		padding-right: 2%;
	}

	.rs-columns .rs-column {
		width: 100%;
	}

	#footer .slopeGrey {
		display: none !important;
	}

	#footer .slopeBlack {
		margin-top: 120px;
	}

	.ce_download {
		padding: 6px;
	}

	.ce_download span {
		display: inline-block;
		width: 100%;
		height: auto;
		padding: 0;
		position: relative;
		top: auto;
		text-align: left;
	}

	.ce_download .size {
		display: inline;
	}

	.downloadLink,
	.downloadLinkInner {
		-webkit-transform: skewX(0);
		-moz-transform: skewX(0);
		-ms-transform: skewX(0);
		-o-transform: skewX(0);
		transform: skewX(0);
	}

	.ce_download .downloadLink {
		line-height: 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		padding: 12px 9px 10px;
		width: 100%;
		margin-top: 4px;
		text-align: center;
	}

	.downloadLink a {
		display: block;
	}

	.ce_form .widget {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.ce_form .widgetLeft,
	.ce_form .widgetRight {
		margin-left: 0;
		margin-right: 0;
	}

	#sliderImagefilm .wrapper1 {
		width: 80%;
	}

	.slopeLine, {
		display: none;
	}

	#topLink {
		display: none !important;
		opacity: 0 !important;
	}
}

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

	/*** geringere Abstände zu den Bildern ***/

	.bgCremeLeftToRight {
		background-size: 200% 210px;
		padding-bottom: 80px;
	}

	.slopeEmpty {
		height: 160px;
	}

	.slopeWhite + .textContent:not(.noMarginTop),
	.kontakt .slopeCreme + .textContent {
		margin-top: -130px;
	}

	.slopeCreme + .textContent,
	.width768marginTopMinus50.textContent,
	.kontakt .slopeCreme + .width768marginTopMinus50.textContent {
		margin-top: -50px;
	}

	.yachtvertrieb .parallaxContainer .slope.slopeWhite.slopeLeftToRight {
		margin-top: 50px;
	}
}

@media only screen and (max-width:480px) {
	.content-slider .textContent h3 {
		font-size: 5em;
	}

	.content-slider .imgTeaser:not(.sterneTeaser) .textContent h3 {
		padding-top: 0;
	}

	#sliderImagefilm .wrapper1 {
		width: 90%;
	}

	.scrollButton {
		display: none;
	}

	#footer .slopeBlack {
		height: 460px;
	}

	#footer .textContent {
		padding-bottom: 5em;
	}

	h1 {
		font-size: 3.8em;
	}

	h2 {
		font-size: 3em;
	}

	/*h3 {
		font-size: 1.9em;
	}*/

	#sterne {
		display: none;
	}

	/* Diese beiden Punkte nur, wenn viel Text auf den Slides  */
/*	.startseite h3 { 
		font-size: 4em;
	}

	.imgTeaser p {
		font-size: 1.4em;
		padding: 0 3%;
	}*/

	.imgTeaser p {
		padding: 0 5%;
	}
}

@media only screen and (max-width:400px) {
	.footerLogoLinks {
		width: auto;
	}

	.footerLogoLinks a {
		display: block;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width:340px) {
	.content-slider .textContent h3 {
		font-size: 4em;
	}
	.imgTeaser p {
		font-size: 1.4em;
	}

	#logo a {
		left: 6px;
	}

	#naviToggle {
		right: 6px;
	}

	#sterne {
		right: 58px;
	}
}

/************************************
 *
 * Media Queries (Höhe + Breite)
 *
************************************/
@media only screen and (max-width:930px) and (min-height:500px) {
	.imgTeaser .textContent {
		top: 25%;
	}
}

@media only screen and (max-width:480px) and (max-height: 500px) {
	.imgTeaser .textContent {
		top: 68px;
	}
	.imgTeaserPicTop.imgTeaser .textContent {
		top: 115px;
	}

	.sterneTeaser .textContent h3 {
		background: none;
		padding-top: 0;
	}
}

/************************************
 *
 * Media Queries (Seitenverhältnis)
 *
************************************/
@media (min-aspect-ratio: 4/3) {
	.slider-control {
		bottom: 10%;
	}
}

@media (min-aspect-ratio: 7/4) {
	.slider-control {
		bottom: 7%;
	}
}

@media (min-aspect-ratio: 2/1) {
	#sliderImagefilm video {
		width: 80%;
	}
}

@media (min-aspect-ratio: 7/3) {
	#sliderImagefilm video {
		width: 60%;
	}
}