@charset "UTF-8";
/* aus datenschutzgründen wird die Schrift Source Sans Pro direkt vom eigenen Webserver geladen */
/* source-sans-pro-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-pro-v21-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* Body */
* {
	font-style: normal;
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: 400;
}

body {
	font-size: 100%; /* default 16px */
	color: #444d55;
	font-family: 'Source Sans Pro', sans-serif;
	/*font-family: source-sans-pro;*/
	background-color: #f2f2f2;
	margin: 0;
}
a {
	color: #444d55;
	outline: none;
}
a:hover {
	color: #2b66ae;
}
b {
	font-weight: 700;
}
/* Container */
.outerbox {
	margin-top: 20px;
	/*width: 90%;*/
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	/*height: 1000px;*/
	background-color: #FFFFFF;
}
.outerbox p, .outerbox h2, .outerbox h4 {
	text-align: left;
	color: #444d55;
	text-transform: none;
}
/* Cookie Opt-Out Notification auf dunklem Hintergrund */
.welcome {
	padding: 15px 25px;
	color: #B9BFC6; 
	background-color: #434c55;
	font-size: 90%;
	font-weight: 400;
	position: relative;
}
.welcome a {
	color: #FFF;
	font-weight: 400;
	text-decoration: none;
}
.welcome a:hover {
	color: #FFF;
	text-decoration: underline;
}
.welcometxt {
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	max-width: 80%;
	border-right: 1px solid #B9BFC6; 
}
/* Button vertikal zentrieren */
.welcomebtn {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* Navigation */
header {
	width: 65%;
	/*display: table;*/
	background-color: #FFF;
	padding: 15px 25px;	
	position: relative;
}
header h4 a{
	background: url("../images/logo_pp.gif") no-repeat 0 0;
	background-size: cover;
	width: 100px;
	height: 51px;
	position: relative;
	top: 0;
	/*position: absolute;*/
	/*top: 15px;*/
	display: block;
	/*display: inline-block;*/
	overflow: hidden;
	line-height: 400px;
	font-size: 13px;
	font-size: 0.8rem;
}
/* Logo aktuell ungenutzt*/
.logo {
	color: #666;
	font-weight: bold;
	text-align: undefined;
	width: 12%;
	float: left;
	margin-top: 15px;
	margin-left: 25px;
	margin-right: 25px;
	letter-spacing: 4px;
}
/* Navigation */
nav {
	display: block;
	width: 100%;
	text-align: left;
	/*padding-left: 25px;*/
	/* Andere Möglichkeit Pos. absolute von header h4 a (logo) padding left auf Logobreite, da aus dem Textfluss herausgenommen */
	padding-left: 125px;
	/*left: 125px;*/
	/*position: relative;*/
	position: absolute;
	top: 15px;
	/*top: 15px;*/
}
header nav ul {
	padding: 16px 0;
	list-style: none;
	float: left;
}
nav ul li {
	float: left;
	color: #666;
	font-size: 14px;
	/*font-size: 0.8rem;*/
	text-align: left;
	margin-right: 25px;
	letter-spacing: 2px;
	transition: all 0.3s linear;
}
ul li a {
	color: #666;
	text-decoration: none;
	font-weight: 400;
}
ul li:hover a {
	color: #2b66ae;
	border-bottom: 1px solid #2b66ae;
}
/* Hero Intro Section (veraltet & aktuell nicht genutzt, da keine feste Höhe) */
.hero {
	background: url("../images/fisherman_boat_v2.jpg") no-repeat center 0;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-right: 50px;
}
.hero h1 {
	color: #FFFFFF;
	text-align: right;
	margin: 0;
	/*letter-spacing: 4px;*/
	font-size: 24px;
	font-size: 4rem;
	line-height: 100%;
	font-weight: 900;
}
.hero p {
	
}
/* A-Hero Intro Section*/
.a_hero {
	background: url("../images/fisherman_boat_v2.jpg") no-repeat center 0;
	padding-right: 50px;
	height: 340px;
	position: relative;
}
.hero_containter {
	position: relative;
	top: 50%;
	/* Transform sorgt dafür, dass der Mittelpunkt als Bezugspunkt für die Positionierung verwendet wird */
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.a_hero h1, .b_hero h1, .c_hero h1, .d_hero h1 {
	color: #FFFFFF;
	text-align: right;
	margin: 0;
	/*font-size: 24px;*/
	font-size: 4.5rem;
	line-height: 100%;
	font-weight: 900;
}
/* B-Hero Intro Section (alternatives Bild)*/
.b_hero {
	background: url("../images/intro_fisherman_v4.jpg") no-repeat -800px -50px;
	padding-right: 50px;
	height: 340px;
	position: relative;
}
.c_hero {
	background: url("../images/intro_lakehill03_v1.jpg") no-repeat;
	background-size: cover;
	padding-right: 50px;
	height: 340px;
	position: relative;
}
.d_hero {
	background: url("../images/intro_laketop_v1.jpg") no-repeat 0 0;
	background-size: cover;
	padding-right: 50px;
	height: 340px;
	position: relative;
}
.light {
	font-weight: bold;
	color: #717070;
}
.tagline {
	text-align: right;
	color: #FFFFFF;
	/*margin-top: 4px;*/
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/* Button control */
/* Button large */
.btnbase {
	text-align: right;
	margin-top: 1.75rem;
}
.btnbase a {
	text-decoration: none;
}
.btn {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	color: #000;
	background-color: #FFF;
	transition: all 0.3s linear;
}
.btn a {
	color: #000;
	font-weight: 700;
	display: block;
}
.btn a:hover {
	/*color: #FFF;*/
}
.btn:hover {
	background-color: #000;
	color: #FFF;
	cursor: pointer;	
}
.btn:hover a {
	color: #FFF;
}
.btn_intro {
	/*margin-right: 0;*/
	/*margin-left:auto;*/
}
.btn_test {
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
/* Button small */
.btn_small {
	padding: 0.1rem 0.3rem;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	text-transform: uppercase;
	font-weight: 700 !important;
	color: #000 !important;
	background-color: #FFF;
	transition: all 0.3s linear;
}
.btn_small a {
	color: #000;
	display: block;
	text-decoration: none;
}
.btn_small:hover {
	background-color: #000;
	color: #FFF !important;
	cursor: pointer;
	text-decoration: none !important;
}
.btn_small:hover a {
	color: #FFF;	
}
/* Big Message */
.roundedbox {
	position: relative;
	top: -0.25rem;
	padding: 0.1rem 0.3rem;
	vertical-align: middle;
	border-radius: 4px;
	text-transform: uppercase;
	margin-right: 0.3rem;
	color: #FFF !important;
	background-color: #434c55;
	transition: all 0.3s linear;
}
/* Map Shopfinder Section */
.searchbox {
	padding: 25px;
	background-color: #FFF;
	text-align: center;
}
#map_canvas {
	width: 100%; 
	height: 650px;
}
#adresssearch { 
	 border-top: 1px solid grey;
}
#adresssearch_tempinaktiv input { 
	font-size: 14px;
	padding: 2px 5px;
	border: #3A414B 1px solid; 
	border-right: none; 
}
#adresssearch input {
	background: none;
    border: 1px solid #939b9d;
    border-radius: .1875rem;
    padding: .5rem 2rem .5rem 1rem;
    color: #939b9d;
    font-size: .875rem;
    /*width: 100%*/
}
#adresssearch input:focus {
	outline: 0 none;
    box-shadow: none;
}
#adresssearch input[type="submit"] { 
	margin-left: 0.5rem;
	padding: .5rem 1rem .5rem 1rem;
	background: #3A414B; 
	border: #3A414B 1px solid;  
	color: #fff; 
	display: inline-block; 
	cursor: pointer; 
}
/* About Section */
#about {
	background: url("../images/intro_mysticlake_v1.jpg") no-repeat center center;
	padding: 25px 50px;
	margin-bottom: 0;
	color: #FFF;
	text-align: left;
}
#about p {
	color: #FFF;
	width: 65%;
	font-size: 1.55rem;
	font-weight: 300;
	padding-bottom: 0.35rem;
}
#about h2 {
	color: #FFF;
	width: 65%;
	font-size: 1.55rem;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 0.5rem;
}
/* ungenutzt */
.text_column {
	width: 29%;
	text-align: justify;
	font-weight: lighter;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;
}
.about {
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 35px;
	display: inline-block;
	background-color: #FFFFFF;
	margin-top: 0px;
}
/* More info */
footer {
	background-color: #FFFFFF;
	padding-bottom: 35px;
	width: 100%;
}
.footer_column {
	float: left;
	width: 50%;
	text-align: center;
	padding-top: 30px;
}
footer .footer_column h3 {
	padding-left: 25px;
	padding-right: 25px;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-size: 150%;
	font-weight: 400;
	text-align: left;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.5rem;
}
footer .footer_column p {
	padding-left: 25px;
	padding-right: 25px;
	line-height: 1.5rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	text-align: left;
}
footer .footer_column p b {
	font-weight: 700;
}
.cards {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 200px;	
	
}
.clear {
	clear: both;
}
.footer_banner {
	background-color: #bfc6cc;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: 0;
	background-image: url(../images/pattern.png);
	background-repeat: repeat;
}
.footer_banner h2 {
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 0.5rem;
}
.footer_banner p {
	text-align: center;
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.5rem;
	padding-left: 25px;
	padding-right: 25px;
}
footer {
	display: inline-block;
}
.hero_header {
	
}
.hidden {
	display: none;
}
.copyright {
	text-align: center;
	padding: 15px;
	background-color: #434c55;
	font-size: 90%;
	font-weight: 300;
	border-top-width: 2px;
}
.legaltext {
	color: #B9BFC6;
	display: inline-block;
	padding-right: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.legalnav {
	display: inline-block;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.legalnav a {
	color: #FFF;
	font-weight: 300;
	text-decoration: none;
	padding-right: 15px;
}
.legalnav a:hover {
	color: #FFF;
	text-decoration: underline;
}
/* Pop-Up Section */
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  /*margin: 70px auto;*/
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  /*position: relative;*/
  transition: all 3s ease-in-out;
	/*neu*/
	position: fixed;
	/*Max-Breite festlegen*/
	/*max-width: 400px;*/
	max-height: calc(100% - 100px);
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	right: auto;
    bottom: auto;
	overflow: auto;
}
.popup p {
  padding-bottom: 0.5rem;
}
.popup strong {
	font-weight: 700;
}
#imprint .popup ul {
	text-align: left;
	padding-bottom: 0.5rem;
	
}
.popup li {
	text-align: left;
	list-style: square inside none;
}
.popup h4 {
  margin-top: 0;
  font-size: 1.55rem;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
  color: #2b66ae;
}
.popup h5 {
	font-size: 0.9rem;
	font-weight: 700;
	text-align: left;
}
.popup .close {
  position: absolute;
  top: 15px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
/* Spezieller Link zum schließen des Popups wegen langem Text */
.popup .txtclose {
	transition: all 200ms;
	text-align: center;
	display: block;
	padding-top: 0.5rem;
	border-top: 1px solid #444d55;
	margin-top: 0.5rem;
}
.popup .close:hover {
	color: #2b66ae;
	text-decoration: none;
}
.popup .content {
  /*max-height: 200px;*/
	/*overflow: auto;*/
  	height: 100%;
    /*overflow: auto;*/
    /*overflow-y: scroll;*/
}
.linetop {
	padding-top: 0.5rem;
	border-top: 1px solid #444d55;
}
.linebottom {
	border-bottom: 1px solid #444d55;
}
/* Modal-Pop-Up-Section */
.modal-welcome {
	padding: 15px 25px;
	color: #B9BFC6; 
	font-size: 100%;
	font-weight: 400;
	position: relative;
}
.overlayVis {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  /*visibility: visible;*/
  opacity: 1;
}
.modal-popup {
  /*margin: 70px auto;*/
  
padding: 20px;
  background: #fff;
  border-radius: 5px;
  /*position: relative;*/
  transition: all 3s ease-in-out;
	/*neu*/
	position: fixed;
	/*Max-Breite festlegen*/
	max-width: 400px;
	max-height: calc(100% - 100px);
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	right: auto;
    bottom: auto;
	overflow: auto;
}
.modal-popup p {
	text-align: center;
  	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.modal-popup li {
	text-align: left;
	list-style: square inside none;
}
.modal-popup h4 {
	text-align: center;
  margin-top: 0;
  font-size: 1.55rem;
  text-transform: uppercase;
  padding-bottom: 0;
  color: #2b66ae;
}
.btncore a {
	text-decoration: none;
}
.txt-popup-bottom {
	color: rgb(85, 85, 85);
	font-size: 80%;
}
.txt-popup-bottom {
	line-height: 130%;
}
/* Button Cookie allow */
.btn_cookie {
	padding: 0.8rem;
	display: inline-block;
	min-width: 200px;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;
	text-transform: uppercase;
	/*font-weight: 700 !important;*/
	color: #FFF !important;
	background-color: #2b66ae;
	transition: all 0.3s linear;
}
.btn_cookie a {
	color: #000;
	display: block;
	text-decoration: none !important;
}
.btn_cookie:hover {
	background-color: #000;
	color: #FFF !important;
	cursor: pointer;
	text-decoration: none !important;
}
.btn_cookie:hover a {
	color: #FFF;	
}
/* Button Cookie disallow */
.btn_cookie_dis {
	padding: 0.8rem;
	display: inline-block;
	min-width: 200px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #2b66ae;
	border-radius: 5px;
	text-transform: uppercase;
	/*font-weight: 700 !important;*/
	color: #2b66ae !important;
	background-color: #FFF;
	transition: all 0.3s linear;
}
.btn_cookie_dis a {
	color: #000;
	display: block;
	text-decoration: none !important;
}
.btn_cookie_dis:hover {
	background-color: #929292;
	border: 1px solid #929292;
	color: #FFF !important;
	cursor: pointer;
	text-decoration: none !important;
}
.btn_cookie_dis:hover a {
	color: #FFF;	
}
/* Ende-Model-Pop-Up */
/* Icon Section */
a.icon_fb_w {
	background: url("../images/icon_fb_w.gif") no-repeat 0 0.1rem;
	/*background-size: contain;*/
	background-size: 0.9rem 0.9rem;
	padding-left: 1.5rem;
}
a.icon_fb_b {
	background: url("../images/icon_fb_b.gif") no-repeat 0 0.1rem;
	/*background-size: contain;*/
	background-size: 0.9rem 0.9rem;
	padding-left: 1.2rem;
}
a.icon_yt_w {
	background: url("../images/icon_yt_w.gif") no-repeat 0 0.1rem;
	/*background-size: contain;*/
	background-size: 1.3rem 0.9rem;
	padding-left: 1.7rem;
}
a.icon_yt_b {
	background: url("../images/icon_yt_b.gif") no-repeat 0 0.1rem;
	/*background-size: contain;*/
	background-size: 1.3rem 0.9rem;
	padding-left: 1.7rem;
}

/* Anfang Content-Blocker Google Maps */
.maps_wrapper {
    /* Alternative Möglichkeit Hinterrungbild hier entfernen und in map_canvas einbauen */
    background-size: cover;
	background-color: rgba( 0, 0, 0, 0.4 );
    position: relative;
    /*height: 332px;*/
	height: 100%;
    width: 100%;
}
.maps_wrapper a {
    color: white;
}
.maps_wrapper .maps_trigger {
    /* Vertikal und horizontal zentrieren (Elternelement benötigt position: relative*/
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	text-align: center;
    /*position: absolute;*/
    /*bottom: 0;*/
    /*z-index: 9;*/
    /*background-color: rgba( 0, 0, 0, 0.6 );*/
    color: #fff;
}
.maps_wrapper .maps_trigger p {
	text-align: center;
	color: #fff;
    margin-top: -1rem;
}
/* Button  */
input {
	font-size: 0.9rem;
	font-weight: normal;
}
.btn_white {
	padding: 0.8rem;
	display: inline-block;
	min-width: 200px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #FFF;
	border-radius: 5px;
	text-transform: uppercase;
	/*font-weight: 700 !important;*/
	color: #000!important;
	background-color: #FFF;
	transition: all 0.3s linear;
}
.btn_white a {
	color: #000;
	display: block;
	text-decoration: none !important;
}
.btn_white:hover {
	background-color: #000;
	color: #FFF!important;
	border: 1px solid #000;
	cursor: pointer;
}
.btn_white:hover a {
	color: #FFF;	
}
/* Ende Content-Blocker Google Maps */

/* ------------------------------------------------------ */
/* Mobile */
/* ------------------------------------------------------ */
@media (max-width: 320px) {
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.outerbox header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	display: none;
}
header nav ul {
}
nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
}
.text_column {
	width: 100%;
	text-align: justify;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.thumbnail {
	width: 100%;
}
.footer_column {
	width: 100%;
	margin-top: 0px;
}
.parallax {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 40%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	font-size: 18px;
}
.parallax_description {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 90%;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	float: none;
	text-align: center;
}
.banner {
	background-color: #2D9AB7;
	background-image: none;
}
.tagline {
	margin-top: 20px;
	line-height: 22px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
}
}
/* ------------------------------------------------------ */
/* Small Tablets */
/* ------------------------------------------------------ */
@media (min-width: 321px)and (max-width: 767px) {
.outerbox {
	margin-top: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/*height: 1000px;*/
	background-color: #FFFFFF;
}
/* Cookie Notification seit Cookie-Optin nich tmehr verwendet, könte aber zur einblendung von weiteren Hinweisen verwendet werden */	
.welcometxt {
	max-width: 80%;
}
	.welcomebtn {
	right: 25px;
}
header {
	display: block;
	width: 100%;
	min-height: 80px;
	background-color: #FFF;
	padding: 0;
}
header h4 a {
	background: url("../images/logo_pp.gif") no-repeat 0 0;
	background-size: cover;
	width: 100px;
	height: 51px;
	display: block;
	position: relative;
	overflow: hidden;
	top: 15px;
	margin: auto;
	line-height: 400px;
	font-size: 13px;
	font-size: 0.8rem;
}
/* Logo aktuell ungenutzt*/
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #043745;
}
nav {
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	width: 100%;
	/*float: none;*/
	/*overflow: auto;*/
	display: inline-block;
	position: relative;	
	top: 0;
}
header nav ul {
	padding: 0 25px;
	float: none;	
}
nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #D8D8D8;
}
nav ul li a {
		color: #434c55;
	}
.btn_menuClose {
	position: absolute;
	top: 15px;
	right: 25px;
	background: url("../images/icon_close.gif") no-repeat 0 0;
	background-size: cover;
	width: 25px;
	height: 51px;
	overflow: hidden;
	line-height: 400px;
	cursor: pointer;
}
.btn_menuOpen {
	position: absolute;
	top: 15px;
	right: 25px;
	background: url("../images/icon_nav.gif") no-repeat 0 0;
	background-size: cover;
	width: 25px;
	height: 51px;
	overflow: hidden;
	line-height: 400px;
	cursor: pointer;
}
/* Hero Intro Section (veraltet, ungenutzt) */
.hero {
	background: url("../images/fisherman_boat_v2.jpg") no-repeat 44% 0;
	padding-top: 0;
	padding-right: 0;
	}
.hero h1 {
	padding-top: 2rem;
	font-size: 3rem;
	text-align: center;
}
/* A-Hero Intro Section */
.a_hero {
	background: url("../images/fisherman_boat_v2.jpg") no-repeat 44% 0;
	padding-top: 0;
	padding-right: 0;
	height: 260px;
	}
.hero_containter {
	top: 42%;
}
.a_hero h1, .b_hero h1, .c_hero h1, .d_hero h1 {
	font-size: 3rem;
	text-align: center;
}
/* B-Hero Intro Section */
.b_hero {
	background: url("../images/intro_fisherman_v4.jpg") no-repeat 52% 20%;
	padding-top: 0;
	padding-right: 0;
	height: 260px;
}
.c_hero {
	background: url("../images/intro_lakehill03_v1.jpg") no-repeat 0 40%;
	background-size: 200%;
	padding-top: 0;
	padding-right: 0;
	height: 260px;
}
.d_hero {
	background: url("../images/intro_laketop_v1.jpg") no-repeat 52% 50%;
	background-size: 175%;
	padding-top: 0;
	padding-right: 0;
	height: 260px;
}
.btn_test {
	/*margin-right: auto !important;*/
	/*margin-bottom: auto !important;*/
	/*margin-left: auto !important;*/
}.btnbase {
	text-align: center;
}
/* Shopfinder Section */
#adresssearch input[type="text"] {
	width: 120px;
}
#adresssearch #txtinfo {
		display: none;
	}
/* About Section */
#about {
	padding: 25px 25px;	
}
#about p {
	width: 100%;
}
#about h2 {
	width: 100%;
}
/* Weitere Section */
.text_column {
	width: 100%;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.thumbnail {
	width: 100%;
}
.footer_column {
	width: 100%;
	margin-top: 0px;
}
.parallax {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 40%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	font-size: 18px;
}
.parallax_description {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: none;
	width: 100%;
	text-align: center;
}
.thumbnail {
	width: 50%;
}
.parallax {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 20%;
}
.parallax_description {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	padding-top: 30px;
}
.banner {
	padding-left: 20px;
	padding-right: 20px;
}
.footer_column {
	width: 100%;
}
/* Pop-Up Section*/	
.popup {
	transition: all 0.3s ease-in-out;
 	width: 80%;
	z-index: 10;
}
/* Modal-Pop-Up Section*/	
.modal-popup {
	transition: all 0.3s ease-in-out;
 	width: 80%;
}	
}
/* ------------------------------------------------------ */
/* Small Desktops */
/* ------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 1096px) {
.text_column {
	width: 100%;
}
.thumbnail {
	width: 50%;
}
.text_column {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.banner {
	margin-top: 0px;
	padding-top: 0px;
}
}