@charset "utf-8";

/* test !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
#cookie-popup { 
  text-align: center; 
  background: #fff;
  position: fixed;
  bottom: 0px; 
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:1em; 
  line-height:20px;
  padding: 10px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  }
 
#cookie-popup.hidden {
  display: none;
}


figure,
figcaption { margin: 0; padding: 0;	 }
figure {		display: inline-block;	text-align:center;margin: 4px; padding: 0;}
.oben {			vertical-align: top;
				padding:0px;}
.mitte {	display:block;
				float:left;
				width:4em;
				}				
				
.ie6 img {		width: 100%;}
 summary::-webkit-details-marker {display:none;}
 summary::-moz-details-marker {display:none; appearance:none;}
 summary::-ms-details-marker {display:none;}
 summary::-o-details-marker {display:none;}
 summary::-details-marker {display:none;}
details > summary:first-of-type {list-style-type: none;}
iframe {width: 90%;}
.post iframe {max-width: 100%;}
/* -----------------------------------------------------------------Gerüst der Seite */
body {
	 -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
    text-rendering: auto;
	background-image: url(bilder/Site/BGd.png);
	background-attachment: fixed;
	max-width: 1000px;
	margin: auto;
	font-family: Helvetica, Arial, sans-serif;
	box-shadow:;
	border-left: thin outset black ;
	border-right: thin outset black ;
	}

.gridContainer {
	margin:auto;
	clear:none;
	float:none;}
.fluid {
	clear: both;
	margin:auto;
	width: 100%;
	display: block;
	color: #000000;
}
.fluidList {
	list-style: none;
	list-style-image: none;

}
.fluidblock20 {
	clear: both;
	margin:0px;
	padding:0px;
	width: 20%;
	display: inline-table;
	color: #000000;
}
.fluidblock30 {
	clear: both;
	margin:auto;
	padding:0px;
	width: 40%;
	display: inline-table;
	color: #000000;
	border-left: 2px ridge #686868;
}

.fluidblock40 {
	clear: both;
	margin:auto;
	padding:1%;
	width: 56%;
	display: inline-flex;
	color: #000000;
	vertical-align: middle;
	text-align:center;
		min-width:200px;

	/*border-left: 2px ridge #686868;*/
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }

#div1 { overflow:hidden;}
header a {padding:0px; margin:0px; text-decoration:none;}
header img {padding:0px; margin:0px; text-decoration:none;}
	
/* Dies hier testen ob und wo es verbaut ist*/
.disclaimer {font-size:10px;}
/*--------------------------------------------------------------------------Navi*/
.navimob {text-decoration: none;}

/* Add a black background color to the top navigation */



	.topnav img {}
	
.topnav {
	margin-top:0px;
	background-color: #555;
	text-align: center;
	display:block;
	font-size: 1.2em;
	font-weight: 500;
	color: white;
	letter-spacing:0.02em;
background-image: -moz-linear-gradient(#7B7B7B, #3d3d3d, #3d3d3d, #7B7B7B, #3d3d3d);
background-image: -webkit-linear-gradient(#7B7B7B, #3d3d3d, #3d3d3d, #7B7B7B, #3d3d3d);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7B7B7B), color-stop(0.25, #3d3d3d), color-stop(0.5, #3d3d3d), color-stop(0.75, #7B7B7B), to(#3d3d3d));
background-image: -o-linear-gradient(#7B7B7B, #3d3d3d, #3d3d3d, #7B7B7B, #3d3d3d);
background-image: linear-gradient(#7B7B7B, #3d3d3d, #3d3d3d, #7B7B7B, #3d3d3d);}

.topnav a {
	display: inline-table;
	color: white;
	text-align: center;
	padding: 5px 3px;
	margin:0px 3px;

	text-decoration: none;

	border-left: 2px ridge #686868;
	border-right: 2px ridge #686868;
}

.topnav img {

	vertical-align: middle;
	padding: 0px 6px 0px 6px; 
	height:1em;
	max-width:30px;
	vertical-align: middle; 
	}
	
	
.topnav a:hover {
	background-color: #ddd;
	color: black;}
/* Add a color to the active/current link */
.topnav a.active {
	background-color: #4CAF50;
	color: white;}
nav:after {content: "";clear: both;}

/*--------------------------------------------------------------Aritcle img*/
article { 
	padding-top: 20px;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 20px;
	border: thin solid #000000;

	/*	text-align:center;*/
	background-size: contain;
	overflow: visible;
	margin:auto;
	
	-moz-box-shadow:    inset 0 0 10px rgba(230,230,230,1.00);
   -webkit-box-shadow: inset 0 0 10px rgba(230,230,230,1.00);
   box-shadow:         inset 0 0 10px rgba(230,230,230,1.00);}

article img{}
article a {text-decoration:none; color:#000000; font-weight:800;}

p:after {
	content: "";
	display: block;
	clear: both;
}

Article div.brett { /*------------------------------------------------Brett Div---*/

	background-color: rgba(250,250,250,0.50);
	width:90%;
	border:inherit;
	text-align:center;
	margin:auto;
	margin-bottom:1.2em;
	border-radius:10px;
	-moz-box-shadow:    1px 2px 2px 2px  rgba(0,0,0,0.40);
    -webkit-box-shadow: 1px 2px 2px 2px  rgba(0,0,0,0.40);
  	box-shadow:         1px 2px 2px 2px  rgba(0,0,0,0.50);

}

Article div.brett2 { /*------------------------------------------------Brett Div---*/

	background-color: rgba(223,223,223,0.46);
	width:40%;
	border:inherit;
	text-align:center;
	margin:5px;
	padding:5px;
	border-radius:10px;
-moz-box-shadow:    1px 2px 2px 0px  rgba(0,0,0,0.80);
    -webkit-box-shadow: 1px 2px 2px 0px  rgba(0,0,0,0.80);
  	box-shadow:         1px 2px 2px 0px  rgba(0,0,0,0.80);}
	
Article div.brettlink { /*------------------------------------------------Brett Div---*/

	background-color: rgba(223,223,223,0.46);
	margin:10px;
	padding:10px;
	border:inherit;
	border-radius:10px;
	-moz-box-shadow:    1px 2px 2px 2px  rgba(0,0,0,0.40);
    -webkit-box-shadow: 1px 2px 2px 2px  rgba(0,0,0,0.40);
  	box-shadow:         1px 2px 2px 2px  rgba(0,0,0,0.50);}
	
	


Article div.brettbewertung { /*------------------------------------------------Brett Div---*/

	background-color: rgba(223,223,223,0.46);
	width:40%;
	border:inherit;
	float:left;
	padding:5px;
	margin-right:5px;
	margin-bottom:5px;
	border-radius:10px;
	-moz-box-shadow:    1px 2px 2px 2px  rgba(0,0,0,0.40);
    -webkit-box-shadow: 1px 2px 2px 2px  rgba(0,0,0,0.40);
  	box-shadow:         1px 2px 2px 2px  rgba(0,0,0,0.50);
}
.contentheader { /*------------------------------------------------------contentheader*/
	background-color: rgba(225,245,250,0.30);

	border: thin solid #000000;
	
	background-size: contain;
}

.contentL {
	background-color: rgba(255,252,252,0.35);
	text-align:left;
	
	}
.contentLC {
	background-color: rgba(255,252,252,0.35);
	text-align:center;
}
.contentD {
	background-color: rgba(220,240,250,0.25);

	}
.contentDC {
	background-color: rgba(220,240,250,0.25);
	text-align:center;
	}
	
	/* hinfällig ??????????????????????????????????????????????????????????????????????????*/
.contentI {
	background-color: rgba(250,250,250,0.30);
	background-size: contain;
	text-align:center;}
/*img, object, embed, video {
	max-width: 100%;
}-----------------------------------------------------------------------IMG------*/
.headimg {
	width: 100%;
	background-color: #B7B7B7;
	padding:0px;
	margin:0px;
	display:block;
	}
.contentimgleft {
	max-height:300px;
	max-width:40%;
	float: left;
	margin:auto;
		padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	}
img.contentimgleft{
	transition: transform 0.8s;
	-moz-transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-o-transition: transform 0.8s;
	-ms-transition: transform 0.8s;}
img.contentimgleft:hover {
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(1.3, 1.3);
	-moz-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
}

.contentimgright {

	max-width: 40%;
	max-height:350px;
	float: right;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	
}
img.contentimgright{
	transition: transform 0.8s;
	-moz-transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-o-transition: transform 0.8s;
	-ms-transition: transform 0.8s;
}
img.contentimgright:hover {
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(1.3, 1.3);
	-moz-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
}

.listimgrigt {
	width: auto;
	height: 150px;
	float:right;
	clear:both;
	overflow:auto;


}
img.listimgrigt{
	transition: transform 0.8s;
	-moz-transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-o-transition: transform 0.8s;
	-ms-transition: transform 0.8s;
}
img.listimgrigt:hover {
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(1.5, 1.5);
	-moz-transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
	-o-transform: scale(1.5, 1.5);
	-ms-transform: scale(1.5, 1.5);}
.contentimgcenter {
	width: 80%;
	padding: 5px;
	margin: auto;
		display:block;
	clear:both;}
.thumpsimgcenter {
	width:80%;
	padding:2px;
	margin:auto;
	text-align:center;
	display:block;
	clear:both;}
.thumpsimg {
	vertical-align: middle;
	width:auto;
	height:auto;
	padding:2px;}
img.thumpsimg {
	transition: transform 0.8s;
	-moz-transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-o-transition: transform 0.8s;
	-ms-transition: transform 0.8s;
}
img.thumpsimg:hover {
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(1.5, 1.5);
	-moz-transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
	-o-transform: scale(1.5, 1.5);
	-ms-transform: scale(1.5, 1.5);
}
.facebookbutton {  /* --------------------------------------------------Button----*/
	margin-bottom:-20px;
	max-width:120px;
	vertical-align: bottom;
}
/*  hinfällig ????????????????????????????????*/

/* Button {

	font-size: 1em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
a.button {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	text-decoration: none;
	color: initial;
	padding: 8px;
	font-size: 1em;
	font-weight: 600;
	margin: 20px;
} */
.btn {
	justify-content:center;
	background: rgba(221,219,219,1.00);
	background-image: -webkit-linear-gradient(top, #FFFFFF, #ADADAD);
	background-image: -moz-linear-gradient(top, #FFFFFF, #ADADAD);
	background-image: -ms-linear-gradient(top, #FFFFFF, #ADADAD);
	background-image: -o-linear-gradient(top,  #FFFFFF, #ADADAD);
	background-image: linear-gradient(to bottom, #FFFFFF, #ADADAD);
	-webkit-border-radius: 15;
	-moz-border-radius: 15;
	border-radius: 15px;
	text-shadow: 1px 1px 1px rgba(255,255,255,1.00), -1px -1px 1px rgba(255,255,255,1.00), -1px 1px 2px white, 1px -1px 2px white;
	-webkit-box-shadow: 0px 1px 3px #000000;
	-moz-box-shadow: 0px 1px 3px #000000;
	box-shadow: 0px 1px 3px #000000;
	border: solid rgba(220,220,220,1.00) 3px;
	text-decoration: none;
	
}
.btn img {
	justify-content:center;
	align-content:center;
	text-align:center;
	max-width:10%;
	margin:auto;
	padding:2px;
	}
.btn:hover {
	background: #666666;
	background-image: -webkit-linear-gradient(top, #666666, #c7c7c7);
	background-image: -moz-linear-gradient(top, #666666, #c7c7c7);
	background-image: -ms-linear-gradient(top, #666666, #c7c7c7);
	background-image: -o-linear-gradient(top, #666666, #c7c7c7);
	background-image: linear-gradient(to bottom, #666666, #c7c7c7);
	text-decoration: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
/*-------------------------------------------------------------------Schriften & Fonts */

	
li {font-weight: 400;
	font-size: 1.1em;
	margin:auto;
	}
li a {	color: #000000; text-decoration:none;}
li a:hover {
	background-color: #ddd;	color: black;}
ul{ padding-left:10%;
padding-right:10%;}
ul a {	color: #000000;text-decoration:none;}
ul a:hover {
	background-color: #ddd;
	color: black;}
a.termin {
	-webkit-appearance: button;
	-moz-appearance: button;
	-appearance: button;
	text-decoration: none;
	width:80%;
	max-width:500px;
	height: 100px;
	margin:auto;
	padding:5px;}
.zeroMargin_mobile {	margin-left: 0;}
.hide_mobile {	display: none;}
/*---------------------------------------!!!!!! große Screens */
figure img {	width:70px;
padding:0px;}



p{ font-size:1.1em;
	font-weight:400;
	margin:auto;
	padding:10px 10px 10px 15px; 
	text-shadow: 1px 1px 2px white, -1px -1px 2px white, -1px 1px 2px white, 1px -1px 2px white;}
	
h1 {
	font-size: 1.2em;
	font-weight:900;
	text-align: center;
	color: white;
	margin:0.5em;
	text-shadow: 
		1px 1px 2px black,
		-1px -1px 2px black, 
		-1px 1px 2px black,
		1px -1px 2px black; }
	
h2 {
	font-size:1.2em;
	font-weight:700;
	text-align:center;
	color: white;
	margin:0.5em;
	text-shadow: 1px 1px 2px black, -1px -1px 2px black, -1px 1px 2px black, 1px -1px 2px black; }
	
h3 {font-size:1.2em;
	font-weight:700;
	text-align: center;
	margin:0.5em;}
	
h3.nlogo {
	font-size:1.1em;
	font-weight:600;
	text-align: left;
	margin:auto;
	margin-top:20px;
	}

h4 {font-size:1.1em;
	font-weight:500;
	text-align: center;
	margin:0.5em;}

h5 {
	font-size:1.1em;
	font-weight:900;
	text-align:center;
	color: white;
	padding: 5px;
	margin:0.5em;
	text-shadow: 3px 3px 3px black, 2px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black; }

.kontakt	{
	background-color: rgba(162,200,222,0.40);
	background-position:top;
	background-size: cover;
	border-radius:0em;
	color:black;
	font-size:1.1em;
	font-weight:900;
	text-align:center;
	margin:15px 15px 15px 15px;
	padding:5px 5px 15px 5px;}
	
.btn {
	
	padding:10px 0px 10px 0px; 
	padding: 5px;
	margin: 5px;
	font-weight: 700;
	font-size:1.0em;
}
.thumpsimg { width:30%;}

#map-plug {display:none;}

#google-reviews {
display:flex;
flex-wrap:wrap;
/*display: grid;
grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));*/
}
span.review-profile-image {
    float: left;
        padding: 0px 15px 0px 0px;
}
span.review-profile-image img {
    width: 40px;
}
.modal-backdrop.in{display:none;}
.review-item {
    border-bottom: solid 2px rgba(190,190,190,.80);
    margin: 5px auto;
    display: block;
    width: 30%;
    padding: 8px 0px;
}
.review-stars ul {
display: inline-block;
list-style: none !important;
margin:0; padding:0;
}

.review-stars ul li {
float: left;
list-style: none !important;
margin-right: 1px;
line-height:1;
}

.review-stars ul li i {
  color: #E4B248;
  font-size: 1.4em;
  font-style:normal;
}
.review-stars ul li i.inactive { color: #c6c6c6;}
.star:after { content: "\2605"; }

.review-meta, .review-stars {text-align:left; font-size:115%;}
.review-author { text-transform: capitalize; font-weight:400; font-size:1em; }
.review-date {opacity:.6; display:block;}
.review-text {  line-height: 1.55;
font-size:1em;
font-weight:300;
    text-align: left;
    max-width: 60em;
    margin: auto;}

}
/*---------------------------------------!!!!!! kleine Screens */

figure img {	width:45px;
padding:0px;}	

	.topnav a {padding: 6px 3px;
	margin:0px 1px;
		font-size: 1.0em;
	font-weight: 400;}
	.topnav img {padding: 0px 4px 0px 4px; height:26px;}
	
p{ font-size:1em;
	font-weight:300;
	margin:auto;
	padding:10px 10px 10px 10px; 
	text-shadow: 1px 1px 2px white, -1px -1px 2px white, -1px 1px 2px white, 1px -1px 2px white;}
	
h1 {	font-size:1.0em;
	font-weight:700;
	text-align:center;
	color: white;
margin:0.5em;

	text-shadow: 1px 1px 2px black, -1px -1px 2px black, -1px 1px 2px black, 1px -1px 2px black; }
	
h2 {
	font-size:1.0em;
	font-weight:700;
	text-align:center;
	color: white;
margin:0.5em;
	text-shadow: 1px 1px 2px black, -1px -1px 2px black, -1px 1px 2px black, 1px -1px 2px black; }
	
h3 {font-size:1.0em;
	font-weight:700;
	margin:0.5em;	
	}

h4 {font-size:0.9em;
	font-weight:500;
	text-align: center;
	margin:0.5em;}

h5 {
	font-size:0.9em;
	font-weight:600;
	text-align:center;
	color: white;
	text-shadow: 3px 3px 3px black, 2px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
	margin:0.5em;}


/*
.contentimgright {
	max-width: 180px;
	max-height:250px;}
.contentimgleft {
	max-width: 180px;
	max-height:250px;}
.btn {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 5px;
	font-weight: 900;
	font-size:1.1em;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	}*/
.btn3{
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 8px;
	padding-top: 8px;
	margin: auto;
	font-size: 0.9em;}
.navimob {}
#nav1 {	display: block;}
#div1 {}
.zeroMargin_desktop {
margin-left: 0;}
.hide_desktop {
display: none;}

.kontakt	{
	background-color: rgba(162,200,222,0.40);
	background-position:top;
	background-size: cover;
	border-radius:0em;
	text-align:center;
	margin:10px 10px 10px 10px;
	padding:10px 10px 20px 10px;
	color: black;
	font-size:1em;
	font-weight:700;
}
.thumpsimg { width:45%;}

.review-item { flex: 1 1 80%; }



}