/* ########## Farbwerte für Firmen-CI Beginn ########## 
Lindgrün: #95c11f
Lindgrün:hover: #82ac11
dunkelgrün: #006533
dunkelgrün:hover: #03582e
hellgrün: #eaf3d5
grau: #efefef
dunkelgrau: #9e9e9e
orange: #FF8000
########### Farbwerte für Firmen-CI Ende ########### */

body {
	font-family: 'Roboto';
  font-size:16px;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
#designbody {font-family: 'Source Sans Pro', sans-serif;font-size:16px;-webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale !important;}
H1, H2 {margin-bottom:1.5rem;}
H1, H2, H3, H4 {font-family:'Roboto Condensed'; text-transform:uppercase;letter-spacing: 0.1px;}
H5, H6 {font-family:'Roboto Condensed'; font-weight: 500;}

H1.invers,h2.invers,h3.invers,h4.invers,h5.invers,h6.invers {color:#fff;}
H1 {color:#95c11f; font-size: 30px;}
H2 {color:#006533; font-size: 22px;}
H3 {color:#112311; font-size: 16px;}
H4 {color:#95c11f; font-size: 16px;}
H5 {color:#112311; font-size: 16px; font-weight: 600;}
H6 {color:#FF8000; font-size: 16px;}
header h1 {margin-bottom: 0.5rem;}
header h1+h3 {margin-bottom: 1.5rem;}
.container.sliderTeaser .CiColor h2,.bgTeaser.CiColor .headBox i.fa:before {color: #95c11f;}
.wechdormid {
	position:absolute;
  left:-3000px;
  top:-3000px;
}

p {word-wrap:break-word;}
a {color:#006533; word-wrap:break-word;}
a:hover {color:#006533;}
.makeRelative {position:relative;}
.btn-grey {background-color: #9e9e9e; color: #fff;}
.btn-grey:hover {background-color: #848484; color: #fff;}

/*.container{padding-top: 40px;}*/
#navContainer.stickyTopNav {position: fixed; z-index: 1000; width: 100%; border-bottom: 3px solid #fff;}
#navContainer{padding-top:0;}
#navContainer .container, #footContainerBottom .container{padding-top:0;}

.website-wrapper {max-width: 1440px;min-height: 100%;overflow: hidden;margin: 0 auto;}
.delM15 {margin-left: -15px; margin-right: -15px;}
.borderTransparent {border-color: transparent;}

.btn.btn-xs {padding: 0 3px; font-size: 0.7rem; border-radius: 3px;}
.btn-ciColor {color: #006533; background-color: #95c11f; border-color: #95c11f;}
.btn-ciColorInvers {color: #006533; background-color: #fff; border-color: #95c11f;}
.btn-orange {color: #FF8000; background-color: #fff; border-color: #FF8000;}
.btn-dunkelgrün {color: #006533; background-color: #fff; border-color: #006533;}
.btn-dunkelgrünInvers {color: #fff; background-color: #006533; border-color: #006533;}
.btn-grau {color: #fff; background-color: #9e9e9e; border-color: #9e9e9e;}
a.btn-ciColor:hover {color: #03582e!Important; background-color: #82ac11;}
a.btn-ciColorInvers:hover {color: #03582e!Important; background-color: #fafafa;}
a.btn-dunkelgrün:hover {color: #03582e!Important; background-color: #fafafa;}
a.btn-dunkelgrünInvers:hover {color: #fafafa!Important; background-color: #03582e;}
a.btn-grau:hover {color: #fff!Important; background-color: #8f8f8f;}
a.greenItemButton:hover {color: #03582e!Important; background-color: #82ac11!Important;}
.contbtn {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  font-size: 8px;
  display: inline-block;
  text-align: center;
  margin-right: 3px;
  position: relative;
}
.contbtn i {position: absolute; top: 2px; right: 2px;}
.contbtn-ciColor,.contbtn-ciColor:hover {color: #fff; background-color: #95c11f;}
.contbtn-dunkelgrün,.contbtn-dunkelgrün:hover {color: #fff; background-color: #006533;}
.contbtn-hellgrün,.contbtn-hellgrün:hover {color: #212529; background-color: #eaf3d5;}
.contbtn-grau,.contbtn-grau:hover {color: #212529; background-color: #efefef;}
.contbtn-dunkelgrau,.contbtn-dunkelgrau:hover {color: #fff; background-color: #9e9e9e;}
.contbtn-orange,.contbtn-orange:hover {color: #fff; background-color: #FF8000;}

.zweiSpaltig {
	width: 100%;
  column-width:300px;
  column-gap: 30px;
  column-rule-color: #eee;
  column-rule-width: 2px;
  column-rule-style: solid;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.itemDescription .zweiSpaltig {
  column-width:280px;
}

#navContainer {background-color:#95c11f}
#navContainer .container {display:flex;}
#navContainer .navbar {padding-left:25px;}
#navContainer .navbar li {text-transform: uppercase;font-family: 'Roboto Condensed'; font-weight: bold;border-right: 0px solid #fff;padding: 0 13px;}
#navContainer .navbar li:first-child {padding-left: 0;}
#navContainer .navbar li a {padding: 0;outline: none;}
#navContainer #logoBoxTop {background-color: #fff;margin-bottom: 20px;padding: 15px 20px;border-radius: 0 0 10px 10px; border: 2px solid #95c11f; border-top:0;}
#navContainer #naviBox {width: 100%;}
#navContainer #serviceNaviTop {display:none; height: 25px; padding-left:25px; margin-top: 12px; color:#fff;}
#navContainer #wellenBox {display:none; width:100%;}
#navContainer #wellenBox img {width:100%;}
#navContainer #navbarBox {display: flex; justify-content: space-between; width: 100%;padding-top: 10px;}
#navContainer a {color: #fff;}
#navContainer .dropdown-menu a {color: #000;font-family: 'Roboto';font-weight: 400;padding: 5px 20px!important;font-size: 14px;text-transform: none;}
#navContainer a.nav-link.active {color: #006533;}
#navContainer a.navLevel2.active {background-color: #dbe8b6;}
#navContainer .dropdown-toggle::after {content: none;}
#navContainer #logoBoxTop img {border-radius: 0 0 5px 5px!Important; border-color:#fff!Important;}

/* Sorgt dafür, dass das dropdown-menue nicht per click sondern per hover funktioniert */
.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown > .dropdown-toggle:active {
  pointer-events: none;
}
.dropdown-menu {margin-top:0;}

#footContainerMiddelInner {
  /*background-image: url(/static/wobag2019/assets/img/logografik.svg);*/
  background-repeat: no-repeat;
  background-position-y: 80%;
  background-position-x: right;
  width: 100%;
  height: 100%;
}
#wellenBox img#vodafoneGraphic {width:100px; border-radius: 3px; position: absolute; right: 110px; bottom:8px;}
#footContainerMiddelInner img#vodafoneGraphic {width:100px; border-radius: 3px; position: absolute; left: 90px; top:42px;}
#footContainerMiddelInner img#longGraphic {width: 100%; display: grid;}
#footContainerMiddelInner #spaceOverLongGraphic {width:100%; height:48px; overflow:hidden;}
#footContainerMiddelInner #spaceunderLongGraphic {width:100%; height:10px; overflow:hidden;}
#logoBoxFooter {background-color: transparent; padding: 20px 0; position: absolute;}
  
#navContainer #searchfield {
  background-color: #fff;
  height: 32px;
  padding: 10px;
  border-radius: 5px 0 0 5px;
  border-right: none;
  width: 170px;
}
#navContainer #searchFormTop button {
  height: 32px;
  border-radius: 0 5px 5px 0;
  background-color: #fff;
  margin-bottom: 0!Important;
  border: 1px solid #ced4da;
  border-left: 0;
}
#navContainer #searchFormTop button i.fa {bottom: 2px; position: relative; left: 4px; color: #999;}

#navContainer a.linkWebsearch i.fa {margin-left: 14px;}
.searchStar{color:rgb(237,131,54);}

#footContainerTop	{background-color: #efefef; border-top: 2px solid #ccc;}  
#footerImg  {width: 250px;}   
.footHeader  {Color:#212529; font-family: Open Sans Condensed; font-size: 18px;} 
#FooterTopLeft, #FooterTopCenter, #FooterTopRight	{padding:25px;}
#FooterwellenBox	{padding-left: 25px;padding-top: 20px;width: 100%;display: block;}
#footContainerMiddel	{background-color:#006533;flex-wrap: wrap;align-content: start;}
/*#footContainerMiddelInner	{display: flex;}*/
#FooterMiddelLeft  {margin-top: -50px;}
#footContainerBottom 	{background-color:#95c11f;color:#006533;}
#footContainerBottom a 	{color:#006533;}

#toTop {
    background-color: #333;
    border-radius: 4px 0 0 4px;
    color: #FFF;
    position: fixed;
    height: 35px;
    width: 48px;
    right: 0;
    bottom: 0;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.9;
    padding-top: 7px;
    text-decoration: none;
    display: none;
    z-index: 1000;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #fff;
    border-right: 0;
}
#toTop:hover {background-color: #006533;}
/*
#toTop:before {
    font-family: "Font Awesome 5 Free";
    content: "\f077";
}
*/
.newsDateBox .dateRowTop {color:#fff; font-size: 30px; text-align: center; background-color: #95c11f; border-radius:10px 10px  0 0 ;}
.newsDateBox .dateRowMiddle {color:#fff; font-size: 22px; text-align: center; background-color: #006533;}
.newsDateBox .dateRowBottom {color:#000; font-size: 16px; text-align: center; background-color: rgb(227,227,227); border-radius: 0 0 10px 10px;}

.aktuellmehr {color:#fff; font-size: 20px; text-align: center; background-color: #006533;}
.aktuellmehr_icon {padding-left:5px; }
.linkbButtonText {color:#fff; text-align: center; background-color: #006533;}
.linkbButtonText:hover {color:#eee; text-align: center; background-color: #008872;}
.linkButtonIcon {padding-left:5px; }

ul#serviceNaviFooter { margin:10px 0;}
ul#serviceNaviFooter+div {clear:both;}

.carousel-control-next, .carousel-control-prev {width:7%;}
.carousel-item .sliderItemCaption {
  position: absolute;
  z-index: 10;
  top: 20%;
  width: auto;
  max-width: 40%;
  background-color: rgba(0, 101, 51, 0.8666666666666667);
  color:#fff;
  padding: 20px;
  border-radius: 6px;
}
.carousel-item .sliderItemCaption a {color:#fff39a;}
.carousel-item .sliderItemCaption.left {left:5%;}
.carousel-item .sliderItemCaption.right {right:5%;}
.carousel-item .sliderItemCaption h2 {margin-bottom: .5rem; color: #95c11f;}
.carousel-item .sliderItemCaption p {margin-bottom:0;}


/* ########## Teaser ########## */
.bgTeaser {font-size: 15px; background-color:#fff; border: 2px solid #95c11f; border-radius: 5px; background-size: cover; background-repeat:no-repeat; background-position: center;}
.bgTeaserLight {font-size: 15px; background-color:#fff; border: 2px solid #eaf4d8; border-radius: 5px; background-size: cover; background-repeat:no-repeat; background-position: center;}
.bgTeaser.d-flex {justify-content: flex-start;}
.bgTeaser i.fa:before {background-color: red; padding: 5px;}
.bgTeaser i.fa.lgn:before {color:#fff; background-color: #95c11f;}
.bgTeaser i.fa.dgn:before {color:#fff; background-color: #006533;}
.bgTeaser i.fa.gr:before {color:#fff; background-color: #999;}
.bgTeaser i.fa.or:before {color:#fff; background-color: #ff8000;}
.bgTeaser i.fa.rt:before {color:#fff; background-color: #cc0000;}
.bgTeaser .d-flex {margin: 20px 15px 17px 15px;}
.bgTeaser .teaserIconBox {margin: 0 8px;}
.bgTeaserInvers {background-color:#95c11f; border-radius: 5px;}
.bgTeaser.CiColor {background-color:#fff; border: 2px solid #95c11f; border-radius: 5px; background-size: cover; background-repeat:no-repeat; background-position: center;}
.bgTeaser.CiColorInvers {background-color:#95c11f; border: 2px solid #95c11f; border-radius: 5px; background-size: cover; background-repeat:no-repeat; background-position: center;}
.bgTeaser.CiColorInvers .teaserText {color:#03582e;}
.bgTeaser.Dunkelgrün .teaserText {color:#fff;}
.bgTeaser.Dunkelgrün {background-color:#006533; border: 2px solid #006533; border-radius: 5px; background-size: cover; background-repeat:no-repeat; background-position: center;}
.bgTeaser.Orange {background-color:#FF8000; border: 2px solid #FF8000; border-radius: 5px; background-size: cover; background-repeat:no-repeat; background-position: center;}
.bgTeaser.Orange h2,.bgTeaser.Dunkelgrün h2,.bgTeaser.CiColorInvers h2,
.bgTeaser.Orange h3,.bgTeaser.Dunkelgrün h3,.bgTeaser.CiColorInvers h3,
.bgTeaser.Orange h4,.bgTeaser.Dunkelgrün h4,.bgTeaser.CiColorInvers h4,.bgTeaser.CiColorInvers .headBox i.fa:before
{color:#fff;}
.bgTeaser h2{margin-bottom:0.5rem;}
.bgTeaserLight h4 {color:#212529; background-color: #eaf4d8; margin: -16px; margin-bottom: 10px; padding: 12px 15px;}
.bgTeaserLight p {margin-bottom: 0;}
.teaserHolder {justify-content: space-between;}
#teaser .btn{width: 80%; position: absolute; left: 10%; padding: 0.15rem; bottom: -16px;}
.contentTeaser .bgTeaser .teaserText,
.contentTeaser .bgTeaserInvers .teaserText
{
  top: 0;
  left: 0;
  padding:20px;
}
.contentTeaser .bgTeaser {margin-bottom:40px;}
.contentTeaser .btn{width: 80%; position: absolute; left: 10%; padding: 0.15rem; bottom: -16px;}

.bgTeaser.Orange p a {color:#faffbd;}
.bgTeaser.Dunkelgrün p a {color:#faffbd;}
.bgTeaser.CiColorInvers p a {color:#f6ff78;}

/*#teaser img {width:100%; height:100%;}*/

div.mapClass {height:400px;}
/*div.leaflet-popup.start {bottom: 27px!Important;}*/
div.leaflet-popup-content p {margin:0;}

.bgTeaser .headBox {display: flex;}
.bgTeaser .headBox i.fa {position: relative; top: 4px; margin-right: 5px;}
.bgTeaser .headBox i.fa:before {font-size: 48px; background-color: transparent;}

.col.ap h2 {margin: 50px 0 20px -15px;}
.col.ap h2.firstApSolo {margin: 20px 0 20px 0;}
.col.ap h2.firstAp {margin: 20px 0 20px -15px;}

div.ap span.apName {color: #95c11f; font-size: 16px!Important; font-family: 'Open Sans Condensed', sans-serif; font-weight: 600;}
div.ap span.apFunction {font-size:14px; font-family: 'Open Sans Condensed', sans-serif; font-weight:600;}
div.ap span.apFon {font-size:14px;}
div.ap span.apMail {font-size:16px; color:;}
div.ap span.apMail a {color:#95c11f;}

div.ap .apItem.withPic:nth-last-of-type(1) {margin-bottom: 1px!Important;}
div.ap .apItem img,div.ap .apSolo img {border-radius: 5px;}

form .documentRow label span {font-style: italic;}
.custom-file-label::after {
  content: "Suchen";
}
.sortSelectForm .custom-select {
  background-color: #9e9e9e;
  color:#fff;
  background-image: url(/static/wobag2019/assets/img/dropdown-symbol1-ws.svg);
	font-size: 15px;
  font-style: italic;
  padding: 0 40px 0 15px;
  width: auto;
}

.newsItem ul li {font-style: italic;}

li.pdfDownload {list-style-type: none;}
li.pdfDownload a:before {
  content: url(/static/wobag2019/assets/img/icon_pdf.png);
  position: relative;
  top: 3px;
  right: 5px;
}

form#reparaturForm textarea {height:200px;}

/* ########## Styling für optimierte Galerie ########## */
.thumbnail .caption {min-height: 200px;}
.thumbnail .caption p {font-size:14px; line-height:1.5;}
.thumbnail .caption .block {line-height:1.2;}

.box-content.thumbnail p {height:auto;}
.box-content.thumbnail {max-width:none;}
.box-content.thumbnail3viertel {max-width:none; margin-bottom: 30px; background-color: #f8f8f8; overflow: hidden; position: relative;border: 1px solid #e1e1e1;}
@media only screen and (max-width: 699.98px) {
	.box-content.thumbnail3viertel {padding: 0;}
}
@media only screen and (min-width: 700px) {
	.box-content.thumbnail3viertel {padding: 5px; padding-top: 0;}
}
.box-content.thumbnail .clearfix.margin-bottom10.showMore {font-size:14px;}

div.box-content.thumbnail>span {
	display: inline-block;
  height: auto;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 1.2;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 0;
}
div.box-content.thumbnail3viertel>span {
	display: inline-block;
  height: auto;
  background-color: rgba(207, 207, 207, 0.75);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 1.2;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  padding: 2px 0;
}
.row.lightbox .thumbnail {line-height:0; display:inherit;}
.modal-content {background-color:transparent; border:none; width: auto; margin: auto;}
.modal-content div.ekko-lightbox-item img {border: 2px solid #fff; border-radius: 6px;}
.modal-content div#picDesc {z-index: 10;color: white;}
.modal-content button {position: absolute; right: 24px;}
.modal-body {text-align: center; padding: 0 15px 0 30px;}
.ivmPics .modal-body {text-align: center; padding: 0;}
.modal-backdrop {opacity:0.75 !important;}
.modal-content div#bigPic {border: 2px solid #fff; border-radius: 10px; overflow: hidden;}
.close {font-size: 2rem; color: #cc0000; text-shadow: 1px 1px 0 #fff; opacity:1;}
.close:hover {font-size: 2rem; color: #f00!Important; text-shadow: 1px 1px 0 #fff; opacity:1;}
.ekko-lightbox .modal-dialog {
  flex: 100%!important;
  margin-left: 0;
  margin-right: 0;
}
.ekko-lightbox-nav-overlay a span {text-align: left;}
.ekko-lightbox .modal-footer {
  text-align: left;
  background-color: #ddd;
  position: absolute;
  bottom: -20px;
  border: 0;
  border-radius: 6px;
  padding: 5px 20px;
}

/* ########## Styling für Wohnungsangebote Liste/Detail ########## */
div.row.objectItem {position: relative;}
div.row.objectItem .picBox {background-size: cover; border-radius: 5px; background-position: center;}
div.row.objectItem .picBox img.pickLinkTrans {width: 100%; height: 100%;}
div.row.objectItem .greenItemButton {width: 42px; height: 60px; background-color: #95c11f; position: absolute; z-index: 10; right: 15px; bottom: -16px; border-radius: 4px 4px 0 0;}
div.row.objectItem .greenItemButton i.fa {width: 100%; text-align: center; color: #fff; padding: 13px 0;}
div.row.objectItem+hr {background-size: cover;}
div.row.objectItem .itemTitle {font-size: 20px; line-height:0.9;}
div.row.objectItem .itemData {line-height:1.4;}
div.row.objectItem .topInfo {background-color: #eaf4d8; border-radius: 5px; justify-content: space-around;}
div.row.objectItem .detailThumb {width: 23%; margin-right:2.65%;}
div.row.objectItem .detailThumb:nth-child(4n+4) {margin-right:0;}
div.row.objectItem .topInfo span.val {font-size:20px; color: #006533; font-weight: bold; display: block;}
div.row.objectItem .topInfo span.desc {font-size:12px; display: block;}
div.row.objectItem .itemTitle {color: #006533; font-weight: 400; font-size: 22px; text-transform: uppercase; font-family: 'Roboto Condensed';}
div.row.objectItem .itemData {display: block;}
div.row.objectItem .dlLinks {justify-content: space-between;}
div.row.objectItem .rowAlt {display: flex; flex-wrap: wrap;}
div.row.objectItem .rowAlt.topInfo {display: flex; flex-wrap: wrap; justify-content: space-around;}
div.row.objectItem .rowAlt .dllItem a:last-of-type {font-weight:bold; position: relative; top: 1px;}
div.row.objectItem #itemMap {border-radius: 5px; border: 1.5px solid #ddd;}
div.row.objectItem .itemDescription {background-color: #eaf4d8; padding: 20px; border-radius: 5px;}
div.row.objectItem+hr, div.row.objectItem+div hr {border-top: 4px solid #95c11f; clear: both;}
div.row.objectItem+div a.itemKontakt {color: #fff; border-radius: 4px 4px 0 0; padding: 6px 11%; float: right;}
div.row.objectItem .previewBox {display:none;}
div.row.objectItem #previewBoxFirstPic {display:block;}
div.row.objectItem #th_FirstPic {border: 2px solid #006533;}
div.row.objectItem .itemObjekttyp {font-weight:600;}
form span.countObjekts {font-size: 13px;}

/* ########## Styling für verschiedene Displaygrößen Beginn ########## */
@media (min-width: 576px){
  .modal-dialog {max-width: unset;}
}
@media only screen and (max-width: 576px) {
	body {font-size: 18px;}
	#navContainer #logoBoxTop {width: 30%;margin-bottom: 0;padding: 7px;position: absolute;z-index: 1;}
  #navContainer .navbar .dropdown-menu a {font-size:16px;}
  #toTop {bottom: 70px; height:45px;}
  table {font-size:16px;}
  .userway_buttons_wrapper {right: 15px!Important;}
}
@media only screen and (max-width: 767.98px) {
  #navContainer .navbar .dropdown-menu a {color: #000;font-family: 'Open Sans', sans-serif;font-weight: 400;padding: 5px 20px!important;font-size: 16px;text-transform: none;}
	.container.sliderTeaser {position: relative; top: 25px; z-index: 100; margin-bottom: 50px;}
  .newsDateBox .newsDateSection {padding: 0 10px; font-size: 22px; border-radius: 0;}
  .newsDateBox {display:flex;}
  .newsDateBox .dateRowTop {border-radius: 4px 0 0 4px;}
  .newsDateBox .dateRowBottom {border-radius: 0 4px 4px 0;}
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
	#teaser .bgTeaser,.bgTeaserInvers {flex-basis:48.5%;}
	#navContainer #logoBoxTop {width: 17%;margin-bottom: 0;padding: 10px;position: absolute;z-index: 1;}
}
@media only screen and (min-width: 576px) and (max-width: 991.98px) {
	#teaser .bgTeaser,.bgTeaserInvers {flex-basis:48.5%;}
	#navContainer #logoBoxTop {width: 17%;margin-bottom: 0;padding: 10px;position: absolute;z-index: 1;}
	div.modal-dialog.modal-dialog-centered {margin-top: 15px;}
  .ivmPics .carousel-item img {max-width:600px!Important;}
	.ivmPics.modal-content {left:unset;}
  .ivmPics .modal-header {display:none;}
  .modal-dialog.modal-dialog-centered,
  .modal-content.ivmPics,
  .ivmPics .modal-body,
  .ivmPics .modal-body-inner,
  .ivmPics #carouselExample,
  .ivmPics .carousel-inner,
  .ivmPics .carousel-item
  {max-height:95vh!Important;}
  .ivmPics img
  {max-height:85vh!Important; width: unset!Important; max-width: unset!Important;}
}
/*
@media only screen and (min-width: 576px) and (max-width: 991.98px) {
  .bildTeaser img {display:none;}
}
*/
@media only screen and (min-width: 768px) {
	.container.sliderTeaser {position: relative; top: -30px; z-index: 100;}
	#footContainerMiddel {display:flex;}
  
	ul#serviceNaviFooter {float: right;}
  ul#serviceNaviFooter li {float: left; list-style-type: none;}
  ul#serviceNaviFooter li:after {content: "|"; margin: 0 10px;}
  ul#serviceNaviFooter li:last-of-type:after {display:none;}
  
  #teaser .bgTeaser,.bgTeaserInvers {flex-basis:31.5%;}
  /*
  div.ap .apItem {display: grid;}
  div.ap .apItem.withoutPic {flex-basis: 32%;}
  */
  div.ap .apItem.withPic:nth-last-of-type(2) {margin-bottom: 1px!Important;}
	div.row.objectItem .itemAction2 {font-size: 14px; font-weight:bold; line-height: 1; display:flex; flex-wrap: wrap;}
	.ivmPics .carousel-item img {max-width:1000px!Important;}
	.ivmPics.modal-content {left:8px;}

}

@media only screen and (max-width: 991.98px) {
  #stickyNavHelp {height:62px;}
	.navbar-expand-md .navbar-toggler {display: none;}
	#navContainer #logoBoxTop img {width: 100%;}
	#logoBoxFooter {margin-left: -15px; margin-right: -15px; margin-bottom: 0; padding: 0 5px 5px 5px;}
	#logoBoxFooter img {margin-top: -15px; width: 100%;}
	#navContainer .navbar .dropdown-menu {	border-radius: 0!Important;border: 0;}
  #navContainer .navbar-light .navbar-collapse {clear:both;}
  #navContainer .navbar li {border-top: 1px solid #fff;padding: 0;border-right: none;}
  #navContainer .navbar li:first-of-type {border-top: 0;padding-top: 40px;}
  #navContainer .navbar li>a {padding: 10px 0;outline: none;font-size: 20px;}
  #navContainer a.linkWebsearch {display:none;}
	.bgTeaser i.fa:before {font-size: 24px;}
  
  #FooterMiddelLeft {display:none;}
  #logoBoxFooter {display:none;}
  #footContainerMiddel {display:none;}
  
  ul#serviceNaviFooter {margin: 0; padding: 10px 0 10px 0;;}
  ul#serviceNaviFooter li {list-style-type: none;}

  #navContainer .container {display:block;}
  #navContainer .navbar {padding: 10px 0; width: 100%; display:block;}
	button.navbar-toggler .fa-bars:before {content: "\f00d"; margin:0 2px;}
	button.navbar-toggler.collapsed .fa-bars:before {content: "\f0c9"; margin:0;}
	.navbar-expand-md .navbar-toggler {display: block!Important;}
	#navContainer #navbarBox {margin-top: 0;}
  #searchFormTop {display:none;}
  #navContainer .navbar-light .navbar-toggler {border: 2px solid #fff; color: #fff; float: right; margin-left: 20px;}
}
@media only screen and (min-width: 992px) {
	#navContainer #serviceNaviTop {display:block;}
	#navContainer #wellenBox {display:grid; padding-left: 25px; position: relative;}
  /*#searchFormTop {display:none;}*/
  #teaser .bgTeaser,.bgTeaserInvers {flex-basis:100%;}
  .sliderTeaser .contentTeaser .bgTeaser,.contentTeaser .bgTeaserInvers {flex-basis:31.5%;}
  section .contentTeaser .bgTeaser {flex-basis: 31.5%;}
  #stickyNavHelp {height:122px;}
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  #navContainer #naviBox {width:100%;}
  #logoBoxFooter img {width:200px;}
  #navContainer .navbar .dropdown-menu a {color: #000;font-family: 'Open Sans', sans-serif;font-weight: 400;padding: 5px 20px!important;font-size: 14px;text-transform: none;}
  .sliderTeaser .contentTeaser .bgTeaser.col-md-6 {flex-basis: 48.5%;}
  section .contentTeaser .bgTeaser {flex-basis: 48.5%;}
	#navContainer #logoBoxTop {width: 15%;margin-bottom: 0;padding: 10px;position: absolute;z-index: 1;}
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
	.bgTeaser i.fa:before {font-size: 19px;}
	.apItem {max-width: 310px!Important; flex: unset;}
	.apSolo {max-width: 310px!Important; flex: unset;}
}
@media only screen and (min-width: 992px) and (max-width: 1239.98px) {
  #toTop {bottom: 140px; height:45px;}
}
@media only screen and (min-width: 992px) and (max-width: 1279.98px) {
	#navContainer #logoBoxTop img {height: 70px;}
	#logoBoxFooter img {height: 40px;}
	_:-ms-input-placeholder, :root #navContainer #logoBoxTop img, #logoBoxFooter img {width:auto;}
}
@media only screen and (min-width: 1200px) {
	.bgTeaser i.fa:before {font-size: 24px;}
	#navContainer .navbar li {padding: 0 16px; font-size:18px;}
}
@media only screen and (min-width: 1280px) {
	#navContainer #logoBoxTop img {height:80px;}
	#logoBoxFooter img {height:40px;}
	_:-ms-input-placeholder, :root #navContainer #logoBoxTop img, #logoBoxFooter img {width:auto;}
}
@media only screen and (min-width: 1457px) {
  #footContainerMiddelInner img#longGraphic {display:grid;}
}

/* ########## Styling für verschiedene Displaygrößen Ende ########## */

/* ########## Styling für Galerie ########## */
.modal-content {background-color: #fff;}
.modal-header {border:0; padding:1rem 2rem;}
.modal-header .imgDescription {padding-top: 5px;}

.modal-body-inner {padding: 15px; background-color: #fff; border-radius: 6px;}
.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}.box-content.thumbnail .clearfix.margin-bottom10.showMore {font-size:14px;}

/* ########## Styling für Tabellen ########## */
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

/*
table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th, table td {
  padding: .625em;
  <!--text-align: center; -->
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.table thead th{
	color: #ed8336!important;
}
*/

/* .tableResponsiv{margin-bottom:30px;}*/
.tableResponsiv{}

@media screen and (max-width: 600px) {
  .tableResponsiv table 
  {
    border: 0;
  }
  
  .tableResponsiv table caption 
  {
    font-size: 1.3em;
  }
  
  .tableResponsiv table thead 
  {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .tableResponsiv table tr 
  {
    border-bottom: 3px solid #ddd;
    display: block;
   <!-- margin-bottom: .625em;-->
  }
  
  .tableResponsiv table td 
  {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
   text-align: right!Important;
  }
  
  .tableResponsiv table td.text-left 
  {
   text-align: right!Important;
  }

  .tableResponsiv table td::before 
  {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

	.tableResponsiv table td:last-child 
  {
    border-bottom: 0;
  }
}

/* ########## Styling für Tabellen Ende ########## */

/* ########## Styling Editbutton für Redakteure Beginn ########## */
@media only screen and (min-width: 768px) {
  .showEditButtons {display:block !important;}  
  .editButtonForm {display: inline-block;padding: 0;margin: 0;}
  .editGlobalButtonMenue {
    padding:0;
    background: rgb(243,247,206);
    background: -moz-linear-gradient(top, rgba(243,247,206,1) 0%, rgba(202,226,178,1) 100%);
    background: -webkit-linear-gradient(top, rgba(243,247,206,1) 0%,rgba(202,226,178,1) 100%);
    background: linear-gradient(to bottom, rgba(243,247,206,1) 0%,rgba(202,226,178,1) 100%);
    color: #648148;
  }
  .editGlobalButtonMenueGn {
  	padding:0;
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
		background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
  }
  .editButtonMenue {
  	margin: 6px;
    padding: 0 5px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
    display:none;
    font-size: 14px;
  }
  .editButtonContainer {
    margin: 6px;
    padding: 0px 5px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
    display: none;
		/*
    position: absolute;
    right: 0;
    top: 0;
    */
    z-index:10;
    font-size: 14px;
  }
  
  .hideEditButtons {display:none;}

	#penGlobal {
    padding: 0 5px;
    margin-left: 4px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 30px;
    display: inline-block;
  }
  #copyGlobal {
    padding: 0 15px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(251, 202, 37);
    background: -moz-linear-gradient(top, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    background: linear-gradient(to bottom, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    font-size: 30px;
    color: #813E00;
    display: inline-block;
  }
  .whitebgcorner{
  	position: fixed;
    background: rgba(255, 255, 255, 0.9);
    z-index: 10000;
    display: inline-block;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-bottom-right-radius: 10px;
    padding: 10px;
  }

	.whitebgscroll{
  	position: absolute;
		margin-top: 10px;
		z-index: 999;
    background: rgba(255, 255, 255, 0.9);
    display: inline-block;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
  }
  
  .row form.editButtonForm {display: inline;}

}

@media only screen and (max-width: 1023.98px) {
  .editButtonForm {display:none;}
  .editGlobalButtonMenue, .editButtonContainer, #penGlobal {display:none;}
  .editButtonMenue, .editButtonContainer, #penGlobal {display:none;}
}

/* ########### Styling Editbutton für Redakteure Ende ########### */

/* ########## Styling Fonts Beginn ########## */
@font-face {
    font-family: 'Open Sans';
    src: url('/static/wobag2019/assets/fonts/OpenSans-Light.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSans-Light.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSans-Light.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSans-Light.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/wobag2019/assets/fonts/OpenSans-LightItalic.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSans-LightItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSans-LightItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/wobag2019/assets/fonts/OpenSans-Regular.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSans-Regular.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSans-Regular.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/wobag2019/assets/fonts/OpenSans-ExtraBoldItalic.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSans-ExtraBoldItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/wobag2019/assets/fonts/OpenSans-SemiBoldItalic.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/wobag2019/assets/fonts/OpenSans-BoldItalic.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSans-BoldItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSans-BoldItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/wobag2019/assets/fonts/OpenSans-Bold.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSans-Bold.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSans-Bold.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/wobag2019/assets/fonts/OpenSans-Italic.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSans-Italic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSans-Italic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSans-Italic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/wobag2019/assets/fonts/OpenSans-SemiBold.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSans-SemiBold.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/wobag2019/assets/fonts/OpenSans-ExtraBold.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSans-ExtraBold.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}


@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/static/wobag2019/assets/fonts/OpenSansCondensed-Bold.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSansCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSansCondensed-Bold.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSansCondensed-Bold.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSansCondensed-Bold.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSansCondensed-Bold.svg#OpenSansCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/static/wobag2019/assets/fonts/OpenSansCondensed-LightItalic.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSansCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSansCondensed-LightItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSansCondensed-LightItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSansCondensed-LightItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSansCondensed-LightItalic.svg#OpenSansCondensed-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/static/wobag2019/assets/fonts/OpenSansCondensed-Light.eot');
    src: url('/static/wobag2019/assets/fonts/OpenSansCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/OpenSansCondensed-Light.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/OpenSansCondensed-Light.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/OpenSansCondensed-Light.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/OpenSansCondensed-Light.svg#OpenSansCondensed-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-Italic.eot');
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Italic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Italic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Italic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Italic.svg#SourceSansPro-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-BoldItalic.eot');
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-BoldItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-BoldItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-BoldItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-BoldItalic.svg#SourceSansPro-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-Bold.eot');
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Bold.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Bold.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-ExtraLightItalic.eot');
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-ExtraLightItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-ExtraLightItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-ExtraLightItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-ExtraLightItalic.svg#SourceSansPro-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-LightItalic.eot');
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-LightItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-LightItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-LightItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-LightItalic.svg#SourceSansPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-SemiBoldItalic.eot');
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-SemiBoldItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-SemiBoldItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-SemiBoldItalic.svg#SourceSansPro-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-SemiBold.eot');
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-SemiBold.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-SemiBold.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-Regular.eot');
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Regular.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Regular.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-Light.eot');
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Light.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Light.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-BlackItalic.eot');
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-BlackItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-BlackItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-BlackItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-BlackItalic.svg#SourceSansPro-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-ExtraLight.eot');
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-ExtraLight.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-ExtraLight.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-Black.eot');
    src: url('/static/wobag2019/assets/fonts/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Black.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Black.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Black.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/SourceSansPro-Black.svg#SourceSansPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/static/wobag2019/assets/fonts/Roboto-Bold.eot');
    src: url('/static/wobag2019/assets/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/Roboto-Bold.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/Roboto-Bold.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/Roboto-Bold.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/static/wobag2019/assets/fonts/Roboto-MediumItalic.eot');
    src: url('/static/wobag2019/assets/fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/Roboto-MediumItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/Roboto-MediumItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/static/wobag2019/assets/fonts/Roboto-Black.eot');
    src: url('/static/wobag2019/assets/fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/Roboto-Black.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/Roboto-Black.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/Roboto-Black.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/static/wobag2019/assets/fonts/Roboto-Italic.eot');
    src: url('/static/wobag2019/assets/fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/Roboto-Italic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/Roboto-Italic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/Roboto-Italic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/static/wobag2019/assets/fonts/Roboto-Thin.eot');
    src: url('/static/wobag2019/assets/fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/Roboto-Thin.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/Roboto-Thin.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/Roboto-Thin.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/static/wobag2019/assets/fonts/Roboto-Medium.eot');
    src: url('/static/wobag2019/assets/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/Roboto-Medium.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/Roboto-Medium.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/Roboto-Medium.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/static/wobag2019/assets/fonts/Roboto-ThinItalic.eot');
    src: url('/static/wobag2019/assets/fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/Roboto-ThinItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/Roboto-ThinItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/static/wobag2019/assets/fonts/Roboto-BlackItalic.eot');
    src: url('/static/wobag2019/assets/fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/Roboto-BlackItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/Roboto-BlackItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/static/wobag2019/assets/fonts/Roboto-LightItalic.eot');
    src: url('/static/wobag2019/assets/fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/Roboto-LightItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/Roboto-LightItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/static/wobag2019/assets/fonts/Roboto-BoldItalic.eot');
    src: url('/static/wobag2019/assets/fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/Roboto-BoldItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/Roboto-BoldItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

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

@font-face {
    font-family: 'Roboto';
    src: url('/static/wobag2019/assets/fonts/Roboto-Regular.eot');
    src: url('/static/wobag2019/assets/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/Roboto-Regular.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/Roboto-Regular.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/Roboto-Regular.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-Bold.eot');
    src: url('RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Bold.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Bold.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Bold.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/static/wobag2019/assets/fonts/RobotoCondensed-Regular.eot');
    src: url('/static/wobag2019/assets/fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Regular.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Regular.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Regular.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/static/wobag2019/assets/fonts/RobotoCondensed-LightItalic.eot');
    src: url('/static/wobag2019/assets/fonts/RobotoCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-LightItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-LightItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-LightItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-LightItalic.svg#RobotoCondensed-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/static/wobag2019/assets/fonts/RobotoCondensed-Italic.eot');
    src: url('/static/wobag2019/assets/fonts/RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Italic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Italic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Italic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Italic.svg#RobotoCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/static/wobag2019/assets/fonts/RobotoCondensed-BoldItalic.eot');
    src: url('/static/wobag2019/assets/fonts/RobotoCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-BoldItalic.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-BoldItalic.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-BoldItalic.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-BoldItalic.svg#RobotoCondensed-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/static/wobag2019/assets/fonts/RobotoCondensed-Light.eot');
    src: url('/static/wobag2019/assets/fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Light.woff2') format('woff2'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Light.woff') format('woff'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Light.ttf') format('truetype'),
        url('/static/wobag2019/assets/fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

/* ########### Styling Fonts Ende ########### */