/*-------------- Main CSS STYLE (min) used with Bootstrap V3 Standard -------------- change color only --------------*/

/*-------------- Fixed CSS STYLE -------------- */
html{overflow-y:scroll;overflow-x:hidden;position: relative;}html, body{width:100%;height:100%;}body{font-family:'Open Sans', sans-serif;color: #585858;background-color: #fff;}h1, h2, h3, h4, h5, h6{color:#003f84;background-color: transparent;}table, td, th, dt, dd, hr{color:#000;background-color: transparent;}hr{border-color:#f5f5f5;color:#f5f5f5;background-color:#f5f5f5;}a{color: #000; background-color: transparent;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}.no{display: none;}.banner a.slidesjs-navigation{font-size:0;width:52px;height:52px;display:block;position:absolute;z-index:100;top:25vw;}.clear{clear:both;}.no-padding{padding-left:0; padding-right:0;}.no-padding-top{padding-left:0; padding-right:0; padding-top:7px;}p.vergroessern{font-size:11px; text-align:center;padding-top:10px; display:block;}.no-bold{font-weight:400;}.zoomImg{display: none!important;}.form-horizontal .control-label{text-align:left;}.hasDatepicker{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;} a:focus{color:#585858;} a:hover{color:#585858;}
/*-------------- Fixed CSS STYLE END -------------- */

/*-------------- Config CSS STYLE --------------*/
h1{font-weight: 800;}
logo{width:100%; height:auto;}

.container-breadcrumbs{border-bottom:1px solid #f5f5f5;padding: 10px 0;font-size: 11px;}
.container-breadcrumbs a{color:#585858;}
.container-breadcrumbs a.aktiv{text-decoration:none; font-weight: 800;}

page{padding:1vw 0 0 0;width: 100%;display:block;}
page.page_home{}

footer{width: 100%;background-color: #f00;padding:1vw 0; color:#fff;}
footer a{color:#fff;}
footer a:hover{color:#fff;}
footer.footer_home{}
div.footer_infos{background: #003f85; margin-top:2em;}

.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu {margin-left:0px;}

.banner_overlay{top:12vw;width: 100%;}
.banner_overlay h1{font-style:italic; font-size: 2.4em; background:#ff0000; color:#fff; padding:0.5em 1em;display: inline-block;}
.banner_overlay h2{font-style:italic; font-size: 2.4em; background:#003f84; color:#fff; padding:0.5em 1em;display: inline-block;}

p.subtitle {color:#ff0000; font-size: 1.4em; text-align: center; padding-top:2em;}
p.learn_button, p.learn_button a{background: #003f84; color:#fff; text-align: center; margin: 0px auto; margin-top: 1em; padding: 0.5em 1em; width:12.5em;}
p.learn_button_w {background: #fff; color:#003f84; text-align: center;  margin-top: 1em; padding: 0.5em 1em; width:12.5em; float:left;}
/*-------------- Config CSS STYLE END --------------*/

/*-------------- Modules CSS STYLE --------------*/
/*****Kontakt**********/
.googlemap{width:100%;height:408px;margin:2vw 0 -1vw 0;}
input.plz{float:left; width: 30%; margin-right: 10%;}
input.ort{float:left; width: 60%;}
.inhalt_kontakt i{margin-right:1vw;}
/*****Kontakt ENDE*****/

/*****Bildergalerie**********/
.mod_bildergalerie_kat{padding:0 15px;}
.mod_bildergalerie_kat_link{background:#f5f5f5; padding:20px 10px;border:3px solid #fff;}
.mod_bildergalerie_kat_link_aktiv{background:#000; color:#fff;}
.mod_bildergalerie_bild{margin-bottom:20px;}
/*****Bildergalerie ENDE*****/

/*****Downloads**********/
.mod_dl_kat{width: 100%;text-align: center;display: block;}
.mod_dl_kat i{font-size: 40px;}
/*****Downloads ENDE*****/

/*****Referenzen*********/
.mod_referenzen_kategorie{margin: 0;overflow: hidden;background-color: #ffffff;cursor:pointer; padding: 10px 0;}
.mod_referenzen_kategorie p{color:#000;padding: 0px 18px;font-weight: normal;margin:0px;}
.mod_referenzen_kategorie:hover{color:#000;background:#cccccc;}
.mod_referenzen_kategorie_hg {background:#000;}
.mod_referenzen_kategorie_hg p{color:#fff;}
.mod_referenzen_projektliste{border:1px solid #ccc; padding: 18px; margin-top:25px;}
.mod_referenzen_projektliste ul {list-style:none; padding:0; margin:0;}
.mod_referenzen_projektliste a{text-decoration:none; display:block; padding:10px 0;}
/*****Referenzen ENDE*****/

/*****Filialen*********/
.mod_filialen_gruppen_box ul.mod_filialen_gruppen{margin:0;list-style: none; padding:0;}
.mod_filialen_gruppen li{margin-bottom:5px;}
.mod_filialen_gruppen li a{text-decoration: none;padding:5px 20px;display: block;color: #000;background: #fff; border:1px solid #000;}
.mod_filialen_gruppen li a.aktiv,
.mod_filialen_gruppen li a:hover{background:#000;color:#fff;}
.mod_filialen_daten #map-canvas.mod_filiale_map{width:100%;height:300px;}
.mod_filialen_daten .mod_filialen_daten_bild{font-size: 0;}
/*****Filialen ENDE*****/

/*****Produkte*********/
.mod_produkte_gruppen{list-style:none;padding:0; margin-top:15px;}
.mod_produkte_gruppen li {list-style:none; margin-bottom:5px;}
.mod_produkte_gruppen a{color:#000;background:#fff;display:block;padding:10px 10px;text-decoration:none;}
.mod_produkte_gruppen a.aktiv,
.mod_produkte_gruppen a:hover{color:#fff;background:#000;}
/*****Produkte ENDE*****/

/*****Tagesessen**********/
.mod_tagesessen_table_hg{background:#fff;}
.mod_tagesessen_table_hg:nth-child(2n){background:#f5f5f5;}
.mod_tagesessen_essen{padding:15px 0;}
.mod_tagesessen_preis {text-align:right;}
.mod_tagesessen_preis h4{font-weight:800;}
/*****Tagesessen ENDE*****/

/*****Angebote**********NEU noch prüfen*/
.angeboteGruppe{}
.angeboteGruppe .angeboteGruppe_headline{}
.angeboteGruppe .angeboteGruppe_desc_top{}
.angeboteGruppe .angeboteGruppe_desc_bottom{}
.angeboteGruppe .artikel_container{display: flex;	flex-wrap: wrap;align-content:stretch;}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel{flex-grow: 4;flex-shrink: 1;flex-basis:25%;display: flex;	flex-wrap: wrap;justify-content:space-around;align-content:stretch;padding:1%;}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel:nth-child(even){background:#E2E2E2;}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel .text_container{min-width:48%;flex-grow: 1;flex-shrink:1;flex-basis: 250px;}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel .text_container .artikel_preis{text-align: right;}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel .text_container .artikel_preis .artikel_preis_neu{font-weight:bold;color:#cd0a0a;font-size: 180%;}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel .text_container .artikel_preis .artikel_preis_trenner{white-space: pre-wrap;	}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel .text_container .artikel_preis .artikel_preis_trenner:before{content: "\A";}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel .text_container .artikel_preis .artikel_preis_trenner:after{content: "statt ";}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel .text_container .artikel_preis .artikel_preis_alt{text-decoration: line-through;font-weight:bold;color:#cd0a0a;}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel .image_container{flex-grow: 1;flex-shrink:1;flex-basis: 200px;min-width:200px;display: flex;	flex-wrap: wrap;align-content:flex-start;}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel .image_container .image{font-size:0;flex-grow: 1;	flex-shrink: 1;flex-basis:80px;}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel .image_container .image:first-child{flex-grow: 3;flex-basis:200px;}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel .image_container .image img{width:100%;min-width:100px;}
.angeboteGruppe .artikel_container .angeboteGruppe_artikel .image_container .image:first-child img{min-width:200px;}
/*****Angebote ENDE*****/

/*****Personen**********/
.mod_personen_kat ul {margin: 0;list-style: none; padding:0}
.mod_personen_kat li a{display: block;text-decoration: none;padding:5px;border:1px solid #000;}
.mod_personen_kat li.tab_active a {background-color: #000;color: #fff;}
.mod_personen{overflow:hidden;}
.mod_personen_person_name{font-weight:bold;}
/*****Personen ENDE*****/

/*****Sitemap**********/
.sitemap p{font-weight:600;}
.sitemap ul{list-style:none;}
/*****Sitemap ENDE*****/

/*****Links**********/
.mod_links img {border:1px solid #f5f5f5;}
/*****Links ENDE*****/

/*****Mitglieder Map**********/
#mitglieder-map #map-canvas{width:100%;min-height: 500px;height: 700px;}
/*****Mitglieder Map ENDE*****/

/*****Anfrage**********/
.anfrage-first{margin-left:-15px; margin-right:-15px;}
/*****Anfrage ENDE*****/

/*****Suche**********/
.inhalt-mod-suche{padding-top:7px;}
/*****Suche ENDE*****/
/*-------------- Modules CSS STYLE END --------------*/

/*-------------- MEDIA SITE CSS STYLE -------------- here we change NAV, Site, Footer and other stuff that makes this site so beautiful --------------*/
/*Desktop LG*/
@media screen and (min-width: 1025px) {
.navbar-static-top{z-index: 50;}
.navbar-brand{height: 140px;}
.navbar{margin:0;border-bottom:1px solid #f5f5f5;}
.navbar-nav {padding:3.2em 0; float:right;}
.navbar-nav a{text-transform: uppercase; color:#7c7c7c; font-size: 16px; font-weight: 400; }
.navbar-nav .aktiv a{text-transform: uppercase; color:#ff0000 !important; font-size: 16px; font-weight: 400; }

div.red_nav{background:#ff0000; color:#fff;}
div.blue_border{border-bottom:4px solid #003f84; padding:1em 0; }
.location_data{ float:right;}
.location_data a{color:#fff;  padding-right:1em; text-align: right; }
.contact_data a{color:#fff;}
.contact_data span{color:#fff; padding-right:1em;}

div.leistungen{background: #003f85; color:#fff; height: 300px;}
div.leistungen h2{font-size: 20px; color:#fff; padding: 0.5em 0 0.7em 0;}

div.jobs{background:#0e519c; color:#fff; height: 300px;}
div.jobs h2{font-size: 20px; color:#fff; padding: 0.5em 0 0.7em 0;}

div.contact{background: #2b5f9a; color:#fff; height: 300px;}
div.contact a{color:#fff;}
div.contact .lead{font-size: 20px; color:#fff; padding: 1.5em 0 0 0; font-weight: 400; display: block; margin-bottom: 0px;}

.tabbable-panel {margin-top:1em;}
.tabbable-line > .nav-tabs {border: none;margin: 0px;}
.tabbable-line > .nav-tabs > li {margin-right: 2px; text-transform: uppercase;}
.tabbable-line > .nav-tabs > li > a {border: 0;margin-right: 0;color: #737373;}
.tabbable-line > .nav-tabs > li > a > i {color: #a6a6a6;}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {border-bottom: 4px solid #003f84;}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {border: 0;background: none !important; color: #003f84;}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {color: #003f84;}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {margin-top: 0px;}
.tabbable-line > .nav-tabs > li.active {border-bottom: 4px solid #ff0000; position: relative;}
.tabbable-line > .nav-tabs > li.active > a {border: 0;color: #ff0000;}
.tabbable-line > .nav-tabs > li.active > a > i {color: #404040;}
.tabbable-line > .tab-content {margin-top: -3px; background-color: #fff; border: 0; border-top: 1px solid #eee; padding: 15px 0;}
.portlet .tabbable-line > .tab-content {padding-bottom: 0;}
}

 /*Tablet MD SM*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .navbar-static-top{z-index: 50;}
    .navbar-brand{height: 140px; margin:0 36% !important; }
    .navbar-header{width:100%;}
    .navbar{margin: 0 40%; margin:0;border-bottom:1px solid #f5f5f5;}
    .navbar-nav {padding:1em 0; margin-left:0;}
    .navbar-nav a{text-transform: uppercase; color:#7c7c7c; font-size: 16px; font-weight: 400; }
    .navbar-nav .aktiv a{text-transform: uppercase; color:#ff0000 !important; font-size: 16px;  font-weight: 400; }

    div.red_nav{display: none;}
    div.blue_border{display: none; }
    .location_data{display: none;}
    .location_data a{display: none; }
    .contact_data a{display: none;}
    .contact_data span{display: none;}

    div.leistungen{background: #003f85; color:#fff; height: 300px;}
    div.leistungen h2{font-size: 20px; color:#fff; padding: 0.5em 0 0.7em 0;}

    div.jobs{background:#0e519c; color:#fff; height: 300px;}
    div.jobs h2{font-size: 20px; color:#fff; padding: 0.5em 0 0.7em 0;}

    div.contact{background: #2b5f9a; color:#fff; height: 300px;}
    div.contact a{color:#fff;}
    div.contact .lead{font-size: 20px; color:#fff; padding: 1.5em 0 0 0; font-weight: 400; display: block; margin-bottom: 0px;}

    .tabbable-panel {margin-top:1em;}
    .tabbable-line > .nav-tabs {border: none;margin: 0px; clear:both;}
    .tabbable-line > .nav-tabs > li {margin-right: 2px; text-transform: uppercase; clear:both;}
    .tabbable-line > .nav-tabs > li > a {border: 0;margin-right: 0;color: #737373;}
    .tabbable-line > .nav-tabs > li > a > i {color: #a6a6a6;}
    .tabbable-line > .nav-tabs > li.active {border-bottom: 4px solid #ff0000; position: relative;}
    .tabbable-line > .nav-tabs > li.active > a {border: 0;color: #ff0000;}
    .tabbable-line > .nav-tabs > li.active > a > i {color: #404040;}
    .tabbable-line > .tab-content {margin-top: -3px; background-color: #fff; padding: 15px 0;}
    .portlet .tabbable-line > .tab-content {padding-bottom: 0;}
}
/*Mobile EXTRA XS*/
@media screen and (max-width: 767px) {
    .navbar-nav {padding:5em 0 0 0; margin-left:0; z-index:60;}
    .navbar-nav .aktiv a{ background: #ff0000; color:#fff !important; font-size: 16px;  font-weight: 400; }
    .banner_overlay{display:none;}
	.slidesjs-navigation{display:none !important;}
	.dropdown-menu {position:relative; width: 100%;box-shadow: none;border: 0;border-radius: 0;margin: 0;padding: 10px 0;}
	.dropdown-menu li a{padding: 3px 15px;}
	.clear-xs{clear:both;}
	footer{padding:2vw 0;}
	page{padding:3vw 0;}

    div.red_nav{display: none;}
    div.blue_border{display: none; }
    .location_data{display: none;}
    .location_data a{display: none; }
    .contact_data a{display: none;}
    .contact_data span{display: none;}

    div.leistungen{background: #003f85; color:#fff;}
    div.leistungen h2{font-size: 20px; color:#fff; padding: 0.5em 0 0.7em 0;}

    div.jobs{background:#0e519c; color:#fff;}
    div.jobs h2{font-size: 20px; color:#fff; padding: 0.5em 0 0.7em 0;}

    div.contact{background: #2b5f9a; color:#fff;}
    div.contact a{color:#fff;}
    div.contact .lead{font-size: 20px; color:#fff; padding: 1.5em 0 0 0; font-weight: 400; display: block; margin-bottom: 0px;}

    .tabbable-panel {margin-top:1em;}
    .tabbable-line > .nav-tabs {border: none;margin: 0px; clear:both;}
    .tabbable-line > .nav-tabs > li {margin-right: 2px; text-transform: uppercase; clear:both;}
    .tabbable-line > .nav-tabs > li > a {border: 0;margin-right: 0;color: #737373;}
    .tabbable-line > .nav-tabs > li > a > i {color: #a6a6a6;}
    .tabbable-line > .nav-tabs > li.active {border-bottom: 4px solid #ff0000; position: relative;}
    .tabbable-line > .nav-tabs > li.active > a {border: 0;color: #ff0000;}
    .tabbable-line > .nav-tabs > li.active > a > i {color: #404040;}
    .tabbable-line > .tab-content {margin-top: -3px; background-color: #fff; padding: 15px 0;}
    .portlet .tabbable-line > .tab-content {padding-bottom: 0;}
    #popup_overlay_banner{left: 0 !important;}
    #popup_overlay_banner img{width: 100% !important;}
}
/*-------------- Main CSS STYLE END --------------*/

/*-------------- Background and Banner CSS STYLE (Min) -------------- nothing to change here - not really -------------- ok one thing - change color in pagination*/
.BGcontrol{display:none;position:fixed;width:100%;}.BGcontrol fieldset{border:none;}.BGcontrol a{font-size:30px;display:block; margin:10px;position:relative;z-index:60;}.BGcontrol a:hover{color:#000000;}.BGcontrol a.prev{float:left;background:url(../../_img/1/BGcontrol_prev.png);}.BGcontrol a.next{float:right;background:url(../../_img/1/BGcontrol_next.png);}#vegas-slideshow-pages{text-align:center;clear:both;position: relative;margin-top:20px;}#vegas-slideshow-pages div{display: inline-block;width: 14px;height: 14px;background-color: rgba(255,255,255,0.85);-webkit-border-radius: 7px;-khtml-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin: 0 7px;cursor: pointer;-webkit-box-shadow: 0 0 2px 0 rgba(112,112,112,0.85);box-shadow: 0 0 2px 0 rgba(112,112,112,0.85);-webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;-ms-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;}#vegas-slideshow-pages div.aktiv{background-color: rgba(112,112,112,0.85);-webkit-box-shadow: 0 0 2px 0 rgba(255,255,255,0.85);box-shadow: 0 0 2px 0 rgba(255,255,255,0.85);}.banner a.slidesjs-next{right:0;background:url(../../_img/1/banner_next.png);}.banner a.slidesjs-previous{left:0;background:url(../../_img/1/banner_prev.png);}.banner ul.slidesjs-pagination{font-size:0;list-style:none;margin:0;text-align:center;display: block;position: absolute;width: 100%;z-index: 50;padding: 0;margin-top: -35px;}.banner ul.slidesjs-pagination li.slidesjs-pagination-item{display:inline-block;margin:0 3px;}.banner ul.slidesjs-pagination li.slidesjs-pagination-item a{display:block;font-size:0;width:10px;height:10px;background:#ffffff;border:0;}.banner ul.slidesjs-pagination li.slidesjs-pagination-item a.active{background:#000;}
/*-------------- Background and Banner STYLE END --------------*/

/*-------------- Lightbox and Ajax CSS STYLE (Min) -------------- nothing to change here - really -------------- */
#lightbox {background-color: #eee;padding: 10px;border-bottom: 1px solid #666;border-right: 1px solid #666;}#overlay{background-color: rgba(0, 0, 0, 0.8);}#lightboxCaption {color: #333;background-color: #eee;font-size: 90%;text-align: center;border-bottom: 1px solid #666;border-right: 1px solid #666;}#lightboxIndicator {border: 1px solid #fff;}#lightboxOverallView {background-color: rgba(0, 0, 0, 0.8);}* html #lightboxOverallView, * html #overlay {background-color: rgba(0, 0, 0, 0.8);}.jQueryZoom{display: inline-block;position: relative;}.jQueryZoom:after{content:'';display:block; width:24px; height:24px; position:absolute;top: 40%;left: 44%;background:url(../../_img/1/magnifier.svg)no-repeat; filter: Alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6; color:#fff;}.nojQueryZoom:after{content:'';display:block; width:24px; height:24px; position:absolute;top: 40%;left: 44%;background:url(../../_img/1/magnifier.svg)no-repeat; filter: Alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6; color:#fff;}.jQueryZoom img{display: block;}.jQueryZoom img::selection{background-color: transparent;}#subtitle{border: 1px solid #323232; color: #000;background-color: #fff;padding: 5px;display: none;position: absolute;text-align: left;filter: Alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}div#AjaxPopUp{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.8);;filter: Alpha(opacity=60);-moz-opacity: 0.6; opacity: 0.6;display: none;z-index: 50;}div#PopUpInfo{position: fixed;top: 50%;left: 50%;background-color: #fff;color: #000; z-index: 60;display: none;}div#PopUpInfo input, div#PopUpInfo select, div#PopUpInfo textarea{width: 350px;background-color: #ababab;color: #000;border: 0 solid #000;}div#PopUpInfo a.button{width: auto;cursor: pointer;text-decoration: none;padding: 0 5px;}div#PopUpInfo textarea{height: 80px;}div#PopUpInfo input.box{width: auto;cursor: pointer;}div#PopUpInfo ul{ text-align: left;margin: 0;list-style: none;overflow: auto;}div#PopUpInfo ul li{border-left: 10px solid #fff; padding-left: 5px;line-height: 18px;}div#PopUpInfo ul li.active{ border-left: 10px solid #6ca055;font-weight: bold;}div#PopUpInfo ul li a{text-decoration: none;display: block;}.popup i.fa-times{color:#000;font-size: 1.5vw;font-weight: 100;}
/*-------------- Lightbox and Ajax CSS STYLE (Min) END--------------*/