@charset "UTF-8";
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,article,aSIDe,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline}article,aSIDe,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1}a img{border:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}
html,body{height:100%;}
body{color:#000000;text-align:left;font-family: 'Open Sans', sans-serif;font-size:12px;font-size:110%;}
#helper{width:68%;margin:0px auto;padding:0;background-color:#FFFFFF;}

#header_oben{width:96%;overflow:hidden;padding:40px 2% 30px;margin:0px; font-size: 1.7em;position: relative;background-color:#FFFFFF}

.headerbild{width:100%;overflow:hidden;padding:0px;margin:0; }

#content{width:96%;text-align:left;padding:2%;margin:0;line-height:120%;}
#content_bereich{float:left;min-height:500px;line-height:150%;}
.content_normal,.content_ohne_menu,.content_ohne_news,.content_fullsize{width:100%}
.datensatz,.datensatz_quad{margin:0px; position:relative}
.datensatz ul { list-style-image: url(../bilder/default/strich1.jpg);margin: -0.5em 0 -0.5em 0;}
.datensatz li {line-height:1.5em;}
.datensatz_titel{width:100%;margin-bottom:15px;line-height:130%;}
.datensatz_bild, datensatz_bild_quad{margin:0px 15px 0px 0px;float:left}
.bildrand{width:88px;height:88px; overflow:hidden;}
.bildrand {border:1px solid #018AC1}
div.bildrand img.datensatz_bild_quad{border:none;outline:none}
#menu_oben {width:100%; height:40px;padding:5px 0px; margin:0px; background-color:#FFFFFF; border-top:3px solid #C0C0C0;}
a.menu_oben{color:#000000;display:block;float:left;color:#000000;padding:12px 0px 12px 0px;margin:0px 4% 0px 2%;font-size: 1.25em;}
a:hover.menu_oben, a.aktiv_oben{color:#018AC1}
h1,#content .datensatz_titel { font-size: 1.8em;   }
h2 { font-size: 1.5em; }
a{text-decoration:none;color:#000000}
a:active, a:focus, a:hover{outline:none;color:#018AC1}
.center {text-align:center}
.left, .content{text-align:left}
table{border-spacing:0px}
input.search{font-size:13px;height:16px;border:1px solid #FF9900;border-left-color:#FFCC00;border-top-color:#FFCC00}
input{color:#018AC1}
a:hover img{filter:none}
a.thumb div.bigimg,div.thumb div.bigimg,.toggle_print{display:none}
div.thumb:hover div.bigimg,a.thumb:hover div.bigimg,div.thumb:focus div.bigimg,a.thumb:focus div.bigimg{display:block;position:fixed;top:104px;left:50%;margin-left:-300px;padding:10px;text-align:center;background-color:#FFFFFF;border:1px solid #000000;z-index:20}
.silben_tren{hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;}
#breadcrump{margin:-2px 0px 0px 82px;padding:0;color:#FFFFFF}
a.breadcrump{font-size:0.9em;color:#808080}
a.breadcrump:hover{text-decoration:underline}
.tooltip_logo{float:right;margin:10px 60px 0px 0px;color:#CCCCFF;position:relative;font-size:1.1em}
.tooltip_logo:hover,.tooltip_logo:focus{z-index:1}
.tooltip_logo em{display:none}
.tooltip_logo:hover em,.tooltip_logo:focus em{display:block;position:absolute;padding:1px;border:1px solid #FFFFFF;width:172px;left:-126px;bottom:12px;font-size:0.9em}
.cms{clear:both;width:170px;padding:5px;color:#dddddd;border:1px solid #070D15;background-color:#999999;text-align:right;font-size:0.6em}
.bigred{font-size:0.9em;font-weight:bold;color:#feeeee}
.biggerred{font-size:1.1em;margin-bottom:-4px;font-weight:bold;color:#feeeee}
a.cmslink{font-size:1em;font-weight:bold;color:#feeeee;text-decoration:none}
.menu img{width:100%;display:block;border:0}
.menu a:hover{width:212px}
a.menu:hover,a.menu:focus, a.menu.aktiv{color:#FF0000}
.thumbnail { border:1px solid #000000; width:158px; height:98px; overflow:hidden; margin:3px; float:left; }
.thumbnail IMG { width:100%; }
li{margin:-0.5em 0px -0.75em -21px}
.datensatz_bild_thumb{margin:5px 25px 55px 0px;float:left}
.cms_rahmen{background-color:#C0C0C0;color:#000000;}
.cms_hinweis{background-color:#FFFF00;color:#000000;border:3px solid #FF0000;font-size:1.2em;padding:4px}
.underline, .u{text-decoration:underline}
.bold, .fett{font-weight:bold}
.rot, .red, a.red{color:#FF0000}
.schwarz{color:#000000}
.weiss{color:#FFFFFF}
.center{text-align:center;width:100%;display:block}
.dotted{border-bottom:2px dotted #FF9900}
.kursiv{font-style:italic}
.gross{font-size:1.4em}
.klein{font-size:0.8em}
.unsichtbar{background-color:#CCFFFF}   /*   eine vom background leicht abweichende Farbe */
.trennlinie{border-bottom:1px solid #66A9D2; width:96%;height:5px;overflow:hidden;margin:15px 0px -5px;}
.blocksatz{text-align:justify}
/*  wird für toogle_me benötigt !!   */
.toggle-box{ display:block;float:right;font-weight:bold;font-style:italic}        /*    <--  = weiter lesen Button  */
.titel_toogle{border:1px solid #72636e}  /*    <--  = anclickbarer Titel wenn Text komplett ausgeblendet ist */
ul:hover .toggle-box,ul:focus .toggle-box{display:none}
.toggle-box1{height:0;overflow:hidden}       /*  toogle-box1 = nur Titel, kein Text  */
ul:hover .toggle-box1,ul:focus .toggle-box1{height:auto}
.toggle-box3{height:4.3em;overflow:hidden}ul:hover .toggle-box3,ul:focus .toggle-box3{height:auto}
.toggle-box7{height:10.6em;overflow:hidden}ul:hover .toggle-box7,ul:focus .toggle-box7{height:auto}
.toggle-box11{height:16.5em;overflow:hidden}ul:hover .toggle-box11,ul:focus .toggle-box11{height:auto}
.toggle-box16{height:25em;overflow:hidden}ul:hover .toggle-box16,ul:focus .toggle-box16{height:auto}
.toggle-box0js, .toggle-box3js, .toggle-box7js, .toggle-box11js, .toggle-box16js{height:auto} /* wird für javascript-Variante benötigt */
#ticker{height:23px;width:670px;overflow:hidden}
#sub-nav{width:100%;padding:9px 0px; margin:0px; background-color:#F0F0F0}
a.sub-nav{display:inline;padding:0px 24px;color:#000000;}
#footer{width:100%;overflow:hidden;padding:0; margin:0px; color:#FFFFFF; background-color:#1D2537}
.footer{padding:20px;line-height:150%}
#mobileMenu{position:fixed;top:0px;left:0px;width:100%;background-color:#FFFFF;}
#mobileMenu, #news_mobile, .only_mob, a.only_mob{display:none}
#nojs #mobileMenu{position:relative;width:100%;display:none}
.toggleMobile{display:none}
.footer a {color:#FFFFFF}
.footer a:hover {color:#018AC1}

@media only screen and (min-width:1761px){
body{background: url(../bilder/background/dr_gabler_higru.jpg);background-attachment:fixed;background-size:cover;}
}
@media only screen and (max-width:1760px){
body{background: url(../bilder/background/dr_gabler_higru1500.jpg);background-attachment:fixed;background-size:cover;}
a.menu_oben{ margin:0px 4% 0px 2%;font-size: 1.2em}
}

@media only screen and (max-width:1660px){
a.menu_oben{ margin:0px 3% 0px 2%;font-size: 1.2em}
}
@media only screen and (max-width:1560px){
#helper{width:75%;margin:0px auto;padding:0;}
h1,#content_bereich .datensatz_titel { font-size: 1.6em;   }
}
@media only screen and (max-width:1460px){
#header_oben{font-size: 1.5em;}
a.menu_oben{margin:0px 2% 0px 2%;}
}
@media only screen and (max-width:1360px){
#header_oben{font-size: 1.5em;}
h1,#content_bereich .datensatz_titel { font-size: 1.5em;   }
}
@media only screen and (max-width:1260px){
a.menu_oben{margin:0px 1% 0px 2%;font-size: 1.2em}
}

@media only screen and (max-width:1160px){
#header_oben{font-size: 1.4em;}
a.menu_oben{margin:0px 1% 0px 2%;font-size: 1.0em;}
}

@media only screen and (max-width:1060px){
body{background: url(../bilder/background/dr_gabler_higru1024.jpg);background-attachment:fixed;background-size:cover;}
#header_oben{font-size: 1.3em;}
a.menu_oben{font-size: 0.9em}
.footer{font-size:0.9em}
h1,#content_bereich .datensatz_titel { font-size: 1.4em;   }
}

@media only screen and (max-width:960px){
#helper{width:79%;margin:0px auto;padding:0;}
.footer{font-size:0.8em}
h1,#content_bereich .datensatz_titel { font-size: 1.3em;   }
}

@media only screen and (max-width:860px){
body{ background-color:#FFFFFF; background:none}
#helper{width:100%;margin:0px auto;padding:0;}
#header_oben{font-size: 1.15em;}
.only_mob,a.only_mob{display:inline}
#news_mobile{clear:both;display:block;width:95%;float:left}
#breadcrump,.nomob,a.nomob{display:none}
}

@media only screen and (max-width:700px){
a.menu_oben{margin:1%;font-size: 0.85em;font-weight:bold}
}

@media all and (max-width:560px){
#header_oben{padding-left:8%;width:80%}
#mobileMenu ul{ margin:0;padding:0;border-right:40px solid #FFFFFF;border-bottom:20px solid #FFFFFF;}
#mobileMenu ul li { margin:0px;background-color:#F0F0F0;}
#mobileMenu ul li a{display:block;padding:8px;color:#000000;text-align:left;font-weight:bold;font-size:1.15rem;
border-bottom:1px solid #808080;transition:.1s ease-out;white-space:nowrap}
#mobileMenu ul li a.aktiv_oben{background-color:#99CCFF; }
#mobileMenu ul li a.sub{background-color:#FFFFFF;padding:3px 0px;font-weight:normal;border-bottom:1px dotted #FFFFFF; }
#mobileMenu ul li a:hover, #mobileMenu ul li a.aktiv_oben{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);color:#018AC1}

@keyframes stylie-transform-keyframes{0%{transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function:cubic-bezier(0.4, 0.0, 0.5, 1.0)}
100%{transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%)}}
@keyframes stylie-transform2-keyframes{0%{transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function:cubic-bezier(0.4, 0.0, 0.5, 1.0)}
100%{transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%)}}
.mobile_nav{padding:5px; }
#content{width:100%; max-width:100%;min-width:100% !important;margin:1px auto;padding:0; }
#content .datensatz{clear:both !important;float:left !important;width:100% !important}
#content,#content_bereich,.datensatz{float:none;width:95%;min-width:95%;margin:0 auto;padding:0;}
.datensatz{padding:6px;}
ul.nav{list-style:none}
#js #mobileMenu{display:block;z-index:99}
#nojs #mobileMenu{display:block}
#js .toggleMobile {position:fixed;top:10px;right:0px;display:block;width:30px;height:30px;cursor:pointer;z-index:999}
.toggleMobile span.menu1,.toggleMobile span.menu2,.toggleMobile span.menu3{
display:block;position:absolute;width:30px;height:8px;left:0;background:#99CCFF;-webkit-transition:all 0.35s cubic-bezier(0.4, 0.0, 0.5, 1.0);
transition:all 0.35s cubic-bezier(0.4, 0.0, 0.5, 1.0)}
.toggleMobile span.menu1{top:0}
.toggleMobile span.menu2{top:12px}
.toggleMobile span.menu3{top:24px}
.toggleMobile.active span.menu1{top:12px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.35s cubic-bezier(0.4, 0.0, 0.5, 1.0);transition:all 0.5s cubic-bezier(0.4, 0.0, 0.5, 1.0)}
.toggleMobile.active span.menu2{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 0.35s cubic-bezier(0.4, 0.0, 0.5, 1.0);transition:all 0.5s cubic-bezier(0.4, 0.0, 0.5, 1.0)}
.toggleMobile.active span.menu3{opacity:0;-webkit-transition:opacity 0.35s cubic-bezier(0.4, 0.0, 0.5, 1.0);transition:opacity 0.35s cubic-bezier(0.4, 0.0, 0.5, 1.0)}
#news_mobile{clear:both;display:block;width:95%;float:right}
#news_mobile1{display:block}
a.thumb:hover div.bigimg,a.thumb:focus div.bigimg,#messagebox,#menu_oben,#breadcrump{display:none}
.datensatz_bild{max-width:100% !important; }
a.sub-nav{display:inline;padding:0px 7px;color:#000000;}
}