body 			{margin: 0;}
html 			{background: #FFFFFF; padding: 0; margin: 0; min-height: 101%; color: #666666; font-family: Arial, Tahoma, Verdana; font-size: 80%;}
body 			{padding: 0; margin: 0;}

div,span		{border: 0px dotted #C0C0C0;}

h1				{}
h2				{}
h3				{}
a				{color: #C7471E;}
p				{line-height: 110%;}
img				{max-width: 100% !important; height: auto; border: 0; padding: 0;}

.centa			{text-align: center;}
.hidden			{position:absolute;left:-1000px;}
.clear			{clear: both; line-height: 0; font-size: 0; height: 0;}
.ar					{text-align: right;}
.gruen			{color: #007448;}
.hinweis		{border: 1px solid #C7471E; font-weight: bold; padding: 0.2em;}

.wrapper 		{margin: 0 auto; max-width: 1065px; padding: 0.2%;}
.supercol 		{clear: both; padding: 0; background: linear-gradient(to left, #007448 50%, #C7471E 50%);}
.col-m			{margin: 0 auto; width: 75.4%; padding: 0 0.5%; background-color: #FFFFFF;}

.top_l			{float: left; width: 49%; padding-top: 10%; text-align: center;} 
.top_r			{float: right; width: 49%;}

.hw				{float: left; width: 100%; max-height: 182px; background-image: url('images/hg.jpg'); text-align: center; font-family: 'Lato', sans-serif; padding: 4% 0 2.5% 0;}
.willkommen		{font-size: 250%; color: #C7471E; }
.adr			{font-size: 200%; line-height: 200% }

.cont			{font-size: 175%; text-align: center; margin: 2%;}
.ue				{color: #007448; line-height: 150%; font-size: 110%;}

.email			{color: #666666; text-decoration: none;}

.fotos			{float: left; width: 100%; text-align: center; padding-bottom: 0.7%;}
.f_m			{padding: 0 1%;}

.impressum		{font-size: 100%; margin: 5% 2%; line-height: 125%}


/* Footer */
.colors			{margin: 0 auto; width: 100%; height: auto; background: linear-gradient(to left, #007448 50%, #C7471E 50%); background-size: 100% 1px; font-size: 30%;}
.footer			{margin: 0 auto; width: 100%; padding-top: 0.5%; text-align: right; font-size: 90%;}
.footer a		{text-decoration: none; color: #808080;}



/* ====================================================================================================== */

@media all and (max-width: 535px) 
{
.col-m			{width: 85%; padding: 0;}
.top_l			{float: left; width: 98%; padding: 1%; text-align: center;} 
.top_r			{float: left; width: 98%; padding: 1%; text-align: center;}
.willkommen		{font-size: 200%;}
.adr			{font-size: 150%;}
.cont			{font-size: 140%;}
}

@media all and (max-width: 400px)
{
.col-m			{width: 78%;}
.top_l			{float: left; width: 98%; padding: 1%; text-align: center;} 
.top_r			{float: left; width: 98%; padding: 1%; text-align: center;}
.willkommen		{font-size: 180%;}
.adr			{font-size: 125%;}
.cont			{font-size: 120%;}
}



.cookie_banner-wrapper{z-index:9001;position:relative}
.cookie_container .cookie_btn{cursor:pointer;text-align:center;font-size:0.6em;-webkit-transition:font-size 200ms;transition:font-size 200ms;line-height:1em}
.cookie_container .cookie_message{font-size:0.6em;-webkit-transition:font-size 200ms;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}
@media screen and (min-width:500px){
.cookie_container .cookie_btn{font-size:0.8em}
.cookie_container .cookie_message{font-size:0.8em}
}
@media screen and (min-width:768px){
.cookie_container .cookie_btn{font-size:1em}
.cookie_container .cookie_message{font-size:1em;line-height:1em}
}
@media screen and (min-width:992px){
.cookie_container .cookie_message{font-size:1em}
}
@media print{.cookie_banner-wrapper,.cookie_container{display:none}}
.cookie_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}
.cookie_container .cookie_btn{
padding: 0.8em 1em; background-color:#f1d600;background-color:black;cursor:pointer;-webkit-transition:font-size 200ms;transition:font-size 200ms;text-align:center;font-size:0.6em;display:block;width:33%;margin-left:10px;float:right;max-width:80px
}
.cookie_container .cookie_message{-webkit-transition:font-size 200ms;transition:font-size 200ms;font-size:0.6em;display:block}
@media screen and (min-width:500px){
.cookie_container .cookie_btn{font-size:0.8em}
.cookie_container .cookie_message{margin-top:0.5em;font-size:0.8em}
}
@media screen and (min-width:768px){
.cookie_container{padding:15px 30px 15px}
.cookie_container .cookie_btn{font-size:1em;padding:8px 15px}
.cookie_container .cookie_message{font-size:1em}
}
@media screen and (min-width:992px){
.cookie_container .cookie_message{font-size:1em}
}
.cookie_container{background-color:#4c4c4c; opacity: 0.96; color: #FFFFFF; font-family: Arial; box-sizing: border-box; border-top: 1px solid #CCCCCC;}
.cookie_container::-moz-selection {background: #FF5E99; color: #FFFFFF; text-shadow: none}
.cookie_container .cookie_btn,.cookie_container .cookie_btn:visited{
color: #000000; background-color: #009900; background-color: #33cc33; transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px
}
.cookie_container .cookie_btn:hover,.cookie_container .cookie_btn:active {background-color: #33FF00; color: #000000;}
.cookie_container a,.cookie_container a:visited{text-decoration:none;color:#FFFFFF;-webkit-transition:200ms color;transition:200ms color}
.cookie_container a:hover,.cookie_container a:active{color:#FFFFFF;}

@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideUp{0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.cookie_container,.cookie_message,.cookie_btn{animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}
.cookie_container a, .cookie_message a {font-size: 0.8em; font-weight: normal; color: #FFFFFF; text-decoration: underline;}