html {  font-size: 0.7em; }

.SourceSansPro-Bold { 	font-family: "SourceSansPro-Bold", Arial;	font-weight: normal;	font-style: normal; }

.contentcenter { z-index:3; width: 80%; margin: 0 auto; display:block; 	position: relative; }

@media only screen and (max-width:959px) { .contentcenter { width: 95%; }}



h1	{z-index:4;font-family: "SourceSansPro-Bold", Arial;font-weight: normal;font-size: 4.4rem;text-align: center;vertical-align: middle;line-height: 60px; margin-top: 0.7rem; color: #1d1d1b;}

h2, h3, h4	{z-index:5;font-family: "SourceSansPro-Bold", Arial;font-weight: normal;font-size: 2.4rem;line-height: 40px; color: #1d1d1b;}
.volt { font-family: "SourceSansPro-Bold" Arial; font-size: 120%;}

#breadcrumb {font-family: "arial";font-weight: normal;font-size: 1.4rem;text-align: center;vertical-align: middle;margin-top: 5rem;color: #706f6f;font-size: 1.2rem;}

#breadcrumb a{text-decoration: none;color: #706f6f;font-size: 1.2rem;}

#atmo { z-index:1;	background-repeat: no-repeat;	background-position: fixed;	background-size: 100%; 	position: absolute;	width: 100%;	height: 100vh;	top: 0px;	padding: 0;	border: 0px;	display: block;}

.h1start {z-index:2;width: 45%;margin-left: auto;margin-right: auto;display:block; top: 38vh; position: relative;}
.h1start h1  {text-shadow: 2px 2px 1px #000000; }



@media only screen and (max-width:959px) {
h1	{ font-size: 2.4rem; line-height: 40px;  }
.h1start { width: 80%; } 
}

.h1start h1 { color: #ffffff; }

#atmokl {
z-index:1;
	background-attachment: fixed;	background-position-x: center;	background-position-x: 0%;	background-repeat: no-repeat;	background-size: 100%; 	position: absolute;	width: 100%;
	height: 27.1rem;	left:0px; 	right: 0px;	top: 0px;	padding: 0;}
	
.h1folge {z-index:2;width: 80%;margin-left: auto;margin-right: auto;display:block;margin-top: 29.1rem;position: relative;}



#contentstart  {z-index:2;	display: block;	top: 75vh;	position: absolute;	width: 100%;}

#contentfolge  {	display: block;margin-top: 24px;	position: relative;	width: 100%;}

.inhaltstart{position: relative; display: block; width: 95%; max-width: 979px;margin: 0 auto;}
.inhaltfolge{ position: relative; display: block; width: 95%; max-width: 979px;margin: 0 auto; }


@media only screen and (max-width:1195px) {
.inhaltstart,  .inhaltfolge{max-width:95%; }
}


.bildlinks  { width:20%; margin-top: 6px;  margin-right: 135px; display:block; margin-bottom:12px; float:left; 	background-size: 100%;  background-repeat: no-repeat;}
.suche {float: left; margin-right: 33px; margin-bottom: 33px; margin-top: 2px;}
.fuenfzigli, .fuenfzigre{ width: 50%; float:left; margin: 0px; padding: 0px;}
.fuenfzigre{ text-align: right; }
.v  { width: 20%; margin-top: 22px; float:left; }
.links img { float:left; width:20%; margin-top: 6px; margin-right: 135px; display:block; margin-bottom:12px; }

@media screen and (max-width:959px) {
.bildlinks  {width:70%; margin-top: 6px;margin-right: 0px;display:block; margin-bottom:3px;float:none;background-size: 100%;  background-repeat: no-repeat;}
.suche {width: 33%;margin-right: 12px; margin-bottom: 12px;}
.fuenfzigli, .fuenfzigre{ width: 100%; margin: 0px; padding: 0px;}
.fuenfzigre{ text-align: left; margin-top: 25px;}
.v  { width: 80%; margin-top: 25px; float:left; }
.links img { float: none; width:80%;}
}

.shp  { background-color: #cccccc; }
.shoptext  { width: 40%; float: left; padding: 7px; padding-top:14px; display: table-cell;    vertical-align: middle }
.shopinput  { width: 20%; float: left; padding: 7px; padding-top:14px; display: table-cell;    vertical-align: middle }
.shoppreis  { width: 10%; float: left; padding: 7px; padding-top:14px; display: table-cell;    vertical-align: middle }
.shoprest  { width: 15%; float: left; padding: 7px; padding-top:14px; display: table-cell;    vertical-align: middle }

@media screen and (max-width:959px) {
.shoptext  { width: 99%; float: left; }
.shopinput, .shoppreis, .shoprest {width: 49%; float: left;}
.shoppreis { float: none; margin-bottom: 9px;}
}


.block  { width: 100%; padding: 21px; min-height: 100px; margin-bottom: 21px; float:left;}

.hellblauhint { background-color: #cae1ed;}

a, .links a, .link{ color: #3fa535; }

.subnavi  { margin-top: 12px; margin-bottom: 12px; }

.subnavi a, .weiter    {
white-space: nowrap; text-decoration: none;display: inline-block;color: #fff;background-color: #3fa535;padding: 1px;
padding-left:5px;padding-right:5px;border-radius: 6px;margin-right:5px;margin-bottom: 5px;}

.weiter    {padding: 7px;border: 0px;font-weight: bold;}

input[type="text"],select, textarea { padding: 7px; background-color: #cccccc; color: #000000; border: 0px; font-weight: bold; }

.schaltergruen  { padding: 7px; background-color: #3fa535; color: #ffffff; border: 0px; font-weight: bold; }
.schalterrot  { padding: 7px; background-color: #cccccc; color: red; border: 0px; font-weight: bold; }

.shopa, .shopb, .shopc {
width:33%; padding: 7px; display:block; background-color: #cccccc; float:left; }
.shopc  { width:34%; }
.shopz { width:100%; padding: 7px; display:block; background-color: #cccccc; float:left; }

.adressa, .adressb  { margin-top: 12px; width: 50%; float:left; }
.adressb  { width: 50%; }

@media screen and (max-width:959px) { .adressa, .adressb  { margin-top: 12px; width: 100%; } }


.breiteformular { width: 90%; }
.footer input[type="submit"] {     font-family: FontAwesome; }
.footer { font-size: 70%; background-color: #2b2171; color: #fff; display: block; width: 100%; border: 1px solid #2b2171; margin-left: auto; margin-right: auto;}
.footer a { color: #fff;	text-decoration: none;	font-weight: bold;	padding-left: 5px;}
.footer strong{ color: #393880;}
.footerhappen { float:left; margin: 11px; height: 24px;  white-space: nowrap; }
.footerhappenbr {float:left; margin: 11px; height: 24px;   }

.schmal {margin-left:auto; margin-right:auto;  display: flex; align-items: center; justify-content: center;}
.qr { display: none; }



.fototeaser { position: relative; float:left; width: 312px; height:271px;  display: block;margin-top: 7px;  background-repeat: no-repeat; background-color: #cae1ed; 
border:3px solid #fff;}
.fototeaser a { font-family: 'SourceSansPro-Bold'; font-weight: normal; font-size: 1.3rem; text-decoration: none;color:#000; line-height:100%;  }
.fototeaser a span {margin-left: 11px; margin-right: 11px; margin-top: 3px; display: block;}
.fototeaser:hover {background: linear-gradient(rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.1));}


@media screen and (max-width:415px) {


.fototeaser { position: relative; float:left; width: 100%; height:333px;  display: block;margin-top: 7px;  background-repeat: no-repeat; background-color: #cae1ed; 
border:3px solid #fff;}
.fototeaser img { width:100%; }
.framevid { width:100%; height:100%; }

.h1folge {z-index:2;width: 80%;margin-left: auto;margin-right: auto;display:block;margin-top: 9.1rem;position: relative;}


}


@media screen and (min-width:958px) {
.m { margin-left:15px; margin-right:15px;}
}


.ohnelink{ position: relative; display:block; float:left; width: 289px; min-height: 100px; border:#cae1ed solid 1px; margin-right: 11px; margin-top: 7px; margin-bottom:7px;}





@media only screen and (max-width:959px) { .shoplink, .wwwlink, .vlink {  } }


/* Portrait */
@media screen and (orientation:portrait) {
#atmo { 	background-size: cover; 	position: absolute;		}
.schmal { margin-left:auto; margin-right:auto; display: block;}
}

/* Landscape */
@media screen and (orientation:landscape) {
#atmo {	background-size: 100%; 	position: absolute;	width: 100%;	}
	
}




@media print {  .qr { display: block; } }