/**********************************************************************************************************************************/
/******************** Fish Maps Startseite 2016 ********** © Kris Koehler | kris@klangunion.de ********************************/
/******************************************************************************************************************************/
/********** Webfonts Start ********/
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../webfonts/roboto-condensed-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('../webfonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../webfonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../webfonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/titillium-web-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/titillium-web-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/titillium-web-v6-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('../webfonts/titillium-web-v6-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/titillium-web-v6-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/titillium-web-v6-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/titillium-web-v6-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/titillium-web-v6-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/********** Webfonts Ende ********/
/********** EU Cookie Policy Start ********/
	#sliding-popup {
		
	}
	#sliding-popup.sliding-popup-bottom {
		
	}
	#sliding-popup .popup-content #popup-buttons button {
		color: #fff;
		font-size: 1.15em;
		font-weight: normal;
		text-shadow: none;
		font-family: 'Titillium Web', Tahoma, sans-serif;
		background: #317aa3;
		margin: 0.77em 0;
		box-shadow: none;
		border: #fff solid 2px;
	}
	#sliding-popup .popup-content #popup-buttons button:hover {
		background: #666;
	}
	#sliding-popup .popup-content #popup-text {
		max-width: 70%;
	}
	#sliding-popup .popup-content #popup-text p {
		font-size: 1.15em;
		font-weight: normal;
	}
	/********** EU Cookie Policy Ende ********/

/********************************************************************************************************************/
/******************** Start Min-Width 1024px **********************************************************************/
/****************************************************************************************************************/
@media all and (min-width: 1024px) {

	.aktuell-col iframe {
		overflow: hidden;
		margin: 0;
		border: 0;
		}	
	/*********** Raster Start **********/

	#lp-head-row {
		
		}
	#lp-flaggen-row {
		position: relative;
		width: 940px;
		height: 38px;
		margin: 20px 20px 30px 0;
		padding: 0;
		}
	#lp-slider-row {
		width: 940px;
		height: 346px;
		margin: 0 0 30px 0;
		box-shadow: 2px 2px 6px  #666;
		}
	#lp-aktuell-1-row {
		width: 940px;
		}
	#lp-partner-row {
		width: 940px;
		color: #fff;
		font-weight: 300;
		text-align: center;
		height: 23px;
		padding: 5px 0 0 0;
		box-shadow: 2px 2px 6px  #666;
		background: url('../slices/kasten/bg_kasten_blau_50.png');
		margin: 20px 0 10px 0;
		}
	#lp-footer-navi-row {
		width: 940px;
		color: #fff;
		font-weight: 300;
		text-align: center;
		height: 23px;
		padding: 5px 0 0 0;
		box-shadow: 2px 2px 6px  #666;
		background: url('../slices/kasten/bg_kasten_blau_50.png');
		}

	/*********** Raster Ende **********/

	#lp-head-row h2 {
		font-weight: 400;
		font-size: 4.5em;
		margin: 0;
		padding: 0;
		line-height: 100%;
		}

	#lp-flaggen-row h2 {
		font-weight: 300;
		position: absolute;
		bottom: 2px;
		right: 560px;
		font-size: 2em;
		color: #666;
		margin: 0;
		padding: 0;
		line-height: 100%;
		}
	#lp-flaggen-row #laender-flaggen {
		position: absolute;
		bottom: 0px;
		right: 0px;
		}
	#lp-flaggen-row #laender-flaggen .flagge {
		float: left;
		margin-left: 12px;
		}
	#lp-flaggen-row #laender-flaggen .flagge-1 {
		float: left;
		margin-left: 0;
		}
	#lp-flaggen-row #laender-flaggen img {
		box-shadow: 2px 2px 6px  #666;
		}

	/***** Slideshow Start *****/
	#views_slideshow_cycle_main_landingpage_slider-block,
	.view-landingpage-slider {
		position: relative;
		}
	.fp-slide-wrapper {
		position: relative;
		width: 940px;
		height: 346px;
		}
	.fp-slide-bild {
		position: absolute;
		top: 0px;
		right: 0px;
		}
	.fp-slide-text-wrapper{
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 520px;
		padding: 6px 10px;
		background: url('../slices/kasten/bg_kasten_90.png');
		}
	p.fp-slide-desc {
		font-size: 14px;
		letter-spacing: 0.2px;
		line-height: 135%;
		color: #666;
		text-align: justify;
		margin: 0;
		padding: 0;
		}

	/*** Controls ***/

	.views-slideshow-controls-bottom {
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 10px 20px 0 0;
		width: 380px;
		height: 336px;
		z-index: 90;
		cursor: pointer;
		background: url('../slices/kasten/bg_kasten_blau_70.png');
		}

	.views-slideshow-pager-field-item {
		float: right;
		}

	.views-slideshow-pager-field-item h3 {
		color: rgba(255,255,255,0.5);
		text-transform: uppercase;
		font-size: 1.85em;
		font-weight: 300;
		line-height: 130%;
		margin: 0 0 0 13px;
		}
	.views-slideshow-pager-field-item.active h3 {
		color: rgba(255,255,255,1);
		}

	.views-slideshow-pager-field-item.active h3 a,
	.views-slideshow-pager-field-item.active h3 a:link,
	.views-slideshow-pager-field-item.active h3 a:hover {
		text-decoration: none;
		}

	/***** Slideshow Ende *****/
		
	/***** Aktuell *****/	
		
	.aktuell-col {
		float: left;
		width: 220px;
		height: 146px;
		box-shadow: 2px 2px 6px  #666;
		}
	#aktuell-col-2,
	#aktuell-col-3,
	#aktuell-col-4 {
		margin: 0 0 0 20px;
		}

	#lp-aktuell-1-row h2 {
		font-weight: 300;
		font-size: 1.61em;
		line-height: 130%;
		color: #808080;
		margin: 0 0 2px 0;
		}
		

	/********** Feed Block Start **********/

	.ext-news-wrapper {
		position: relative;
		width: 220px;
		height: 146px;
		}
	.ext-news-artikel-bild {
		width: 220px;
		height: 146px;
		}

	.ext-news-text {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 212px;
		padding: 3px 4px;
		background: url('../slices/kasten/bg_kasten_90.png');
		}

	h3.ext-news-title {
		font-size: 14px;
		color: #317aa3;
		line-height: 110%;
		margin: 0 0 2px 0;
		}
	p.ext-news-region,
	p.ext-news-rubrik {
		font-size: 12px;
		color: #4d4d4d;
		line-height: 110%;
		margin: 0 0 1px 0;
		}
	p.ext-news-datum {
		font-size: 11px;
		color: #a5a5a5;
		line-height: 110%;
		margin: 0;
		}

	/********** Feed Block Ende **********/	

	#lp-partner-row a, #lp-partner-row a:link {
		color: #fff;
		font-weight: 300;
		}
	#lp-partner-row a:hover {
		color: #666;
		}
	#lp-partner-row #block-menu-block-2 {
		float: left;
		}
	#lp-partner-row #block-menu-block-2 li {
		float: left;
		padding: 0 0.3em;
		border-right: 1px solid #fff;
		}
	#lp-partner-row #block-menu-block-2 li.first {
		padding: 0 0.3em 0 0;
		}
	#lp-partner-row #block-menu-block-2 li.last {
		padding: 0 0 0 0.3em;
		border-right: 0px;
		}
	#lp-partner-row #block-menu-block-2 li a {
		color: #fff;
		}

	#lp-partner-row .partner-footer-title {
		float: left;
		margin: 0 4px 0 12em;
		} 	
		

	#lp-footer-navi-row #block-block-1 {
		float: left;
		margin: 0 2em 0 11em;
		}
	#lp-footer-navi-row #block-menu-block-1 {
		float: left;
		}
	#lp-footer-navi-row #block-menu-block-1 li {
		float: left;
		margin-right: 0.6em;
		}
	#lp-footer-navi-row #block-menu-block-1 li a {
		color: #fff;
		}

} /******************** Ende Min-Width 1024px **********/


/********************************************************************************************************************/
/******************** Start Min-Width 768px AND Max-Width 1023px **************************************************/
/****************************************************************************************************************/
@media all and (min-width: 768px) and (max-width: 1023px) {

	.aktuell-col iframe {
		overflow: hidden;
		margin: 0;
		border: 0;
		}	
	/*********** Raster Start **********/

	#lp-head-row {
		
		}
	#lp-flaggen-row {
		position: relative;
		width: 940px;
		height: 38px;
		margin: 20px 20px 30px 0;
		padding: 0;
		}
	#lp-slider-row {
		width: 940px;
		height: 346px;
		margin: 0 0 30px 0;
		box-shadow: 2px 2px 6px  #666;
		}
	#lp-aktuell-1-row {
		width: 940px;
		}
	#lp-partner-row {
		width: 940px;
		color: #fff;
		font-weight: 300;
		text-align: center;
		height: 23px;
		padding: 5px 0 0 0;
		box-shadow: 2px 2px 6px  #666;
		background: url('../slices/kasten/bg_kasten_blau_50.png');
		margin: 20px 0 10px 0;
		}
	#lp-footer-navi-row {
		width: 940px;
		color: #fff;
		font-weight: 300;
		text-align: center;
		height: 23px;
		padding: 5px 0 0 0;
		box-shadow: 2px 2px 6px  #666;
		background: url('../slices/kasten/bg_kasten_blau_50.png');
		}

	/*********** Raster Ende **********/

	#lp-head-row h2 {
		font-weight: 400;
		font-size: 4.5em;
		margin: 0;
		padding: 0;
		line-height: 100%;
		}

	#lp-flaggen-row h2 {
		font-weight: 300;
		position: absolute;
		bottom: 2px;
		right: 560px;
		font-size: 2em;
		color: #666;
		margin: 0;
		padding: 0;
		line-height: 100%;
		}
	#lp-flaggen-row #laender-flaggen {
		position: absolute;
		bottom: 0px;
		right: 0px;
		}
	#lp-flaggen-row #laender-flaggen .flagge {
		float: left;
		margin-left: 12px;
		}
	#lp-flaggen-row #laender-flaggen .flagge-1 {
		float: left;
		margin-left: 0;
		}
	#lp-flaggen-row #laender-flaggen img {
		box-shadow: 2px 2px 6px  #666;
		}

	/***** Slideshow Start *****/
	#views_slideshow_cycle_main_landingpage_slider-block,
	.view-landingpage-slider {
		position: relative;
		}
	.fp-slide-wrapper {
		position: relative;
		width: 940px;
		height: 346px;
		}
	.fp-slide-bild {
		position: absolute;
		top: 0px;
		right: 0px;
		}
	.fp-slide-text-wrapper{
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 520px;
		padding: 6px 10px;
		background: url('../slices/kasten/bg_kasten_90.png');
		}
	p.fp-slide-desc {
		font-size: 14px;
		letter-spacing: 0.2px;
		line-height: 135%;
		color: #666;
		text-align: justify;
		margin: 0;
		padding: 0;
		}

	/*** Controls ***/

	.views-slideshow-controls-bottom {
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 10px 20px 0 0;
		width: 380px;
		height: 336px;
		z-index: 90;
		cursor: pointer;
		background: url('../slices/kasten/bg_kasten_blau_70.png');
		}

	.views-slideshow-pager-field-item {
		float: right;
		}

	.views-slideshow-pager-field-item h3 {
		color: rgba(255,255,255,0.5);
		text-transform: uppercase;
		font-size: 1.85em;
		font-weight: 300;
		line-height: 130%;
		margin: 0 0 0 13px;
		}
	.views-slideshow-pager-field-item.active h3 {
		color: rgba(255,255,255,1);
		}

	.views-slideshow-pager-field-item.active h3 a,
	.views-slideshow-pager-field-item.active h3 a:link,
	.views-slideshow-pager-field-item.active h3 a:hover {
		text-decoration: none;
		}

	/***** Slideshow Ende *****/
		
	/***** Aktuell *****/	
		
	.aktuell-col {
		float: left;
		width: 220px;
		height: 146px;
		box-shadow: 2px 2px 6px  #666;
		}
	#aktuell-col-2,
	#aktuell-col-3,
	#aktuell-col-4 {
		margin: 0 0 0 20px;
		}

	#lp-aktuell-1-row h2 {
		font-weight: 300;
		font-size: 1.61em;
		line-height: 130%;
		color: #808080;
		margin: 0 0 2px 0;
		}
		

	/********** Feed Block Start **********/

	.ext-news-wrapper {
		position: relative;
		width: 220px;
		height: 146px;
		}
	.ext-news-artikel-bild {
		width: 220px;
		height: 146px;
		}

	.ext-news-text {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 212px;
		padding: 3px 4px;
		background: url('../slices/kasten/bg_kasten_90.png');
		}

	h3.ext-news-title {
		font-size: 14px;
		color: #317aa3;
		line-height: 110%;
		margin: 0 0 2px 0;
		}
	p.ext-news-region,
	p.ext-news-rubrik {
		font-size: 12px;
		color: #4d4d4d;
		line-height: 110%;
		margin: 0 0 1px 0;
		}
	p.ext-news-datum {
		font-size: 11px;
		color: #a5a5a5;
		line-height: 110%;
		margin: 0;
		}

	/********** Feed Block Ende **********/	

	#lp-partner-row a, #lp-partner-row a:link {
		color: #fff;
		font-weight: 300;
		}
	#lp-partner-row a:hover {
		color: #666;
		}
	#lp-partner-row #block-menu-block-2 {
		float: left;
		}
	#lp-partner-row #block-menu-block-2 li {
		float: left;
		padding: 0 0.3em;
		border-right: 1px solid #fff;
		}
	#lp-partner-row #block-menu-block-2 li.first {
		padding: 0 0.3em 0 0;
		}
	#lp-partner-row #block-menu-block-2 li.last {
		padding: 0 0 0 0.3em;
		border-right: 0px;
		}
	#lp-partner-row #block-menu-block-2 li a {
		color: #fff;
		}

	#lp-partner-row .partner-footer-title {
		float: left;
		margin: 0 4px 0 12em;
		} 	
		

	#lp-footer-navi-row #block-block-1 {
		float: left;
		margin: 0 2em 0 11em;
		}
	#lp-footer-navi-row #block-menu-block-1 {
		float: left;
		}
	#lp-footer-navi-row #block-menu-block-1 li {
		float: left;
		margin-right: 0.6em;
		}
	#lp-footer-navi-row #block-menu-block-1 li a {
		color: #fff;
		}

} /********** Ende Min-Width 768px AND Max-Width 1023px **********/


/********************************************************************************************************************/
/******************** Start Max-Width 767px ***********************************************************************/
/****************************************************************************************************************/
@media all and (max-width: 767px) {

	.aktuell-col iframe {
		overflow: hidden;
		margin: 0;
		border: 0;
		}	
	/*********** Raster Start **********/

	#lp-head-row {
		
		}
	#lp-flaggen-row {
		margin: 20px 0px 30px 0;
		padding: 0;
		}
	#lp-slider-row {
		visibility: hidden;
		height: 0;
		margin: 0;
		}
	#lp-aktuell-1-row {
		width: 100%;
		}
	#lp-partner-row {
		width: 100%;
		color: #fff;
		font-weight: 300;
		text-align: center !important;
		padding: 5px 0 0 0;

		margin: 20px 0 10px 0;
		}
	#lp-footer-navi-row {
		width: 100%;
		color: #fff;
		font-weight: 300;
		text-align: center;
		padding: 5px 0 0 0;

		}

	/*********** Raster Ende **********/

	#lp-head-row h2 {
		font-weight: 400;
		font-size: 1.8em;
		margin: 0.6em 0 0.2em 0;
		padding: 0;
		line-height: 100%;
		}

	#lp-flaggen-row h2 {
		font-weight: 300;
		font-size: 1.6em;
		color: #666;
		margin: 0 0 0.3em 0;
		padding: 0;
		line-height: 100%;
		}
	#lp-flaggen-row #laender-flaggen {
		
		}
	#lp-flaggen-row #laender-flaggen .flagge {
		float: left;
		margin: 0 4% 16px 0;	
		width: 22%;
		}
	#lp-flaggen-row #laender-flaggen .flagge:nth-child(4n) {
		float: left;
		margin: 0 0 16px 0;	
		width: 22%;
		}
	#lp-flaggen-row #laender-flaggen .flagge-1 {

		}
	#lp-flaggen-row #laender-flaggen img {
		width: 100%;
		box-shadow: 2px 2px 6px  #666;
		}


		
	/***** Aktuell *****/	
		
	.aktuell-col {
		width: 220px;
		}

	#aktuell-col-1,	
	#aktuell-col-2,
	#aktuell-col-3,
	#aktuell-col-4 {
		margin-left: auto;
		margin-right: auto;
		}

	#lp-aktuell-1-row h2 {
		font-weight: 300;
		font-size: 1.61em;
		line-height: 130%;
		color: #808080;
		margin: 0 0 2px 0;
		}
		

	/********** Feed Block Start **********/

	.ext-news-wrapper {
		position: relative;
		width: 220px;
		height: 146px;
		}
	.ext-news-artikel-bild {
		width: 220px;
		height: 146px;
		}

	.ext-news-text {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 212px;
		padding: 3px 4px;
		background: url('../slices/kasten/bg_kasten_90.png');
		}

	h3.ext-news-title {
		font-size: 14px;
		color: #317aa3;
		line-height: 110%;
		margin: 0 0 2px 0;
		}
	p.ext-news-region,
	p.ext-news-rubrik {
		font-size: 12px;
		color: #4d4d4d;
		line-height: 110%;
		margin: 0 0 1px 0;
		}
	p.ext-news-datum {
		font-size: 11px;
		color: #a5a5a5;
		line-height: 110%;
		margin: 0;
		}

	/********** Feed Block Ende **********/	

	#lp-partner-row a, #lp-partner-row a:link {
		font-size: 1.3em;
		line-height: 130%;
		color: #317aa3;
		font-weight: 300;
		}
	#lp-partner-row a:hover {
		color: #666;
		}

	#lp-partner-row .partner-footer-title {
		color: #317aa3;
		font-size: 1.3em;
		line-height: 130%;
		} 	
		

	#lp-footer-navi-row #block-block-1 p {
		font-size: 1.3em;
		line-height: 130%;
		color: #317aa3;
		}
	#lp-footer-navi-row #block-menu-block-1 {

		}
	#lp-footer-navi-row #block-menu-block-1 li {

		}
	#lp-footer-navi-row #block-menu-block-1 li a {
		font-size: 1.3em;
		line-height: 130%;
		color: #317aa3;
		}

} /********** Ende Max-Width 767px **********/