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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ########## Styling RichText-Editor in Verwaltung ########## */
#designbody {
	font-size:12px;
}

/* ########## Styling Editbutton für Redakteure Beginn ########## */
@media only screen and (min-width: 768px) {
  .editButtonForm {
    z-index:1000; right:0; position:absolute;
  }
  .editGlobalButtonMenue {
    padding:0;
    background-color: #ffdddd;
  }
  .editGlobalButtonMenueGn {
    padding:0;
    background-color: #81ff88;
  }
  .editButtonMenue {
    padding:0;
    display: none;
  }
  .editButtonContainer {
    padding:0;
    color:#3895b1;
    display: none;
  }
  .showEditButtons {
    display:block;
  }  
  .hideEditButtons {
    display:none;
  }
  #penGlobal {
  	position: fixed;
    top: 0;
    left: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .editGlobalButtonMenue, .editButtonContainer, #penGlobal {display:none;}
  .editButtonMenue, .editButtonContainer, #penGlobal {display:none;}
  /*#theSidebar {display:none;}*/
  #footer .spaced {padding: 20px 15px 0 15px;}
}

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

body.boxed #wrapper {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
body.boxed #topBar {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.clickCursor {cursor:pointer;}
.fullwidthbanner-container {z-index:1;}
.trennerBlue {border-top: 1px solid #1e88ca;}
.littleFormWrongField {border:1px solid #a94442 !important;}
#topNav ul.nav>li.active>a {color:#1487c9;}
#topNav ul.nav>li.mega-menu>ul.dropdown-menu>li {margin-top: -5px;}
.lead {font-weight:400 !important;}
.container .row h3.lessBottomMargin {margin-bottom:12px;}
.container .row ul.submenuList {display: inline-block;}
.container .row.logoBoxes .col-sm-3.col-md-3 {padding:15px;}
.container .row.logoBoxes .itemLogo {padding:10px; border:1px solid #eee; overflow:hidden;}
.thumbnail .caption.projekt {min-height: 280px;}
.thumbnail .caption.ausstattung {min-height: 140px;}
.thumbnail .caption .block {line-height:1.2;}
.box-content.thumbnail p {height:auto;}
.box-content.thumbnail {max-width:none; width: 100%;}
.box-content.thumbnail .clearfix.margin-bottom10.showMore {font-size:14px;}
.row.lightbox .thumbnail {line-height:0; display:inherit;}
.textBildBlock ul {display: inline-grid; -webkit-padding-start: 20px;}
#theSidebar p.fontsize14px {font-size:14px;}
.container .row img.picsNewsDetail  {margin:0 0 30px 0;}
#footer .spaced p {margin:0; font-weight: 600; line-height: 1.4;}
#footer .copyright p {margin:0;}
#footer .copyright span {display:inline-block;}
.bgLightBlue {background-color:rgba(20, 136, 201, 0.3);}

#header.sticky.affix ~ section.page-title {margin-top: 10px;}
#header.sticky.affix ~ #stickyHelp {display:block !Important;}
#header.sticky.affix-top ~ #stickyHelp {display:none !Important;}

.btn, .btn:hover {border: 0; padding: 4px 15px;}
.push-downRight {position:absolute; bottom:10px; right:10px;}
.thumbShortTitle {height: auto;}

section .container ul li {list-style-type: none;}
section .container .row ul li:before {
	content: "\203A"; /* Unicode */
  /*font-family: FontAwesome;*/
  display: inline-block;
  margin-left: -20px;
  width: 20px;
  color: #1488ca;
  font-weight: bold;
  text-align: center;
}

.editorButton {
  border: 0;
  padding: 3px 15px;
  color: #fff;
  background-color: #0e608f;
  border-radius: 0;
  transition: all 0.2s;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  background-image: none;
}
.editorButton:hover {
  color: #fff;
  background-color: #1487c9;
  text-decoration:none;
}
.slider div.tp-caption.block_black a {color:#fff;}
.slider div.tp-caption.block_styleColor a {color:#fff;}
div.teaserItem figure {margin-bottom: 0;}
div.teaserItem h3 {
  background-color: #1488ca;
  color: #fff;
  padding: 2px 5px;
  font-size: 18px;
  font-weight: 500;
}

div.toggle > label {display: flex; align-items: center;}
div.toggle > label img {max-width: 100px; max-height: 60px; margin-right:10px;}
div.toggle > label h3 {
	color: #777;
  font-weight:600;
  font-size:24px;
  margin: 5px 0;
}

.btn-news i.fa {
  font-size: 18px;
  position: relative;
  top: 1px;
}
/* ########## Strange Social Buttons */
.fb-share-button {
    position: relative;
    top: 3px;
}
/**/
#fbIframe {
  position: relative;
  top:8px;
}
#fbIframe button {
    background-color: #0e608f;
    border-radius: 0;
}

span#linkedinShare {
  position: relative;
  bottom: 3.5px;
}
span#linkedinShare button {
  height: 28.5px!Important;
  padding: 3.5px 15px!Important;
  border-radius: 0!Important;
  font-size: 13px!Important;
}
.shariff {
	display: inline-block;
  position: relative;
  top: 8px;
}
.shariff * {display:inline-block!Important;}
.shariff a {padding-right: 20px!Important; height: 28px!Important;}
.shariff a span.share_text {font-size: 14px!Important;}
.shariff li {
  height: auto;
  margin:0 4px 0 0!Important;
  min-width:unset!Important;
}
div.langFlagsXs {
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
}
.langFlagsXs img {
  transform: scale(2);
  margin-right: 20px;
}

/* ########## Styling für verschiedene Displaygrößen Beginn ########## */
@media only screen and (max-width: 374px) {
  .newsStartTitle {width: 220px;}
}
@media only screen and (max-width: 1023.98px) {
  .editButtonContainer,.editButtonMenue,.editGlobalButtonMenue {display:none;}
  .zoom:hover {transform: scale(1.04)!Important;}
}
@media only screen and (min-width: 436px) and (max-width: 1024px) {
  .newsStartTitle {width: 220px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #footer .spacedMiddle p {font-size:13px; margin-top:10px;}
  #footer .spacedRight img {height:40px !Important;}

}
@media only screen and (min-width: 768px) {
	#topNav ul.nav>li a.noborder {
    border:none;
    padding: 8px 10px !important;
	}
	#topNav ul.nav>li a.noborder:hover {
    background-color:#1487c9;
    color:#fff;
    font-weight: 400;
    font-size:18px;
	}
  #footer h4 {font-size:20px; margin-bottom:4px;}
  #footer .spaced {
    padding: 10px 15px 20px 15px;
  }
	#footer ul.nobordered li:after, #footer ul.nobordered li {
    margin-bottom: 4px;
    line-height:1.2;
  }
  #footer .spacedRight img {float:right; margin-top:10px;}
	.box-content.thumbnail.text-center.clickCursor.equalHight {height: 530px; overflow: hidden;}
	#stickyHelp {display:none; width:100%; clear:both; height: 146px !Important;}
}

@media only screen and (min-width: 992px) {
	#header #topBar .container .block span {display:inline-block; margin-left:50px;}
	#header #topNav .container.centerText {text-align:center;}
  #topNav div.navbar-collapse {float:none;}
  .navbar-collapse.collapse {display: inline-block!important;}
  .stickySidebar {
    position: fixed;
    top: 100px;
    z-index: 10;
    border-top: 0;
  }
}
@media only screen and (max-width: 991px) {
	#topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in {margin: 16px 0 0 0;}
	#header #topNav .selectLanguage {margin: 14px 0 0 3px; display: inline-block;}
	#header.sticky #topNav {max-height: 500px;}
  #header.sticky.affix  #topNav {margin-top: 25px;}
  header h1 small {display:block; margin-top: 7px;}
  header h3 small {display:block; margin-top: 7px;}
  div.row div h4 {margin-top:7px;}
}

@media only screen and (max-width: 700px) {
	body {font-size:14px;}
  p {text-align: initial !IMPORTANT;}
}
@media only screen and (min-width: 575px) and (max-width: 767.98px) {
	.hidden-sm {display:none!Important;}
}
@media only screen and (max-width: 767.98px) {
  .hideOnMobile {display:none;}
  #topNav ul.nav>li>a {font-weight: 400;}
  #topNav ul.nav>li>ul {padding:0 !important;}
  #topNav ul.nav>li>ul>li>a {font-size: 16px;}
  #topNav ul.nav>li>ul>li>ul {padding:0 !important;}
  #topNav ul.nav>li>ul>li>ul>li>a {font-size: 16px;}
	#topNav ul.dropdown-menu a.dropdown-toggle:after {top:18px;}
  #topNav ul.nav>li>ul.pull-right {float: left !important;}
	.lead {font-size:18px !important; clear:both;}
  #topNav ul.nav>li.mega-menu div.row.rowMegaMenue {margin-bottom:0;}
  #topNav ul.nav>li.mega-menu div div.megaMenuDiv {border-left: 0; margin-bottom: 0;}
  #topNav ul.nav>li.mega-menu div div.megaMenuDiv a{
    font-size:16px;
    border-bottom: 1px solid #eee;
    padding: 19px 19px !important;
	}
  #topNav ul.nav>li.mega-menu div div.megaMenuDiv a.noborder{border-bottom: 1px solid #eee !important;}
	.box-content.thumbnail img {width: 400px;}
  div.toggle > label.gridXs:before {display:none;}
  .gridXs .boxMobileNewsPic {width:30%; padding-right: 10px;}
  .gridXs .boxMobileNewsPic img {max-width:80px;}
  .gridXs .boxMobileNewsText {width:500%;}
  #footer .spacedRight img {float:left; margin:10px 0 30px 0;}
	#stickyHelp {display:none; width:100%; clear:both; height: 163px !Important;}
	div.zoom.teaserItem {text-align: center;}
}
@media only screen and (max-width: 500px) {
	#stickyHelp {display:none; width:100%; clear:both; height: 146px !Important;}
  .slider div.tp-caption a {zoom:150%;}
}
/* ########### Styling für verschiedene Displaygrößen Ende ########### */