@font-face {
font-family: 'Annie Use Your Telescope';
font-style: normal;
font-weight: 400;
font-display:swap;
src: url(../fonts/annie-use-your-telescope-v10-latin-regular.eot);
src: local('Annie Use Your Telescope Regular'), local('AnnieUseYourTelescope-Regular'),
url(../fonts/annie-use-your-telescope-v10-latin-regular.eot?#iefix) format('embedded-opentype'),
url(../fonts/annie-use-your-telescope-v10-latin-regular.woff2) format('woff2'),
url(../fonts/annie-use-your-telescope-v10-latin-regular.woff) format('woff'),
url(../fonts/annie-use-your-telescope-v10-latin-regular.ttf) format('truetype'),
url(../fonts/annie-use-your-telescope-v10-latin-regular.svg#AnnieUseYourTelescope) format('svg');
}

@font-face{
font-family:'Duru Sans';
font-style:normal;
font-weight:400;
font-display:swap;
src:url(../fonts/duru-sans-v13-latin-regular.eot);
src:local('Duru Sans'), local('DuruSans-Regular'),
url(../fonts/duru-sans-v13-latin-regular.eot?#iefix) format('embedded-opentype'),
url(../fonts/duru-sans-v13-latin-regular.woff2) format('woff2'),
url(../fonts/duru-sans-v13-latin-regular.woff) format('woff'),
url(../fonts/duru-sans-v13-latin-regular.ttf) format('truetype'),
url(../fonts/duru-sans-v13-latin-regular.svg#DuruSans) format('svg');
}

html,body{
min-height:100%
}

body{
font-family:Duru Sans,Arial,Helvetica,sans-serif;
background-color:#FFF;
background-image:url(../images/bg/bg_body.jpg);
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
background-attachment:fixed;
color:#404142;
overflow-y: scroll;
margin:0
}

.menudiv{
}

a.menu,a.menuactive{
color:#FFF;
font-size:14px;
line-height:1.4em;
width:200px;
min-height:50px;
margin-bottom:20px;
padding:5px 0 5px 40px;
display:block;
text-decoration:none;
background-position:left center;
background-repeat:no-repeat;
display:flex;
align-items:center;
justify-content:left;
border-radius:15px;
border:2px solid rgba(0,95,165,1);
box-shadow:0 0 25px rgba(0,0,0,.5);
box-sizing:border-box;
}

a.menu{
background-color:rgba(0,95,165,1);
}

a.menu:hover,a.menuactive{
background-color:rgba(50,150,210,1);
background-image:url(../images/dots/blume_r.png)
}

a.menuactive{
background-image:url(../images/dots/blume.png)
}

#top a{
color:#000;
font-size:12px;
line-height:1.2em;
padding:0 7px;
text-decoration:none;
display:inline-block
}

#top a:hover,#top a.active{
color:#bd340b;
text-decoration:underline
}

#content a,#content a:hover{
color:rgba(0,95,165,1);
font-weight:500;
text-decoration:underline
}

#content a[href^="tel:"] {
color:#404142;
text-decoration:none;
}

#content a[href^="tel:"]:hover {
text-decoration:underline;
}

h1,h2,h3,#unterstuetzung{
font-family: 'Annie Use Your Telescope', cursive;
font-weight:700;
line-height:1.2em;
}

h1{
color:#404142;
font-size:50px;
margin:0 0 15px 0;
padding:0 0 10px 0;
}

h2,#unterstuetzung{
color:rgba(0,95,165,1);
font-size:35px;
font-weight:700;
margin:4px 0 8px 0;
padding:4px 0 0 0;
}

h3{
font-size:28px;
font-weight:700;
text-align:center;
margin:0;
padding:0
}

h2 a,#unterstuetzung a{
color:rgba(0,95,165,1) !important;
font-weight:700 !important;
text-decoration:none !important;
}

h2 a:hover{
text-decoration:underline !important;
}

p{
margin:0 0 10px 0;
padding:0
}

ul{
margin-left:2em;
padding-left:0
}

li{
padding:0 0 0 5px
}

#header_bg{
position:fixed;
z-index:20;
top:0;
width:100%;
height:130px;
overflow:hidden;
background-color:rgba(255,255,255,.85);
box-shadow:0 0 25px rgba(0,0,0,.75);
padding:0
}

#header{
position:relative;
z-index:10;
width:100%;
max-width:980px;
height:145px;
margin:15px 0 0 0;
padding:0;
box-sizing:border-box
}

#logo{
display:inline-block;
width:290px;
height:100px;
margin:0 0 0 28px;
padding:0
}

#top{
position:absolute;
z-index:1;
top:68px;
right:25px;
color:#000;
margin:0;
padding:0;
text-align:right
}

#container{
position:relative;
width:100%;
max-width:980px;
height:auto;
margin:160px 0 100px 0;
padding:0 30px;
box-sizing:border-box;
display:flex;
z-index:10
}

#menu{
position:relative;
width:200px;
height:420px;
color:#FFF;
margin:0;
padding:0;
z-index:1
}

#lotti{
position:relative;
width:100px;
margin:30px auto 0 auto
}

#lotti_head{
display:none
}

#content{
width:100%;
min-height:500px;
height:auto;
background:rgba(255,255,255,.8);
font-size:14px;
line-height:1.4em;
margin:0 0 0 30px;
padding:20px;
border-radius:15px;
box-shadow:0 0 25px rgba(0,0,0,.5);
box-sizing:border-box
}

#footer{
position:fixed;
z-index:20;
background-color:rgba(200,200,200,.9);
bottom:0;
color:#242424;
font-size:13px;
line-height:18px;
padding:15px 0 15px 50px;
width:100%;
box-shadow:0 0 15px rgba(0,0,0,1);
box-sizing:border-box
}

#footer a{
color:#242424;
font-size:13px;
font-weight:500;
text-decoration:none
}

#footer a:hover{
text-decoration:underline
}

.footertext{
display:inline-block
}

.footerblock{
color:rgba(0,95,165,1);
margin:0 0.75em
}

.clear{
clear:both
}

.gmap{
margin:2em 0 0 0;
box-shadow:0 0 25px rgba(0,0,0,.3)
}

.oeffnungszeiten{
font-size:16px;
line-height:1.4em;
box-sizing:border-box;
width:auto;
background:rgba(255,255,255,.3);
margin:.75em 0 3em 0;
border-collapse:collapse;
box-shadow:0 0 25px rgba(0,0,0,.4)
}

.oeffnungszeiten tr:first-child{
font-weight:700;
}
.oeffnungszeiten tr:first-child td{
padding:20px 15px 5px 15px;
}
.oeffnungszeiten tr:last-child td{
padding:5px 15px 20px 15px;
}

.oeffnungszeiten td{
padding:5px 15px;
vertical-align:bottom
}

.oeffnungszeiten td:nth-child(1){
min-width:190px;
}

.oeffnungszeiten td:nth-child(2){
font-weight:700;
text-align:right;
min-width:155px;
}


#unterstuetzung{
font-size:25px;
margin:-1em 0 0 0;
width:180px;
height:180px;
text-align:center;
border:5px solid rgba(255,255,255,1);
background:rgba(0,95,165,.8);
background: radial-gradient(ellipse at center, rgba(50,150,210,.8) 0%,rgba(0,95,165,.8) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color:#fff;
padding:30px 20px;
box-sizing:border-box;
overflow:hidden;
transform:rotate(7deg);
box-shadow:5px 5px 15px rgba(0,0,0,.5);
float:right;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}

#hilfe_einkaufen{
margin:1em 0 4em 0;
background:rgba(255,160,0,.2);
padding:1em 1em .5em 1em;
}

#open_status{
margin:1em 0 2em 0;
font-weight:700;
}

.open,.closed{
border-radius:50%;
width:12px;
height:12px;
display:inline-block;
margin:0 .5em 0 0;
}

.open{
border:1px solid #008000;
background:#00b100;
}

.closed{
border:1px solid #B94A48;
background:#e75c5a;
}

#auflagen{
margin:0 0 1em 0;
font-weight:700;
color:#b70000;
}

#genusstraum{
border:1px solid black;
background:#fff;
margin:0;
cursor:pointer;
}

#genusstraum a,#genusstraum a:hover{
color:#fff !important;
text-decoration:none !important;
display:block;
}

#genusstraum h2,#genusstraum h3{
font-family:'Duru Sans',Arial,Helvetica,sans-serif;
text-align:left;
padding:0;
line-height:1em;
color:rgba(106,88,71,1);
color:#fff;
}

#genusstraum h2{
text-transform:uppercase;
font-weight:700;
font-size:28px;
margin:0 0 .25em 0;
}

#genusstraum h3{
font-weight:500;
font-size:18px;
margin:0;
}

#genusstraum img{
max-width:100%;
}

#genuss_kooperation{
background:#000;
color:#fff;
position:absolute;
left:10px;
top:10px ;
line-height:1.2em;
padding:.5em;
font-size:12px;
border-radius:50%;
width:110px;
height:110px;
padding:10px;
box-sizing:border-box;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
transform:rotate(-7deg);
box-shadow:5px 5px 15px rgba(0,0,0,.5);
}

#genuss_title{
background:rgba(106,88,71,.7);
position:absolute;
padding:.75em;
bottom:0;
left:0;
right:0;
}

#genuss_img{
line-height:0;
position:relative;
}

#genuss_text{
padding:.5em;
}





#fondue-waerchstatt{
border:1px solid black;
background:#fff;
margin:0;
}

#fondue-waerchstatt a,#fondue-waerchstatt a:hover{
color:#fff !important;
text-decoration:none !important;
display:block;
}

#fondue-waerchstatt h2,#fondue-waerchstatt h3{
font-family:'Duru Sans',Arial,Helvetica,sans-serif;
text-align:left;
padding:0;
line-height:1em;
color:rgba(106,88,71,1);
color:#fff;
}

#fondue-waerchstatt h2{
text-transform:uppercase;
font-weight:700;
font-size:28px;
margin:0 0 .25em 0;
}

#fondue-waerchstatt h3{
font-weight:500;
font-size:18px;
margin:0;
}

#fondue-waerchstatt img{
max-width:100%;
}


#fondue_title{
background:rgba(106,88,71,.7);
background:rgba(0,95,165,.7);
position:relative;
padding:.75em;
bottom:0;
left:0;
right:0;
}

#fondue_img{
line-height:0;
position:relative;
}

#fondue_text{
padding:.5em;
}

.h{
display:none;
}

input,select,textarea{
box-sizing:border-box;
padding:5px;
font-family:Duru Sans,Arial,Helvetica,sans-serif;
font-size:14px;
}

.input,.textarea{
width:100%;
}

.input,.input_cal,.input_anz,.select,.textarea{
border:1px solid #a7a7a7;
background-color:#fff;
}

.textarea{
height:6em;
}

.errorbox,.okbox{
clear:both;
margin:1em 0;
padding:10px;
font-weight:700;
}

.errorbox{
border:1px solid #B70000;
background:rgba(255,0,0,.2);
color:#B70000;
margin:1em 0 2em 0;
}

.okbox{
border:1px solid rgba(20,130,0,1);
background:rgba(20,130,0,.2);
color:rgba(20,130,0,1);
}

#formular p{
margin-bottom:1.75em;
}

.small{
font-size:12px;
}

.hinweis{
color:#b70000;
}

.form_spacer{
display:block;
height:.25em;
}



#fondue-menue{
clear:both;
border-radius:10px;
overflow:hidden;
margin:2em 0;
width:100%;
box-sizing:border-box;
position:relative;
line-height:1em;
border:3px solid #fff;
box-shadow:5px 5px 25px rgba(0,0,0,.5);
transform:rotate(-5deg);
transition: transform .5s ease-in-out;
}

#fondue-menue:hover {
  transform: rotate(5deg);
}

#fondue-menue img{
max-width:100%;
}

#fondue-menue-text{
position:absolute;
bottom:0;
background:rgba(0,95,165,.7);
left:0;
right:0;
padding:2px 5px;
}

#fondue-menue-text a{
font-size:12px;
color:#fff;
text-decoration:none;
display:block;
}

@keyframes rotation1 {
  from {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(5deg);
  }
}

@keyframes rotation2 {
  from {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-5deg);
  }
}


.fondue1{
 animation: rotation1 1s linear;
 transform:rotate(5deg);
}


.fondue2{
 animation: rotation2 1s linear;
 transform:rotate(-5deg);
}

.break{
clear:both;
}