/* 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; }

#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;}
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 table.zweispalten td.colspanzwei{
color: #FFFFFF; background-color: #666666;
}
body.light #pages table.zweispalten td 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: 60px; 
height: 60px; 
padding: 0px 0px 0px 0px; 
margin: 0px 30px 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: 40px; 
padding: 10px 20px 0px 10px; 
margin: 0px 0px 0px 0px; 
}

img{max-width: 100%; }
strong, b{ font-weight: 300; }
.item-page{ display: block; }
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; }
.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; background-color: #FFFFFF; display: inline-block; 
height: 150px; width: 150px; margin: 0px 0px 0px 30px; float: right;  
}


#headerbild{ height: 400px; width: 100%; background-color: #DFDFDF; padding: 0px; margin: 0px; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; } 

body #headerbild{ background-image: url('../../../images/hintergrundbilder/start.jpg'); }
body.impressum #headerbild{background-image: url('../../../images/hintergrundbilder/20.jpg'); }
body.datenschutz #headerbild {background-image: url('../../../images/hintergrundbilder/20_1.jpg'); }
body.download #headerbild{background-image: url('../../../images/hintergrundbilder/20.jpg'); }
body.kontakt #headerbild{background-image: url('../../../images/hintergrundbilder/20_1.jpg'); }
body.leitbild #headerbild{ background-image: url('../../../images/hintergrundbilder/19.jpg'); }
body.mitarbeitende #headerbild{ background-image: url('../../../images/hintergrundbilder/18.jpg'); }
body.angebote #headerbild{background-image: url('../../../images/hintergrundbilder/08.jpg'); }
body.eingliederungshilfe #headerbild{background-image: url('../../../images/hintergrundbilder/02.jpg'); }
body.einzelcoaching #headerbild{ background-image: url('../../../images/hintergrundbilder/09.jpg'); }
body.familienhilfe #headerbild{ background-image: url('../../../images/hintergrundbilder/21.jpg'); }
body.erziehungsbeistand #headerbild{ background-image: url('../../../images/hintergrundbilder/03.jpg'); }
body.soziotherapie #headerbild{ background-image: url('../../../images/hintergrundbilder/04.jpg'); }
body.betreuung #headerbild{background-image: url('../../../images/hintergrundbilder/05.jpg'); }
body.elternassistenz #headerbild{ background-image: url('../../../images/hintergrundbilder/12.jpg'); }
body.virtualreality #headerbild{ background-image: url('../../../images/hintergrundbilder/18.jpg'); }
body.weitereangebote #headerbild{background-image: url('../../../images/hintergrundbilder/01.jpg'); }
body.gruppenangebote #headerbild{background-image: url('../../../images/hintergrundbilder/15.jpg'); }
body.hilde #headerbild{background-image: url('../../../images/hintergrundbilder/16.jpg'); }
body.seniorenbegleitung #headerbild{background-image: url('../../../images/hintergrundbilder/17.jpg'); }
body.news #headerbild{background-image: url('../../../images/hintergrundbilder/13.jpg'); }
body.jobs #headerbild{background-image: url('../../../images/hintergrundbilder/20_1.jpg'); }
body.integrationsfachdienst #headerbild{background-image: url('../../../images/hintergrundbilder/22.jpg'); }


body.beratungsstelle #headerbild{background-image: url('../../../images/hintergrundbilder/01.jpg'); }

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{ position: absolute; top: 180px; max-width: 25%; width: 25%; height: auto; margin: 0px 75% 0px 0px; padding: 10px 10px 10px 5%; border: 0px solid #FF0000; opacity: 0.0; transition: 0.9s ease-in-out; background-color: rgba(255, 255, 255, 0.7);} 
#logo img{width: 100%; height: auto; padding: 0px; margin: 0px; }
#logo.einblenden{ opacity: 1.0; }


#settings{ width: auto; max-width: 600px; position: absolute; top: 485px; left: 50px; border: 0px solid #FF0000; padding: 0px; margin: 0px; z-index: 100; }
#settingszwei{ width: auto; max-width: 600px; position: absolute; top: 475px; right: 50px; border: 0px solid #FF0000; padding: 0px; margin: 0px; z-index: 101; }

#settingszwei #insta, #settingszwei #faceb{ width: auto; height: 60px; border: 3px solid rgba(255, 255, 255, .5); border-radius: 50px; transition: 0.5s ease-in-out; padding: 0px; margin: 10px 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{ width: auto; height: 60px; padding: 0px 30px 0px 60px; margin: 0px 10px 0px 0px; border-radius: 50px; background-image: url('../images/leichte_sprache.png'); background-size: 40px 40px; background-repeat: no-repeat; background-position: 10px 10px; background-color: #000000; border: 3px solid rgba(255, 255, 255, .5); text-align: right; float: left; }
#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(-1.3deg);}
#leichtesprachectrlaus:hover{background-color: rgba(0, 0, 0, 0.85);transform: rotate(-1.3deg);}

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: 0.6em; line-height: 1.1em; 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; }

#pages h1, #pages h2, #pages h3{ position: absolute; left: 0px; top: 20px; height: 70px; display: block; width: calc(100% - 40px); margin: 0px 20px 0px 20px; 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; }
#content h1, #content h2, #content h3{ font-family: 'Amatic SC'; font-weight: normal; font-style: normal; font-size: 2.5em; line-height: 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: 60px 0px 10px 0px; display: inline-block; border: 0px solid #FF0000; width: calc(100% - 40px); height: auto; }
#pages strong{ font-weight: 300; font-style: normal; }
#pages a{ text-decoration: none; color: #000000; font-weight: 300; }
#pages .whitelink a{color: #DFDFDF;}

#pages ul{ display: block; }

table.zweispalten{ hyphens: auto; display: table;table-layout: fixed; width: 100%; min-height: 400px; border-collapse: collapse; }
table.zweispalten tbody, table.zweispalten tr{ min-width: 100%; }

body.gruppenangebote table.zweispalten{margin: 30px 0px 0px 0px;}

table.zweispalten ul, body.mitarbeitende #pages ul{ list-style-image: url('../images/ulmarker_zwei.png'); padding: 20px 0px 0px 20px; margin: 0px; font-weight: 100; }


table.zweispalten ul b i{ font-weight: 300; }
table.zweispalten td{ vertical-align: top; width: calc(50% - 40px); height: auto; display:table-cell; padding: 0px 40px 0px 0px; }

table.zweispalten td:nth-of-type(2n){ border-left: 1px solid #FFFFFF; border-right: 0px solid #FFFFFF; border-top: 0px solid #FFFFFF; border-bottom: 0px solid #FFFFFF; padding: 0px 0px 0px 40px; }
/*table.zweispalten td:nth-child(2), table.zweispalten td:nth-child(3), table.zweispalten td:nth-child(4), table.zweispalten td:nth-child(5), table.zweispalten td:nth-child(6){ border-right: 0px solid #FFFFFF; }*/
table.zweispalten td hr{ border-top: 1px solid #FFFFFF; border-left: 0px solid #999999; border-right: 0px solid #999999; border-bottom: 0px solid #999999; }
/*Layout umstellen einspaltig-zweispaltig*/
.layout table.zweispalten{}
.layout table.zweispalten tbody, .layout table.zweispalten tr{}
.layout table.zweispalten ul{}
.layout table.zweispalten ul b i{}
.layout table.zweispalten td{border: 0px solid #FFFFFF; vertical-align: top; width: 100%;height: auto; display:table-cell; padding: 0px 0px 0px 0px; float: left; }
.layout table.zweispalten td:nth-of-type(2n){border: 0px solid #FFFFFF; padding: 20px 0px 0px 0px; }
.layout table.zweispalten td hr{}
/*Layout umstellen einspaltig-zweispaltig*/
table.zweispalten td.colspanzwei{
padding: 20px; 
position: relative; 
top: 20px; 
background-color: #F7F7F7; 
border: 0px solid #CCCCCC;
}
table td.colspanzwei{

}


.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; /*background-color: #000000;*/ }
#menu_gross.istoben #_menu, #menu_gross.istoben #_menu2, #menu_gross.istoben #_menu3{ transform: rotate(0deg); position: relative; top: 0px; left: 20px; width: 24%; margin: 0px; padding: 0px; transition-duration: 0s; border-radius: 0px; }
#menu_gross.istoben #_menu4{ transform: rotate(0deg); position: relative; top: 0px; right: -30px; width: 12%; transition-duration: 0s; border-radius: 0px; } 
#menu_gross.istoben #_menu5{ transform: rotate(0deg); position: relative; top: 0px; right: -10px; width: 12%; 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 0px; padding: 0px;border: 0px solid #FF0000; width: 22%; background-image: url('../images/black80.png');background-repeat: repeat; float: left; line-height: 50px; }
#menu_gross ul ul{background-image: none;}
#menu_gross ul li{padding: 0px 0px 20px 0px; height: 50px; list-style-type: none; font-weight: 300; line-height: 50px; font-size: 1.0em; border-right: 1px solid transparent; display: block; }
#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; /*text-transform: uppercase; */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, #menu_gross #_menu2, #menu_gross #_menu3, #menu_gross #_menu4, #menu_gross #_menu5{ transition: 0.5s ease-in-out; }

#menu_gross ul#_menu4 li, #menu_gross ul#_menu5 li{ text-align: center; }
#menu_gross ul#_menu4 li ul li, #menu_gross ul#_menu5 li ul li{ text-align: left; }
#menu_gross #_menu, #menu_gross #_menu2, #menu_gross #_menu3, #menu_gross #_menu4, #menu_gross #_menu5{ transform: rotate(0.0deg); z-index: 600; }
/*#menu_gross #_menu:hover{transform: rotate(-1.5deg); }
#menu_gross #_menu2:hover{transform: rotate(1.2deg);}
#menu_gross #_menu3:hover{ transform: rotate(-1.8deg);}
#menu_gross #_menu4:hover{transform: rotate(-2.5deg); }
#menu_gross #_menu5:hover{transform: rotate(2.0deg); }*/
#menu_gross ul#_menu4{width: 12%;}
#menu_gross ul#_menu5{width: 12%; }

#menu_gross ul#_menu, #menu_gross ul#_menu2, #menu_gross ul#_menu3{ border-radius: 20px 20px 20px 20px; }
#menu_gross ul#_menu5, #menu_gross ul#_menu4{ background-image: url('../images/orange.png'); font-size: 3.0em; font-family: 'Amatic SC'; font-weight: bold; text-transform: uppercase; border-radius: 100px; transition: 0.5s ease-in-out; }
#menu_gross ul#_menu5 li a, #menu_gross ul#_menu4 li a{ padding: 10px 0px 5px 0px; }

#menu_gross ul#_menu5:hover, #menu_gross ul#_menu4:hover{
opacity: 0.8; 
}

#menu_gross ul#_menu3 li a{}
#menu_gross ul#_menu3 li ul li a{}
#menu_gross #_menu4, #menu_gross #_menu5{}

#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{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{width: 25%; max-width: 25%; margin: 0px 70% 0px 0px; }
}

@media screen and (min-width: 640px) and (max-width: 720px){
#logo{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; }
table.zweispalten{}
table.zweispalten tbody, .layout table.zweispalten tr{}
table.zweispalten ul{}
table.zweispalten ul b i{}
table.zweispalten td{border: 0px solid #FFFFFF; vertical-align: top; width: 100%;height: auto; display:table-cell; padding: 0px 0px 0px 0px; float: left; }
table.zweispalten td:nth-of-type(2n){border: 0px solid #FFFFFF; padding: 20px 0px 0px 0px; }
table.zweispalten td hr{}
table.zweispalten td.colspanzwei{width: calc(100% - 40px); }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
#logo{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{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{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{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; }

}