/*
Responsive Stylesheet
--------------------------------
Ergänzung zu c_allgemein.css
Breakpoints: 576px, 768px, 992px, 1280px
--------------------------------
Claudio Giovanniello
Venne-Media
*/

/* 1280px, 1100px, 1060px, 900px, 720px, 640px, 599px, 530px, 520px, 468px, 412px, 365px */


@media screen and (max-width: 1280px) {
  .icon_nav {margin-right: 35px;}
  .content-wrapper {margin: 0 9px;}
}

@media screen and (max-width: 1100px) {
  .be_OV_Log {
    width: 100%;
  }
}

@media screen and (max-width: 1060px) {
  .icon_nav {
    position: absolute;
    right: 0;
  }
  .main-navigation {
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.05);
    padding-top: 20px;
    margin-top: 15px;
    padding-left: 0;
  }
  .be_logo {
    width: 100%;
  }
  .main-navigation ul {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
  .be_StatBox p {font-size: 2.5rem; }
  .be_StatInfo h4 {font-size: 1.1em;}
}
@media screen and (max-width: 900px) {
  .breadcrumbs-headline {width: 100%; text-align: center;}
  .sessioninformation {width: 100%; margin-top: 0;}
  .sessioninformation .logoutTimer {width: 65%; max-height: 52px;}
  .sessioninformation .widget {width: 35%;}
  .sessioninformation input {width: 100%}
  .be_StatIcon {font-size: 2rem;}
  .be_StatInfo h4 {font-size: 1em;}
  .be_StatInfo p {font-size: 2.2rem;}
  .be_StatBox {display: block; text-align: center;}
  .be_StatIcon::before { margin-right: 0;}
  .be_StatBox_L5 { padding: 45px 15px 35px 0px; }
  .be_StatBox_L5 ul { padding-left: 10px; padding-right: 10px; }
  .be_StatBox_L5 h4 {font-size: 1em; padding-left: 10px; }
  .be_StatBox_L5 li span { padding: 3px 10px; font-size: 10px; margin-right: 7px; }
  .be_StatBox_L5 li { font-size: 11px; }
}

@media screen and (max-width: 720px) {
   .be_StatBox { padding: 15px 8px; }
   .tooltips span { display: none; }
   .be_StatBox_L5 { padding: 45px 0px 0px 0px; width: 100%; }
   .be_StatBox_L5 h4 {font-size: 1.2em; padding-left: 22px; }
   .be_StatBox_L5 ul { padding-left: 22px; padding-right: 22px; }
   .be_StatBox_L5 li span { padding: 3px 15px; font-size: 11px; margin-right: 10px; }
   .be_StatBox_L5 li { font-size: 12px; }
   .be_OV_Log .x3x2 { margin-left: 84px; margin-top: -12px; display: block; }
}
@media screen and (max-width: 640px) {
  .main-navigation { display: none; }
  .main-navigation-mobile-open {
    display: block;
    height: 59px;
    background: rgba(0,0,0,0.03);
    width: 59px;
    padding: 20px 15px;
    border-radius: 15px;
  }
  .be_StatInfo h4 { font-size: 0.9em;}
  .verwaltung .be_logo { padding-left: 120px;}
  .verwaltung .be_logo img { width: 140px; padding-top: 10px;}
  .main-content { padding: 35px 20px; }
  .tagline-inner { padding-left: 9px; padding-right: 9px; }
}

@media screen and (max-width: 599px) {
  .be_NavIconX1 { margin-top: 6px; }
  .be_NavIconX2 { margin-top: 6px; }
}

@media screen and (max-width: 530px) {
  .be_OV_Log .x2x2 { width: 60px; }
}

@media screen and (max-width: 520px) {
  .sessioninformation .widget {width: 100%;}
  .sessioninformation .logoutTimer {width: 100%; border-radius: 15px 15px 0px 0px; text-align: center;}
  .sessioninformation input { border-radius: 0px 0px 15px 15px; }
  .be_StatBox { padding: 15px 0px; border-right: 0;}

  .be_OV_Log li span.x1 { width: 30%; }
  .be_OV_Log .x2x2 { width: 70%; }
  .be_OV_Log .x2name { display: block; width: 60%; float: left; }
  .be_OV_Log .x3 { display: block; max-width: 115px; }
}

@media screen and (max-width: 468px) {
  .icon_nav { margin-right: 0; background: transparent; }
  .be_OV_Log .x3x2 { margin-left: 5px; margin-top: -7px; }
}

@media screen and (max-width: 412px) {
  .vh100 { height: 100vh; /* Fallback */ height: calc(var(--vh, 1vh) * 100); transition: .2s; }
  .verwaltung .be_logo { padding-left: 100px;}
  .be_OV_Log .x2name {width: 55%;}
  .be_login {width: calc(100vw - 50px); height: auto;}
  .vh100 .be_logo {padding: 5px 35px 25px 35px;}
  .be_login .mod_login {padding: 20px; padding-top: 0px;}
  #tl_login_106 {margin-bottom: 0;}
  .be_login .main-content {padding: 35px 20px 20px 20px;}

}

/* SMALLEST POSSIBLE VIEW */
@media screen and (max-width: 365px) {
  .verwaltung .be_logo { display: none;}
  .main-navigation-wrapper { height: 100px; }
  .be_OV_Log .x3 {font-size: 9px; padding: 0 5px; }
  .be_hh_x4 {margin: 0; padding: 0;font-size: 9px; width: auto;}
  .be_hh_x3{margin: 0; padding: 0;font-size: 9px; width: auto;}
  .be_hh_x2{margin: 0; padding: 0;font-size: 9px; width: auto;}
  .be_hh_x1{margin: 0; padding: 0; font-size: 9px; width: auto;}
}