/* istok-web-regular - latin */
@font-face {
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/istok-web-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/istok-web-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/istok-web-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/istok-web-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/istok-web-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/istok-web-v15-latin-regular.svg#IstokWeb') format('svg'); /* Legacy iOS */
}
/* istok-web-italic - latin */
@font-face {
  font-family: 'Istok Web';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/istok-web-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/istok-web-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/istok-web-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/istok-web-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/istok-web-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/istok-web-v15-latin-italic.svg#IstokWeb') format('svg'); /* Legacy iOS */
}
/* istok-web-700 - latin */
@font-face {
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/istok-web-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/istok-web-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/istok-web-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/istok-web-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/istok-web-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/istok-web-v15-latin-700.svg#IstokWeb') format('svg'); /* Legacy iOS */
}




html {font-size:16px;}
body {font-family: 'Istok Web', Verdana, sans-serif;font-size: 16px;overflow-x: hidden;}

.svg-inline--fa {height:1rem;width:auto;max-width:100%;display:inline-block;vertical-align: -0.08rem;margin-right:3px;}
	.fa-w-16 {height:16px;width:auto;}
	.fa-w-18 {height:18px;width:auto;}
	.fa-w-22 {height:22px;width:auto;}
.icon-more {height:30px;width:auto;}

header {}
	
	/* --- Change Header at > 768 --- */
	.logo {display:none;}
	.top-menu {display:none;}
	
	
	.social-icons-header a {display: inline-block;margin-right:10px;}

/*	
	.headerimg {width:100%;height:0;background-position: center center;background-repeat: no-repeat;background-size: cover;
		padding-bottom:35%;background-image: url('../../images/header/header-main-xs.jpg');}
	
	@media (min-width:1000px) {
		.headerimg {padding-bottom:35%;background-image: url('../../images/header/header-main-md.jpg');}
	}
	@media (min-width:1000px) and (orientation: landscape) {
		.headerimg {padding-bottom:26%;background-image: url('../../images/header/header-main-md-ls.jpg');}
	}
	@media (min-width:1200px) {
		.headerimg {padding-bottom:26%;background-image: url('../../images/header/header-main-lg.jpg');}
	}
	@media (min-width:1600px) {
		.headerimg {padding-bottom:26%;background-image: url('../../images/header/header-main-xl.jpg');}
	}
	@media (min-width:1900px) {
		.headerimg {padding-bottom:26%;background-image: url('../../images/header/header-main-hd.jpg');}
	}
*/

a {color: #00569d;text-decoration: none;}
a:hover {color: #00569d;text-decoration: none;}

#main {}
h1 {font-weight:bold;font-size:2rem;color:#28365A;}
h2 {font-size: 1.6rem;color:#28365A;}
h3 {font-size: 1.4rem;}
h4 {font-size: 1.2rem;padding-bottom:5px;border-bottom:1px solid #eee;}



/* Home */
.booking-teaser {background-color: #CC2C25;padding:0 1.6rem 1.6rem 1.6rem;color:#fff;}
	.booking-teaser a {color:#fff;}
	.booking-teaser h2 {padding-bottom:0px;margin-bottom:0px;color:#fff}
	.eventddate span {background-color:#28365A;padding:0.5rem 1rem;display: inline-block;text-align: center;}

.ticker {border-top:1px solid #ccc;font-size:1.1rem;border-bottom:1px solid #ccc;padding:15px 15px 0px 15px;}
	.marquee {
		max-width: 100vw; /* iOS braucht das */
		white-space: nowrap;
		overflow: hidden;
		/* hier evtl. noch font-size, color usw. */
	}

	.marquee .marquee-inner {
		display: inline-block;
		padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
		animation: marquee 10s linear infinite;
	}

	/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
	.marquee .marquee-inner:hover {
		animation-play-state: paused 
	}

	/* Make it move */
	@keyframes marquee {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}

/* Home-Teaser mit grauem Hintergrund */
/*
.home-teaser .row .frame {background-color: #ccc;}
.home-teaser .frame h2, .home-teaser .frame h3 {font-size: 1.3rem;color:#28365A;}
.home-teaser .frame .ce-bodytext {padding-left: 15px; padding-right: 15px;}
*/

/* Home-Teaser wie Foto/Video-Teaser */
.home-teaser .row .frame {background-color: #28365A;color:#fff;}
.home-teaser .frame h2, .home-teaser .frame h3 {font-size: 1.3rem;color:#fff;}
.home-teaser .frame .ce-bodytext {padding-left: 15px; padding-right: 15px;color:#fff;}
.home-teaser .frame .ce-bodytext a {color:#fff;}


.home-teaser-shop {color:#fff;}

.home-teaser-fotos .card {background-color: #28365A;color:#fff;border:none;border-radius: 0px;}
.home-teaser-fotos .card h3, .home-teaser-fotos .card a {color:#fff;}
.home-teaser-fotos .card .card-footer {background-color: transparent;border:none;border-radius: 0px;}

/* Teaser mit grauem Hintergrund */
/*
.frame-layout-2 {background-color: #ccc;}
.frame-layout-2 h2, .frame-layout-2 .frame h3 {font-size: 1.3rem;color:#28365A;}
.frame-layout-2 .ce-bodytext {padding-left: 15px; padding-right: 15px;}
*/

/* Teaser wie Foto/Video-Teaser */
.frame-layout-2 {background-color: #28365A;color:#fff;}
.frame-layout-2 h2, .frame-layout-2 .frame h3 {font-size: 1.3rem;color:#fff;}
.frame-layout-2 .ce-bodytext {padding-left: 15px; padding-right: 15px;}
.frame-layout-2 .ce-bodytext a {color:#fff;}


/* Accordion */
.card-header {background-color: #F8F8F8;}
.card-header h5 {font-size:1.3rem;}
.card-header .btn-link {color:#2C2C2C;}
.card-header .btn-link {font-size:1.3rem;}
.card-header .btn-link {text-decoration:none;}
.card-header:hover {background-color: #FFF;}
.card-header h5 {position: relative;}
.card-header h5 button {margin-right:30px;}
.card-header h5 button:after {color: #888;display: flex;content: '[-]';position: absolute;align-items: center;justify-content: center;right: 0px;bottom: 1px;height:100%;}
.card-header h5 button.collapsed:after {content: '[+]';}


.partner-container {background-color: #BECFDE;}
	/*
	.partner-container img {filter: grayscale(100%);opacity: 0.7;}
	.partner-container img:hover {filter: none;opacity: 1;}
	*/
	.subpartners {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-content: center;align-items: center;}
	.subpartners .plogo {flex: 0 1 20%;align-self: auto;padding-right:5%;}
	
.footer { background-color: #28365A}
	.footer, .footer a {color:#fff;font-size: 0.9rem;}
	.footer a.footermenu-category {font-size: 1rem;font-weight: bold;}
	.footermenu {margin:0px;padding:0px;}
	.footermenu li {margin:0px;padding:0px;list-style: none;}
	.footer-verein h3 {font-size:1.2rem;}
	.footer-balticsail h3 {font-size:1.2rem;}
	


@media (max-width:1199px) {
	
}

/**** https://www.w3.org/TR/mediaqueries-4/#mq-min-max ****/
/*@media (width <= 768px) { */
@media (max-width: 767.98px) {
	.partner-container img {max-width:200px;}
}
@media (max-width:320px) {
	
}

/* @media (width > 768px) { */
@media (min-width: 768px) {
	.booking-teaser-home .hansesailBookingTeaserSelectorcontainer {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-end;align-content: stretch;align-items: center;}
	.booking-teaser-home #bookingform {flex: 0 1 auto;align-self: auto;}
	.footer-verein {border-right:1px solid #8294B5;}
	.footer-balticsail {border-left:1px solid #8294B5;}
}
/* --- Change Header at > 768 --- */
@media (min-width: 769px) {
	.logo {display:block;}
	.top-menu {display:block;}
	.flat-mega-menu .home-link {display:none;}
}
@media (min-width:992px) {
	
}
@media (min-width:1200px) {
	.booking-teaser-container.booking-teaser-home {position:absolute;bottom:4%;left:0;right:0;}
	.booking-teaser-home .booking-teaser {border-radius:5px;position:absolute;bottom:5%;width:100%;}
	.booking-teaser-rightcol .booking-teaser {border-radius:5px;}
}

/* @media (width > 768px) and (width < 1200px) { */
@media (min-width: 768px) and (max-width: 1199.98px) {
	.home-teaser-shop {font-size:0.9rem;}
}


/* Content */

.sponsor .ce-column {padding-right:5px !important}
.sponsor-carousel .carousel-item {margin-bottom:2rem;padding-right:5px;}
.rightcol .sponsorlist .ce-column {padding-right:5px !important}
.rightcol .sponsorlist h4 {border-bottom: none;}
.sponsor img, .sponsor-carousel img, .rightcol .sponsorlist img {border: 1px solid #ccc;box-shadow: 3px 4px 4px 0px rgba(0,0,0,0.3);}
.sponsor-projekt .frame {height:100%;background-color: #EBF0F1;box-shadow: 3px 4px 4px 0px rgba(0,0,0,0.3);padding-top:2rem;font-weight: bold;}


blockquote {font-style: italic;font-size:0.85rem;}

blockquote {
  display: block;
  border-width: 2px 0;
  border-style: solid;
  border-color: #eee;
  padding: 1.5em 0 0.5em;
  margin: 1.5em 0;
  position: relative;
}
	blockquote:before {
	  content: '"';
	  position: absolute;
	  top: 0em;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  background: #fff;
	  width: 3rem;
	  height: 2rem;
	  font: 2rem/1rem "DINCond", sans-serif;
	  color: #666;
	  text-align: center;
	}


/* overwrite Bootstrap Styles */

legend {
	font-size:1.1em;
	padding: 5px;
	background: #feffff; /* Old browsers */
	background: -moz-linear-gradient(top, #feffff 0%, #eff3ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #feffff 0%,#eff3ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #feffff 0%,#eff3ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#eff3ff',GradientType=0 ); /* IE6-9 */
}

.btn-primary {background-color: #CC2C25;border-color:#CC2C25;color:#fff;}
.btn-primary:hover {background-color: #E42B2B;border-color:#E42B2B;color:#fff;}
.btn-secondary {background-color: #28365A;border-color:#28365A;color:#fff;}
.btn-secondary:hover {background-color: #37498B;border-color:#37498B;color:#fff;}
.btn-secondary.secondary-grey {background-color: #6c757d;border-color:#6c757d;color:#fff;}
.btn-secondary.secondary-grey:hover {background-color: #6c757d;border-color:#6c757d;color:#fff;}

.btntop {position:fixed;bottom:5px;right:5px;}
.btn-secondary.secondary-grey.btntop {background-color: rgba(108,117,125,0.7);border-color:rgba(108,117,125,0.7);color:#fff;}
.btn-secondary.secondary-grey.btntop:hover {background-color: rgba(108,117,125,0.7);border-color:rgba(108,117,125,0.7);color:#fff;}
@media (min-width: 769px) {
	.btntop {right:10%;}
}

/****************************/
/*********** MENU **********/
/***************************/

.top-menu {color:#999;font-size: 0.9rem;}
	.top-menu ul {margin:0;padding:0;}
	.top-menu li {list-style-type: none;display: inline-block;}
	.top-menu a {color:#999;}

.langswitch {margin-left: 2rem;}
.langswitch a {color:#000;border-bottom: 1px solid #333;}

/* reset */
.flat-mega-menu ul,
.flat-mega-menu li,
.flat-mega-menu a,
.flat-mega-menu p,
.flat-mega-menu img,
.flat-mega-menu h2,
.news-menu ul,
.news-menu li,
.news-menu a,
.footer_menu ul,
.footer_menu li,
.footer_menu a {
	margin: 0;
	padding: 0;
	display: block;
	line-height: normal;
	text-decoration: none;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* menu container */
.flat-mega-menu {
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 999;
	font-size: 1.1rem;
	display: block;
	height: 40px;
	width:100%;
	min-width: 180px;
	background-color: #fff;
}

.flat-mega-menu > ul {
	float:right;
	min-height: 40px;
	background-color: #fff;
}

.flat-mega-menu > ul > li {
	float: left;
	min-height: 40px;
	line-height: 40px;
	color: #000;
	border-left: 0px solid;
	border-left-color: #f1f1f1;
	min-width: 10%;
}


.flat-mega-menu > ul > li > a {
	line-height: 40px;
	color: #000;
	text-align: center;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.1rem;
}

.flat-mega-menu > ul > .title > a {
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 40px;
	padding-left: 20px;
	text-align: left;
	padding-right: 20px;
}

.flat-mega-menu > ul > .title {
	border-left: none;
	min-width: 25%;
	display: none;
}



/* .search-bar class */
.flat-mega-menu ul .search-bar {
	min-width: 6%;
	text-align: center;
	cursor: pointer;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 0px solid;
  	border-right-color: #f1f1f1;
}

.flat-mega-menu .search-bar:hover {
	background-color: #FFFFFF;
	color: #00569d;
	/* animation */
	transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-moz-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-ms-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-o-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
}

.flat-mega-menu .search-bar ul {
	position: absolute;
	right: 0;
	width: 50%;
}

.flat-mega-menu .search-bar table,
.flat-mega-menu .fa-user tbody {
	width: 100%;
}

.flat-mega-menu .search-bar table tr td:last-child {
	width: 120px;
}

.flat-mega-menu .search-bar ul input[type=text] {
	background-color: #FFFFFF;
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.55);
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.55);
	border: none;
	padding: 10px;
	width: 100%;
	float: left;
	border-right: 10px solid rgba(0,0,0,0.00);
	border-left: 20px solid rgba(0,0,0,0.00);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
	outline: none;
	color: #00569d;
}

.flat-mega-menu .search-bar ul input[type=submit] {
	border: none;
	width: 85%;
	cursor: pointer;
	font-size: 0.9em;
	float: left;
	height: 40px;
	outline: none;
	border: 1px solid rgba(0,0,0,0.15);
	opacity: 0.81;
	box-shadow: inset 0.5px 0.866px 0px 0px rgba(255, 248, 68, 0.106);
	background: #00569d;
	color: #FFFFFF;
}

.flat-mega-menu .search-bar ul input[type=submit]:hover {
	opacity: 1;
	outline: none;
}

/* hover animation */
.flat-mega-menu > ul > li:hover > a {
	background: #FFFFFF;
	color: #00569d;
	/* animation */
	transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-moz-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-ms-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-o-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
}

.flat-mega-menu > ul > .title:hover > a {
	background: inherit;
	color: inherit !important;
}

/*------- Drop down layout start ------*/
.flat-mega-menu .drop-down {
	position: absolute;
	background: #FFFFFF;
	z-index: 999;
	margin-left: 0px;
	width: 100%;
	float: left;
	width: 250px;
	border: 1px solid rgba(0,0,0,0.10);
	border-top: none;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid;
	border-bottom-color: #00569d;
}

.flat-mega-menu .drop-down .drop-down {
	border-top: 1px solid rgba(0,0,0,0.10);
}

.flat-mega-menu .drop-down li {
	float: left;
	width: 100%;
	position: relative;
}

.flat-mega-menu .drop-down li a {
	color: #555658;
	font-size: 1rem;
	text-align: left;
	padding: 10px 20px 10px 25px;
	background-color: #FFFFFF;
	/* animation */
	transition: color 0.2s linear 0s, padding-left 0.2s linear 0s;
	-moz-transition: color 0.2s linear 0s, padding-left 0.2s linear 0s;
	-ms-transition: color 0.2s linear 0s, padding-left 0.2s linear 0s;
	-o-transition: color 0.2s linear 0s, padding-left 0.2s linear 0s;
	-webkit-transition: color 0.2s linear 0s, padding-left 0.2s linear 0s;
}

/* drop down hover animation */
.flat-mega-menu .drop-down li:hover > a {
	color: #000000;
	padding-left: 30px;
}

/* default hover animation to show drop down */
.flat-mega-menu > ul > li:hover .drop-down {
	display: block;
}

.flat-mega-menu ul li .drop-down li:hover > .drop-down {
	display: block;
}

/* .hover-fade animation to show drop down */
.flat-mega-menu > ul > li .drop-down.hover-fade {
	display: none;
}

.flat-mega-menu > ul > li:hover > .drop-down.hover-fade,
.flat-mega-menu > ul > li .drop-down li:hover > .drop-down.hover-fade {
	display: block;
	/* keyframes animation */
	animation: hover-fade 0.3s linear 0s forwards;
	-moz-animation: hover-fade 0.3s linear 0s forwards;
	-ms-animation: hover-fade 0.3s linear 0s forwards;
	-o-animation: hover-fade 0.3s linear 0s forwards;
	-webkit-animation: hover-fade 0.3s linear 0s forwards;
}

@keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}
@-moz-keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}
@-ms-keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}
@-o-keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}

/* .hover-expand animation to show drop down */
.flat-mega-menu > ul > li .drop-down.hover-expand {
	display: none;
}

.flat-mega-menu > ul > li:hover > .drop-down.hover-expand,
.flat-mega-menu > ul > li .drop-down li:hover > .drop-down.hover-expand {
	display: block;
	/* keyframes animation */
	animation: hover-expand 0.2s linear 0s forwards;
	-moz-animation: hover-expand 0.2s linear 0s forwards;
	-ms-animation: hover-expand 0.2s linear 0s forwards;
	-o-animation: hover-expand 0.2s linear 0s forwards;
	-webkit-animation: hover-expand 0.2s linear 0s forwards;
}

@keyframes hover-expand { 0% {opacity:0; transform: rotateY(90deg);} 100% {opacity:1; transform:rotateY(0deg);}}
@-moz-keyframes hover-expand { 0% {opacity:0; -moz-transform: rotateY(90deg);} 100% {opacity:1; -moz-transform:rotateY(0deg);}}
@-ms-keyframes hover-expand { 0% {opacity:0; -ms-transform: rotateY(90deg);} 100% {opacity:1; -ms-transform:rotateY(0deg);}}
@-o-keyframes hover-expand { 0% {opacity:0; -o-transform: rotateY(90deg);} 100% {opacity:1; -o-transform:rotateY(0deg);}}
@-webkit-keyframes hover-expand { 0% {opacity:0; -webkit-transform: rotateY(90deg);} 100% {opacity:1; -webkit-transform:rotateY(0deg);}}

/* fontAwesome icons layout */
.flat-mega-menu .drop-down li i {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 20px;
	bottom: 0;
	height: 16px;
	margin: auto;
	color: #555658;
}

/* level 2 .drop-down layout */
.flat-mega-menu .drop-down .drop-down {
	left: 100%;
	top: -10px;
	width: 200px;
}

/*------- one column layout ----------*/
.flat-mega-menu .drop-down.one-column {
	width: 250px;
}

.flat-mega-menu .drop-down .drop-down.one-column {
	width: 200px;
}

/* image hover animation */
.flat-mega-menu ul img:hover {
	opacity: 0.8;
}

/* mobile button hide in desktop mode */
.flat-mega-menu > label,
.flat-mega-menu > input {
	display: none;
}

/* media query */
@media (max-width:1200px) {
	/* first Bootstrap Breakpoint -> Container = 970px -> Decrease Menus width */
	.flat-mega-menu > ul > li > a {
		font-size: 1rem;
		padding-left: 8px;
		padding-right: 8px;
	}
}

/*@media (width <= 768px) {*/
/* --- Change Header at > 768 --- */
@media (max-width: 768px) {
	
	.flat-mega-menu > ul {
		width:100%;
		height: 60px;
		overflow: hidden;
	}
	
	.flat-mega-menu > ul > li {
		width: 100%;
		border-left: none !important;
		border-right: none !important;
		border-bottom: 1px solid;
		border-bottom-color: #0B70BD;
		border-left-color: #0B70BD;
		background-color: #00569d;
		color: #fff;
	}
	.flat-mega-menu > ul > li > a {
		color: #fff;
	}
	.flat-mega-menu > ul > li:hover > a,
	.flat-mega-menu > ul > .login-form:hover,
	.flat-mega-menu > ul > .search-bar:hover{
	    color: #ffffff !important;
	}
	
	.flat-mega-menu > ul > .title {
		display: block;
		background: none;
		border: none;
		height:60px;
		padding:5px 60px 5px 0;
	}
	.flat-mega-menu > ul > .title a {
		text-align: center;
	}
	
	.flat-mega-menu .drop-down.full-width {
		position: relative;
		left: 0px !important;
	}
	
	/* all drop-downs layout */
	.flat-mega-menu .drop-down.one-column,
	.flat-mega-menu .drop-down.two-column,
	.flat-mega-menu .drop-down.full-width,
	.flat-mega-menu .drop-down .drop-down,
	.flat-mega-menu .social-bar ul,
	.flat-mega-menu .search-bar ul,
	.flat-mega-menu .login-form ul {
		width: 100% !important;
		display: block !important;
		position: relative;
		left: 0px;
		transform: scale(1.0, 1.0), rotateY(90deg);
		-moz-transform: scale(1.0, 1.0), rotateY(90deg);
		-ms-transform: scale(1.0, 1.0), rotateY(90deg);
		-o-transform: scale(1.0, 1.0), rotateY(90deg);
		-webkit-transform: scale(1.0, 1.0), rotateY(90deg);
	}
	
	.flat-mega-menu .drop-down .drop-down {
		border: none;
		border-top: 1px solid #E8E8E8;
		border-bottom: 1px solid #E8E8E8;
		top: 0;
		padding: 0;
	}
	
	.flat-mega-menu .drop-down .drop-down.one-column {
		padding-left: 20px;
	}
	
	.flat-mega-menu > ul > li .drop-down.hover-expand,
	.flat-mega-menu > ul > li .drop-down.hover-fade,
	.flat-mega-menu > ul > li .drop-down.hover-zoom {
		display: none;
		border: none;
	}
	
	.flat-mega-menu > ul > li:hover > .drop-down.hover-expand,
	.flat-mega-menu > ul > li:hover > .drop-down.hover-fade,
	.flat-mega-menu > ul > li:hover > .drop-down.hover-zoom,
	.flat-mega-menu > ul > li .drop-down li:hover > .drop-down.hover-expand,
	.flat-mega-menu > ul > li .drop-down li:hover > .drop-down.hover-fade,
	.flat-mega-menu > ul > li .drop-down li:hover > .drop-down.hover-zoom {
		display: block;
		/* keyframes animation */
		animation: hover-default 0.2s linear 0s forwards;
		-moz-animation: hover-default 0.2s linear 0s forwards;
		-ms-animation: hover-default 0.2s linear 0s forwards;
		-o-animation: hover-default 0.2s linear 0s forwards;
		-webkit-animation: hover-default 0.2s linear 0s forwards;
	}
	
	.flat-mega-menu > ul > .login-form:hover,
	.flat-mega-menu > ul > .search-bar:hover,
	.flat-mega-menu > ul > li:hover > a {
		color: #FFFFFF;
		background: inherit;
	}
	
	.flat-mega-menu ul .search-bar {
		margin: 0;
		padding: 0;
	}
	
	.flat-mega-menu .drop-down.two-column ul,
	.flat-mega-menu .drop-down.full-width ul {
		width: 50%;
	}
	
	.flat-mega-menu .drop-down.one-column a,
	.flat-mega-menu .drop-down.two-column a {
		width: auto;
		float: left;
	}
	
	/* fontAwesome icons layout */
	.flat-mega-menu .drop-down li .fa.fa-angle-right {
		position: relative;
		z-index: 9999;
		right: 0px;
		float: right;
		height: auto;
		color: #555658;
		padding: 0;
		margin: 0 17px 0 0;
		display: block;
		line-height: 38px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	
	/* mobile button layout */
	.flat-mega-menu #mobile-button {
		position: absolute;
		display: none;
	}
	
	/* mobile button click to show drop down */
	.flat-mega-menu #mobile-button:checked + ul {
		height: auto;
		overflow: visible;
	}
	
	/* label tag layout */
	.flat-mega-menu > label {
		width: 60px;
		height: 40px;
		/* edit:
		background-color: rgba(0,0,0,0.10); */
		background-color: #fff;
		display: block;
		margin: 0;
		margin-top:10px;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		line-height: 40px;
		font-size: 2em;
		/* edit:
		color: #FFFFFF; */
		color: #00569d;
		cursor: pointer;
	}
	
	.flat-mega-menu > label i{
		-ms-user-select:none;
		-moz-user-select:none;
		-o-user-select:none;
		-webkit-user-select:none;	
	}
	
	.flat-mega-menu ul .title {
		padding-left: 60px;
	}
	
	/* collapse class layout */
	.flat-mega-menu .collapse-menu .drop-down.one-column,
	.flat-mega-menu .collapse-menu .drop-down.two-column,
	.flat-mega-menu .collapse-menu .drop-down.full-width,
	.flat-mega-menu .collapse-menu .drop-down .drop-down,
	.flat-mega-menu .collapse-menu .search-bar ul {
		width: 100% !important;
		display: none !important;
		position: relative;
		left: 0px;
		transform: scale(1.0, 1.0), rotateY(90deg);
		-moz-transform: scale(1.0, 1.0), rotateY(90deg);
		-ms-transform: scale(1.0, 1.0), rotateY(90deg);
		-o-transform: scale(1.0, 1.0), rotateY(90deg);
		-webkit-transform: scale(1.0, 1.0), rotateY(90deg);
	}
	
	.flat-mega-menu > .collapse-menu > li:hover > .drop-down.hover-expand,
	.flat-mega-menu > .collapse-menu > li:hover > .drop-down.hover-fade,
	.flat-mega-menu > .collapse-menu > li:hover > .drop-down.hover-zoom,
	.flat-mega-menu > .collapse-menu > li .drop-down li:hover > .drop-down.hover-expand,
	.flat-mega-menu > .collapse-menu > li .drop-down li:hover > .drop-down.hover-fade,
	.flat-mega-menu > .collapse-menu > li .drop-down li:hover > .drop-down.hover-zoom {
		display: block !important;
		/* keyframes animation */
		animation: hover-fade 0.2s linear 0s forwards;
		-moz-animation: hover-fade 0.2s linear 0s forwards;
		-ms-animation: hover-fade 0.2s linear 0s forwards;
		-o-animation: hover-fade 0.2s linear 0s forwards;
		-webkit-animation: hover-fade 0.2s linear 0s forwards;
	}
	
	@keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}
	@-moz-keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}
	@-ms-keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}
	@-o-keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}
	@-webkit-keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}

}

/* media query */
@media (max-width:320px) {

	.flat-mega-menu .drop-down.two-column ul,
	.flat-mega-menu .drop-down.full-width ul {
		width: 100%;
	}
	
	.flat-mega-menu ul .search-bar td {
		width: 100% !important;
		float: left;
		padding: 5px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: default;
	}
	
	.flat-mega-menu ul .search-bar input[type=text],
	.flat-mega-menu ul .search-bar input[type=submit] {
		width: 100%;
		margin: 0;
		border: none;
	}
	
	.flat-mega-menu ul .title {
		padding-left: 60px;
	}
}


/* @media screen and (width > 768px) { */
@media screen and (min-width: 769px) {
	.header-menus {
	     display: flex;
	     flex-direction: column;
	     flex-wrap: nowrap;
	     justify-content: center;
	     align-items: flex-end;
	     align-content: center;
	}
	
	.top-menu, .flat-mega-menu {
	     flex: 0 0 auto;
	}

}




/****************************/
/*********** TYPO3 **********/
/****************************/

/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; max-width:50%;}

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 1px solid #ddd;
  		border-radius: 4px;
  		padding: 5px;
  		width: 150px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 15px;
        margin-top:4px;
    }
    .frame-type-gridelements_pi1 .ce-intext.ce-right .ce-gallery, .frame-type-gridelements_pi1  .ce-intext.ce-left .ce-gallery, .frame-type-gridelements_pi1 .ce-above .ce-gallery { margin-top:0px; }
    
    .ce-intext.ce-right .ce-gallery { margin-left: 30px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 30px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 15px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 15px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

	/***** Anpassung fuer minimale Responsivitaet bei Bildelementen ***********************************/

	.ce-gallery .ce-column {
	    margin: 0;
	    width: 100%;
		/* Abstand zwischen Bildern */
	    padding: 0px 0px 8px 0px;
	    box-sizing: border-box;
	}
	
	/* Fluid Image Tags */
	.ce-gallery img,
	.ce-gallery picture {
	    width: 100%;
	    max-width: 100%;
	    height: auto;
	}
	
	/* Spaltenbreiten je nach eingestellten Columns auf groesseren Geraeten */
	@media (min-width: 640px) {
		
		.ce-gallery .ce-column {
	    	padding: 0px 5px 8px 5px;
		}
		
		.ce-gallery[data-ce-columns="1"] .ce-column {
		    padding: 0px 0px 8px 0px;
		}
		
		.ce-gallery[data-ce-columns="2"] .ce-column {
		    width: 50%;
		}
		
		.ce-gallery[data-ce-columns="3"] .ce-column {
		    width: 33.33333333333333%;
		}
		
		.ce-gallery[data-ce-columns="4"] .ce-column {
		    width: 25%;
		}
		
		.ce-gallery[data-ce-columns="5"] .ce-column {
		    width: 20%;
		}
	}
	
	/* Bildgröße für Text+Bild-Element auf großen Geräten begrenzen */
	/* @media (width > 768px) { */
	@media (min-width: 768px) {
		.ce-textpic.ce-left.ce-intext .ce-gallery[data-ce-columns="1"] .ce-media {max-width: 400px;margin-top:5px;}
	}
	/* @media (width <= 768px) { */
	@media (max-width: 767.98px) {
		.ce-left .ce-gallery, .ce-right .ce-gallery { float: none; }
	}

	/*********************************************************************************/


    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    /*.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }*/
    /*.frame-ruler-after { border-bottom: 2px solid #36A900; }*/
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }

	
	.align-left {text-align: left;}
	.align-center {text-align: center;}
	.align-right {text-align: right;}
	.csc-frame-frame1 {background-color: #EDEBF1; border: 1px solid #333333;}
	.csc-frame-frame2 {background-color: #F5FFAA; border: 1px solid #333333;}
	.important {color: #8A0020;}
	.name-of-person {color: #10007B;}
	.detail {color: #186900;}
	.component-items {color: #186900;}
	.action-items {color: #8A0020;}
	.component-items-ordered {color: #186900;}
	.action-items-ordered {color: #8A0020;}

/* Powermail Forms */
.frame-layout-1 .col-md-6 {width:100%;} /* Default: 2-spaltiges Formular - wenn Feld auf Layout-1 gesetzt wird -> einspaltig */
.frame-layout-1 .col-sm-offset-2 {margin-left:0px;}

/* individual stuff */
div.csc-textpic-intext-left .csc-textpic-imagewrap img, div.csc-textpic-intext-right .csc-textpic-imagewrap img { padding-top:3px; } /* Bei Text+Image-Elementen (nur wenn Bild links/rechts ausgerichtet ist) sollen Bild und Text auf einer horizontalen Linie beginnen */

.csc-textpic-imagewrap img {width:100%;height:auto;}

.image-caption {color:#999;}


/**************************************/
/* Default styles for news extension */
/**************************************/
.news .clear {clear: both;}
.news .nav ul {float: left;display: inline;margin: 0;}
.news .nav li {float: left;}
.news .nav a {float: left;display: block;}
.news .nav:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.news .article {padding-bottom: 15px;margin-bottom: 15px;}
.news .article:last-child {padding-bottom: 0;margin-bottom: 0;}
.news .article:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.news .article h3 {margin-bottom: 0;}
.news .news-list-item img {margin-bottom:20px;}
/*.news .news-latest {text-align: center;}*/
.news .news-list-item .teaser-text p {margin-bottom:0.8rem;}
.news .footer {clear: both;padding: 10px 0 0 0;border-top: 1px solid #eee;margin-top: 15px;color: #888;}
.news .footer p {line-height: 1em;}
.news .footer span {display: inline-block;padding-right: 8px;margin-right: 8px;border-right: 1px solid #ddd;}
.news .footer span:last-child {border-right: 0;}
.news .footer .news-category a {text-transform: uppercase;}
.news .no-news-found {color: #DB0202;font-style: italic;}
.news .page-navigation p {float: left;display:none;}
.news .page-navigation ul {float: right;}
.news .page-navigation ul li {display: inline-block;padding: 5px 10px;border:1px solid #ccc;border-radius: 5px;margin-left:10px;}
.news .page-navigation ul li.disabled {display: inline-block;padding: 5px 10px;border:none;margin-left:10px;}
.news .page-navigation ul li a {}

/* single view */
.news-single .footer {margin-bottom: 20px;margin-top: 5px;padding: 10px 0 0 0;border-bottom: 0;border-top: 1px solid #eee;}
.news-single .article .news-img-wrap {float: right;width: 282px;margin: 0 0 0 25px;}
.news-single .article .news-img-wrap img {float: none;}
.news-single .teaser-text {color: #888;}
.news-text-wrap {margin-bottom: 10px;}
.news-img-caption {color: #888;}

.news-list-item h4 {border-bottom:none;}
.news .teaser-text {padding-bottom:15px;}
.news-latest-item-right h4 {font-size: 1rem;}
.news-latest-item-right .teaser-text a {color:#333;}
.news-latest-item-right .teaser-text p {margin-bottom:5px;}


/* Forms */
.powermail_fieldwrap_hinweisdatenschutz {font-size:0.8rem;}
.powermail_fieldwrap_datenverarbeitungakzeptieren > label {visibility: hidden;}
.powermail_fieldwrap.layout3 > label {visibility: hidden;}
.powermail_fieldwrap.marginbottom0.form-group {margin-bottom:0px;}
.powermail_fieldwrap_type_text.nolabel {color:#999;font-size: 0.9rem;}
legend.powermail_legend {padding:1.5rem 0 0 0; background: none;border-top:1px solid #999;font-style: italic;}
.powermail_fieldwrap.powermail_tab_navigation {}
.powermail_fieldwrap.powermail_tab_navigation a.btn {margin: 0 5px 0 5px;}


/* indexed_search */
#tx_indexedsearch legend {display:none;}
.tx-indexedsearch-form, .tx-indexedsearch-search-submit {display: inline-table;}
.tx-indexedsearch-form label {margin-right:10px;}
.tx-indexedsearch-search-submit {padding-left:10px;}
.tx-indexedsearch-res h3 {background-color: #F1F1E6;padding:3px;position: relative;}
.tx-indexedsearch-res h3 .tx-indexedsearch-percent {position: absolute;right:5px;margin-left:40px;}
.tx-indexedsearch-info {font-size:0.8rem;}
	.tx-indexedsearch-text-item-size, .tx-indexedsearch-text-item-crdate, .tx-indexedsearch-text-item-mtime {display: none;}
	.tx-indexedsearch-text-item-path {display: inline-table;}
.tx-indexedsearch-browsebox li {display: inline-table;list-style-type: none;margin-right:30px;}


/* generic gallery */
.tx-genericgallery-pi1 .thumbnail img {transition: transform .2s;}
.tx-genericgallery-pi1 .thumbnail img:hover {transform: scale(1.1);}

/* Pagination (news & generic gallery) */
.f3-widget-paginator {display:block;max-width: 100% !important;}
.f3-widget-paginator li {display: inline-block;border:1px solid #ddd;background-color:#f1f1f1; padding:8px;list-style: none;margin-bottom:3px;}
.f3-widget-paginator li:only-child {display: none;} /* Hide Pagination with only one Page */
.f3-widget-paginator li.current {background-color: #337ab7;border-color: #337ab7;color: #fff;}


/* Tables */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 5px;
}

/* Accordion */
.frame-type-gridelements_pi1 .card-header .btn {text-align: left;}


.contentelement th, .contentelement td {
	font-size: 12px;
	padding: 2px;
}
table.withBorder {
	border: 0px solid #ddd;
	border-top-width: 1px;
	border-left-width: 1px;
}
.withBorder th, .withBorder td {
	border: 0px solid #ddd;
	border-right-width: 1px;
	border-bottom-width: 1px;
}

.participants-list-table td, .participants-list-table th {font-size: 0.9em;}


/* Iframe responsive */
.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}
.embed-container.ratio1x1 {
  padding-bottom: 100%;
}


.btn-sailing-all{
  background-color: #28365A;
  border-color: #28365A;
  color: #fff;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}
.btn-sailing-all:hover{
  background-color: #37498B;
  border-color: #37498B;
}

.ampel .ce-gallery img {width:60%;height:auto;/*margin-left:auto;margin-right:auto;*/}

/* tx-hansesail */
.filter {
    margin-bottom: 10px;
    background-color: #C3D9F2;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* Veranstaltungen / Programm */

.news h2.wochentag {padding:4px 10px 4px 10px;background-color: #f4f4f4;border-bottom:1px solid #ED9E9B;margin-bottom:30px;text-align:center;}

.news-list-item.topnews h3 .topnewsbadge {position:absolute;right:0px;bottom:-5px;z-index:99;width:45px;height:33px;
	font-weight:bold;color:#28365A;transform: rotate(-30deg);
	/*background-image: url('../images/icon_tipp.svg');background-size: contain;background-position: right top;background-repeat: no-repeat;*/
}
.news-list-item.topnews h3 {padding-right:45px;}

@media (max-width: 768px) {
	.news-list-item.topnews > .row > .col-md-3 {background-color: #BECFDE;/*background-color: #D6F4FE;*/}
}
@media (min-width: 768.1px) {
	.news-list-item.topnews > .row {background-color: #BECFDE;/*background-color: #D6F4FE;*/}
}
@media (min-width: 1200px) {
	.news-list-item.topnews h3 .topnewsbadge {position:absolute;left:-55px;
		/*background-image: url('../images/icon_tipp_left.svg');background-position: left top;*/
	}
	.news-list-item.topnews h3 {padding-right:0px;}
}






/* BookingKit */
#noConsentBKInfoBox {background-color: #28365A;padding:1.5rem;color:#fff;border-radius:4px;}