/**LG > 1008px**/
@media (min-width: 1008px) { 
    .stop-scroll {
        overflow:hidden;
    }
    body {
        font-size: 18px;
    }
    .sicky-border svg {
        width:172px;
    }
    article {
        margin-top:42px !important; 
    }
    h1 {
        font-size: 54px;
    }
    h1 .dachzeile{
        font-size: 24px;
    }  
    h1 .subhead {
        font-size: 48px;
    }
    h2 {
        font-size: 32px;
    }
    h2.h3{
        font-size: 24px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 18px;
    }
    /*======================================                  
      PARAGRAPH
    ======================================*/
    p {
        margin-top: 24px !important;
        margin-bottom: 40px;
    }
    .intro p {
        font-size:24px;
    }  
    /*======================================                  
      KLEIN
    ======================================*/
    small {
        font-size: 16px;
    }
    /*======================================                  
      ICONS
    ======================================*/
    
    i.svg-icon { 
        width: 26px;
    }
    i.svg-icon svg { 
        margin-top:-5px;
    }
    .link-local i.svg-icon svg{
        width:18px;
    }
    .link-mail i.svg-icon svg{
        width:18px;
    }
    .leiste-sprunganker i.svg-icon svg,
    .link-external .svg-icon svg {
        width:16px;
    }
    .link-anker .svg-icon svg {
        width:16px;
    }
    .link-cta i.svg-icon svg{
        width:20px;
        margin-top:18px;
        margin-left:18px;
    }
    /*======================================                  
      BUTTONS
    ======================================*/
    a.secondary-button,
    button.secondary-button,
    a.primary-button,
    button.primary-button {
        padding: 10px 24px;
    }
    .link-tags {
        padding:10px 24px 9px 24px;
    }
    .link-cta {
        padding: 13px 98px 12px 24px;
        display: inline-block;
    }
    /*======================================                  
      CAPTION
    ======================================*/
    .image .imageZoom,
    .image .imageDownload,
    .video-wrapper .caption-and-copyright,
    .image .caption-and-copyright,
    .caption {
        font-size:14px;
    }
    .image .copyright {
        top: -37px;
    }
    /*======================================                  
      INFOBOX
    ======================================*/
    .infobox-wrapper  .infobox {
        padding:32px;
    }
    /*======================================                  
      ZITAT
    ======================================*/
    .zitat {
        padding: 56px;
    }
    .zitat.halb {
        padding: 40px;
    }
    .zitat.with-image .zitat-image-wrapper-table {
        height: calc(100%);
    }
    .zitat.with-image .zitat-wrapper .brand-element {
        position: absolute;
        width: 200px;
        top:unset;
        right: calc(-50% - 270px);
        bottom: 0;
        left:unset;
    }
    .zitat blockquote {
        font-size: 32px;
        line-height:130%;
        font-style: italic;
    }
    .zitat.halb blockquote {
        font-size: 24px;
        line-height:130%;
        font-style: italic;
    }
    .zitat.with-image .zitat-wrapper {
        background: var(--color-blue-20);
    }
    /*======================================                  
      Accordion
    ======================================*/
    .ui-accordion-header-icon {
        top: calc(50% - 18px);
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 7px;
        padding-right: 7px;
    }
    /*======================================                  
      DOWNLOADBOX
    ======================================*/
    .downloadbox {
        padding:32px 32px 32px 32px; 
        margin-bottom: 56px;
        margin-top: 56px;
    }
    /*======================================                  
      BANNER
    ======================================*/
    .banner-intro {   
        padding: 16px 24px 64px 24px;
    }
    .banner-intro-wrapper {
        position: relative;
        margin-left: -24px;
        margin-right: -24px;
        margin-top:0px;
        max-width: 100%;
        width: 100%;
        
    }
    .banner-bild {
        width: 1680px;
        position: relative;
        left: 50%;
        margin-left: -840px;
        height: 600px;
        overflow: hidden;
    }
    .banner-bild img {
        width: auto;
        position: absolute;
        left: 0%;
    }
    .brand-element-right-spacer {
        display:block;
        width: 120px;
        height: calc(100% + 180px);
        position: absolute;
        right: -108px;
        background: var(--banner-intro-brand-bg-color);
        top: -180px;
        z-index: 100;
    }
    body.veranstaltungen .brand-element-right-spacer{
        background: var(--banner-intro-veranstaltung-brand-bg-color);
    }
    .infozeile *{
        font-size:16px;
        line-height:24px;
    }
    .themen p {
        margin-top:32px !important;
        margin-bottom:16px;
    }
    .banner-intro-wrapper {
        position: relative;
        margin-left: -36px;
        margin-right: -36px;
    }
    .banner-intro-wrapper {
        margin-left: 0px;
        margin-right: 0px;
    }
    .banner-intro {
        padding: 64px 52px;
        margin-top: -180px;
    }
    /*======================================                  
      LEISTE SPRUNGANKER
    ======================================*/
    .leiste-sprunganker .link-service-vorlesen span,
    .leiste-sprunganker .link-service-drucken span,
    .leiste-sprunganker .link-service-teilen span {
        display:inline;
    }
    .leiste-sprunganker .right-skewX-back ul{
        float: right;
        margin-right: 120px;
    }
    /*======================================
      VORLAGE LOGO
    ======================================*/
    .logo {

    }
    .logo .variante {
        display:none;
    }
    .home-link,
    .logo .variante-lg{
        display:inline-block;
        width:auto;
        height:auto;
    }
    #logo-38374 {
        margin-bottom:17px;
    }
    #logo-38376 {
         margin-bottom:16px;
    }
    #logo-33300 {
        margin-top:-3px;
        margin-bottom:3px;
    }
    .startseite #logo-33300 {
        margin-bottom:3px;
    }
    /*======================================
      VORLAGE TOOLBAR
    ======================================*/
    .toolbar {
        display:block;
    }
    .toolbar i.svg-icon svg { 
        margin-top:0;
    }
    .toolbar.toolbar-mobil {
        display:none !important;
    }
    /*======================================
      NAVIGATION
    ======================================*/
    .mobile-hauptnavigation {
        display:none !important;
    }
    .hauptnavigation {
        display:block;
    }
    .hauptnavigation {
        display:block;
    }
    .hauptnavigation {
        margin-top: -21px;
        margin-bottom: 14px;
    }
    .hauptnavigation ul,
    .hauptnavigation li {
        list-style:none;
        padding-left:0;
        display: block;
    }
    .hauptnavigation button:not(.close-navi),
    .hauptnavigation a{
        border:none;
        outline:none;
        color: var(--link-font-color);
        float:left;
        background-size: 0 6px;
        padding:5px 0 7px 0;
    }
    .hauptnavigation .level-1 > button,
    .hauptnavigation .level-1 > a {
        font-size:20px;
        line-height:140%;
        font-weight:700;
        text-decoration: none;
        position: relative;
        overflow: hidden;
        outline: none;
        margin-left:24px;
        background-image: repeating-linear-gradient(to right, var(--hauptnavigation-firstlevel-bg-image-color), var(--hauptnavigation-firstlevel-bg-image-color));
        background-repeat: no-repeat;
        background-position: left 0 bottom 0;
        background-size: 0 3px;
        transition: unset;
        position: relative;
        --link-font-color:inherit;
    }
    .hauptnavigation .level-1 > a.activated,
    .hauptnavigation .level-1 > button.activated,
    .hauptnavigation .level-1 > a.active,
    .hauptnavigation .level-1 > button.active {
        background-size: 100% 6px;
    }
    .hauptnavigation .level-1 > a.activated,
    .hauptnavigation .level-1 > button.activated {
        background-image: repeating-linear-gradient(to right, var(--hauptnavigation-firstlevel-bg-image-color-active), var(--hauptnavigation-firstlevel-bg-image-color-active));
    }    
    .hauptnavigation .level-1 > button:hover, 
    .hauptnavigation .level-1 > button:focus,
    .hauptnavigation .level-1 > a:hover,
    .hauptnavigation .level-1 > a:focus {
        background-size: 100% 3px;
        --link-font-color-hoverfocus:var(--link-font-color);
        background-image: repeating-linear-gradient(to right, var(--hauptnavigation-firstlevel-bg-image-color), var(--hauptnavigation-firstlevel-bg-image-color));
    }
    .hauptnavigation .suche i,
    .hauptnavigation .meinbvmed-anmeldung i {
       width:32px;
       height:32px;
       display: inline-block;
       text-align:center;
    }
    .hauptnavigation .suche span,
    .hauptnavigation .meinbvmed-anmeldung span {
       display:none;
    }
    .hauptnavigation ul.level-1 > li:last-child > a {
        padding-right: 0px;
    }
    .hauptnavigation .wrapper-level-1 {
        float:right;
    }
    .hauptnavigation ul.level-1 > li{
        float:left;
        display:block;
    }
    .hauptnavigation .wrapper-level-2 {
        width:100%;
        position:absolute;
        width: 100%;
        top: 167px;
        left: 0;
        padding-top:48px;
        padding-bottom:72px;
        background:var(--hauptnavigation-flyout-bg-color);
        z-index: 10;
    }
    .hauptnavigation .wrapper-level-2 .container{
        padding:0 36px;
    }
    .hauptnavigation .wrapper-level-2 .col-12 > * {
        float:left;
        width:25%;
    }
    .hauptnavigation .wrapper-level-2 .parent {
        width:100%;
        margin-bottom:40px; 
    }
    .hauptnavigation .wrapper-level-2 button,
    .hauptnavigation .wrapper-level-2 a {
        --link-font-color:var(--hauptnavigation-flyout-font-color);
        color:var(--link-font-color);
    } 
    .hauptnavigation .wrapper-level-2 li {
        width:100%;
        float:left;
        margin-bottom:8px;
    }
    .hauptnavigation .wrapper-level-2 a:not(.nav-teaser-link) {
        padding: 0;
        background-size: 100% 2px;
        background-repeat: no-repeat;
        background-position: left 0 bottom 0;
        background-image: repeating-linear-gradient(to right, var(--color-blue), var(--color-blue));
        display: inline;
        float: none;
    }
    .hauptnavigation .wrapper-level-2 a.active:not(.nav-teaser-link) {
        margin-right: 10px;
        background-size: 100% 2px;
        --link-font-color:var(--hauptnavigation-flyout-font-color-active);
    }
    .hauptnavigation .wrapper-level-2 li.active i svg{
        margin-top: -5px;
    }
    .hauptnavigation .wrapper-level-2 .parent button:hover,
    .hauptnavigation .wrapper-level-2 .parent button:focus,
    .hauptnavigation .wrapper-level-2 .parent a:focus,
    .hauptnavigation .wrapper-level-2 .parent a:hover,
    .hauptnavigation .wrapper-level-2 a:not(.nav-teaser-link):hover,
    .hauptnavigation .wrapper-level-2 a:not(.nav-teaser-link):focus {
        background-size: 100% 2px;
        --link-font-color-hoverfocus:var(--hauptnavigation-flyout-font-color-hoverfocus);
        color:var(--link-font-color-hoverfocus);
        background-image: repeating-linear-gradient(to right, var(--link-font-color-hoverfocus), var(--link-font-color-hoverfocus));
    }
    .hauptnavigation .wrapper-level-2 .parent a:focus path,
    .hauptnavigation .wrapper-level-2 .parent a:hover path {
        fill:var(--link-font-color-hoverfocus);
    }
    .hauptnavigation .wrapper-level-2 .parent button.close-navi:hover,
    .hauptnavigation .wrapper-level-2 .parent button.close-navi:focus {
        background-size: 100% 2px;
        color:var(--link-font-color-hoverfocus);
        background-image: repeating-linear-gradient(to right, var(--link-font-color-hoverfocus), var(--link-font-color-hoverfocus));
        background-position: left 0 bottom 0;
        background-repeat: no-repeat;
    }
    .hauptnavigation .wrapper-level-2 .parentlink {
        font-size:22px;
        line-height:27px;
    }
    .hauptnavigation .wrapper-level-2 .parentlink i{
        width:30px;
        height:30px;
        display:inline-block;
    }
    .hauptnavigation .wrapper-level-2 .parentlink i svg{
        margin-top: -5px;
    }
    .hauptnavigation .close-navi,
    .hauptnavigation .wrapper-level-2 ul li a{
        font-weight:400;
    }
    .hauptnavigation .close-navi {
        float:right;
        font-size:18px;
    }
    .hauptnavigation .wrapper-level-2 .nav-teaser {
        position:relative;
    }
    .hauptnavigation .wrapper-level-2 a.nav-teaser-link {
        width: calc(100% - 20px);
        padding:  6px 24px 5px 24px;
        background: var(--nav-teaser-link-bg-color);
        border:2px solid var(--nav-teaser-link-border-color);
        color: var(--nav-teaser-link-color);
        position: absolute;
        left: 0;
        bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
    }
    .hauptnavigation .wrapper-level-2 a.nav-teaser-link svg{
        margin-top: -3px;
        margin-left: 8px;
    }
    .hauptnavigation .wrapper-level-2 a.nav-teaser-link:hover,
    .hauptnavigation .wrapper-level-2 a.nav-teaser-link:focus {
        background:var(--nav-teaser-link-bg-color-hoverfocus);
        border-color:var(--nav-teaser-link-border-color-hoverfocus);
        outline: 2px solid var(--nav-teaser-link-outline-color-hoverfocus);
        outline-offset: 0px;
    }
    .hauptnavigation .wrapper-level-2 a.nav-teaser-link:hover svg path,
    .hauptnavigation .wrapper-level-2 a.nav-teaser-link:focus svg path{
        fill:var(--nav-teaser-link-svg-color-hoverfocus) !important;
    }
    /*======================================
      BREADCRUMB
    ======================================*/
    .breadcrump {
        margin-top:0px;
    }
    #breadcrump ul li > a,
    #breadcrump ul li span {
        font-size:16px;
        line-height:24px;
    }
    .breadcrump {
        border-top: 2px solid var(--breadcrumb-border-color);
        border-bottom: 2px solid var(--breadcrumb-border-color);
    }
    /*======================================
      SEITENFUNKTIONEN
    ======================================*/
    .seitenfunktionen i {
        width:26px;
        height:26px;
        display:inline-block;
    }
    .footer.seitenfunktionen > ul > li {
        margin-right:32px;
    }
    /*======================================                  
      LISTE ALLGEMEIN PAGINATION
    ======================================*/
    .liste-allgemein {
        margin-top: 64px;
    }
    .liste-allgemein .pagination ul span.pagination-item-active, 
    .liste-allgemein .pagination ul li a {
        margin-left:5px;
        margin-right:10px;
    }
    .liste-allgemein .pagination i.svg-icon svg {
        margin-top: -4px;
    }
    .liste-allgemein .pagination ul li span.text  {
        display:inline-block;
        float:none;
    }
    .pagination-item-prev svg{
        margin-right:9px;
    }
    .pagination-item-next svg {
        margin-left: 9px;
    }
    .pagination-item-to-end svg{
        margin-left:5px;
    }
    .liste-allgemein:not(.liste-mitarbeiter) .elemente li img{
        max-width:216px;
        width:216px;
        height:auto;
    }
    .liste-allgemein .elemente li.with-kicker img {
        margin-top: 42px;
        float:right;
    }
    /*======================================
      TEASER_ALLGEMEIN
    ======================================*/
    .teaser {
        margin-top:56px;
        margin-bottom:56px;
        position:relative;
    }
    .teaser h3 .dachzeile {
        margin-bottom:16px;
    }
    .teaser p {
        margin-top: 16px !important;
        margin-bottom:12px;
    }
    /*======================================
      VORLAGE TEASER-LANDSCAPE
    ======================================*/
    .teaser-landscape .brand-element.first {
        display:block;
    }
    .teaser-landscape .img-wrapper > div img{
        width:unset;
    }
    .teaser-landscape-wrapper {
        display: block;
        flex-wrap: unset;
    }
    .teaser-landscape .teaser-data > div {
        padding:56px 32px 40px 32px;
        max-width:50%;
        float:left;
    }
    /*======================================
      VORLAGE TEASER-WALL
    ======================================*/
    .teaser-wall .teaser-landscape {
        padding: 0px;
        margin: 0;
        display: block;
    }
    .teaser-wall ul.elemente {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        column-gap: 0px;
        display: block;
    }
    .teaser-wall ul.elemente li{
        width:100%;
        -webkit-column-break-inside: avoid;
        column-break-inside: avoid;
        break-inside: avoid;
        display: inline-block;
    }
    .teaser-wall .teaser-landscape .teaser-data > div {
        padding: 42px 24px;
    }
    .teaser-wall .teaser-landscape .brand-element.last{
        display:none;
    }
    /*======================================
      VORLAGE TEASER-KONTAKT_SERVICE
    ======================================*/
    .teaser-kontakt-service {
        padding-top:64px;
        padding-bottom:64px;
    }
    .teaser-kontakt-service h2{
        margin-bottom:16px;
    }
    .teaser-download {
        padding:32px 32px 48px 32px; 
    }
    /*======================================
      VORLAGE TEASER-ICON
    ======================================*/
    .teaser-icon {
        padding-top:56px;
        padding-bottom:56px;
    }
    .teaser-icon h2{
        margin-top:0px;
        margin-bottom:0px;
    }
    .teaser-icon li {
        margin-bottom: 0px;
        margin-top: 40px;
    }
    .teaser-icon .image {
        max-width:120px;
    }
    .teaser-icon ul{
        margin-bottom:24px;
    }
    .teaser-icon .brand-element {
      right: unset;
      left: -1740px;
    }
    /*======================================
      VORLAGE TEASER-REALATED TERMS
    ======================================*/
    .teaser-related-terms {
        padding-top:64px;
        padding-bottom:64px;
    }
    .teaser-related-terms li{
        margin-bottom:16px;
    }

    /*======================================
      WARBENKORB ICON
    ======================================*/
    a.warenkorb  {
        width:94px;
        height:94px;
        border-radius:48px;
        right:24px;
        top:calc(100vh - 120px);
    }
    a.warenkorb i {
        width:32px;
        height:28px;
        position:absolute;
        left:calc(50% - 16px);
        top:calc(50% - 14px);
    }
    a.warenkorb i svg {
        width:32px;
        height:28px;
    }
    
    .startseite #header .border {
        margin-top:0;
    }
    /*======================================                  
      SLIDER
    ======================================*/
    #slider {
        margin-top: 64px;
    }
    #slider .brand-element {
        display:block;
    }
    #slider .controls {
        max-width: 1256px; 
        margin: 0 auto;
        margin-bottom: 0px;
        margin-top: -100px;
        margin-bottom: 100px;
        padding-left:74px;
        position: relative;
        z-index: 99999999;
    }
    .slick-slide {
        height: 628px;
        overflow:hidden;
    }
    #slider .slider-item-content {
        width:50%;
        padding-left:74px;
        padding-right:44px;
        padding-top: 64px;
        order:0;
    }
    #slider .slider-item-content h2{
        position:relative;
        z-index:999;
        margin-top:0;
    }
    #slider .slider-item-content p{
        margin-top:24px !important;
        position:relative;
        z-index:999;
    }

    #slider .slider-item-image {
        width: 50%;
        max-width: 628px;
        overflow: hidden;
        position: relative;
        height: 628px;
    }
    #slider .slider-item-image img{
        width: auto;
        position: absolute;
        left: -157px;
    }

    #slider .brand-element {
        opacity:0.75;
        left: -28%;
        background:#336393;
        width: 405px;
    }
    
    .tooltop-sticky {
        position:fixed;
        top: calc(100vh - 175px) !important;
    }
}