/*
Groß: 1200	(388)
Mittel: 992 - 1199 (282)
Klein: 768 - 991
Sehr klein: 577- 767 (130)
Farben:
Blau: #004d83
Petrol: #8ec59b
Grün: #98caa5;

*/

@font-face {
	font-family: 'VAGRounded';
	src: url('VAG/VAGRounded-Light.eot');
	src: url('VAG/VAGRounded-Light.eot?#iefix') format('embedded-opentype'),
		url('VAG/VAGRounded-Light.woff') format('woff'),
		url('VAG/VAGRounded-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'VAG Rounded';
	src: url('VAG/VAG-Rounded-Bold.eot');
	src: url('VAG/VAG-Rounded-Bold.eot?#iefix') format('embedded-opentype'),
		url('VAG/VAG-Rounded-Bold.woff') format('woff'),
		url('VAG/VAG-Rounded-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('Myriad/MyriadPro-Regular.eot');
	src: url('Myriad/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('Myriad/MyriadPro-Regular.woff') format('woff'),
		url('Myriad/MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


html {
    width: 100%;
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
}

body {
	background: #333;
	color: #fff;
	font-family: 'Myriad Pro', Verdana, Arial, sans-serif;
}

img { 
	width: auto;
	max-width : 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}

h1 {
	color: #8ec59b;
	font-size: 24px;
	margin-top: 0;
	font-family: 'VAGRounded', Verdana, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 20px
}

h2, h3 {
	color: #8ec59b;
	font-size: 18px;
	margin-top: 0;
	font-family: 'VAGRounded', Verdana, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 10px
}

a {color: #fff;}
a:hover { color:#8ec59b; text-decoration:none;}

.container {
	padding: 0 20px 0 64px;
}

td, th {padding-right: 15px; vertical-align: top;}

.important {color:#8ec59b; font-weight: bold; }

.slick-dotted.slick-slider {margin: 0; background: #004d83;}
.slick-prev {z-index: 1005;}

.ce-textpic.ce-left.ce-intext.ce-nowrap {overflow:hidden; margin-bottom: 10px;}
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {float: left; margin-right: 10px;}
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext {margin-left: 110px;}
.ce-textpic.ce-right.ce-intext.ce-nowrap {overflow:hidden; margin-bottom: 10px;}
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {float: right; margin-left: 10px;}
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext {margin-right: 210px;}

#content .frame {margin-bottom: 30px;}

.frame-indent .ce-gallery .ce-inner {
	display: flex;
	flex-wrap: wrap;
}
.frame-indent .ce-gallery .ce-row {
	max-width: 200px;
	max-height: 130px;
	margin: 5px;
	overflow: hidden;
}

.frame-100 .ce-column {width: 100%;}
.ce-row {display: flex; justify-content: center; flex-wrap: wrap; gap: 5px;}
.ce-row {display: flex; justify-content: center; flex-wrap: wrap; gap: 5px;}
.ce-left .ce-row {justify-content: flex-start;}
.clear-both { clear:both;}

@media (min-width: 0px) {

	#iiqcheck_widget_tooltip_iframe_493 {top: 0 !important;}
	.container {
		padding: 0 20px 0 20px;
		width : 100%;
	}
	/*********************************************************** Header *******************************************************************************/
	#main-header {
		background: #004d83;
	}
	#main-header .container {
		position: relative;
		height: 146px;
		background: #004d83;
	}
	#logo {
		width: 240px;
		margin-top: 10px;
		float: left;
	}
	#iiqcheck_widget_617{
		display:none;
		position: absolute;
		right: 10px;
		overflow: hidden;
		-ms-transform: scale(0.6, 0.6) translate(50px,-30px); /* IE 9 */
		-webkit-transform: scale(0.6, 0.6) translate(50px,-30px); /* Safari */
		transform: scale(0.6, 0.6) translate(50px,-30px);
	}
	#premium {
		display: none;
		margin-top: 20px;
		float: right;
		margin-right: 80px;
		width: 100px;
	}
	#wunschplatz {
		position: absolute;
		top: 120px;
		right: 30px;
		width: 125px;
		margin-top: 9px;
		margin-right: 0px;
		float: right;
		z-index: 150;
	}
	
	/*********************************************************** Navigation *******************************************************************************/
	#navigation {
		background: #8ec59b;
	}
	#navigation .container {
		background: #8ec59b;
		height: 70px;
		padding: 0 ;
		z-index: 400;
	}
	#navigation .navbar-default,
	#navigation .navbar-collapse {
		background: transparent;
		padding: 0;
		margin: 0;
		height: auto;
		min-height : auto;
		background: transparent;
		border: 0;
		z-index: 100;
	}
	#navigation .navbar-collapse {
		width: 100%;
		margin: 0;
		background: #004d83;
		padding: 15px;
	}
	#navigation .navbar-collapse .navbar-nav {
	 margin: 0;
	}
	#navigation .navbar-nav > li.open,
	#navigation .navbar-nav > li.active,
	#navigation .navbar-nav > li:hover {
		background: #004d83;
		box-shadow: none;
	}
	.navbar-toggle {
		float: left;
		background: #004d83;
		color: #8ec59b;
		border: 0;
		height: 48px;
		margin: 11px;
		margin-left: 20px;
	}
	.navbar-light .navbar-toggler {
		margin-top: 15px;
		background: #004d83;
		border-radius: 10px;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background: #8ec59b;	
		height: 3px;
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(142, 197, 155, 1)\' stroke-width=\'3\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E")
	}
	#navigation .default {
		display: block !important;
		padding: 6px;
		margin-right: 3px;
	}
	.navbar-default .navbar-nav > li > a {
		color: #fff;
		font-family: 'VAGRounded', Verdana, Arial, sans-serif;	
		font-weight: bold;
		padding-left: 0;
	}
	.navbar-default .navbar-nav > li.active > a,
	.navbar-default .navbar-nav > li.active > a:focus,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li.active > a:hover,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
		color: #8ec59b;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
		font-family: 'Myriad Pro', Verdana, Arial, sans-serif;
		text-decoration: none;
		padding: 3px 0;
		font-size: 15px;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
		background: transparent;
	}
	#navigation .navbar-nav > li.open, #navigation .navbar-nav > li.active,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #8ec59b;
		background: transparent;
	}
	.dropdown-menu {
		background: #004d83;
		border-radius : 0;
		box-shadow: 3px 3px 10px #333;
	}

	/*********************************************************** Content Header *******************************************************************************/
	#contentHeader {
	}

	#contentHeader .container {
		padding: 0;
		width: 100%;
/*		width: 1200px;*/
	}
	
	#c220 {margin-bottom: 40px;}

	#c220 {
		margin: 0;
	}
	.koning-bootstrap-carousel .item {
		max-height: 540px; height: auto; width: 100vw; height: 45vw; overflow: hidden;
	}
	#contentHeader .csc-default { margin: 0}
	#contentHeader div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin: 0; max-height: 540px; width: 100vw; height: 45vw; display: block; overflow: hidden;}
	

	#contentHeader .carousel-inner > .item{
		max-height: 540px;
	}

	#contentHeader .carousel-inner > .item img {
		width: 100%;
		}
	#contentHeader div.csc-textpic-center .csc-textpic-center-outer,
	#contentHeader div.csc-textpic-center .csc-textpic-center-inner { float: none; position: initial;}

	/*********************************************************** Content *******************************************************************************/
	#content {
		background: #004d83;
	}

	#content .container {
		overflow: hidden;
		min-height: 400px;
		padding-bottom: 30px;
		padding-top: 30px;
		background: #004d83;
	}


	.csc-default {margin-bottom: 30px;}
	.frame-space-before-extrasmall {margin-top: 5px;}
	.frame-space-before-small {margin-top: 10px;}
	.frame-space-before-medium {margin-top: 20px;}
	.frame-space-before-large {margin-top: 30px;}
	.frame-space-before-extralarge {margin-top: 40px;}
	
	.news .article .news-img-wrap {background: transparent;}
	.news .article .news-img-wrap a {border:0; background: transparent; padding: 0;}
	
	#c224 {display: none;}
	#c224 {
		background: #559396;
		padding: 10px 10px 10px 20px;
		margin-right: -20px;
	}
	#c224 h2 {
		color: #004d83;
		margin-bottom: 10px;
	}
	#c224 .news-list-view .header { background: transparent; overflow: hidden;}
	#c224 .news-list-view .header h3 {
		color: #fff;
		font-size: 16px;
		font-family: 'VAGRounded', Verdana, Arial, sans-serif;
		font-weight: 300;
	}

	#c224 .news-list-view {
		padding: 10px 0;
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;

		-webkit-column-gap: 25px; /* Chrome, Safari, Opera */
		-moz-column-gap: 25px; /* Firefox */
		column-gap: 25px;

		-webkit-column-rule: 1px solid #004d83; /* Chrome, Safari, Opera */
		-moz-column-rule: 1px solid #004d83; /* Firefox */
		column-rule: 1px solid #004d83;
		-webkit-column-width: 185px; /* Chrome, Safari, Opera */
		-moz-column-width: 185px; /* Firefox */  
		column-width: 185px;
		}
	#c224 .news-list-view .article {
		-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
		page-break-inside: avoid; /* Firefox */
		break-inside: avoid; /* IE 10+ */
		}
	#c224 .news-list-view .article .news-img-wrap,
	#c224 .news-list-view .article .teaser-text div,
	#c224 .news-list-view .article .footer { 
		display: none;
	}
	
	#c224 .news-list-view .article a.more { 
		color: #004d83;
		font-family: 'VAGRounded', Arial, sans-serif;
		font-weight: 300;
		font-size: 14px;	
	}
	.news-list-container h2 {margin-bottom: 15px;}
	.news-list-container img {float: none;}
	.news-list-container div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {width: 250px; margin-right: 15px;}	

	.two-cols .colLeft { float: left; width: 100%; margin:0;}
	.two-cols .colRight { float: right; width: 100%; margin:0;}
	.element2cols {clear: both;}

	.element2images {}
	.element2images .column {width: 60%; float: left;}
	.element2images .column img {height: auto;}
	.element2images .col1 {}
	.element2images .col2 {margin: -25% 0 0 40%;}

	.element3images {}
	.element3images .column {width: 60%; float: left;}
	.element3images .column img {height: auto;}
	.element3images .col1 {}
	.element3images .col2 {margin: -25% 0 0 30%;}
	.element3images .col3 { margin: -25% 0 0 10%;}

	.powermail_legend {display: none;}
	.powermail_fieldset {max-width: 600px;}
	.powermail_label {width: 125px;}
	.powermail_field {width: 240px; color: #000; margin-bottom: 5px;}
	.powermail_fieldwrap_type_submit {text-align: right; float: right;}
	.powermail_fieldwrap_type_submit input { background: #8ec59b; color:#fff; border: 0;}
	.powermail_fieldwrap_type_submit input:hover {color:#8ec59b;}
	#powermail_field_plz::-webkit-outer-spin-button,
	#powermail_field_plz::-webkit-inner-spin-button{
		-webkit-appearance: none;
		margin: 0;		
	}
	#powermail_field_plz{
		-moz-appearance: textfield;
	}
	.video-js {
	  width: 100%; /*320*/
	  height: auto;
	}
	.video-js:before {
		content: "";
		float: left;
		//this div will be only half as tall as it is wide
		padding-bottom: 62.5%; /*200*/
	  }
	.video-js:after {
		content: "";
		display: table;
		clear: both;
	  }	
	.video-js .vjs-tech {
		position: initial !important;
	}	

	/*********************************************************** Footer *******************************************************************************/
	#main-footer {
		background: #8ec59b;	
	}
	#main-footer .container{
		background: #8ec59b;	
		min-height: 100px;
		padding-top: 30px;
		padding-bottom: 10px;
		display: table;
	}
	#main-footer h2 {
		color: #fff;
	}
	#main-footer a:hover {
		color: #004d83;
		text-decoration: none;
	}
	#main-footer a {
		color: #fff;
	}
	#main-footer .contact,
	.map,
	.translation,
	.privacy,
	.imprint{
		display: block;
		float: left;
		margin-right: 15px;
	}
	.copyright {
		display: block;
		float: right;
	}
	.translation {
		display: none;
		margin-top: 100px;
	}
	.imprint {clear: both;}
	#map {
		height: 160px;
		width: 260px;
		max-width: 100%;
	}
	.translation-links {
		padding: 0;
		width: 215px;
	}
	.translation-links a {
		background-size: 423px;
		cursor: pointer;
		display: block;
		float: left;
		height: 19px;
		margin-right: 2px;
		width: 33px;
	}
	.translation-links a.last {
		margin-left: 0;
	}
	.translation-links .en {
		background-image: url("../img/flags.png");
		background-position: -356px -1872px;
	}
	.translation-links .dk {
		background-image: url("../img/flags.png");
		background-position: -224px -467px;
	}
	.translation-links .fr {
		background-image: url("../img/flags.png");
		background-position: -356px -608px;
	}
	.translation-links .es {
		background-image: url("../img/flags.png");
		background-position: -89px -1683px;
	}
	.translation-links .it {
		background-image: url("../img/flags.png");
		background-position: -289px -856px;
	}
	.translation-links .se {
		background-image: url("../img/flags.png");
		background-position: -356px -1683px;
	}
	.translation-links span.powered {
		display: block;
		float: left;
		margin-right: 0.5em;
	}
	.social {
		position: fixed;
		left: 0;
		bottom: 20%;
	}
	.social a{display: block;}
}

@media (min-width: 576px) {
	#iiqcheck_widget_617{
		display:block;
	}
	#premium {
		margin-right: 120px;
		display: block;
	}
	#navigation .default {
		margin-right: 0px;
	}

	.element3images .column {width: 40%; float: left;}
	.element3images .col2 {margin: 0 0 0 20%;}
	.element3images .col3 { margin: -25% 0 0 30%;}

}

@media (min-width: 768px) {
	#main-header {overflow: hidden;}
	#navigation {
		height: 32px;
	}
	#navigation .container {
		padding: 0 20px 0 20px;
	}
	#navigation .navbar-nav > li.open,
	#navigation .navbar-nav > li.active,
	#navigation .navbar-nav > li:hover {
		background: #004d83;
		box-shadow: 3px 3px 10px #333;
	}
	 #navigation .navbar-collapse {
		background: transparent;
		padding: 0;
	}
	
	#navigation .navbar-nav > li > a {
		font-size: 13px;
		padding: 0;
	}

	.navbar-default .navbar-nav > li.active > a:focus,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .open > a:focus{
		color: #fff;
	}
	.dropdown-menu {
		padding: 10px 15px;
	}
	#logo {
		width: 240px;
		margin-top: 10px;
		float: left;
	}

	#iiqcheck_widget_617{
	}

	#premium {
		margin-top: 20px;
		float: right;
		margin-right: 210px;
	}

	#wunschplatz {
		position: initial;
		width: 150px;
	}

	.two-cols .colLeft {width: 40%;}
	.two-cols .colRight {width: 58%;}
	.element2images {margin-left: 10%;}
	.element2images .column {width: 55%; float: left;}
	.element2images .col2 {margin: 15% 0 0 -15%;}
	
	#c224 {display: block;}
	#main-footer .contact,
	.map {
		display: block;
		float: left;
		margin-right: 15px;
	}
	.translation {
		display: block;
		float: right;
		margin-right: 2%;
	}
	.imprint, .privacy,
	.copyright {
		display: block;
		float: left;
		margin-left: 4%;
		margin-top: 15px;
		
	}
	.translation{margin-top: 100px;}
	.imprint {clear: right;}
	
}

@media (min-width: 992px) {
	.container {
		padding: 0 20px 0 64px;
	}	
	#navigation .container {
		padding: 0 20px 0 64px;
	}
	#main-header .container {
		padding-left: 62px;
	}
	#navigation .default {
		margin-right: 5px;
	}
	#navigation .navbar-nav > li > a {
		font-size: 15px;
	}

	#c220 {
		margin-left: -64px;
		margin-right: -20px;
	}
	.two-cols .colLeft {width: 33%;}
	.two-cols .colRight {width: 62%;}
	#main-footer .contact,
	.map {
		display: table-cell;
		margin: 0;
		float: none;
	}
	.translation, 
	.imprint, .privacy,
	.copyright {
		display: table-cell;
		vertical-align: bottom;
		margin: 0;
		float: none;
	}
}

@media (min-width: 1200px) {
	#main-header {overflow: initial;}
	.container {
		width: 1200px;
	}
	#wunschplatz {
		position: absolute;
		top: 94px;
		right: 110px;
	}
}

@media (min-width: 1600px) {
	#contentHeader img {width: 100%; height: auto; max-width: 100%;}

}