@font-face {
    font-family: Marselis;
    src: url(../fonts/Marselis400.woff2) format("woff2"), 
         url(../fonts/Marselis400.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Marselis;
    src: url(../fonts/Marselis500.woff2) format("woff2"), 
         url(../fonts/Marselis500.woff) format("woff");
    font-weight: 500;
    font-style: bold;
    font-display: swap;
}
@font-face {
    font-family: Marselis Slab;
    src: url(../fonts/Marselis_Slab400.woff2) format("woff2"), 
         url(../fonts/Marselis_Slab400.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Marselis Slab;
    src: url(../fonts/Marselis_Slab500.woff2) format("woff2"), 
         url(../fonts/Marselis_Slab500.woff) format("woff");
    font-weight: 500;
    font-style: bold;
    font-display: swap;
}
  @font-face {
    font-family: 'ruv-icons';
    src: url('../fonts/RUV-Icons.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
:root {
  --lightgreen: rgb(167, 213, 76);
  --green: rgb(91, 122, 3);
  --red: rgb(218, 38, 27);
  --lightred: rgb(255, 171, 171);
  --colorDefault: #001957;
  --grey: #ececec;
  --white: #ffffff;
  --turkis:#109da8;
  --turkisLight:#138c99;
  --greenHover:#167b8a;
}
.table_ th{text-align: center;}
.mkl:hover{color:var(--greenHover);text-decoration: underline;}
.mkl:hover svg g{fill:var(--greenHover);}
.lightgreen{color: var(--lightgreen);}
.green{color: var(--green);}
.red{color: var(--red);}
.lightred{color: var(--lightred)}

.ruv-i {font-family: "ruv-icons";font-style: normal;font-size: 20px;   font-style: normal;  font-weight: 700;  speak: none;  display: inline-block;  text-decoration: none;  } 
.ruv-i:after{font-size: 1.5em;}
.ruv-i-info-circle:after {content: ""; } .ruv-i-info-circle-bold:after {content: ""; } .ruv-i-exclamation-mark-bold:after {content: ""; } 
.ruv-i-exclamation-mark:after {content: ""; } .ruv-i-question-circle:after {content: ""; } .ruv-i-question-circle-bold:after {content: ""; } .ruv-i-cubic-meter:after {content: ""; } .ruv-i-square-meter:after {content: ""; } 
.ruv-i-camera:after {content: ""; } .ruv-i-house-check:after {content: ""; } .ruv-i-incoming-call:after {content: ""; } .ruv-i-instagram:after {content: ""; } .ruv-i-facebook:after {content: ""; } .ruv-i-twitter:after {content: ""; } 
.ruv-i-grapes:after {content: ""; } .ruv-i-tennis:after {content: ""; } .ruv-i-gun:after {content: ""; } .ruv-i-phone:after {content: ""; } .ruv-i-bicycle:after {content: ""; } .ruv-i-airplane:after {content: ""; } 
.ruv-i-rocker:after {content: ""; } .ruv-i-explosion:after {content: ""; } .ruv-i-plaster:after {content: ""; } .ruv-i-cloverleaf:after {content: ""; } .ruv-i-windmill:after {content: ""; } .ruv-i-quote:after {content: ""; } 
.ruv-i-tree:after {content: ""; } .ruv-i-boat:after {content: ""; } .ruv-i-tractor:after {content: ""; } .ruv-i-diagramm-pie-chart:after {content: ""; } .ruv-i-diagramm-bar:after {content: ""; } .ruv-i-eur-square-meter:after {content: ""; } 
.ruv-i-money:after {content: ""; } .ruv-i-shield-paw:after {content: ""; } .ruv-i-shield:after {content: ""; } .ruv-i-banking:after {content: ""; } .ruv-i-skyscraper:after {content: ""; } .ruv-i-motorcycle:after {content: ""; } 
.ruv-i-moped:after {content: ""; } .ruv-i-scooter:after {content: ""; } .ruv-i-house:after {content: ""; } .ruv-i-person-two-kid:after {content: ""; } .ruv-i-person-two:after {content: ""; } .ruv-i-person-kid:after {content: ""; } 
.ruv-i-person:after {content: ""; } .ruv-i-compass:after {content: ""; } .ruv-i-globe:after {content: ""; } .ruv-i-emoticon-negativ:after {content: ""; } .ruv-i-emoticon-positiv:after {content: ""; } .ruv-i-checkmark-circle:after {content: ""; } 
.ruv-i-document:after {content: ""; } .ruv-i-folder-open:after {content: ""; } .ruv-i-folder-closed:after {content: ""; } .ruv-i-target:after {content: ""; } .ruv-i-document-pdf:after {content: ""; } .ruv-i-dollar:after {content: ""; } 
.ruv-i-eur:after {content: ""; } .ruv-i-attention-lightning:after {content: ""; } .ruv-i-storm-sea:after {content: ""; } .ruv-i-storm:after {content: ""; } .ruv-i-pointer:after {content: ""; } 

.ruv-i-tooth-broken:after {content: "\e93d"; } 
.ruv-i-tooth-plus:after {content: "\e93e"; } 
.ruv-i-tooth-star:after {content: "\e93f"; } 
.ruv-i-tooth:after {content: "\e940"; } 

.ruv-i-tick:after {content: "\e941";} 
.ruv-i-cross:after {content: "\e97B"; }



.ruv-i-clock:after {content: "\E931 "; } 
.ruv-i-trolli:after {content: "\E943"; } 
.ruv-i-baby:after {content: "\E944"; }
.ruv-i-sun-cloud:after {content: "\E945"; } 
.ruv-i-sun:after {content: "\E946"; } 
.ruv-i-r:after {content: "\E947"; } 
.ruv-i-kw:after {content: "\E948"; } 
.ruv-i-ps:after {content: "\E949"; } 
.ruv-i-kilometer:after {content: "\E94A"; } 
.ruv-i-stop:after {content: "\E94B"; } 
.ruv-i-document-excel:after {content: "\E94C"; } 

.ruv-i-document-word:after {content: ""; } 
.ruv-i-calendar:after {content: ""; } 
.ruv-i-folded:after {content: ""; } 
.ruv-i-certificate:after {content: ""; } 
.ruv-i-book-paragraph:after {content: ""; }
.ruv-i-window:after {content: ""; } 
.ruv-i-document-500-ruv:after {content: ""; } .ruv-i-smartphone:after {content: ""; } .ruv-i-calculator:after {content: ""; } .ruv-i-lock-closed:after {content: ""; } .ruv-i-lock-open:after {content: ""; } 
.ruv-i-briefcase:after {content: ""; } .ruv-i-briefcase-plus:after {content: ""; } .ruv-i-envelope:after {content: ""; } .ruv-i-envelope-arrow-right:after {content: ""; } .ruv-i-speechbubble:after {content: ""; } .ruv-i-caret-right:after {content: ""; } 
.ruv-i-compass-needle:after {content: ""; } .ruv-i-sound-on:after {content: ""; } .ruv-i-horse:after {content: ""; } .ruv-i-rabbit:after {content: ""; } .ruv-i-pig:after {content: ""; } .ruv-i-cat:after {content: ""; } .ruv-i-dog:after {content: ""; } 
.ruv-i-hammer:after {content: ""; } .ruv-i-sound-off:after {content: ""; } .ruv-i-zoom-out:after {content: ""; } .ruv-i-zoom-in:after {content: ""; } .ruv-i-menu-dots:after {content: ""; } .ruv-i-pause:after {content: ""; } 
.ruv-i-menu-burger:after {content: ""; } .ruv-i-minus:after {content: ""; } .ruv-i-arrow-circle-right:after {content: ""; } .ruv-i-upload:after {content: ""; } .ruv-i-download:after {content: ""; } .ruv-i-sofa:after {content: ""; } 
.ruv-i-thumbs-up:after {content: ""; } .ruv-i-loup:after {content: ""; } .ruv-i-arrow-right-up:after {content: ""; } .ruv-i-arrow-right:after {content: ""; } .ruv-i-triangle-down:after {content: ""; } .ruv-i-triangle-right:after {content: ""; } 
.ruv-i-chevron-up:after {content: ""; } .ruv-i-chevron-down:after {content: ""; } .ruv-i-chevron-left:after {content: ""; } .ruv-i-chevron-right:after {content: ""; }  .ruv-i-plus:after {content: ""; } 
.ruv-i-rv:after {content: ""; } .ruv-i-car:after {content: ""; } .ruv-i-umbrella:after {content: ""; } .ruv-i-ppt:after {content: ""; } .ruv-i-diagramm-graph:after {content: ""; } .ruv-i-pencil:after {content: ""; } 
.ruv-i-pencil-sign:after {content: ""; } .ruv-i-check-circle-filled:after {content: ""; } .ruv-i-cross-circle-filled:after {content: ""; } .ruv-i-arrow-right-circle:after {content: ""; } .ruv-i-arrow-left-circle:after {content: ""; } 
.ruv-i-stethoscope:after {content: ""; } .ruv-i-printer:after {content: ""; } .ruv-i-arrows-clockwise:after {content: ""; } .ruv-i-arrows-crossed:after {content: ""; } .ruv-i-hourglass:after {content: ""; } .ruv-i-login:after {content: ""; } 
.ruv-i-logout:after {content: ""; } .ruv-i-arrows-sorting:after {content: ""; } .ruv-i-arrows-sorting-top:after {content: ""; } .ruv-i-arrows-sorting-bottom:after {content: ""; } .ruv-i-bin:after {content: ""; } .ruv-i-moon-star:after {content: ""; } 
.ruv-i-eye-open:after {content: ""; } .ruv-i-eye-closed:after {content: ""; } .ruv-i-bell:after {content: ""; } .ruv-i-image-placeholder:after {content: ""; } .ruv-i-creditcard:after {content: ""; } .ruv-i-target1:after {content: ""; } 
.ruv-i-bullet-1st-level:after {content: ""; } .ruv-i-bullet-2nd-level:after {content: ""; } .ruv-i-thumbs-down:after {content: ""; } .ruv-i-play-circle:after {content: ""; } .ruv-i-menu-dots-vertical:after {content: ""; } 
.ruv-i-dots-connected:after {content: ""; } .ruv-i-antler:after {content: ""; } .ruv-i-soc-youtube:after {content: ""; } .ruv-i-soc-xing:after {content: ""; } .ruv-i-soc-linkedin:after {content: ""; } 
.ruv-i-soc-ruv-newsroom:after {content: ""; } .ruv-i-soc-ruv-blog:after {content: ""; } .ruv-i-settings:after {content: ""; } .ruv-i-filter:after {content: ""; } .ruv-i-arrow-double-up:after {content: ""; } 
.ruv-i-arrow-double-right:after {content: ""; } .ruv-i-arrow-double-down:after {content: ""; } .ruv-i-arrow-double-left:after {content: ""; } .ruv-i-soc-whatsapp:after {content: ""; } .ruv-i-link:after {content: ""; } 
.ruv-i-star:after {content: ""; } .ruv-i-star-filled:after {content: ""; } .ruv-i-bookmark:after {content: ""; } .ruv-i-bookmark-filled:after {content: ""; } .ruv-i-arrow-up-down:after {content: ""; } 
  .ruv-i-self-services:after {content: ""; } .ruv-i-fax:after {content: ""; } .ruv-i-magnifier-plus:after {content: ""; } .ruv-i-magnifier-minus:after {content: ""; } .ruv-i-truck-sideview:after {content: ""; } 
  .ruv-i-lock-locked:after {content: ""; } .ruv-i-location-pin:after {content: ""; } .ruv-i-phone-default:after {content: ""; } .ruv-i-handshake-heart:after {content: ""; } .ruv-i-calendar-default:after {content: ""; } 
  .ruv-i-lupe:after {content: ""; } .ruv-i-dart-circles:after {content: ""; } .ruv-i-building-business:after {content: ""; } .ruv-i-hundred-years:after {content: ""; } .ruv-i-news-newspaper:after {content: ""; } 
  .ruv-i-people-shape:after {content: ""; } .ruv-i-people-headset:after {content: ""; } .ruv-i-warning-sign:after {content: ""; } .ruv-i-people-business:after {content: ""; } .ruv-i-people-together:after {content: ""; } 
  .ruv-i-speechbubbles-overlapped:after {content: ""; } .ruv-i-prevention:after {content: ""; } .ruv-i-health-heart:after {content: ""; } .ruv-i-house-new:after {content: ""; }



body {
  /*font-family: 'Open Sans', sans-serif;*/
  /*font-family: 'MarselisforRuVRegular', sans-serif;*/
  font-family: Marselis,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
  color:#001957;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body h1{font-size: 36px;line-height: 1.3;color: var(--colorDefault); font-weight: 500;margin:0px;margin-top: 40px; margin-bottom: 24px}

.bu_vergleichstabelle_2024 .container {padding-left: 0px;padding-right: 0px;}

application, application_body, application_footer, application_header{
    max-width: 1110px;
}
 .table2{
    box-shadow: 0px 6px 16px rgba(0, 0, 0, .1607843137);

    background-color: #fff;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, .1607843137);
    margin-bottom: 24px;
    padding: 0;
        position: relative;
    width: 100%;
    overflow: hidden;

}
b, strong{font-weight: 500}
.choose button.btn.style1{margin-top: 25px}
.result .box.active{/*display: block !important;*/}
table.active{box-shadow: 0px 6px 10px rgba(0, 0, 0, .1207843137); margin-bottom:15px;}
modul.bu_vergleichstabelle_2024 table { margin-top: 0px;max-width: 1100px;width:1100px;margin-bottom: 10px}
.table.table1{margin-bottom:8px }
.table, .table_ table, modul.bu_vergleichstabelle_2024 table{}
.table_ th:nth-child(3) div,
.table_ .item td:nth-child(3){background-color: #001957;}

modul.bu_vergleichstabelle_2024 table th:nth-child(2) div,
modul.bu_vergleichstabelle_2024 table td:first-child .dropdownbar,
modul.bu_vergleichstabelle_2024 table th:nth-child(4) div{background-color: #ececec}

modul.bu_vergleichstabelle_2024 table td:nth-child(2),
modul.bu_vergleichstabelle_2024 table td:nth-child(4){background-color: #fff}

modul.bu_vergleichstabelle_2024 table tr.item td:first-child{border-bottom-color: transparent; border-bottom-width: 0px}

modul.bu_vergleichstabelle_2024 table td, modul.bu_vergleichstabelle_2024 table th,
modul.bu_vergleichstabelle_2024 table tr.item td:first-child,
modul.bu_vergleichstabelle_2024 table td, modul.bu_vergleichstabelle_2024 table th {
    border-bottom: 0px solid #fff;
    border-left: 0px solid #fff;
}
modul.bu_vergleichstabelle_2024 .leistung,
modul.bu_vergleichstabelle_2024 table td:first-child .dropdownbar{
    font-family: Marselis Slab;
    font-weight:500; 
    color: var(--colorDefault); 
    font-size:20px;
    padding-bottom:24px;
    padding-left:16px;
    padding-right:16px;
    padding-top:24px;
    line-height: 1.2;
    background-color: var(--grey);
}
modul.bu_vergleichstabelle_2024 table td .dropdownbar{position: relative;}
modul.bu_vergleichstabelle_2024 .top .dropdownbar{ background-image:none !important;}
modul.bu_vergleichstabelle_2024 .top .dropdownbar:after{
    content: "\E978";
    font-family: "ruv-icons";
    font-style: normal;
    font-size: 26px;
    font-style: normal;  
    font-weight: 700;
    position: absolute;
    right:20px;
    top:20px;
     color:var(--colorDefault);

}
modul.bu_vergleichstabelle_2024 .active.top .dropdownbar:after{
    content: "\E977";
}
.item,.top{
    transition: 100s ease;
    height: 0px;
}
.active, .active{transition: 0s ease;height: auto}
modul.bu_vergleichstabelle_2024 .top td{margin-bottom: 10px}

.item, .top {overflow: hidden; height: 0px;}

.table_ td,
modul.bu_vergleichstabelle_2024 table tr.item td:first-child{font-size: 16px; color: var(--colorDefault);font-weight: 500;}


img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

modul.road_of_life_2022 .result .box .headline{font-weight: 500}
.container {
    max-width: 1100px;
    min-width: 300px;
    margin: 0px auto;
    position: relative;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.liveView #topOuterContent .containerRow.content_header {
    padding: 14px 60px 19px;
}

.container .containerRow {
    max-width: 100%;
    width: 100%;
    margin: 0px auto;
    background-color: var(--white);
}

.container .containerRow.content_header .singleModule {    position: relative;  min-height: 1px;    padding-left: 15px;    padding-right: 15px;}


.content_header #moduleImage {
    width: 245px;
    height: auto;
    /*display: inline-block;*/
    float: left;
        margin-top: 20px;
    margin-bottom: 18px;
    max-width: 30%;
}

.content_header .textarea {
    /*display: inline-block;*/
    width: 70%;
    float: right;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin: 0px;
    min-height: auto;
}

.container-fluid {
    padding: 0px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 32px;
    height: 4px;
    border-radius: 1px;
    margin: 0px 0px 5px 0px;
}
.content_header .navbar-toggle.collapsed .icon-bar {
    display: block;
}

.navbar-default button.navbar-toggle .icon-bar {
    background-color: #001957;
}
.container-fluid .navbar-collapse {
    padding: 0px;
}
.container-fluid ul.navbar-nav {
    margin-top: 10px;
}

.container-fluid ul.navbar-nav li {
    font-size: 20px;
}
.container-fluid ul.navbar-nav li, #msc {
    cursor: pointer;
}
.container-fluid ul.navbar-nav li {
    padding-left: 20px;
    padding-right: 0px;
}

 .containerRow .btn, .btn.style1 {
    background-color: var(--turkis);
    border-color: var(--turkis);
    padding: 0px 24px;
    height: 58px;
    font-size: 20px;
    line-height: 56px;
    letter-spacing: normal;
    text-align: center;
    color: var(--white);
    border-radius: 4px;
    margin: 0px 0px 0px 0px;
    font-weight: 500;
    float: none;
}
 .containerRow .btn:hover,
 .btn.style1:hover{    background-color: var(--turkisLight);
    border-color: var(--turkisLight);}
.c_footer .textarea p{text-align: center;}
.c_footer .textarea p a{font-weight: 500}
.c_footer .textarea p a:hover{color: var(--greenHover);text-decoration: underline;}
.c_footer{overflow: hidden;}
application_footer {
    background-color: var(--white);
    margin-top: 40px;
    padding: 25px 15px;
    border-top:2px solid var(--grey);
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}
@media (min-width: 1440px) {
    .container-fluid ul.navbar-nav li {
        padding-left: 50px;
        padding-right: 0px;
    }
}
@media (min-width: 1100px) {
    .navbar-toggle {
       /* display: none;*/
    }
}


@media (min-width: 768px) {
    .c_footer .textarea p{text-align: right;}
    .c_footer .imp{margin-left:15px}
    #mkl,#cntact{margin-top:15px}
    modul.bu_vergleichstabelle_2024 table tr.item td:first-child,
    modul.bu_vergleichstabelle_2024 table tr.item td:nth-child(2),
    modul.bu_vergleichstabelle_2024 table tr.item td:nth-child(3),
    modul.bu_vergleichstabelle_2024 table tr.item td:nth-child(4){        padding-top: 35px;padding-right: 17px; padding-left:19px; padding-bottom: 0px}

    modul.bu_vergleichstabelle_2024 table tr.item.last td:first-child,
    modul.bu_vergleichstabelle_2024 table tr.item.last td:nth-child(2),
    modul.bu_vergleichstabelle_2024 table tr.item.last td:nth-child(3),
    modul.bu_vergleichstabelle_2024 table tr.item.last td:nth-child(4){padding-bottom: 35px}
    .navbar-nav>li {
        float: left;
    }

}
@media (min-width: 766px) {
    .container-fluid ul.navbar-nav {
        float: right;
    }
}
@media (max-width: 1101px) {
    .navbar-toggle {
       
    }
    .collapse.navbar-collapse{}
}
@media (max-width: 870px) {
.container-fluid ul.navbar-nav li{
  /* font-size: 16px;line-height: 2;*/
}
.cntact{padding-left: 0px;}

}
@media (max-width: 768px) {
    .container .containerRow.content_header .singleModule{padding-left: 0px;padding-right: 0px}
    .collapse.navbar-collapse{padding-left: 15px;padding-right: 15px;}
    .content_header .textarea{float: none;width: 100%;        margin-top: -60px;}
    .content_header #moduleImage{float: none; width: 220px;margin-left:15px;        max-width: 100%;}

    .navbar-default button.navbar-toggle.collapsed {background-color: transparent;    border: 0px;    }

    .navbar-default button.navbar-toggle {
        background-color: var(--colorDefault);
        border: 1px;
        border-radius: 0px;
        padding: 28px 32px 10px;
        margin: 0px;
        margin-top:-16px;
    }
    .navbar-default button.navbar-toggle.collapsed .icon-bar ,
    .navbar-collapse.collapse.show{
    background-color: var(--colorDefault);
    }
    .navbar-collapse.collapse.show {
        height: auto;
        background-color: var(--colorDefault);
        border: 0px;
        color: var(--white);
        overflow-x: visible;
        margin-top: -3px;
        overflow-y: visible;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
        background-color: var(--colorDefault);
    }
    .navbar-default button.navbar-toggle .icon-bar {
        background-color: var(--white);
    }

    .content_header ul.navbar-nav li {
        padding: 10px 0px;
        color: var(--white);
    }
    .content_header ul.navbar-nav li svg,
    .content_header ul.navbar-nav li svg g{
        fill:var(--white);
    }
    .content_header ul.navbar-nav {
        background-color: transparent;
        margin-left: 0px;
        margin-right: 0px;
        padding-bottom: 20px;
        float: none;
    }
    .container-fluid ul.navbar-nav li p {
        margin: 0px;
    }


    .c_footer .textarea p a{display: block;margin-bottom:10px }

}