/* ****************************************************************************************************************** */
/* --- Variablen ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

:root {
  --ka-tabletwidth: 90%;
  --ka-tabletmargin: 5%;
}

/* ****************************************************************************************************************** */
/* --- max-width: 1610px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */


/* ****************************************************************************************************************** */
/* --- max-width: 1210px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */


/* ****************************************************************************************************************** */
/* --- max-width: 850px --------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */


/* ****************************************************************************************************************** */
/* --- max-width: 650px --------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 650px) {

  .col50 {
      float:left;
      margin-right:0px;
      width:calc(100% - 0px);
  }


  /* linearization for grid module */
  .subcolumns .first,
  .subcolumns .mod_colsetPart,
  .subcolumns .sc_second,
  .subcolumns > div {
      float:none;
      margin:0 !important;
  }
  .subcolumns .mod_colsetPart,
  .subcolumns .sc_second {
      margin-top:20px !important;
  }
  .subcolumns .subcl,
  .subcolumns .subcr,
  .subcolumns .subc {
      padding:0 !important;
  }
}

/* ****************************************************************************************************************** */
/* --- menu-mobile -------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1079px) {
  body {
      background-color:#ffc800;
      background-image: none;
  }
  #header {
      height:70px;
  }
  #HeaderLogo {
      width:100px;
      left:5px;
      position:absolute;
      top:5px;
  }
  #HeaderLogo2 {
      max-width:45%;
      left:120px;
      top:15px;
      position:absolute;
  }
  #mainnav,
  #startspaltenset1 {
      display:none;
  }
  #navmobil {
      right:5px;
      position:absolute;
      top:5px;
  }
  .mod_header_text {
      left:120px;
      position:absolute;
      top:5px;
  }
  .mod_header_text h1 {
      font-size:22px;
      line-height:19px;
      font-weight:bold;
      color:#c9040e;
      letter-spacing:0px;
  }
  .mod_header_text p {
      font-size:12px;
  }
  .mod_header_navi {
      display:none;
  }
  #wrapper,
  #container {
      width:100%;
      height:100%;
      margin:0;
      padding:0;
      background-image: none;
  }
  #main {
      width:100%;
      height:100%;
      margin:0;
      padding:0;
      background-color:#4d4d4d;
      background-image: clear;
  }
  #main .inside {
      margin:0;
      padding:15px 15px 15px 15px;
  }
  fieldset.checkbox_container {
      width:calc(100% - 8px);
      max-width:calc(100% - 8px);
  }
  #startart,
  .subcl {
      width:100% !important;
  }
  .subcolumns .first,
  .subcolumns .mod_colsetPart,
  .subcolumns .sc_second,
  .subcolumns > div {
      /*
      width:90%;
      max-width:500px;
      */
      width:100%;
      max-width:100%;
      float:none;
      margin:0 !important;
  }
  .mod_newslist,
  .mod_newslist div {
      width:100%;
      max-width:100%;
      margin-right:0;
      margin-left:0;
      padding-right:0;
      padding-left:0;
  }

  input.text,
  input.password,
  textarea {
      width:calc(100% - 130px);
  }

  textarea {
      height:100px;
  }


  #footer {
      width:100%;
  }
  .footerbox {
      height:100%;
      float:none;
  }
  .mod_footer_copyright,
  .mod_footer_navi {
      width:90%;
      height:100%;
      position:relative;
      float:left;
      margin:0 0 0 15px;
      padding:0;
  }

  .mm-list > li strong {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0;
  }

}


/* ****************************************************************************************************************** */
/* --- Mobile-Navigation -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */
@media only screen and (max-width: 1079px) {

  .mobile_menu_overlay {

  }
  .mobile_menu {
      max-width:260px;
      z-index: 999;
  }
  .mobile_menu .inner {
      background-color:#4d4d4d;
      color:#f1f1f1;
      text-transform:uppercase;
      font-size: 14px;
      z-index: 999;
  }
  .mobile_menu .inner .ce_text1,
  .mobile_menu .inner .ce_text h1,
  .mobile_menu .inner .ce_text p,
  .mobile_menu .inner .ce_text a1 {
      margin-top:0;
      margin-bottom:0;
      padding:4px 0 4px 15px;
      font-size:15px;
      color:#FFF;
  }
  .mobile_menu .mod_navigation,
  .mobile_menu .mod_customnav {
    clear:both;
    margin:0 0 20px;
    justify-content: flex-start;
  }
  .mobile_menu .mod_navigation .submenu3-preview,
  .mobile_menu .mod_customnav .submenu3-preview {
    display:none;
  }
  .mobile_menu .mod_navigation ul.level_1,
  .mobile_menu .mod_customnav ul.level_1 {
    margin:0;
    padding:15px 15px 0 15px;

  }
  .mobile_menu li.active.submenu_show > ul {
      padding-top:8px;
  }
  .mobile_menu .mod_navigation ul li,
  .mobile_menu .mod_customnav ul li {
      float:none;
      margin:0;
      padding:0;
      list-style-type:none;
  }
  .mobile_menu .mod_navigation ul li img,
  .mobile_menu .mod_customnav ul li img {
      display:none;
  }
  .mobile_menu .mod_navigation li span,
  .mobile_menu .mod_customnav li span {
      width:100%;
      position:relative;
      display:block;
      font-size:15px;
      letter-spacing:.02em;
  }
  .mobile_menu .mod_navigation a,
  .mobile_menu .mod_navigation strong,
  .mobile_menu .mod_customnav a,
  .mobile_menu .mod_customnav strong {
      display:block;
      padding:4px 0;
      border-bottom:1px solid #4d4d4d;
      font-size:15px;
      text-decoration:none;
      color:#fff;
      letter-spacing:.02em;
      font-weight: 400;
  }
  .mobile_menu .mod_navigation li span.active,
  .mobile_menu .mod_customnav li span.active {
      display:block;
      padding-top:4px;
      padding-bottom:4px;
      border-bottom:1px solid #4d4d4d;
      color:var(--ka-bk-lightblue);
      letter-spacing:.02em;
  }
  .mobile_menu .mod_navigation a:focus,
  .mobile_menu .mod_navigation a:hover,
  .mobile_menu .mod_customnav a:focus,
  .mobile_menu .mod_customnav a:hover {
      color:#c2c2c2;
  }
  .mobile_menu .mod_navigation a.trail:focus,
  .mobile_menu .mod_navigation a.trail:hover,
  .mobile_menu .mod_customnav a.trail:focus,
  .mobile_menu .mod_customnav a.trail:hover {
      color:#fff;
  }
  .mobile_menu .submenu > a1::after,
  .mobile_menu .submenu > span::after {
      width:20px;
      height:20px;
      right:5px;
      position:absolute;
      display:inline-block;
      text-align:center;
      font-size:15px;
      line-height:18px;
      top:0;
      content: '›';
  }
  .mobile_menu .submenu_show > a::after,
  .mobile_menu .submenu_show > span::after {
      text-indent:4px;
      transform: rotate(90deg);
  }
  .mobile_menu .mod_navigation li.active.submenu_show,
  .mobile_menu .mod_customnav li.active.submenu_show {
      padding-bottom:0;
      border:0px solid #666;
  }
  .mobile_menu .mod_navigation ul.level_2,
  .mobile_menu .mod_customnav ul.level_2 {
      margin:0;
      padding:0;
  }
  .mobile_menu .mod_navigation .level_2 a,
  .mobile_menu .mod_navigation .level_2 strong,
  .mobile_menu .mod_customnav .level_2 a,
  .mobile_menu .mod_customnav .level_2 strong {
      padding-left:10px;
      background-color:#383838;
  }
  .mobile_menu .mod_navigation .level_2 a.first,
  .mobile_menu .mod_navigation .level_2 strong.first,
  .mobile_menu .mod_customnav .level_2 a.first,
  .mobile_menu .mod_customnav .level_2 strong.first {
      border-top:0;
  }
  .mobile_menu .mod_navigation .level_2 a.trail:focus,
  .mobile_menu .mod_navigation .level_2 a.trail:hover,
  .mobile_menu .mod_customnav .level_2 a.trail:focus,
  .mobile_menu .mod_customnav .level_2 a.trail:hover {
      color:#fff;
  }
  .mobile_menu .mod_navigation ul.level_2 li.active {
      padding-top:0;
      padding-bottom:0;
  }
  .mobile_menu .mod_navigation .level_2 li.active > span {
      padding-top:8px;
      padding-bottom:8px;
      padding-left:20px;
      background-color:#383838;
  }
  .mobile_menu ul.level_2 li.active.submenu_show > ul {
      padding-top:0;
  }
  .mobile_menu ul.level_2 li.active.submenu_show > ul span {
      padding-top:0;
      padding-bottom:0;
      background-color:#fff;
  }
  .mobile_menu .mod_navigation ul.level_3 {
      margin-bottom:0;
      margin-left:0;
      padding:0;
  }
  .mobile_menu .mod_navigation .level_3 a,
  .mobile_menu .mod_navigation .level_3 strong {
      padding-left:40px;
      background-color:#fff;
      color:#333;
  }
  .mobile_menu .mod_navigation .level_3 a.first,
  .mobile_menu .mod_navigation .level_3 strong.first {
      border-top:0;
  }
  .mobile_menu .mod_navigation .level_3 a:focus,
  .mobile_menu .mod_navigation .level_3 a:hover {
      color:#8c6e4a;
  }
  .mobile_menu .mod_navigation ul.level_3 a.trail:focus,
  .mobile_menu .mod_navigation ul.level_3 a.trail:hover {
      color:#fff;
  }
  .mobile_menu .mod_navigation ul.level_3 li.active {
      background-color:#fff;
      color:#8c6e4a;
  }
  .mobile_menu .mod_navigation .level_3 li.active > span {
      padding-left:40px;
      background-color:#fff;
  }
  .mobile_menu .mod_navigation ul.level_3 span {
      padding-top:0;
      padding-bottom:0;
      padding-left:0;
      background-color:#fff;
  }
  .mobile_menu .cta,
  .mobile_menu .socials {
      min-height:32px;
      display:block;
      margin-top:10px;
      margin-left:15px;
      padding-bottom:0;
      padding-left:0;
  }
  .mobile_menu .cta {
      margin-top:40px;
  }
  .mobile_menu .cta img {
      width:44px;
      float:left;
  }
  .mobile_menu .cta .text {
      margin-top:0;
      margin-bottom:0;
      padding-top:0;
      padding-bottom:0;
      color:#FFF;
  }
  .mobile_menu .logo {
      max-width:calc(100% - 40px);
      margin:25px 0 40px;
      padding:0 20px;
  }
  .mobile_menu .logo img {
      margin:0;
      padding:0;
  }
  .mobile_menu .cta h3,
  .mobile_menu .socials h3,
  .mobile_menu .socials .hyperlink {
      float:left;
      display:block;
      margin-top:0;
      margin-right:15px;
      margin-bottom:0;
      padding-top:0;
      padding-bottom:0;
  }
  .mobile_menu .cta h3,
  .mobile_menu .socials h3 {
      margin-top:0;
      margin-bottom:0;
      margin-left:18px;
      color:#ac936e;
  }
  .mobile_menu .socials .hyperlink {
      width:20px;
      height:20px;
  }
  .mobile_menu ::-webkit-scrollbar {
      display:none;
  }
  .mobile_menu {
      display:none;
      -ms-overflow-style: none;
      // IE 10+
                  overflow: -moz-scrollbars-none;
      // Firefox
                  overflow-y: -moz-hidden-unscrollable;
      -moz-scrollbars-vertical:hidden;
  }
  .navi_title {
      text-align:center;
      color: white;
  }
  .navi_footer {
      text-align:center;
      color: white;
  }

}