/*@media (max-width:767px) {*/

@media (max-width: 767px) {

.stoerer-blue {
display: none;
}
  body.home {
    background: none;
  }
  body.home * {
    box-sizing: border-box;
  }
  body.home #white_container {
    margin: 0;
  }
  body.home #white_container #logo_container {
    width: 100%;
  }
  body.home #white_container #logo_container #logo {
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
  }
  body.home #white_container #logo_container #subtext {
    text-align: center;
    font-size: 22px !important;
    font-size: 5vw !important;
  }
  body.home nav#menu {
    background: transparent;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto 20px;
  }
  body.home nav#menu .menu > li {
    width: 100%;
    background: #e3e3e3;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
  }
  body.home nav#menu .menu > li a {
    font-size: 6vw;
    padding: 0.2em 0;
    display: block;
    line-height: 1.675em;
    background: #f4f4f4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #e3e3e3 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e3e3e3));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #e3e3e3 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 0%, #e3e3e3 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 0%, #e3e3e3 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 0%, #e3e3e3 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#e3e3e3', GradientType=0);
    /* IE6-9 */
    border-top: 2px solid white;
    border-bottom: 2px solid #c8c8c8;
    border-left: 2px solid #dfdfdf;
    border-right: 2px solid #dfdfdf;
  }
  body.home nav#menu .menu > li:first-of-type {
    padding: 0;
  }
}


     /*Max responsive continue*/



@media (min-width: 300px) and (max-width: 760px) {


body.home nav#menu .menu > li a {
  font-size: 22px;
  padding: 0.2em 0;
  display: block;
  line-height: 1.675em;
  background: #e3e3e3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e3e3e3 0%, #e3e3e3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e3e3e3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e3e3e3 0%, #e3e3e3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e3e3e3 0%, #e3e3e3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e3e3e3 0%, #e3e3e3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e3e3e3 0%, #e3e3e3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#e3e3e3', GradientType=0);
  /* IE6-9 */
  /*border-top: 2px solid white;*/
  /*border-bottom: 2px solid #c8c8c8;*/
  /*border-left: 2px solid #dfdfdf;*/
  /*border-right: 2px solid #dfdfdf;*/
  border: 1px solid #FFFFFF
}
  body.home nav#menu .menu > li{
    margin-top: 1px;
  }
  body.home nav#menu .menu > li:hover{
    color: #ffffff;
    background-color: #2B5FA7;
  }
  body.home nav#menu .menu > li:hover a{
    color: #ffffff;
    /*background-color: #2B5FA7;*/
    background: linear-gradient(to bottom, #2B5FA7 0%, #2B5FA7 100%);
  }
  body.home nav#menu .menu > li a:hover{
    color: #ffffff;
    background-color: #2B5FA7;
  }
  body.home nav#menu .menu > li:last-of-type {
    padding: 25px 0 0 0;
    background: none;
    text-align: center;
  }
  body.home nav#menu .menu > li:last-of-type a {
    padding: 0;
    background: none;
  }
  body.home nav#menu .menu > li:last-of-type a img{
    position: relative!important;
    float: none!important;
    height: 44px!important;
    margin-top: 0!important;
  }
  body.home nav#menu{
    width: 100%;
    padding-top: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }
.mob-logo{
  max-width: 100%;
}
  .menu.mm--open{
    background-color: white;
    padding-top: 60px;
  }
 nav#menu ul.menu.mm--open > li.menu-item{
    display: block;
    text-align: center;
   font-size: 22px;
   border: none;
  }
  nav#menu ul.menu.mm--open li.current-menu-item a{
    color: #2B5FA7;
  }
  nav#menu ul.menu.mm--open li a{
    padding: 1px 20px;
    color: #000000;
    font-size: 22px;
  }
  nav#menu ul.menu.mm--open > li.menu-item {
    content: none;
  }
  nav.mm li:after {
    content: none;
    display: none;
    /*margin-left: 20px;*/
    /*margin-left: var(--mm-item-indent);*/
    border-top: 0px;
    /*opacity: .15;*/
  }
  nav#menu ul.menu.mm--open li.current-page-ancestor a{
    font-weight: bold;
    color: #2B5FA7;
  }
  nav.mm a.small-logo{
    background-color: white;
    width: 105%;
    text-align: center;
    padding-top: 60px;
  }
  nav.mm a.small-logo{
    display: none;
  }
  nav.mm a.mob-menu_logo{
    display: block;
    /*width: 100%;*/
    text-align: center;
    background: white;
    padding-top: 40px;
    width: 105%;
  }
  nav.mm a.mob-menu_logo img{
    width: 158px;
  }
  nav.mm a.menu-fb-icon{
    display: inline-block;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 0;
    background: white;
    left: 44%;
  }
  nav.mm a.menu-fb-icon img{
    width: 44px;
  }
  .burger_button{
    display: inline-block;
    float: right;
    width: 25px;
    margin-right: 20px;
  }
  .burger_button .divider{
    height: 4px;
    width: 100%;
    background-color: #2B5FA7;
    display: inline-block;
    margin-bottom: 4px;
    float: inherit;
  }
  #white_container{
    margin-top: 0;
  }
  #page_container{
    width: 100%;
    padding-top: 130px;
  }
  #background_container{
    width: 100%;
  }
  #page_container #content{
    width: 100% !important;

  }
  .entry-content{
    width: 92%;
    padding-left: 4%;
    padding-right: 4%;
  }
  .entry-content img{
    width: 100%;
    height: auto;
  }
  #feat_image img{
    max-width: 100%;
    height: auto;
    top: 0;
  }
  body{
    background: none;
  }
.page .mob-children{
  /*display: block;*/
  /*padding-top: 35px;*/
  /*padding-right: 4%;*/
  /*padding-left: 4%;*/
}
  #page_container #content{
    padding: 20px 0;
    overflow: auto;
  }
  .page-id-212 #page_container #content{
    padding: 20px 0;
    overflow: initial;
  }
  #page_container #content p {
    margin-top: 10px;
    line-height: 1.6em;
    color: #808080;
    overflow: auto;
  }
  #page_container #content h1{
    font-size: 22px;
    text-align: center;
  }
  .mob-children li {
    padding: 10px 0;
    margin-bottom: 2px;
    background: #ebebeb;
    clear: both;
    /*padding-right: 0px;*/
    text-align: center;
    /*position: relative;*/
  }
  .mob-children.show li{
    position: relative;
  }
  .mob-children li a{
    font-size: 22px;
    color: #333;
  }
  .mob-children .children{
    display: none;
  }
  .mm-blocker.mm--open{
    background: rgba(214, 214, 214, 0.61);
    mix-blend-mode: normal;
    backdrop-filter: blur(4px);
  }
  .page #side_menu{
    display: none!important;
  }
  #footer_container{
    width: 100%;
  }
  #footer_container img{
    max-width: 100%;
    width: 100%;
  }
  .wp-caption{
    width: 100% !important;
  }
  .page-id-201 .entry-content{
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  #footer_container_small{
    width: 100%;
  }
  #footer_container_small img{
    max-width: 100%;
    padding-left: 0;
  }
  .wrapper-children-mob{
    padding-top: 20px;
    text-align: center;
  }
  .dropdown-content{
    /*display: none;*/
    max-height: 0;
    transition: all 0.3s;
  }
  .dropdown-content.show{
    display: block;
    max-height: 100%;
    transition: all 0.3s;
  }
  .mob-inner h2.dropbtn{
    padding: 10px 0px;
    margin-bottom: 2px;
    background: #F3F3F3;
    clear: both;
    /*padding-right: 0px;*/
    text-align: center;
    font-weight: 400;
    font-family: inherit;
    width: 100%;
    font-size: 22px;
    line-height: 24px;
  }
  .wrapper-children-mob{
    padding-right: 4%;
    padding-left: 4%;
  }
  .mob-inner h2 i{
    float: right;
    margin-right: 5%;
    margin-left: -5%;
  }
  .mob-inner h2.fa-angle-down:before {
    content: "";
  }
  .fa-angle-down:after {
    content: "\f107";
    font-family: FontAwesome;
    /*float: right;*/
    /*margin-right: 5%;*/
    /*margin-left: -5%;*/
    position: absolute;
    right: 9%;
  }
  div.parent-title-wrapper, div.wrapper-children-mob{
    display: block;
  }
  a.mob_scroll_top{
    display: inline-block;
    float: right;
    width: 43px;
    background-color: white;
    opacity: 0.6;
    border-radius: 30px;
  }
  a.mob_scroll_top img{
    width: 50px;
    margin-right: 5%;
  }
  #white_container{
    height: auto;
  }
  .fa-arrow-circle-up:before {
    content: "\f0aa";
    font-family: FontAwesome;
    font-size: 50px;
    line-height: 43px;
  }
  .mob-children .children.open{
    display: block;
  }
  span.toogle-btn{
    position: absolute;
    top: 14px;
    right: 20px;
  }
  span.fa-angle-down:after{
    content: none;
    position: relative;
  }
 .mob-children ul.children + span.fa-angle-down:before{
    visibility: hidden;
    opacity: 0;
  }
  .mob-children.show ul.children + span.fa-angle-down:before{
    visibility: visible;
    opacity: 1;
  }
  h2.parent_title{
    display: block;
    font-size: 22px;
    color: #2b5fa7;
    padding-left: 4%;
  }
ul.children.open li{
  border-top: 1px solid #fff;
  /*border-bottom: 1px solid #fff;*/
}
  #footer_container_small video{
    max-width: 100%;
    padding-left: 0;
  }
  #mapp0_layout{
    width: 100%!important;
  }
  .page-id-212 #page_container {
    width: 100%;
    padding-top: 350px;
  }
  .page-id-212 #mapp0_layout {
    /*width: 1110px;*/
    /*height: 324px;*/
    position: absolute;
    top: -400px;
    left: 0;
  }

  .page-id-212 #feat_image{
    width: 100%;
  }
  .page-template-template-kontakt .content-right {
    position: relative;
    left: auto;
    width: 92%;
    padding-left: 4%;
    padding-right: 4%;
    top: auto;
  }
  .page-template-template-kontakt .content-right #gmap_canvas {
    width: 100% !important;
  }
  .page-template-template-kontakt .anim-wrapper{
    width: 100%;
  }
  .page-template-template-kontakt .anim-wrapper .mitarbeiter{
    width: 100%;
    float: none;
    margin-right: 0;
    text-align: left;
    font-size: 13px;
  }
  .page-template-template-kontakt .anim-wrapper .mitarbeiter tbody tr:first-child th:nth-of-type(1){
    width: 25% !important;
  }
  .page-template-template-kontakt .anim-wrapper .mitarbeiter tbody tr:first-child th:nth-of-type(2){
    width: 23% !important;
  }
  .page-template-template-kontakt .anim-wrapper .mitarbeiter tbody tr:first-child th:nth-of-type(3){
    width: 10% !important;
  }
  .page-template-template-kontakt .anim-wrapper .mitarbeiter tbody tr:first-child th:nth-of-type(4){
    width: 23% !important;
  }
  .page-template-template-kontakt .anim-wrapper .mitarbeiter tbody tr:first-child th:nth-of-type(5){
    width: 10% !important;
  }
  .mitarbeiter .meta-mail a{
    font-size: 16px;
  }
.kontakt-form{
  float: none;
  width: 100%;
}

  .page.page-id-84 #page_container section#content{
    padding-bottom: 0;
    overflow: hidden;
  }
.page-id-84 #footer_container img{
  display: none;
}
  .page.page-id-84 a.team-foto{
    display: block;
    /*position: absolute;*/
    margin-top: 40px;
    bottom: 0;
    margin-left: -4%;
    margin-right: -4%;
    width: auto;
  }
  .page.page-id-84 a.team-foto img{
    display: block;
    /*position: absolute;*/
    /*margin-top: 40px;*/

  }
  .page.page-id-278 #fancybox-wrap{
    width: 77%!important;
    height: 200px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancyboxID-558 video{
    width: 275px!important;
    height: 160px!important;
    object-fit: contain!important


  }
  .page.page-id-278 #fancybox-wrap #fancyboxID-558{
    height: 180px!important;
  }



  .page-parent.page-child .mob-inner .dropbtn{
    display: none;
  }
  .page-parent.page-child .mob-children.dropdown-content{
    display: block;
    max-height: fit-content;
  }
  .page-parent.page-child .mob-children.dropdown-content li{
    display: none;
  }
  .page-parent.page-child .mob-children.dropdown-content li.current_page_item{
    display: block;
    position: relative;
  }
  .page-parent.page-child .mob-children.dropdown-content li.current_page_item .open li{
    display: block;
  }
  .page-parent.page-child .mob-children.dropdown-content li.current_page_item span.fa-angle-down:before{
    /*position: relative;*/
    visibility: visible;
    opacity: 1;
  }
 .page.page-id-209 #page_container #content table tbody .jb-splash-info.jb-layer p{
   width: 20px;
   height: 15px;
   overflow: hidden;
 }
  .page.page-id-209 #page_container #content table tbody .jb-splash-info.jb-layer p:after{
    content: 'Bilder';
    display: inline-block;
    position: absolute;
    margin-top: -54px;
    margin-left: 20px;
  }
  .page.page-id-209 #page_container #content table tbody .jb-splash-info.jb-layer a.jb-splash-view-glry{
    padding: 0;
    width: 0;
    overflow: hidden;
  }
  .page.page-id-209 #page_container #content table tbody .jb-splash-info.jb-layer a.jb-splash-view-glry:after{
    content: 'Galerie ansehen';
    display: inline-block;
    width: auto;
    position: absolute;
    margin-top: -40px;
    padding-left: 20px;

  }




  .current_page_ancestor.current_page_parent>a{
    color: #2b5fa7;
    font-weight: bold;
  }
  .current_page_ancestor.current_page_parent .current_page_item>a{
    color: #2b5fa7;
  }
  .arrow-holder{
    position: fixed;
    right: 15px;
    bottom: 0;
    z-index: 15;
  }
 .mob-children li.current_page_item>a{
    color: #2b5fa7;
  }































  /*body.page-id-209 #page_container #gallery-container tbody .jb-splash-info.jb-layer p{*/
   /*width: 20px;*/
   /*overflow: hidden;*/
   /*height: 15px;*/
 /*}*/
  /*.page-id-209 #gallery-container tbody .jb-splash-info.jb-layer p:after{*/
    /*content: ' Bilder ';*/
    /*display: inline-block;*/
    /*width: 40px;*/
    /*font-size: inherit;*/
    /*height: 20px;*/
    /*position: absolute;*/
    /*!* top: 0; *!*/
    /*margin-left: 15px;*/
    /*margin-top: -54px;*/
  /*}*/
  /*body.page-id-209 #page_container #gallery-container tbody .jb-splash-info.jb-layer a{*/
    /*width: 0;*/
    /*overflow: hidden;*/
    /*padding-left: 0;*/
    /*padding-right: 0;*/
  /*}*/
  /*body.page-id-209 #page_container #gallery-container tbody .jb-splash-info.jb-layer a:after{*/
    /*content: 'Galerie ansehen';*/
    /*!*content: 'Galerie ansehen';*!*/
    /*position: absolute;*/
    /*margin-left: 20px;*/
    /*margin-top: -30px;*/
  /*}*/
}





.page-id-84 a.team-foto{
  display: none;
}


.parent_title{
  display: none;
}

.mob-menu_logo{
  display: none;
}
.menu-fb-icon{
  display: none;
}
.parent-title-wrapper, .wrapper-children-mob{
  display: none;
}
.mm a.mob-menu_logo{
  display: none;
}
.mob-children{
  display: none;
}
.desktop-logo{
  display: none;
}
.only-desktop{
  display: none;
}
.mob_scroll_top{
  display: none;
}
 /*desktop logo*/
@media(min-width: 768px){
  .desktop-logo{
    display: inline-block;
    /*margin-top: 135px;*/
  }
  .mob-logo{
    display: none;
  }
  .only-desktop{
    display: block;
  }
}






/*landscape mobile orientation*/
@media (min-width: 560px) and (max-width: 767px){
  #page_container{
    padding-top: 210px;
  }
  nav.mm a.menu-fb-icon{
    left: 85%;
  }
  .burger_button{
    margin-right: 4%;
  }
  .page.page-id-278 #fancybox-wrap{
    width: 77%!important;
    height: 200px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancyboxID-558 video{
    width: 305px!important;
    height: 160px!important;
    object-fit: cover!important


  }
  .page.page-id-278 #fancybox-wrap #fancyboxID-558{
    height: 180px!important;
  }
}



/*large mobile iphone 7+ 8+ devices landscape*/
@media (min-width: 730px) and (max-width: 767px){
  #page_container {
    padding-top: 235px;
  }
}

/*extra small devices styles*/
@media (min-width: 320px) and (max-width: 325px){
  nav.mm a.mob-menu_logo{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .menu.mm--open{
    padding-top: 30px;
  }
  nav#menu .menu > li{
    line-height: 40px;
  }
  .page-template-template-kontakt .anim-wrapper .mitarbeiter{
    width: 100%;
    float: none;
    margin-right: 0;
    text-align: left;
    font-size: 11px;
  }
}
@media (min-height:737px) and (max-height: 820px){
  nav.mm a.menu-fb-icon{
    bottom: 20%;
  }
}



/*video mobile styles*/

/*extra small devices*/
@media (min-width:320px) and (max-width:325px){
  .page.page-id-278 #fancybox-wrap{
    width: 78%!important;
    height: 180px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancyboxID-558 video{
    width: 280px!important;
    height: 160px!important;
    object-fit: contain!important

  }
  .page.page-id-278 #fancybox-outer{
    width: 96%;
  }

  .page.page-id-278 #fancybox-wrap #fancyboxID-558{
    height: 180px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancybox-content{
    height: 160px!important;
  }
}



/*portrait small devices*/
@media (min-width:360px) and (max-width:380px){
  .page.page-id-278 #fancybox-wrap{
    width: 81%!important;
    height: 180px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancyboxID-558 video{
    width: 280px!important;
    height: 160px!important;
    object-fit: contain!important

  }
  .page.page-id-278 #fancybox-outer{
    width: 96%;
  }

  .page.page-id-278 #fancybox-wrap #fancyboxID-558{
    height: 180px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancybox-content{
    height: 160px!important;
  }
}

/*portrait medium mobile 7+ 8+ devices*/
@media (min-width:380px) and (max-width:420px){
  .page.page-id-278 #fancybox-wrap{
    width: 83%!important;
    height: 180px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancyboxID-558 video{
    width: 313px!important;
    height: 160px!important;
    object-fit: contain!important

  }
  .page.page-id-278 #fancybox-outer{
    width: 96%;
  }

  .page.page-id-278 #fancybox-wrap #fancyboxID-558{
    height: 180px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancybox-content{
    height: 160px!important;
  }
}

/*landscape small devices*/
@media (min-width:560px) and (max-width:640px){
  .page.page-id-278 #fancybox-wrap{
    width: 86%!important;
    height: 205px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancyboxID-558 video{
    width: 465px!important;
    height: 187px!important;
    object-fit: cover!important


  }
  .page.page-id-278 #fancybox-wrap #fancyboxID-558{
    height: 180px!important;
  }
}

/*landscape medium 7 8 mob devices*/
@media (min-width:641px) and (max-width:700px){
  .page.page-id-278 #fancybox-wrap{
    width: 91%!important;
    height: 245px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancyboxID-558 video{
    width: 565px!important;
    height: 225px!important;
    object-fit: cover!important

  }
  .page.page-id-278 #fancybox-outer{
    width: 96%;
  }

  .page.page-id-278 #fancybox-wrap #fancyboxID-558{
    height: 225px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancybox-content{
    height: 225px!important;
  }
}

/*landscape medium 7 8 mob devices*/
@media (min-width:701px) and (max-width:760px){
  .page.page-id-278 #fancybox-wrap{
    width: 92%!important;
    height: 245px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancyboxID-558 video{
    width: 635px!important;
    height: 280px!important;
    object-fit: cover!important

  }
  .page.page-id-278 #fancybox-outer{
    width: 96%;
  }

  .page.page-id-278 #fancybox-wrap #fancyboxID-558{
    height: 275px!important;
  }
  .page.page-id-278 #fancybox-wrap #fancybox-content{
    height: 275px!important;
  }
}