/* roboto-300italic - latin */
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../fonts/roboto-v18-latin-300italic.eot'); src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v18-latin-300italic.woff2') format('woff2'), url('../fonts/roboto-v18-latin-300italic.woff') format('woff'), url('../fonts/roboto-v18-latin-300italic.ttf') format('truetype'), url('../fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('../fonts/roboto-v18-latin-100.eot'); src: local('Roboto thin'), local('Roboto-thin'), url('../fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v18-latin-100.woff2') format('woff2'), url('../fonts/roboto-v18-latin-100.woff') format('woff'), url('../fonts/roboto-v18-latin-100.ttf') format('truetype'), url('../fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); }

/* roboto-300 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../fonts/roboto-v18-latin-300.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), url('../fonts/roboto-v18-latin-300.woff') format('woff'), url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); }

/* roboto-regular - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-v18-latin-regular.eot'); src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), url('../fonts/roboto-v18-latin-regular.woff') format('woff'), url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); }

/* roboto-italic - latin */
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('../fonts/roboto-v18-latin-italic.eot'); src: local('Roboto Italic'), local('Roboto-Italic'), url('../fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'), url('../fonts/roboto-v18-latin-italic.woff') format('woff'), url('../fonts/roboto-v18-latin-italic.ttf') format('truetype'), url('../fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); }

/* roboto-700 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../fonts/roboto-v18-latin-700.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), url('../fonts/roboto-v18-latin-700.woff') format('woff'), url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); }

@font-face { font-family: 'Amatic SC'; src: url('../fonts/AmaticSC-Bold.eot'); src: url('../fonts/AmaticSC-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AmaticSC-Bold.woff2') format('woff2'), url('../fonts/AmaticSC-Bold.woff') format('woff'), url('../fonts/AmaticSC-Bold.ttf') format('truetype'), url('../fonts/AmaticSC-Bold.svg#AmaticSC-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap;}

@font-face { font-family: 'Amatic SC'; src: url('../fonts/AmaticSC-Regular.eot'); src: url('../fonts/AmaticSC-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AmaticSC-Regular.woff2') format('woff2'), url('../fonts/AmaticSC-Regular.woff') format('woff'), url('../fonts/AmaticSC-Regular.ttf') format('truetype'), url('../fonts/AmaticSC-Regular.svg#AmaticSC-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap;}

html, body{ font-family: 'Roboto'; font-weight: 100; font-size: 1.2em; line-height: 2.0em; width: 100%; height: 100%; padding: 0px; margin: 0px; }

#cookiehintinfo a:nth-child(1){
padding-right: 8px; 
}
#cookiehintinfo a:nth-child(2){
padding-left: 8px; 
}

#topline{position: fixed; top: 0px; height: 0px; width: 0px; }

body #content{
background-color: #FFFFFF;
transition: 0.5s ease-in-out;
} 
body.light #content{
background-color: #000000;
}
body #pages{color: #000000; background-color: #DFDFDF;transition: 0.5s ease-in-out; border-radius: 20px; background-size: cover; background-repeat: no-repeat; background-position: left top; }
body.light #pages{color: #FFFFFF; background-color: #333333;}
body.light #footer, body.light #footer a, body.light i.ls_hint{color: #FFFFFF;}
body.light #pages .ma_box{background-color: #333333;} 
body.light #pages .ma_box .telefonicon, body.light #pages .ma_box .mailicon{filter: invert();}
body.light #pages .ma_box a, body.light #pages a{color: #FFFFFF; }
body.light #pages #tooltip_layout{
color: #000000; 
}

body.light #licht_an{display: inline-block; }
body.light #licht_aus{display: none; }
body #licht_an{display: none; }
body #licht_aus{display: inline-block;}
#licht_an, #licht_aus{
width: 42px; 
height: 42px; 
padding: 0px 0px 0px 0px; 
margin: 5px 10px 0px 0px; 
border: 3px solid rgba(255, 255, 255, .5);
background-color: #000000; 
border-radius: 50px; 
float: left; 
transition: 0.5s ease-in-out;
}
#licht_an:hover, #licht_aus:hover{
transform: rotate(-5deg); border: 3px solid rgba(233, 128, 0, .5); 
}
#licht_an img, #licht_aus img{
width: auto; 
height: 30px; 
padding: 7px 15px 0px 5px; 
margin: 0px 0px 0px 0px; 
}

img{max-width: 100%; height: auto; }

strong, b{ font-weight: 300; }
.item-page{ display: block; hyphens: auto;}
.blog-item{ 
border-top: 0px solid #999999; 
border-left: 0px solid #999999; 
border-right: 0px solid #999999; 
border-bottom: 1px solid #999999; 
}

hr{ border-top: 1px solid #999999; border-left: 0px solid #999999; border-right: 0px solid #999999; border-bottom: 0px solid #999999; }
.small{ font-size: 0.7em; line-height: 1.0em; display: inline-block; hyphens: auto;} 
.visually-hidden{ display: none; }
a.imagesizer{ float: right; display: inline-block; }
.linksausrichten a.imagesizer{ float: left; display: inline-block; margin: 0px 10px 0px 0px; }
.mitarbeitende a.lightbox2-image-link{
float: right; display: inline-block;
}

.hilde #pages a.hildelogo{
border: 0px solid #FFFFFF; border-radius: 150px; padding: 30px; display: inline-block; 
height: 150px; width: 150px; margin: 0px 0px 0px 30px; float: right;
}


#headerbild{ height: 550px; width: calc(100% - 40px); padding: 0px; margin: 0px; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 0px solid #FF0000; border-radius: 20px 20px 20px 20px; position: absolute; top: 30px; overflow: hidden; } 
#linien{height: 500px; width: 100%; padding: 0px; margin: 0px; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 0px solid #FF0000; position: absolute; top: 0px; border: 0px solid #FF0000; opacity: 0.4; }

body.news blockquote.instagram-media{
margin: 50px 0px 50px 0px !important; 
}
body.news #pages .blog-items{
border-top: 1px solid #999999; 
}
body.news #pages .blog-items:first-child{
border-top: 0px solid #999999; 
}


#logo{ width: 30%; height: auto; min-height: 200px; padding: 0px 20px 0px 40px; display: inline-block; position: relative;border: 0px solid #FF0000; border-radius: 20px 0px 0px 20px; transition: 1.0s ease-in-out; display: block; 
margin-top: 80px; 
margin-right: 0px; 
margin-bottom: 0px; 
margin-left: calc(70% - 60px); 

 text-align: right; background-color: rgba(255, 255, 255, 0.7); }
#logo_hi, #logo_hilde{border: 0px solid #0000FF; position: absolute; top: 0px; right: 0px; width: calc(100% - 60px); height: auto; padding: 0px 20px 0px 40px;}
#logo img{transition: 0.9s ease-in-out; opacity: 0;}
#logo img.einschalten{opacity: 1; }
body.light #logo{filter: invert(0%);}


#bildlayer{ position: fixed; inset: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.9); z-index: 4999; opacity: 0; visibility: hidden; transition: opacity 0.4s ease-in-out, visibility 0.4s; }
#bildlayer.wider{opacity: 1; visibility: visible; }
#bildlayer.wider:after{content: "(zum Schließen klicken)"; color: #FFFFFF; text-align: center; position: absolute; bottom: 30px; margin: 0px auto; text-align: center; width: 100%; font-size: 0.7em; opacity: 0.7; }
.item-page img.fadebild, .item-page img.galerie {border-radius: 20px; border: 1px solid #FFFFFF; width: calc(20% - 20px); height: auto; cursor: zoom-in; transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, border-radius 0.3s; transform-origin: center; margin: 8px 8px 0px 0px;}
.item-page img.galerie.mitarbeiter{width: 200px; display: inline-block; margin: 0px 0px 0px 30px;}


.item-page img.wider { position: fixed; top: 50%; left: 50%; z-index: 5000; transform: translate(-50%, -50%) scale(0); width: auto !important; max-width: 90vw; max-height: 90vh; opacity: 0; animation: zoomFromCenter 0.5s ease-out forwards; }
@keyframes zoomFromCenter {
0% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

.item-page img.galerie{transition: 0.3s ease-in-out; opacity: 0; }
.item-page img.galerie.einschalten{opacity: 1; }

/*.item-page img.wider{width: 50%; height: auto; position: absolute; right: 25%; top: 25%; z-index: 5000; }*/

/*.item-page img.fadebildschnell{transition: 0.5s ease-in-out; opacity: 0; }
.item-page img.fadebildschnell.einschalten.wider{opacity: 1; }*/

/*
#logo img{margin: 0px; padding: 0px; max-width: 100%; }
#logo_hi.einblenden{ -webkit-filter: blur(0px) opacity(100%); filter: blur(0px) opacity(100%);width: 152px; height: 177px; }
#logo_hilde.einblenden{-webkit-filter: blur(0px) opacity(100%); filter: blur(0px) opacity(100%); }
#logo:hover, #logo:focus{transform: rotate(-3deg); }
*/

a:link, a:visited{color: #000000; }


#settings{ width: 60px; max-width: 600px; position: absolute; top: 35px; right: calc(2% + 100px); border: 0px solid #FF0000; padding: 0px; margin: 0px; z-index: 2002; }
#settingszwei{ width: auto; max-width: 600px; position: absolute; top: 28px; right: 2%; border: 0px solid #FF0000; padding: 0px; margin: 0px; z-index: 2001; }
#settingsdrei{width: 200px; max-width: 600px; position: absolute; top: 400px; right: 0px; border: 0px solid #FF0000; padding: 0px; margin: 0px; z-index: 1000; 
}


#settings.istoben, #settingszwei.istoben{ position: fixed; }
#settings.istoben{top: 3px; }
#settingszwei.istoben{top: -2px; }


#settingszwei #insta, #settingszwei #faceb{ width: auto; height: 42px; border: 3px solid rgba(255, 255, 255, .5); border-radius: 50px; transition: 0.5s ease-in-out; padding: 0px; margin: 5px 0px 10px 0px; }
#settingszwei div.custom{width: auto; height: auto; display: inline-block; padding: 0px; margin: 0px; }
#settingszwei #tqcert{ width: auto; height: 80px; border: 3px solid rgba(255, 255, 255, .5); transition: 0.5s ease-in-out; }
#layouteinstell{ position: absolute; top: 10px; right: 10px; z-index: 500; opacity: 0.7; }

body.mitarbeitende #layouteinstell, body.jobs #layouteinstell{display: none; }

#layouteinstell #einespalte, #layouteinstell #zweispalten{ height: 60px; width: auto; border: 3px solid rgba(255, 255, 255, .5); transition: 0.5s ease-in-out;display: inline-block; }
body.angebote #layouteinstell #einespalte, 
body.angebote #layouteinstell #zweispalten{display: none; }


#tooltip_layout{display: none;} 

body.start #tooltip_layout, #layouteinstell:hover #tooltip_layout{
font-size:0.8em; 
line-height: 0.9em; 
position: absolute; 
top: 5px; 
right: calc(5% + 45px); 
background-color: #FFFFFF; 
border-radius: 20px 0px 0px 20px; 
width: 250px; 
height: auto; 
padding: 10px 20px 10px 20px; 
transition: 0.5s ease-in-out; 
opacity: 1.0; 
display: inline-block; 
}
body.start #tooltip_layout.seen{
opacity: 0.0; 
width: 0px; overflow: hidden; 
font-size:0.005em; 
}


#settingszwei #insta:hover, #settingszwei #faceb:hover, #settingszwei #tqcert:hover, #layouteinstell #einespalte:hover, #layouteinstell #zweispalten:hover{ transform: rotate(-5deg); border: 3px solid rgba(233, 128, 0, .5); }
body #darstellungctrlaus{ display: none; }
body #darstellungctrl{ display: inline-block; }
body.layout #darstellungctrlaus{ display: inline-block; }
body.layout #darstellungctrl{ display: none; }

#leichtesprachectrl, #leichtesprachectrlaus{ transition: 0.5s ease-in-out; width: 140px; height: 140px; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; border-radius: 150px; background-image: url('../images/leichte_sprache.png'); background-size: 80px 80px; background-repeat: no-repeat; background-position: center 10px; background-color: #FFFFFF; border: 3px solid rgba(255, 255, 255, .5); }
#leichtesprachectrl span.ls_align, #leichtesprachectrlaus span.ls_align{ 
padding: 60px 0px 0px 0px; text-align: center; vertical-align: center; margin: 0px; font-size: 0.7em; font-weight: 300; line-height: 1.0em; display: inline-block; border: 0px solid #FF0000; width: 100%; 
}

#leichtesprachectrl{background-color: rgba(0, 0, 0, 0.85);transition: 0.5s ease-in-out;}
#leichtesprachectrlaus{background-color: rgba(90, 38, 22, 0.85);transition: 0.5s ease-in-out;}
#leichtesprachectrl:hover{background-color: rgba(90, 38, 22, 0.85);transform: rotate(-2deg);}
#leichtesprachectrlaus:hover{background-color: rgba(0, 0, 0, 0.85);transform: rotate(-2deg);}

i.ls_hint{ border: 0px solid #FF0000; display: block; width: auto; padding: 0px; margin: 0px 0px 20px 0px; font-size: 0.7em; color: #000000; text-align: right; position: absolute; bottom: -20px; right: 40px; opacity: 0.3; }
a.social span.ls_align{color: #FFFFFF; text-decoration: none; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; display: inline-block; font-size: 1.0em; line-height: 45px; border: 0px solid #FF0000; }

body #leichtesprache{ opacity: 0.0; position: absolute; top: 0px; left: 100%; width: 10px; height: 100px; margin: 80px 0px 0px 0px; padding: 0px 0px 50px 0px; border: 0px solid #FF0000; overflow: hidden; display: block; /*transition-delay: 0.4s;*/ }
body #normalesprache{ opacity: 1.0; position: relative; left: 0px; top: 0px; width: 100%; margin: 80px 0px 0px 0px; padding: 0px 0px 50px 0px; border: 0px solid #FF0000; display: block; overflow: visible; height: auto; }
body.cookieset #leichtesprache{opacity: 1.0; position: relative; left: 0px; top: 0px; width: 100%; margin: 80px 0px 0px 0px; border: 0px solid #FF0000; display: block; overflow: visible; height: auto; }
body.cookieset #normalesprache{ opacity: 0.0; position: absolute; top: 0px; left: -10px; width: 10px; height: 100px; margin: 100px 0px 0px 0px; padding: 0px 0px 50px 0px; border: 0px solid #FF0000; overflow: hidden; /*transition-delay: 0.4s;*/ }
body.cookieset #leichtesprachectrlaus{display: inline-block; }
body #leichtesprachectrlaus{display: none; }
body #leichtesprachectrl{display: inline-block; }
body.cookieset #leichtesprachectrl{display: none; }
body #leichtesprachectrl{display: inline-block; }
body.cookieset #leichtesprachectrl{display: none; }



#pages h1, #pages h2, #pages h3{ position: relative; left: 0px; top: 20px; height: 70px; display: block; width: calc(100% - 40px); margin: 0px 20px 20px 0px; padding: 0px; border: 0px solid #FF0000; }
#pages .blog h1, #pages .blog h2, #pages .blog h3{ position: relative; }

#content{ position: relative; width: calc(100% - 40px); padding: 120px 20px 20px 20px; margin: 0px; line-height: 1.5em; border: 0px solid #FF0000; display: inline-block; min-height: 90%;}
#content h1, #content h2, #content h3{ font-family: 'Amatic SC'; font-weight: normal; font-style: normal; line-height: 1.0em; }
h1{font-size: 2.5em; }
h2{font-size: 2.0em; }
h3{font-size: 1.7em; }
h4{font-size: 1.5em; }
h5{font-size: 1.2em; }
h6{font-size: 1.0em; }



#oben{
}

.archivebtm{
font-family: 'Amatic SC';
text-transform: uppercase;
font-size: 1.6em; 
background-image: url('../images/orange.png');
padding: 15px 30px 15px 30px;; 
border-radius: 50px; 
opacity: 1.0; 
transition: 0.5s ease-in-out; 
}
.archivebtm:hover, .archivebtm:focus{
opacity: 0.7; 
}

#pages{position: relative; padding: 20px 20px 110px 20px; margin: 500px 0px 10px 0px; display: inline-block; border: 0px solid #FF0000; width: calc(100% - 40px); height: auto; min-height: 100%; }
#pages strong{ font-weight: 300; font-style: normal; }
#pages a{ text-decoration: none; color: #666666; font-weight: 300; text-shadow: 0px 0px 4px rgba(244, 146, 31, 0.5); transition: 0.5s ease-in-out; }
#pages a:hover{color: #333333; text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.9); }

#pages .whitelink a{color: #DFDFDF;}

#pages ul{ display: block; }

table{background-color: rgba(255,255,255,0.4); width: 100%; border-radius: 20px; padding: 20px; margin: 0px; }
table td{
padding: 0px 20px 0px 0px; margin: 0px; 
}


.ma_box{ width: calc(50% - 80px); height: 304px; padding: 20px; margin: 0px 20px 20px 0px; border: 1px solid #999999; float: left; font-weight: 300; font-size: 0.8em; line-height: 1.1em; position: relative; background-color: #FFFFFF; overflow-y: hidden; z-index: 550; box-shadow: 5px 5px 11px 0px rgba(0,0,0,0.55); }
.ma_box a{ font-weight: 100; color: #000000; text-decoration: underline; }
.ma_box .ma_name{ font-family: 'Amatic SC'; font-weight: normal; font-style: normal; font-size: 2.2em; line-height: 1.0em; z-index: 1; display: inline-block; padding: 0px 0px 20px 0px; }
.ma_name{ line-height: 30px; }
.ma_box img{height: 304px; width: auto; }
.ma_box .telefonicon, .ma_box .mailicon{ z-index: 2; display: inline-block; position: relative; top: 10px; background-repeat: no-repeat; background-position: left 0px top 0px; padding: 0px 0px 0px 22px; background-size: auto 100%; border: 0px solid #FF0000; width: 20px; height: 30px; border: 0px solid #FF0000; }
.ma_box .mailicon{ background-image: url('../images/mail_icon.png'); background-position: left 0px top 0px; }
.ma_box .telefonicon{ background-image: url('../images/handy_icon.png'); background-position: left 6px top 0px; }
.ma_box .umbruch{ font-size: 0.9em; height: 0px; border: 0px solid #FF0000; padding: 20px 20px 20px 20px; margin: 0px; position: absolute; bottom: -40px; left: 0px; width: calc(100% - 40px); background-image: url('../images/black85.png'); background-repeat: repeat; transition: 0.5s ease-in-out; color: #FFFFFF; border-radius: 0px 0px 0px 0px; }
.ma_box .umbruch.ausklapp{ height: 304px; bottom: 0px; z-index: 600; }
.ma_box .umbruch ul{ padding: 0px 0px 0px 10px; margin: 0px; font-weight: 300; list-style-image: url('../images/ulmarker.png'); }
.ma_box .umbruch ul ul{ padding: 0px 0px 0px 20px; font-weight: 100; list-style-image: url('../images/ulmarker_zwei.png'); }
.ma_box div.infomarker{ border:0px solid #FF0000; width: 100%; height: 20%; position: absolute; bottom: 0px; left: 0px; display: inline-block; background-image: url('../images/plus.png'); background-repeat: no-repeat; background-size: 36px 36px; background-position: left 10px bottom 10px; margin: 0px; padding: 0px; z-index: 3; }
.ma_box div.infomarker.foregr{ z-index: 601; height: 100%; }

#footer{width: 100%; text-align: center; position: relative; float: left; font-size: 1.0vw;font-weight: 100; }
#footer strong{font-weight: 300; font-style: normal; }
#footer a{color: #000000; font-weight: 300; text-decoration: none; transition: 0.5s ease-in-out;}
#footer a:hover{color: #999999; }

#redim-cookiehint{font-weight: 100; }
#redim-cookiehint a{color: #000000; text-decoration: none; font-weight: 300; padding: 0px; margin: 0px; }
#redim-cookiehint a:hover{color: #999999; transition: 0.5s ease-in-out;}
#cookiehintsubmit, #cookiehintsubmitno{background: #F07D3A !important; transition: 0.5s ease-in-out; }
#cookiehintsubmit:hover, #cookiehintsubmitno:hover{background: #D75E21 !important;}


/*NAVIGATION*/
/*
#menu_gross.istoben{ top: 0px; left: 0px; margin: 0px; padding: 0px; border: 0px solid #FF0000; width: 100%; z-index: 700; }
#menu_gross.istoben #_menu{ transform: rotate(0deg); position: relative; top: 0px; left: 20px; width: 24%; margin: 0px; padding: 0px; transition-duration: 0s; border-radius: 0px; }

#menu_gross{position: absolute; top: 30px; left: 0px; margin: 0px auto; display: inline-block; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; border: 0px solid #FF0000; width: calc(100% - 40px); z-index: 2000; }
#menu_gross ul{margin: 0px 2% 0px 2%; padding: 0px; border: 1px solid #0000FF; width: 100%; background-image: url('../images/black80.png');background-repeat: repeat; line-height: 50px; width: 96%; }
#menu_gross ul ul{ display: none; position: absolute; top: 50px;left: 0; width: 250px;z-index: 3000;}#menu_gross ul li{ display: table-cell;position: relative; vertical-align: top;}
#menu_gross ul li ul li, #menu_gross ul li ul li ul li{padding: 0px 0px 0px 0px; display: block; height: auto; width: 100%; }
#menu_gross ul li.dropdown{ background-image: url('../images/nav_down.png'); background-repeat: no-repeat; background-position: center top 50px; background-size: 15px 10px; text-align: center; }
#menu_gross ul ul{padding: 0px 0px 20px 0px; margin: 0px; display: block; width: 100%; }
#menu_gross ul li a{transition: 0.3s ease-in-out;width: 100%; height: 50px; padding: 0px 0px 20px 0px; margin: 0px 0px 0px 0px; display: block; font-weight: 300; font-size: 0.9em; text-decoration: none; color: #FFFFFF; border: 0px solid #B4B4B4;white-space: nowrap; letter-spacing: -0.02em; }
#menu_gross ul li a:hover, #menu_gross ul li a:focus{color: #FFFFFF; }
#menu_gross ul li.deeper a{ border: 0px solid #FFFFFF;}
#menu_gross ul li ul li a{font-weight: 300; font-size: 0.8em; display: block; text-transform: none;text-align: left; padding: 0px 1% 0px 5%; white-space: nowrap; height: auto; min-height: 50px; width: 90%; }
#menu_gross ul li ul li{display: block; }
#menu_gross ul li ul li a:hover{ background-color: #333333; border-radius: 8px; }
#menu_gross #_menu{ transition: 0.5s ease-in-out; }
*/ 
#oben{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#menu_gross{z-index: 2000; position: absolute; top: 30px; 
background-color: rgba(0, 0, 0, 0.8); 
border-radius: 20px 20px 20px 20px; width: calc(100% - 40px); padding: 0px; margin: 0px; }
#menu_gross.istoben{top: 0px; border-radius: 0px 0px 0px 0px; }

#menu_gross ul#_menu > li { display: table-cell; position: relative;vertical-align: top; box-sizing: border-box; padding: 0px 20px 10px 20px;font-weight: 300; }
#menu_gross ul#_menu > li li {padding: 0px 20px 20px 20px; font-weight: 100; }
#menu_gross ul#_menu > li li a{white-space: nowrap; }
#menu_gross ul#_menu > li:hover,#menu_gross ul#_menu > li a:hover,  #menu_gross ul#_menu > li li a:hover{color: rgba(244, 146, 31, 0.9); }
#menu_gross ul.dropdown-menu { display: none;position: absolute;top: 100% !important; left: 0; min-width: 250px;font-size: 0.9em; z-index: 9999; 
background-color: rgba(0, 0, 0, 0.8); 
margin: 0px 0px 0px 0px; 
 padding: 30px 10px 20px 10px; list-style: none; box-sizing: border-box; border-radius: 0px 0px 20px 20px; }
#menu_gross ul.dropdown-menu li {display: block;width: 100%; box-sizing: border-box; border: 0px solid #FF0000; }
#menu_gross ul#_menu{ padding: 10px 0px 0px 20px; margin: 0px 0px 0px 0px; color: #FFFFFF; }
#menu_gross li.dropdown{background-image: url('../images/bullet.png'); background-repeat: no-repeat; background-position: center top 32px; background-size: 6px 6px; border: 0px solid #FF0000; 
box-sizing: border-box; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position: relative; }
#menu_gross ul#_menu a{color: #FFFFFF; text-decoration: none; }


#menu_klein{ display: none; }

table.category{ border: 0px solid #FF0000; width: 100%; text-align: left; }
table.category a{ padding: 0px 0px 0px 30px; background-image: url('../images/ulmarker_zwei.png'); background-repeat: no-repeat; background-position: left 0px top 12px; background-size: 15px 10px; }

span.lb-caption{
text-transform: uppercase !important; 
font-size: 1.4em !important; 
font-family: 'Amatic SC';
font-weight: normal;
font-style: normal;
}


.infotainbox{
max-height: 40px; 
height: auto; 
width: 100%; 
border-bottom: 1px solid #999999; 
overflow: hidden; 
display: block;
background-image: url('../images/plus.png'); background-repeat: no-repeat; background-size: 26px 26px; background-position: left 0px top 5px; 
padding: 0px 0px 20px 0px; 
margin: 20px 0px 0px 0px; 
transition: 0.8s ease-in-out;
}
.infotainbox.ausklapp{
background-image: url('../images/minus.png');
max-height: 500px; 
}
#pages .infotainbox strong{
height: 60px; 
width: calc(100% - 40px); 
display: block; 
padding: 0px 0px 0px 40px; 
font-weight: 300;
}



@media screen and (min-width: 2000px){
#logo_sinnstift{width: 32%; max-width: 32%; margin: 0px 68% 0px 0px; 
border: 0px solid #FF0000; 
}
}

@media screen and (min-width: 1600px) and (max-width: 1999px){
#logo_sinnstift{width: 25%; max-width: 25%; margin: 0px 70% 0px 0px; }
}

@media screen and (min-width: 640px) and (max-width: 720px){
#logo_sinnstift{top: 220px; }
#settingszwei{ width: auto; max-width: 600px; position: absolute; top: 90px; }
}


@media screen and (min-width: 300px) and (max-width: 1199px){
body{font-size: 1.0em; }
a.social span.ls_align{font-size: 0.7em;}
#menu_klein{ display: inline-block; }
#menu_gross{display: none; }
#menu_klein{
background-image: url('../images/nav_resp_black.png'); background-repeat: no-repeat; background-position: right 20px top 10px; 
position: absolute; 
top: 0px; 
left: 0px; 
width: 100%; 
background-color: #FFFFFF; 
z-index: 800; 
max-height: 0px; 
overflow: hidden; 
transition: 1.0s ease-in-out;
margin: 0px; 
padding: 70px 0px 10px 0px; 
}
#menu_klein.offen{
max-height: 5000px; 
overflow: hidden; 
border-top: 0px solid #FF0000;
border-right: 0px solid #FF0000; 
border-left: 0px solid #FF0000; 
border-bottom: 20px solid #F8A327; 
}

#menu_klein ul.responsive,
#menu_klein ul.menu.nav{border: 0px solid #FF0000; padding: 20px 0px 10px 20px; margin: 0px; list-style-type: none; }
#menu_klein ul li{font-weight: 300; }
#menu_klein ul li ul{font-weight: 100; list-style-image: url('../images/ulmarker_zwei.png');}
#menu_klein ul li a{display: block; width: 80%; text-decoration: none; color: #000000; padding: 5px 0px 5px 5px; }
#menu_klein ul:nth-child(4) li, #menu_klein ul:nth-child(5) li{list-style-image: url('../images/ulmarker_zwei.png');}
#menu_klein ul li a:hover{
background-color: #F8A327; color: #FFFFFF; 
}

#layouteinstell{display: none; }

}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
#logo_sinnstift{top: 180px; left: 0%; width: 30%; max-width: 30%; margin: 0px; padding: 20px 20px 20px 5%; } 
}

@media screen and (min-width: 770px) and (max-width: 1199px) {
#settingszwei{top: 80px; right: auto; left: 20px;max-width: 95%; }
#logo_sinnstift{top: 240px; left: 0%; width: 40%; max-width: 40%; margin: 0px; padding: 10px 10% 0px 10%; } 
}

@media screen and (min-width: 640px) and (max-width: 769px) {
#logo_sinnstift{width: 50%; max-width: 50%; margin: 0px 23% 0px 25%; }
}

@media screen and (min-width: 640px) and (max-width: 1199px) {
.ma_box{width: calc(100% - 40px); }
.ma_box img{height: 304px; width: auto; }
.ma_box a.imagesizer{max-width: 30%; height: auto; }
}

@media screen and (min-width: 300px) and (max-width: 639px) {
#headerbild{height: 180px; margin: 170px 0px 40px 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 15px -3px, rgba(0, 0, 0, 0.5) 0px 4px 6px -2px;}
#logo_sinnstift{left: 0%; width: 80%; max-width: 100%; margin: 0px; padding: 10px 10% 0px 10%; top: 80px; border: 0px solid #FF0000; background-color: #FFFFFF; }
#pages{padding: 40px 20px 110px 20px;}
#footer{ text-align: center; font-size: 0.8rem; }
#pages h1, #pages h2, #pages h3{height: auto; position: relative; }
#settings{top: 440px; left: 20px; border: 0px solid #FF0000; width: 77%;}
#licht_an, #licht_aus{float: right; margin: 0px 0px 0px 0px;}
#settingszwei{top: 335px; right: 20px; max-width: 95%;border: 0px solid #FF0000;}
#settingszwei #insta, #settingszwei #faceb{height: 40px;}
#settingszwei #tqcert{height: 60px;}
#licht_an, #licht_aus{height: 40px; width: 40px; position: absolute; left: 10px; top: -93px;}
#licht_an img, #licht_aus img{height: 30px; padding: 5px 0px 0px 5px;}
.ma_box{width: calc(100% - 40px); min-height: 435px;}
.ma_box img{height: 260px; width: auto; }
.ma_box a.imagesizer{max-width: 18%; height: auto; }
.ma_box .ma_name{display: block; float: left; width: 100%; padding: 0px; text-align: center;}
.mitarbeitende a.lightbox2-image-link{float: none; width: 60%; margin: 0px 20% 0px 20%; }
.ma_box.brauer{min-height: 445px;}
.ma_box div.infomarker{max-height: 50px; }

}