@charset "UTF-8";
/* siehe http://getbootstrap.com/css/#grid-options */


/* xs, sm, md */
@media screen and (max-width: 1199px) {
.menuewrapper .logo_v1 { left: 0; }


}

/* xs, sm */
@media screen and (max-width: 991px) {
header.top { width: 100%; }
.container { width: 100%; }
.frame-container { max-width: 100%; }
.col-md-8 { max-width: 100%; flex: 0 0 100%; }
.col-md-4 { max-width: 100%; flex: 0 0 100%; }
.container .row.splitter .gallery-item-size-1 { margin-left: auto; margin-right: auto; }

.container .slick-slider .gallery-item-size-1 { width: 100%; }
#mainnavbar { width: calc(100% - 230px); }

.container .slick-slider {
  padding: 0;
  background-color: transparent; 
}
.container .slick-slider .slick-slide:nth-child(1) .slickcontentelement.layout-0 .contentwrap { top: 10%; left: 70px; max-width: calc(100% - 140px); }
.container .slick-slider .slick-slide:nth-child(2) .slickcontentelement.layout-0 .contentwrap { top: 10%; left: 70px; max-width: calc(100% - 140px); }
.container .slick-slider .slick-slide:nth-child(3) .slickcontentelement.layout-0 .contentwrap { top: 10%; left: 70px; max-width: calc(100% - 140px); }

.container .slick-slider .slick-text p { font-size: 1.3em; }
.container .slick-slider .slick-text p a { font-size: 0.9em; }

}

/* xs - <768px */
@media screen and (max-width: 767px) {
.hometeaser { /*min-height: 224px;*/ }
.slick-slide img { width: 100%; }
.searchdiv { right: 90px !important; top: 22px !important; }
.menuewrapper .searchdiv #searchinput { width: 125px; }
#mainnavbar { position: relative; left: 0; top: 15px; }
#mainnavbar .navbar-nav > li > ul { /*display: block;*/ }
#mainnavbar .navbar-nav > li > a:hover + ul { display: none; }
#mainnavbar .navbar-nav > li > ul:hover { display: none; }
.navbar-toggler { width: unset; height: unset; }
.navbar-collapse { padding-left: 0; padding-right: 0; }
ul.dropdown-menu { position: relative; width: 100%; }
.navbar { margin-bottom: 15px; padding-left: 0; padding-right: 0; }
.navbar .navbar-header { width: 100%; }
.navbar-nav > li { width: 100%; }
.navbar-nav .dropdown-menu { position: static; }
.navbar-toggle { margin-top: 10px; margin-bottom: 0; background-color: #999; }
.navbar-toggle .icon-bar { background-color: #eee !important; }
.navbar-default .navbar-nav > li > ul { margin-bottom: 20px; }
.sidebarflip, 
.sidebarflip2 { margin-top: 20px; }
.row.main .sidebar { margin-top: 20px; }
.mainview { padding-left: 15px !important; }
.branding .organization-logos {  }
.branding .site-name-slogan { position: relative; margin: 0; }
.branding .site-slogan { padding: 10px 0; text-align: left; }
.branding .organization-logos a img { padding: 20px 10px; height: auto; }
.servicenav ul.menu { padding: 0; }
.home-sidebar { margin-top: 0; }
.home-sidebar .sidebarflip .content,
.home-sidebar .sidebarflip2 .content { text-align: center; }
.home-sidebar .sidebarflip .content .tbflip a,
.home-sidebar .sidebarflip2 .content .tbflip a { max-width: 370px; left: calc(50% - (370px / 2)); }

.sidebar .sidebarflip .content,
.sidebar .sidebarflip2 .content { text-align: center; }
.sidebar .sidebarflip .content .tbflip a,
.sidebar .sidebarflip2 .content .tbflip a { max-width: 370px; left: calc(50% - (370px / 2)); }

}

@media screen and (max-width: 576px) {

}

@media screen and (max-width: 460px) {
.servicenav ul.menu li { float: right; line-height: 30px; }
.servicenav ul.menu li a.icon__twitter::before { margin: 5px; }
.branding .organization-logos a img { width: 170px; padding: 20px 5px; }

.container .textmedia-intext-left .textmedia-gallery,
.container .textmedia-intext-right .textmedia-gallery { float: unset; }
.container .textmedia-left .textmedia-gallery,
.container .textmedia-right .textmedia-gallery { float: unset; }
.container .textmedia-left .textmedia-text { padding-left: 20px; }
.container .textmedia-right .textmedia-text { padding-right: 20px; }

.container .slick-slider .slick-slide:nth-child(1) .slickcontentelement.layout-0 .contentwrap { top: 0px; left: 40px; max-width: calc(100% - 80px); }
.container .slick-slider .slick-slide:nth-child(2) .slickcontentelement.layout-0 .contentwrap { top: 0px; left: 40px; max-width: calc(100% - 80px); }
.container .slick-slider .slick-slide:nth-child(3) .slickcontentelement.layout-0 .contentwrap { top: 0px; left: 40px; max-width: calc(100% - 80px); }

.container .slick-slider .slick-text p { font-size: 1.2em; }
.container .slick-slider .slick-text p a { font-size: 0.9em; }

}


@media screen and (max-width: 400px) {
.branding .organization-logos a img { width: 150px; }
.menuewrapper .searchdiv #searchinput { width: 80px; }
.home-sidebar .sidebarflip .content .tbflip a,
.home-sidebar .sidebarflip2 .content .tbflip a { left: 0; }
.sidebar .sidebarflip .content .tbflip a,
.sidebar .sidebarflip2 .content .tbflip a { left: 0; }

}
@media screen and (max-width: 355px) {
.branding .organization-logos a img { width: 135px; }
.menuewrapper .searchdiv #searchinput { width: 50px; }
}

/* sm - >=768px */
@media screen and (min-width: 768px) {
.dropdown-menu.ebene3 { display: none !important; }
}

/* sm - >=768px */
@media screen and (min-width: 768px) and (max-width: 991px) {
.hometeaser { min-height: 224px; height: calc(100% - 20px); }
.hometeaser .hometeaserbody { /*min-height: 147px;*/ }
.hometeaser .hometeaserfooter { position: absolute; bottom: 20px; width: calc(100% - 30px); }
.slick-slide img { width: 100%; }
.navbar-default .navbar-nav > li > a { padding-right: 20px; }
.menuewrapper .searchdiv #searchinput { width: 95px; }
.sidebarflip, 
.sidebarflip2 { margin-top: 20px; }
.row.main .sidebar { margin-top: 20px; }
.mainview { padding-left: 15px !important; }
.home-sidebar .sidebarflip .content,
.home-sidebar .sidebarflip2 .content { text-align: center; }
.home-sidebar .sidebarflip .content .tbflip a,
.home-sidebar .sidebarflip2 .content .tbflip a { max-width: 370px; left: calc(50% - (370px / 2)); }

.sidebar .sidebarflip .content,
.sidebar .sidebarflip2 .content { text-align: center; }
.sidebar .sidebarflip .content .tbflip a,
.sidebar .sidebarflip2 .content .tbflip a { max-width: 370px; left: calc(50% - (370px / 2)); }

}

/* md,lg - >=992px */
@media screen and (min-width: 992px) {
}

/* md - >=992px */
@media screen and (min-width: 992px) and (max-width: 1199px) {
header.top { width: 100%; }
.container { width: 100%; }
.navbar-default .navbar-nav > li > a { padding-right: 40px; }
}

/* lg - >=1200px */
@media screen and (min-width: 1200px) {

}


@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

  /* md screen, safari only override above media query */

#mainnavbar { width: calc(100vw - 20px); }

}}

@supports (-ms-ime-align:auto) {
   /* EDGE */
}

@media all and (-ms-high-contrast:none) {
  /* IE10 */
*::-ms-backdrop,  .beispiel {  } /* IE11 */
}
