* {
margin:0;
padding:0;
}
body {
background-color:#fff;
width:100%;
font-family:'Andika New Basic', sans-serif;
color:#434343;
font-size:11pt;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
}
html { scroll-behavior: smooth; }
.smallbtn {
background-color: #0cb1E8;
color: #fff;
padding: 5px 15px;
}
.smallbtn:hover {
color: #fff;
}
#jobs-liste {
padding-top: 30px;
}
.jobs-kategorie + .jobs-kategorie {
padding-top: 80px;
}
.jobs-header {
display: flex;
gap: 10px;
align-items: center;
}
.jobs-header > div:nth-child(1){
flex: 0 0 35px;
}
.jobs-links {
padding-left: 25px;
}
.jobs-links li {
padding-bottom: 8px;
}
.infbHeadbig { font-size: 15pt; }
.lieferanten-kategorie-head { display: flex; gap: 10px; font-size: 16pt; padding-bottom: 10px; }
.lieferanten-kategorie-icon { color: #4dc2ef; }
.lieferanten-kategorie-text { font-weight: bold; }
.lieferanten-liste { display: flex; gap: 4%; flex-wrap: wrap; padding-bottom: 35px; }
.lieferant { flex: 0 0 48%; padding-bottom: 40px; }
.faq_frage { padding-bottom: 6px; padding-top: 6px; border-bottom: 1px solid #e5e5e5; }
.faq_frage:last-child { border-bottom: 0; }
#faq-link { position: fixed; bottom: 258px; right: 10px; font-weight: bold; font-size: 15pt; }
#faq-link-flex { display: flex; align-items: center; color: #fff; }
#faq-link-flex-icon { padding: 8px 14px; background-color: #4dc2ef; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#faq-link-flex-text { padding: 8px 12px; background-color: #0cb1e8; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
#button-liste { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 30px; }
.list-button { flex: 0 0 48%; margin-bottom: 4%; }
.list-button-container { display: flex; font-size: 14pt; }
.list-button-icon { flex: 0 0 50px; background-color: #4dc2ef; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #fff; padding: 0 8px; font-size: 20pt; display: flex; align-items: center; justify-content: center; }
.list-button-text { flex-grow: 1; background-color: #0cb1E8; border-bottom-right-radius: 5px; border-top-right-radius: 5px; color: #fff; padding: 16px 8px; }
#handbuch-link { position: absolute; left: 0; top: 55px; }
#handbuch-link a { display: inline-block; background-color: #0cb1e8; padding: 10px 15px; font-size: 19px; color: #fff; min-width: 200px; text-align: center; box-sizing: border-box; }
.imgleft { float: left; margin-right:20px; margin-bottom:10px; }
.imgcenter { margin-bottom:10px; text-align: center; }
.imgright { float: right; margin-left:20px; margin-bottom:10px; }
a:focus { outline:none; }
a { color:#385dab; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a:hover { color:#385dab; text-decoration:none; }
#page { width:100%;
background-image:url(/static/gfbr/bg-head-blau.png);
background-position:left top;
background-repeat:repeat-x;
}
#wrap { margin: 0 auto; width: 1200px; }
#head { height:237px; }
#top-links { height:24px; }
#top-links ul { list-style:none; float:right; padding-right:25px; }
#top-links li { float:left; padding-left:15px; }
#top-links a { color:#fff; font-size:9pt; display: block; padding-top: 2px; }
.inh-abs-text ul { padding-left: 21px; list-style-image: url(/static/gfbr/list-bullet.png); }
.inh-abs-text ul li { padding-left: 8px; }
.inh-abs-text ol { padding-left: 21px; }
#logozeile { }
#logo { float:left; padding-top:12px; padding-left:40px; }
#btn-bestellen { float:right; padding-top:65px; padding-right:50px; }
#nav { height: 61px; display:table; width: 1180px; margin-left: 10px; }
#nav a { display:block; height:41px; color:#fff; font-size:16pt; padding:10px 13px 0 13px; text-transform: uppercase; font-family: 'Alegreya', sans-serif; }
#navline { display:table-row; text-align:center; }
#navline div { display:table-cell; height:51px;
background-image:url(/static/gfbr/bg-navpunkt-blau.png);
background-position:left top;
background-repeat:repeat-x;
}
#navline div:hover { background-image:none; }
#nav a:hover { color:#000; }
#navline div.akt { background-image:none; }
#navline div.akt a { color:#000; }
#navi { height:61px; width:980px;
background-image:url(/static/gfbr/bg-nav.png);
background-position:left top;
background-repeat:no-repeat;
}
#navi td { text-align:center;
background-image:url(/static/gfbr/bg-navpunkt.png);
background-position:left top;
background-repeat:repeat-x;
}
#navi td:hover { background-image:none; }
#navi a { display:block; height:41px; font-family:'Crimson Text','Times New Roman', 'Times Roman'; color:#fff; font-size:15pt; padding-top:10px; }
#navi a:hover { color:#000; }
#bilder { height:275px; }
#content { margin-left:10px; padding:0 0px 30px 0px; min-height:690px;
background-color:#fff;
width: 1158px;
border-left: 11px solid #c4c4c4;
border-right: 11px solid #c4c4c4;
}
.content_trenner { width:100%; min-height:1px; height:20px; }
#pagecontent { margin-left:10px; padding:0 0px 0 0px; width: 1158px;
background-color:#fff;
min-height:770px; position:relative;
border-left: 11px solid #c4c4c4;
border-right: 11px solid #c4c4c4;
}
#pagecontent p { padding-bottom: 17px; }
#rootline { font-size:14px; padding-bottom:20px; }
#startinhalt { padding-top:30px; position:relative; }
#inhalt { float:left; width: 805px; background-color:#fff; padding:10px 30px 10px 50px; color:#434343; text-align:center; font-size: 12pt; font-weight:bold; line-height:25px; min-height:300px; }
#inhalt p { text-align: justify; font-weight:normal; padding-bottom: 17px; }
#pageinhalt { float: none; width: auto; background-color:#fff; padding:10px 20px; color:#434343; font-size:12pt; line-height:25px; }
#pageinhalt.page-content-left{ float: left; width: 865px; }
#pageinhalt h1 { font-size: 20pt; font-family: 'Alegreya', sans-serif; }
#inhalt h2 { font-size: 20px; font-family: 'Alegreya', sans-serif; padding-bottom: 25px; font-weight: bold; }
.inh-abs-titel h2 { font-family: 'Alegreya', sans-serif; font-size: 17pt; font-weight: normal; padding-bottom: 10px; }
#login { width:233px; height:320px;
background-image:url(/static/gfbr/bg-login.png);
background-position:left top;
background-repeat:no-repeat;
}
.inh_abs_titel { margin-bottom:10px; }
.inh_abs_text ul { padding-left:22px; }
.inh_abs_titel h2 { font-size:11pt; line-height:40px; }
.bildborder { border:1px solid grey; }
#login input { width:173px; border:none; color:#777; font-size:12pt; }
#field-usr { padding-top:199px; padding-left:28px; }
#field-pwd { padding-top:35px; padding-left:28px; }
#field-submit { padding-top:20px; padding-left:174px; }
#field-submit a { color:#fff; }
#quickmenu { color:#434343; }
#quickmenu ul { list-style:none; padding:0px; margin:0px; }
#quickmenu li { padding-left:13px; background-image:url(/static/gfbr/arrow_blue.png); background-repeat:no-repeat; background-position:center left; }
#quickmenu-titel { font-weight:bold; text-align:center; }
#subNav { height:30px; padding-top:14px; padding-left:15px; background-color:#fff; border-bottom:1px solid #c4c4c4; }
#subNav ul { padding:0; margin:0; list-style:none; }
#subNav li { float:left; padding-left:15px; padding-right:15px; background-image:url(/static/gfbr/arrow_blue.png); background-repeat:no-repeat; background-position:center left; font-weight:bold; }
#subNav a { text-transform: uppercase; }
.infbox { width:233px; margin-top:16px; margin-bottom:16px; color:#434343; }
.ib-o { width:238px; height:17px; background-image:url(/static/gfbr/iboxrahmen-o.png); background-repeat:no-repeat; }
.ib-m { padding:0 12px 5px 12px; width:214px; background-image:url(/static/gfbr/iboxrahmen-m.png); background-repeat:repeat-y; }
.ib-u { width:238px; height:13px; background-image:url(/static/gfbr/iboxrahmen-u.png); background-repeat:no-repeat; }
.infb { width:211px; padding:10px; border:1px solid grey; margin-bottom:8px; margin-top:8px; }
.infbHead { margin-bottom:10px; font-weight:bold; text-align:center; }
.infbText { }
.frow { margin-bottom:10px; }
.fname { float:left; width:155px; }
.finput { float:left; }
.fclear { clear:left; }
.ffield { width:250px; }
.fselect { width:254px; }
.farea { width:407px; height:110px; }
#footer { width:100%; background-color:#c8c8c8; height:100px; text-align:center; color:#848383; padding-top:20px; font-size:10pt; }
#footer a { color:#848383; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border:none; background:none; background-color:#fff; }
.ui-accordion .ui-accordion-content { border-right:none; border-left:none; border-bottom:none; }
.ui-accordion-content ul { padding-left:30px; }
.ui-widget-content { color:#434343; }
#accNews .ui-accordion-header { min-height: 36px; }
#mbd { width:237px; margin-bottom:10px; margin-top:28px; }
#scrollTop { display:none; position:fixed; bottom:25%; width:30px; height:30px; /*border:5px solid #bdbdbd;*/ margin-left: 1186px; z-index:500; }
#bgimg { opacity:0.9; filter:alpha(opacity=90); }
.verlauf-navigation{
background: #bababa; /* Old browsers */
background: -moz-linear-gradient(left, #bababa 0%, #ffffff 12%, #bababa 25%, #ffffff 37%, #bababa 50%, #ffffff 62%, #bababa 75%, #ffffff 87%, #bababa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#bababa), color-stop(12%,#ffffff), color-stop(25%,#bababa), color-stop(37%,#ffffff), color-stop(50%,#bababa), color-stop(62%,#ffffff), color-stop(75%,#bababa), color-stop(87%,#ffffff), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #bababa 0%,#ffffff 12%,#bababa 25%,#ffffff 37%,#bababa 50%,#ffffff 62%,#bababa 75%,#ffffff 87%,#bababa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #bababa 0%,#ffffff 12%,#bababa 25%,#ffffff 37%,#bababa 50%,#ffffff 62%,#bababa 75%,#ffffff 87%,#bababa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #bababa 0%,#ffffff 12%,#bababa 25%,#ffffff 37%,#bababa 50%,#ffffff 62%,#bababa 75%,#ffffff 87%,#bababa 100%); /* IE10+ */
background: linear-gradient(to right, #bababa 0%,#ffffff 12%,#bababa 25%,#ffffff 37%,#bababa 50%,#ffffff 62%,#bababa 75%,#ffffff 87%,#bababa 100%); /* W3C */
}
#infobox-liste { float:right; padding-right:10px; }
#footer-adresse { padding-top:9px; }
#subNav { height:33px; padding-top:10px; background-image:url(/static/gfbr/bg-navpunkt-blau.png); }
#subNav li { background:none; padding-left:6px; padding-right:30px; }
.aktm-date { float:left; width:100px; font-weight:bold; padding-top:11px; }
.aktm-info { float:left; width: 970px; }
.dokument-li { float:left; width:50%; height:170px; }
.dokument-pic { float: left; background-repeat: no-repeat; height: 94px; width: 67px; }
.dokument-info { float: left; padding-left: 10px; text-align: left; }
#mobile-navigation { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 2600; }
#nav-content { width: 85vw; height: 100vh; background-color: #fff; padding-left: 5px; padding-right: 5px; overflow-y: auto; }
#ios-menu-korrektur { width: 100%; height: 70px; }
#mnav-head { position: relative; text-align: center; padding-top: 15px; color: #4a4a4a; font-size: 18pt; border-bottom: 2px solid #d3d3d3; padding-bottom: 10px; }
#nav-close { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; }
#mnav-body { padding-top: 5px; }
#mnav-body a { text-decoration: none; color: #4a4a4a; }
#mnav-body ul { list-style: none; padding: 0; margin: 0; }
#mnav-body ul li a { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #d3d3d3; display: block; }
#mnav-body ul li { }
.mnavli0 { background-color: #0cb1e8; }
.mnavli1 { background-color: #eee; }
.mnavli2 { background-color: #eee; }
.mnavli3 { background-color: #eee; }
.manv0 { padding-left: 20px; color: #fff !important; }
.manv1 { padding-left: 40px; }
.manv2 { padding-left: 60px; }
.manv3 { padding-left: 80px; }
#mobile-head { display: none; background-color: #0cb1e8; color: #fff; height: 43px; width: 100%; position: fixed; top: 0; left: 0; z-index: 100; }
#mobile-head-space { display: none; height: 43px; width: 100%; }
#mobile-menu-button { padding: 12px 8px; float: left; }
#mmb-lines { float: left; width: 25px; margin: 2px 8px 0 0; }
.mmb-line { width: 25px; height: 3px; margin-bottom: 3px; background-color: #fff; }
.mmb-text { float: left; }
#mobile-best-button { float: right; }
#mobile-best-button a { display: block; color: #fff; padding: 12px 8px 6px 8px; }
#mbb-text { display: block; float: left; }
#mbb-image { display: block; float: left; margin-left: 8px; }
.mobileinfosp { display: none; }
#standorte { width:630px; float:left; }
#st-pic { width:285px; float:right; text-align:right; }
.st-ort { font-weight:bold; text-decoration:underline; }
.st-titel { float:left; width:148px; padding-bottom: 3px; }
.st-wert { float:left; padding-bottom: 3px; }
.k-list { margin:0; padding:0; list-style:none; }
.k-list li { width:50%; margin-bottom:62px; float:left; }
.btnbest-outer { display: block; background-color: #0cb1E8; height: 48px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 9px; }
.btnbest-links { display: block; float: left; background-color: #4dc2ef; height: 48px; width: 52px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.btnbest-links span { display: block; color: #fff; font-size: 20pt; padding: 1px 12px 4px 12px; }
.btnbest-rechts { display: block; float: left; font-family: 'Alegreya', sans-serif; text-transform: uppercase; color: #fff; font-size: 16pt; }
.btnbest-rechts span { display: block; padding: 10px 15px 0 15px; }
.btnbest-clear { display: block; clear: both; }
/* Formulare */
#kontaktform { }
#kontakt { }
.form-feld { margin-bottom: 10px; }
.feld-name { padding-bottom: 5px; }
.feld-input { }
label { display: block; padding-bottom: 5px; font-family: 'Andika New Basic', sans-serif !important; }
.formlist { list-style: none; padding: 0 !important; margin: 0; }
.formlist li { float: left; width: 50%; margin-bottom: 20px; }
.nachricht { height: 110px !important; width: 94% !important; }
.ffeld { width: 88%; padding: 6px; border: 1px solid #1bb5eb; border-radius: 5px; font-family: Arial, Verdana, Sans-serif; }
select.ffeld { width: 91.5%; }
.btn { padding: 5px; width: 125px; }
.smalllist li { width: 33.33%; }
#bilder-gala-mobile { display: none; }
.mobile-icon { display: none; border: 0; }
.aktuelles-picli { width:30%; margin-left:10px; margin-right:10px; float:left; min-height:200px; text-align:center; margin-bottom:20px; }
#mobStoCnt { display: none; text-align: center; padding: 15px 0; }
#mobStoCnt img { width: 85%; }
#mobStoBtn { display: none; }
#mobile-login-hinweis { display: none; }
.content-trenner { width: 100%; height: 25px; }
.ui-widget { font-family: 'Andika New Basic', sans-serif !important; }
.ib-o { background: none; height: 0; }
.ib-m { background: none; }
.ib-u { background: none; height: 0; }
.infbox { border: 1px solid #20b6eb; padding: 5px 0 3px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#cookie-info { position: fixed; bottom: 10px; z-index: 10000; width: 100%; }
#cookie-info-content { max-width: 625px; margin: 0 auto; background-color: #fff; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; border: 2px solid #4cb2e6; }
#cookie-info-text { font-size: 9pt; }
#cookie-info-button { }
#cookie-info-button span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff; background-color: #4cb2e6; margin-top: 10px; cursor: pointer; font-size: 10pt; }
#cookie-info-spacer { height: 125px; width: 100%; background-color: #c8c8c8; }
#footer-nav-small { padding-top: 8px; font-size: 9pt; }
#designbody { background:none; background-color:#fff; color:#000; }
#designbody p { padding-bottom:17px; }
#designbody ul { padding-left:17px; }