/*-region -----------------------------xs------------------------------------------------------------*/

@media (max-width: 575.98px) {

/*
    main {
        margin-top: 60px;
        width: 100%;
    }*/

    /*region: Preiskalkulator left-side*/

    .padding-preiskalkulator .overflow-scroll,
    .padding-preiskalkulator {
        height: auto;
        overflow: unset;
    }
    .section-content .accordion-collapsed {
        padding-top: 2.5em;
        padding-left: 25px;
        height: 60vw;
        border-top: 1px solid #4e555b;
        border-right: none;
        border-left: none;
        min-height: 310px;
    }
    #kurzangebot .preise-h1,
    .headline-and-einblendungen .preise-h1 {
        font-size: 40px;
        padding-bottom: 0px;
    }
    .kalkuacc {
        border-left: none;
        border-right: none;
    }
    .kalkuacc .card-header {
        padding-left: 25px;
    }
    .kalkuacc .gestaltung-btn {
        margin-left: 0px;
    }
    .kalkuhead2 {
        height: 50px !important;
    }
    .headline-and-einblendungen {
        padding-top: 2.5em;
        padding-bottom: 0.5rem;
    }
    .acc-ul {
        bottom: 2.5em;
    }
    .btn-anfragen .btn-full-width .btn-name,
    #pdfangebot .btn-full-width .btn-name,
    .kalkuacc .card-header h5 .btn-link {
        font-size: 15px;
    }
    .kalkuacc .btn-full-width .icon-download,
    .kalkuacc .btn-full-width .icon-linkpfeil {
        font-size: 47px;
    }
    .kalkuacc .burger3,
    #accordion.kalkuacc  .card .card-header h5 .btn-link .close-acc-1 .burger3:before{
        width: 16px;
        height: 3px;
    }
    #pdfangebot .btn-full-width,
    .btn-anfragen .btn-full-width{
        padding: 0 0 0 25px;
    }
    .acc-ul h2 {
        font-size: 26px;
    }
    .acc-ul li:nth-child(3) {
        padding-bottom: 7px;
        margin-bottom: 7px;
    }
    .img-Kirsche, .img-Kiwi, .img-Birne, .img-Apfel, .img-Orange, .img-Erdbeere, .img-Weintraube, .img-Banane, .img-Ananas, .img-Torte {
        width: auto;
        height: 120%;
    }
    #detailangebot .headline-detailangebot {
        padding: 0 25px;
        height: 130px;
    }
    .foot-notes-table,
    .preis-details tr td:first-child p {
        padding-left: 25px;
    }
    .angebot-span {
        font-size: 13px !important;
        display: inline-block;
        margin: 0;
    }
    .preis-details p {
        font-size: 13px;
    }
    .preis-details b {
        font-size: 15px;
        margin-right: 10px;
    }
    .preis-details tr td:first-child {
        width: 33%;
    }
    .foot-notes-table{
        height: 38px;
    }
    .preis-details tr {
        height: 38px;
    }
    .anteile {
        font-size: 90px;
    }
    .anteile-pie-wrapper {
        height: 90px;
        width: 135px;
    }
    .einblendungen-chart-wrapper{
        height: 90px;
    }
    .einblendungen {
        width: 90px;
    }
    .p-chart {
        top: 34px;
    }
    .acc-ul h2.c-white.big b {
        font-size: 20px!important;
    }
    .p-chart,
    .preise-ul li b {
        font-size: 16px;
    }
    .preise-ul b .time-distance,
    .preise-ul li {
        font-size: 12px;
    }
    .piechart2,
    .piechart1 {
        margin-top: 10px;
        font-size: 14px;
    }
    #detailangebot .headline-detailangebot h2.bridge .kapitel-headline {
        font-size: 15px;
    }
    #detailangebot .headline-detailangebot h2.bridge .package {
        font-size: 40px;
    }
    #detailangebot .time-distance {
        font-size: 13px;
    }
    #detailangebot .headline-detailangebot img {
        width: 25vw;
        max-width: 110px;
    }
    /*endregion*/

    /*region: slider Sendezeit und Werbezeitraum*/

    #progress-bar-container .icon{
        display: none;
    }
    .sendez {
        top: -20px;
    }
    #progress-bar-container {
        height: 60px;
        margin-top: 2vh;
        margin-bottom: 2vh;
    }
    .werbez .opensans,
    .werbez .time-attr,
    .sendez .number-minutes,
    .sendez .time-attr {
        font-size: 14px;
        margin-right: 1px;
    }
    .opensans {
        font-size: 11px;
    }
    #line {
        width: calc(100% - 35px);
        height: 4px;
        top: 25px;
        left: 15px;
    }
    .line-background,
    .line-background2{
        height: 22px;
        top: 16px;
    }
    ul.progress-li {
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .progress-li li:after {
        margin-top: -3px;
    }
    .progress-li li:hover:after,
    .progress-li li:after,
    .progress-li li.active:after{
        border-width: 5px;
    }
    .progress-li p {
        line-height: 12px;
        margin-top: 19px;
        font-size: 13px;
    }
    #werbezeitraumangebot {
        margin-bottom: 15px;
    }

    /*endregion*/

    /*region: rangeslider webkit*/

    .range-slider{
        margin-bottom: 50px;
        width: calc(100% - 6px);
    }
    .rang.range-slider{
        margin-bottom: 0px;
    }
    input[type=range].slider {
        top: -8px;
        width: calc(100% + 3px);
    }
    input[type=range].slider::-webkit-slider-runnable-track {
        height: 4px;
    }
    input[type=range].slider::-webkit-slider-thumb {
        height: 26px;
        width: 26px;
        border:7px solid #fff;
        margin-top: -11px;
        z-index:10;
        position: relative;
    }
    input[type=range].slider:before {
        width: 14px;
    }
    input[type=range].slider:after {
        height: 22px;
        width: 11px;
        right: 13px;
        border-radius: 0 14px 14px 0;
        top: -10px;
    }
    .range-label-werbezeitraum li::before,
    .range-slider-text{
       display: none;
    }
    /*endregion*/

    /*region: rangeslider moz*/

    input[type=range].slider::-moz-range-track {
        width: calc(100% - 15px);
        height: 5px;
        transform: translate(-14px,3px);
    }
    input[type="range"].slider::-moz-range-thumb {
        height: 11px;
        width: 11px;
        border: 9px solid #fff;
        -webkit-transform: translate(-50%, 3px);
        -moz-transform: translate(-50%, 3px);
        -ms-transform: translate(-50%, 3px);
        -o-transform: translate(-50%, 3px);
        transform: translate(-50%, 3px);
    }
    @-moz-document url-prefix(){
        .range-labels {
            padding: 0 15px;
        }
    }
    /*endregion*/

    /*region: Edge*/

    @supports (-ms-ime-align:auto) {
        .range-slider{
            position: relative;
            top:0px;
        }
        .range-slider .range-slider{
            top:0px;
        }
        input[type=range].slider::-ms-track {
            height: 6px;
            border-width: 18px 0;
        }
        input[type=range].slider::-ms-thumb {
            box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
            height: 12px;
            width: 12px;
            border:8px solid #fff;
            border-radius: 50%;
            background: #917DB2;
            cursor: pointer;
            -webkit-appearance: none;
            z-index: 10;
            position: relative;
        }
        .line-background2{
            margin-top: -118px;
        }
        input[type=range].slider{
            margin-left: 0;
            width: calc(100% + 10px);
        }
        .range-labels{
            padding: 0 9px 0 15px;
        }
        .range-labels li{
            top:0px;
        }
        input[type=range].slider::-ms-thumb {
            margin-top: -2px;
        }
    }

    /*endregion*/

    .foot-note {
        display: none;
    }


}

@media (max-width: 575.98px) and (-ms-high-contrast: none), (max-width: 575.98px) and (-ms-high-contrast: active) {

    .range-slider{
        position: relative;
        top:-20px;
    }
    .range-slider .range-slider{
        top:0px;
    }
    .range-labels {
        padding: 0 5px 0 13px;
    }
    .line-background2 {
        margin-top: -138px;
    }
    input[type=range].slider {
        width: calc(100% + 10px);
        top:-7px;
        margin-left: 0px;
    }
    input[type=range].slider::-ms-track {
        height: 6px;
        border-width: 18px 0;
    }
    input[type=range].slider::-ms-thumb {
        height: 12px;
        width: 12px;
        border-width:8px;
    }

}

/*endregion*/

/*-region-----------------------------sm------------------------------------------------------------*/

@media (min-width: 576px) and (max-width: 767px){

    /*main {
        margin-top: 65px;
        width: 100%;
    }
   */

    /*region: Preiskalkulator left-side*/

    .padding-preiskalkulator .overflow-scroll,
    .padding-preiskalkulator {
        height: auto;
        overflow: unset;
    }
    .section-content .accordion-collapsed {
        padding-top: 2.5em;
        padding-left: 35px;
        height: 60vw;
        border-top: 1px solid #4e555b;
        border-right: none;
        border-left: none;
    }
    #kurzangebot .preise-h1,
    .headline-and-einblendungen .preise-h1 {
        font-size: 40px;
        padding-bottom: 30px;
    }
    .kalkuacc {
        border-left: none;
        border-right: none;
    }
    .kalkuacc .card-header {
        padding-left: 35px;
    }
    .kalkuacc .gestaltung-btn {
        margin-left: 0px;
    }
    .kalkuhead2 {
        height: 65px !important;
    }
    .headline-and-einblendungen {
        padding-top: 2.5em;
    }
    .acc-ul {
        bottom: 2.5em;
    }
    .btn-anfragen .btn-full-width .btn-name,
    #pdfangebot .btn-full-width .btn-name,
    .kalkuacc .card-header h5 .btn-link {
        font-size: 21px;
    }
    .kalkuacc .btn-full-width .icon-download,
    .kalkuacc .btn-full-width .icon-linkpfeil {
        font-size: 55px;
    }
    .kalkuacc .burger3,
    #accordion.kalkuacc  .card .card-header h5 .btn-link .close-acc-1 .burger3:before{
        width: 16px;
        height: 3px;
    }
    #pdfangebot .btn-full-width,
    .btn-anfragen .btn-full-width{
        padding: 0 0 0 35px;
    }
    .acc-ul h2 {
        font-size: 26px;
    }
    .acc-ul li:nth-child(3) {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .img-Kirsche, .img-Kiwi, .img-Birne, .img-Apfel, .img-Orange, .img-Erdbeere, .img-Weintraube, .img-Banane, .img-Ananas, .img-Torte {
        width: auto;
        height: 120%;
    }
    #detailangebot .headline-detailangebot {
        padding: 0 35px;
        height: 130px;
    }
    .foot-notes-table,
    .preis-details tr td:first-child p {
        padding-left: 35px;
    }
    .angebot-span {
        font-size: 15px !important;
    }
    .preis-details p {
        font-size: 15px;
    }
    .preis-details b {
        font-size: 17px;
    }
    .foot-notes-table{
        height: 45px;
    }
    .preis-details tr {
        height: 45px;
    }
    .anteile {
        font-size: 90px;
    }
    .anteile-pie-wrapper {
        height: 90px;
        width: 135px;
    }
    .einblendungen-chart-wrapper{
        height: 90px;
    }
    .einblendungen {
        width: 90px;
    }
    .p-chart {
        top: 34px;
    }
    .acc-ul h2.c-white.big b {
        font-size: 22px!important;
    }
    .p-chart,
    .preise-ul li b {
        font-size: 16px;
    }
    .preise-ul b .time-distance,
    .preise-ul li {
        font-size: 12px;
    }
    .piechart2,
    .piechart1 {
        margin-top: 10px;
        font-size: 14px;
    }
    #detailangebot .headline-detailangebot h2.bridge .kapitel-headline {
        font-size: 16px;
    }
    #detailangebot .headline-detailangebot h2.bridge .package {
        font-size: 40px;
    }
    #detailangebot .time-distance {
        font-size: 15px;
    }
    #detailangebot .headline-detailangebot img {
        width: 23%;
    }
    /*endregion*/

    /*region: slider Sendezeit und Werbezeitraum*/

    #progress-bar-container .icon{
        font-size: 40px;
    }
    .sendez {
        top: -20px;
    }
    #progress-bar-container {
        height: 110px;
        margin-top: 2vh;
        margin-bottom: 4vh;
    }
    .werbez .opensans,
    .werbez .time-attr,
    .sendez .number-minutes,
    .sendez .time-attr {
        font-size: 15px;
        margin-right: 1px;
    }
    .opensans {
        font-size: 12px;
    }
    #line {
        width: calc(100% - 30px);
        height: 5px;
        top: 35px;
        left: 15px;
    }
    .line-background,
    .line-background2{
        height: 26px;
        top: 25px;
    }
    ul.progress-li {
        padding-top: 35px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .progress-li li:after {
        margin-top: -3px;
    }
    .progress-li li:hover:after,
    .progress-li li:after,
    .progress-li li.active:after{
        border-width: 6px;
    }
    .progress-li p {
        line-height: 16px;
        margin-top: 23px;
        font-size: 14px;
    }
    #werbezeitraumangebot {
        margin-bottom: 15px;
    }

    /*endregion*/

    /*region: rangeslider webkit*/

    .range-slider{
        margin-bottom: 150px;
    }
    .rang.range-slider{
        margin-bottom: 0px;
    }
    input[type=range].slider {
        top: -6px;
        width: calc(100% + 3px);
    }
    input[type=range].slider::-webkit-slider-runnable-track {
        height: 5px;
    }
    input[type=range].slider::-webkit-slider-thumb {
        height: 30px;
        width: 30px;
        border:8px solid #fff;
        margin-top: -12px;
        z-index:10;
        position: relative;
    }
    input[type=range].slider:before {
        width: 14px;
    }
    input[type=range].slider:after {
        height: 26px;
        width: 14px;
        right: 14px;
        border-radius: 0 14px 14px 0;
        top: -10px;
    }
    .range-label-werbezeitraum li::before {
        top: -35px;
        width: 2px;
        height: 9px;
    }
    .range-slider-text{
        font-size: 14px;
        margin-top: -19px;
        line-height: 17px;
        margin-left: -11px;
    }
    .range-label-werbezeitraum li:nth-child(28) .range-slider-text {
        margin-left: -20px;
    }
    /*endregion*/

    /*region: rangeslider moz*/

    input[type=range].slider::-moz-range-track {
        width: calc(100% - 32px);
        height: 5px;
        transform: translate(-16px,3px);
    }
    input[type="range"].slider::-moz-range-thumb {
        height: 13px;
        width: 13px;
        border: 10px solid #fff;
        -webkit-transform: translate(-50%, 3px);
        -moz-transform: translate(-50%, 3px);
        -ms-transform: translate(-50%, 3px);
        -o-transform: translate(-50%, 3px);
        transform: translate(-50%, 3px);
    }
    @-moz-document url-prefix(){
        .range-labels {
            padding: 0 15px;
        }
    }
    /*endregion*/

    /*region: Edge*/

    @supports (-ms-ime-align:auto) {
        .range-slider{
            position: relative;
            top:0px;
        }
        .range-slider .range-slider{
            top:0px;
        }
        input[type=range].slider::-ms-track {
            height: 6px;
            border-width: 18px 0;
        }
        input[type=range].slider::-ms-thumb {
            box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
            height: 14px;
            width: 14px;
            border:10px solid #fff;
            border-radius: 50%;
            background: #917DB2;
            cursor: pointer;
            -webkit-appearance: none;
            z-index: 10;
            position: relative;
        }
        .line-background2{
            margin-top: -118px;
        }
        input[type=range].slider{
            margin-left: 0;
            width: calc(100% + 10px);
        }
        .range-labels{
            padding: 0 9px 0 15px;
        }
        .range-labels li{
            top:0px;
        }
        input[type=range].slider::-ms-thumb {
            margin-top: -2px;
        }
    }

    /*endregion*/

    .foot-note {
        bottom: 10px;
        font-size: 14px;
    }

}

@media (max-width: 767px) and (min-width: 576px) and (-ms-high-contrast: none), (max-width: 767px) and (min-width: 576px) and (-ms-high-contrast: active) {

    .range-slider{
        position: relative;
        top:-20px;
    }
    .range-slider .range-slider{
        top:0px;
    }
    .line-background2 {
        margin-top: -138px;
    }
    input[type=range].slider {
        width: calc(100% + 5px);
        top:-5px;
        margin-left: 3px;
    }
    input[type=range].slider::-ms-track {
        height: 6px;
        border-width: 18px 0;
    }
    input[type=range].slider::-ms-thumb {
        height: 14px;
        width: 14px;
        border-width: 10px;
    }

}


/*endregion*/

/*--region----------------------------md------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 991px){

   /* main {
        margin-top: 65px ;
        width: 100%;
    }*/

    /*region: Preiskalkulator left-side*/

    .padding-preiskalkulator .overflow-scroll,
    .padding-preiskalkulator {
        height: auto;
        overflow: auto;
        position: relative;
        display: block;
    }
    .section-content .accordion-collapsed {
        padding-top: 3em;
        padding-left: 65px;
        height: 50vw;
        border-top: 1px solid #4e555b;
        border-right: none;
        border-left: none;
    }
    #kurzangebot .preise-h1,
    .headline-and-einblendungen .preise-h1 {
        font-size: 40px;
        padding-bottom: 30px;
    }
    .kalkuacc {
        border-left: none;
        border-right: none;
    }
    .kalkuacc .card-header {
        padding-left: 65px;
    }
    .kalkuacc .gestaltung-btn {
        margin-left: 0px;
    }
    .kalkuhead2 {
        height: 65px !important;
    }
    .headline-and-einblendungen {
        padding-top: 3em;
    }
    .acc-ul {
        bottom: 3em;
    }
    .btn-anfragen .btn-full-width .btn-name,
    #pdfangebot .btn-full-width .btn-name,
    .kalkuacc .card-header h5 .btn-link {
        font-size: 21px;
    }
    .kalkuacc .btn-full-width .icon-download,
    .kalkuacc .btn-full-width .icon-linkpfeil {
        font-size: 50px;
    }
    .kalkuacc .burger3,
    #accordion.kalkuacc  .card .card-header h5 .btn-link .close-acc-1 .burger3:before{
        width: 16px;
        height: 3px;
    }
    #pdfangebot .btn-full-width,
    .btn-anfragen .btn-full-width{
        padding: 0 0 0 65px;
    }
    .acc-ul h2 {
        font-size: 26px;
    }
    .acc-ul li:nth-child(3) {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .img-Kirsche, .img-Kiwi, .img-Birne, .img-Apfel, .img-Orange, .img-Erdbeere, .img-Weintraube, .img-Banane, .img-Ananas, .img-Torte {
        width: auto;
        height: 120%;
    }
    #detailangebot .headline-detailangebot {
        padding: 0 65px;
        height: 130px;
    }
    .foot-notes-table,
    .preis-details tr td:first-child p {
        padding-left: 65px;
    }
    .angebot-span {
        font-size: 15px !important;
    }
    .preis-details p {
        font-size: 15px;
    }
    .preis-details b {
        font-size: 17px;
    }
    .foot-notes-table{
        height: 45px;
    }
    .preis-details tr {
        height: 45px;
    }
    .anteile {
        font-size: 110px;
    }
    .anteile-pie-wrapper {
        height: 110px;
        width: 155px;
    }
    .einblendungen-chart-wrapper{
        height: 110px;
    }
    .einblendungen {
        width: 110px;
    }
    .p-chart {
        top: 40px;
    }
    .acc-ul h2.c-white.big b {
        font-size: 22px!important;
    }
    .p-chart,
    .preise-ul li b {
        font-size: 18px;
    }
    .preise-ul b .time-distance,
    .preise-ul li {
        font-size: 12px;
    }
    .piechart2,
    .piechart1 {
        margin-top: 10px;
        font-size: 14px;
    }
    #detailangebot .headline-detailangebot h2.bridge .kapitel-headline {
        font-size: 18px;
    }
    #detailangebot .headline-detailangebot h2.bridge .package {
        font-size: 40px;
    }
    #detailangebot .time-distance {
        font-size: 15px;
    }
    #detailangebot .headline-detailangebot img {
        width: 20%;
    }
    /*endregion*/

    /*region: slider Sendezeit und Werbezeitraum*/

    #progress-bar-container .icon{
        font-size: 50px;
    }
    .sendez {
        top: -20px;
    }
    #progress-bar-container {
        height: 130px;
        margin-top: 2vh;
        margin-bottom: 4vh;
    }
    .werbez .opensans,
    .werbez .time-attr,
    .sendez .number-minutes,
    .sendez .time-attr {
        font-size: 16px;
        margin-right: 2px;
    }
    .opensans {
        font-size: 12px;
    }
    #line {
        height: 5px;
        top: 45px;
    }
    .line-background,
    .line-background2{
        height: 26px;
    }
    .progress-li li:after {
        margin-top: -13px;
    }
    .progress-li li:hover:after,
    .progress-li li:after,
    .progress-li li.active:after{
        border-width: 6px;
    }
    .progress-li p {
        line-height: 24px;
        margin-top: 14px;
        font-size: 16px;
    }
    #werbezeitraumangebot {
        margin-bottom: 15px;
    }

    /*endregion*/

    /*region: rangeslider webkit*/

    .range-slider{
        margin-bottom: 150px;
    }
    .rang.range-slider{
        margin-bottom: 0px;
    }
    input[type=range].slider {
        top: -6px;
        width: calc(100% + 3px);
    }
    input[type=range].slider::-webkit-slider-runnable-track {
        height: 5px;
    }
    input[type=range].slider::-webkit-slider-thumb {
        height: 30px;
        width: 30px;
        border:8px solid #fff;
        margin-top: -12px;
        z-index:10;
        position: relative;
    }
    input[type=range].slider:before {
        width: 14px;
    }
    input[type=range].slider:after {
        height: 26px;
        width: 14px;
        right: 14px;
        border-radius: 0 14px 14px 0;
        top: -10px;
    }
    .range-label-werbezeitraum li::before {
        top: -35px;
        width: 2px;
        height: 9px;
    }
    .range-slider-text{
        font-size: 16px;
        margin-top: -15px;
    }
    /*endregion*/

    /*region: rangeslider moz*/

    input[type=range].slider::-moz-range-track {
        width: calc(100% - 32px);
        height: 5px;
        transform: translate(-16px,3px);
    }
    input[type="range"].slider::-moz-range-thumb {
        height: 13px;
        width: 13px;
        border: 10px solid #fff;
        -webkit-transform: translate(-50%, 3px);
        -moz-transform: translate(-50%, 3px);
        -ms-transform: translate(-50%, 3px);
        -o-transform: translate(-50%, 3px);
        transform: translate(-50%, 3px);
    }
    @-moz-document url-prefix(){
        .range-labels {
            padding: 0 15px;
        }
    }
    /*endregion*/

    /*region: Edge*/

    @supports (-ms-ime-align:auto) {
        .range-slider{
            position: relative;
            top:0px;
        }
        .range-slider .range-slider{
            top:0px;
        }
        input[type=range].slider::-ms-track {
            height: 6px;
            border-width: 18px 0;
        }
        input[type=range].slider::-ms-thumb {
            box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
            height: 14px;
            width: 14px;
            border:10px solid #fff;
            border-radius: 50%;
            background: #917DB2;
            cursor: pointer;
            -webkit-appearance: none;
            z-index: 10;
            position: relative;
        }
        .line-background2{
            margin-top: -118px;
        }
        input[type=range].slider{
            margin-left: 0;
            width: calc(100% + 10px);
        }
        .range-labels{
            padding: 0 9px 0 17px;
        }
        .range-labels li{
            top:0px;
        }
        input[type=range].slider::-ms-thumb {
            margin-top: -2px;
        }
    }

    /*endregion*/

    .foot-note {
        bottom: 10px;
    }
}

@media (max-width: 991px) and (min-width: 768px) and (-ms-high-contrast: none), (max-width: 991px) and (min-width: 768px) and (-ms-high-contrast: active) {

    .range-slider{
        position: relative;
        top:-10px;
    }
    .range-slider .range-slider{
        top:0px;
    }
    .line-background2 {
        margin-top: -138px;
    }
    input[type=range].slider {
        width: calc(100% + 5px);
        top:-5px;
        margin-left: 3px;
    }
    input[type=range].slider::-ms-track {
        height: 6px;
        border-width: 18px 0;
    }
    input[type=range].slider::-ms-thumb {
        height: 14px;
        width: 14px;
        border-width:10px;
    }

}

/*endregion*/

/*--region----------------------------lg-1-----------------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1100px) {

    /*main {
        margin-top: 65px;
        width: calc(100% - 65px);
    }
   */

    /*region: Preiskalkulator left-side*/

    .padding-preiskalkulator .overflow-scroll,
    .padding-preiskalkulator {
        height: calc(100vh - 65px);
    }
    .section-content .accordion-collapsed {
        padding-top: 2.5em;
        padding-left: 15px;
        height: calc(100vh - 260px);
    }
    #kurzangebot .preise-h1,
    .headline-and-einblendungen .preise-h1 {
        font-size: 33px;
        padding-bottom: 20px;
    }
    .kalkuacc .card-header {
        padding-left: 15px;
    }
    .kalkuacc .gestaltung-btn {
        margin-left: 0px;
    }
    .kalkuhead2 {
        height: 65px !important;
    }
    .headline-and-einblendungen {
        padding-top: 2.5em;
    }
    .acc-ul {
        bottom: 2.5em;
    }
    .btn-anfragen .btn-full-width .btn-name,
    #pdfangebot .btn-full-width .btn-name,
    .kalkuacc .card-header h5 .btn-link {
        font-size: 14px;
    }
    .kalkuacc .btn-full-width .icon-download,
    .kalkuacc .btn-full-width .icon-linkpfeil {
        font-size: 45px;
    }
    .kalkuacc .burger3,
    #accordion.kalkuacc  .card .card-header h5 .btn-link .close-acc-1 .burger3:before{
        width: 14px;
        height: 3px;
    }
    #pdfangebot .btn-full-width,
    .btn-anfragen .btn-full-width{
        padding: 0 0 0 15px;
    }
    .acc-ul h2 {
        font-size: 20px;
    }
    .acc-ul li:nth-child(3) {
        padding-bottom: 6px;
        margin-bottom: 6px;
    }
    #detailangebot .headline-detailangebot {
        padding: 0 15px;
        height: 110px;
    }
    .foot-notes-table,
    .preis-details tr td:first-child p {
        padding-left: 15px;
    }
    .angebot-span {
        font-size: 13px !important;
    }
    .preis-details p {
        font-size: 12px;
    }
    .preis-details b {
        font-size: 12px;
    }
    .foot-notes-table{
        height: 32px;
    }
    .preis-details tr {
        height: 32px;
    }
    .anteile {
        font-size: 80px;
    }
    .anteile-pie-wrapper {
        height: 80px;
        width: 115px;
    }
    .einblendungen-chart-wrapper{
        height: 80px;
    }
    .einblendungen {
        width: 80px;
    }
    .p-chart {
        top: 29px;
    }
    .acc-ul h2.c-white.big b {
        font-size: 19px!important;
    }
    .p-chart,
    .preise-ul li b {
        font-size: 14px;
    }
    .preise-ul b .time-distance,
    .preise-ul li {
        font-size: 12px;
    }
    .piechart2,
    .piechart1 {
        margin-top: 7px;
        font-size: 13px;
    }
    #detailangebot .headline-detailangebot h2.bridge .kapitel-headline {
        font-size: 13px;
    }
    #detailangebot .headline-detailangebot h2.bridge .package {
        font-size: 33px;
    }
    #detailangebot .time-distance {
        font-size: 12px;
    }
    #detailangebot .headline-detailangebot img {
        width: 35%;
    }
    /*endregion*/

    /*region: slider Sendezeit und Werbezeitraum*/

    #progress-bar-container .icon{
        font-size: 35px;
    }
    .sendez {
        top: -20px;
    }
    #progress-bar-container {
        height: 90px;
        margin-top: 3vh;
        margin-bottom: 4vh;
    }
    .werbez .opensans,
    .werbez .time-attr,
    .sendez .number-minutes,
    .sendez .time-attr {
        font-size: 14px;
        margin-right: 1px;
    }
    .opensans {
        font-size: 11px;
    }
    #line {
        width: calc(100% - 35px);
        height: 4px;
        top: 25px;
        left: 15px;
    }
    .line-background,
    .line-background2{
        height: 22px;
        top: 16px;
    }
    ul.progress-li {
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .progress-li li:after {
        margin-top: -3px;
    }
    .progress-li li:hover:after,
    .progress-li li:after,
    .progress-li li.active:after{
        border-width: 5px;
    }
    .progress-li p {
        line-height: 12px;
        margin-top: 19px;
        font-size: 13px;
    }
    #werbezeitraumangebot {
        margin-bottom: 15px;
    }

    /*endregion*/

    /*region: rangeslider webkit*/

    input[type=range].slider {
        top: -8px;
        width: calc(100% + 3px);
    }
    input[type=range].slider::-webkit-slider-runnable-track {
        height: 4px;
    }
    input[type=range].slider::-webkit-slider-thumb {
        height: 30px;
        width: 30px;
        border:8px solid #fff;
        margin-top: -12px;
        z-index:10;
        position: relative;
    }
    input[type=range].slider:before {
        width: 18px;
    }
    input[type=range].slider:after {
        height: 22px;
        width: 12px;
        right: 18px;
        border-radius: 0 14px 14px 0;
        top: -9px;
    }
    .range-label-werbezeitraum li::before {
        top: -35px;
        width: 2px;
        height: 9px;
    }
    .range-slider-text{
        font-size: 14px;
        margin-top: -19px;
        line-height: 17px;
        margin-left: -11px;
    }
    .range-label-werbezeitraum li:nth-child(28) .range-slider-text {
        margin-left: -20px;
    }
    /*endregion*/

    /*region: rangeslider moz*/

    input[type=range].slider::-moz-range-track {
        width: calc(100% - 32px);
        height: 5px;
        transform: translate(-16px,3px);
    }
    input[type="range"].slider::-moz-range-thumb {
        height: 13px;
        width: 13px;
        border: 10px solid #fff;
        -webkit-transform: translate(-50%, 3px);
        -moz-transform: translate(-50%, 3px);
        -ms-transform: translate(-50%, 3px);
        -o-transform: translate(-50%, 3px);
        transform: translate(-50%, 3px);
    }
    @-moz-document url-prefix(){
        .range-labels {
            padding: 0 15px;
        }
    }
    /*endregion*/

    /*region: Edge*/

    @supports (-ms-ime-align:auto) {
        .range-slider{
            position: relative;
            top:0px;
        }
        .range-slider .range-slider{
            top:0px;
        }
        input[type=range].slider::-ms-track {
            height: 6px;
            border-width: 18px 0;
        }
        input[type=range].slider::-ms-thumb {
            box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
            height: 14px;
            width: 14px;
            border:10px solid #fff;
            border-radius: 50%;
            background: #917DB2;
            cursor: pointer;
            -webkit-appearance: none;
            z-index: 10;
            position: relative;
        }
        .line-background2{
            margin-top: -118px;
        }
        input[type=range].slider{
            margin-left: 0;
            width: calc(100% + 10px);
        }
        .range-labels{
            padding: 0 9px 0 17px;
        }
        .range-labels li{
            top:0px;
        }
        input[type=range].slider::-ms-thumb {
            margin-top: -2px;
        }
    }

    /*endregion*/

    .foot-note {
        bottom: 7px;
        font-size: 13px;
    }

}

@media (max-width: 1100px) and (min-width: 992px) and (-ms-high-contrast: none), (max-width: 1100px) and (min-width: 992px) and (-ms-high-contrast: active) {

    .range-slider{
        position: relative;
        top:-20px;
    }
    .range-slider .range-slider{
        top:0px;
    }
    .range-labels {
        padding: 0 5px 0 13px;
    }
    .line-background2 {
        margin-top: -138px;
    }
    input[type=range].slider {
        width: calc(100% + 10px);
        top:-7px;
        margin-left: 0px;
    }
    input[type=range].slider::-ms-track {
        height: 6px;
        border-width: 18px 0;
    }
    input[type=range].slider::-ms-thumb {
        height: 12px;
        width: 12px;
        border-width:8px;
    }
    .newacc .burger-menu3 {
        padding-right: 15px;
    }

}

/*endregion*/

/*--region----------------------------lg-2-----------------------------------------------------------*/

@media (min-width: 1101px) and (max-width: 1300px) {

   /* main {
        margin-top: 70px;
        width: calc(100% - 70px);
    }
*/
    /*region: Preiskalkulator left-side*/

    .padding-preiskalkulator .overflow-scroll,
    .padding-preiskalkulator {
        height: calc(100vh - 70px);
    }
    .section-content .accordion-collapsed {
        padding-top: 3em;
        padding-left: 20px;
        height: calc(100vh - 280px);
    }
    #kurzangebot .preise-h1,
    .headline-and-einblendungen .preise-h1 {
        font-size: 40px;
        padding-bottom: 20px;
    }
    .kalkuacc .card-header {
        padding-left: 20px;
    }
    .kalkuacc .gestaltung-btn {
        margin-left: 0px;
    }
    .kalkuhead2 {
        height: 70px !important;
    }
    .headline-and-einblendungen {
        padding-top: 3em;
    }
    .acc-ul {
        bottom: 3em;
    }
    .btn-anfragen .btn-full-width .btn-name,
    #pdfangebot .btn-full-width .btn-name,
    .kalkuacc .card-header h5 .btn-link {
        font-size: 15px;
    }
    .kalkuacc .btn-full-width .icon-download,
    .kalkuacc .btn-full-width .icon-linkpfeil {
        font-size: 45px;
    }
    .kalkuacc .burger3,
    #accordion.kalkuacc  .card .card-header h5 .btn-link .close-acc-1 .burger3:before{
        width: 16px;
        height: 3px;
    }
    #pdfangebot .btn-full-width,
    .btn-anfragen .btn-full-width{
        padding: 0 0 0 20px;
    }
    .acc-ul h2 {
        font-size: 22px;
    }
    .acc-ul li:nth-child(3) {
        padding-bottom: 7px;
        margin-bottom: 7px;
    }

    #detailangebot .headline-detailangebot {
        padding: 0 20px;
        height: 110px;
    }
    .foot-notes-table,
    .preis-details tr td:first-child p {
        padding-left: 20px;
    }
    .angebot-span {
        font-size: 13px !important;
    }
    .preis-details p {
        font-size: 13px;
    }
    .preis-details b {
        font-size: 14px;
    }
    .foot-notes-table{
        height: 37px;
    }
    .preis-details tr {
        height: 37px;
    }
    .anteile {
        font-size: 90px;
    }
    .anteile-pie-wrapper {
        height: 90px;
        width: 125px;
    }
    .einblendungen-chart-wrapper{
        height: 90px;
    }
    .einblendungen {
        width: 90px;
    }
    .p-chart {
        top: 32px;
    }
    .acc-ul h2.c-white.big b {
        font-size: 22px!important;
    }
    .p-chart,
    .preise-ul li b {
        font-size: 14px;
    }
    .preise-ul b .time-distance,
    .preise-ul li {
        font-size: 12px;
    }
    .piechart2,
    .piechart1 {
        margin-top: 10px;
        font-size: 14px;
    }
    #detailangebot .headline-detailangebot h2.bridge .kapitel-headline {
        font-size: 15px;
    }
    #detailangebot .headline-detailangebot h2.bridge .package {
        font-size: 40px;
    }
    #detailangebot .time-distance {
        font-size: 14px;
    }
    #detailangebot .headline-detailangebot img {
        width: 35%;
    }

    /*endregion*/

    /*region: slider Sendezeit und Werbezeitraum*/

    #progress-bar-container .icon{
        font-size: 40px;
    }
    .sendez {
        top: -20px;
    }
    #progress-bar-container {
        height: 110px;
        margin-top: 2vh;
        margin-bottom: 4vh;
    }
    .werbez .opensans,
    .werbez .time-attr,
    .sendez .number-minutes,
    .sendez .time-attr {
        font-size: 16px;
        margin-right: 2px;
    }
    .opensans {
        font-size: 12px;
    }
    #line {
        width: calc(100% - 30px);
        height: 5px;
        top: 35px;
        left: 15px;
    }
    .line-background,
    .line-background2{
        height: 26px;
        top: 25px;
    }
    ul.progress-li {
        padding-top: 35px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .progress-li li:after {
        margin-top: -3px;
    }
    .progress-li li:hover:after,
    .progress-li li:after,
    .progress-li li.active:after{
        border-width: 6px;
    }
    .progress-li p {
        line-height: 16px;
        margin-top: 23px;
        font-size: 14px;
    }
    #werbezeitraumangebot {
        margin-bottom: 15px;
    }

    /*endregion*/

    /*region: rangeslider webkit*/

    input[type=range].slider {
        top: -6px;
        width: calc(100% + 3px);
    }
    input[type=range].slider::-webkit-slider-runnable-track {
        height: 5px;
    }
    input[type=range].slider::-webkit-slider-thumb {
        height: 30px;
        width: 30px;
        border:8px solid #fff;
        margin-top: -12px;
        z-index:10;
        position: relative;
    }
    input[type=range].slider:before {
        width: 14px;
    }
    input[type=range].slider:after {
        height: 26px;
        width: 14px;
        right: 14px;
        border-radius: 0 14px 14px 0;
        top: -10px;
    }
    .range-label-werbezeitraum li::before {
        top: -35px;
        width: 2px;
        height: 9px;
    }
    .range-slider-text{
        font-size: 14px;
        margin-top: -19px;
        line-height: 17px;
        margin-left: -11px;
    }
    .range-label-werbezeitraum li:nth-child(28) .range-slider-text {
        margin-left: -20px;
    }
    /*endregion*/

    /*region: rangeslider moz*/

    input[type=range].slider::-moz-range-track {
        width: calc(100% - 32px);
        height: 5px;
        transform: translate(-16px,3px);
    }
    input[type="range"].slider::-moz-range-thumb {
        height: 13px;
        width: 13px;
        border: 10px solid #fff;
        -webkit-transform: translate(-50%, 3px);
        -moz-transform: translate(-50%, 3px);
        -ms-transform: translate(-50%, 3px);
        -o-transform: translate(-50%, 3px);
        transform: translate(-50%, 3px);
    }
    @-moz-document url-prefix(){
        .range-labels {
            padding: 0 15px;
        }
    }
    /*endregion*/

    /*region: Edge*/

    @supports (-ms-ime-align:auto) {
        .range-slider{
            position: relative;
            top:0px;
        }
        .range-slider .range-slider{
            top:0px;
        }
        input[type=range].slider::-ms-track {
            height: 6px;
            border-width: 18px 0;
        }
        input[type=range].slider::-ms-thumb {
            box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
            height: 14px;
            width: 14px;
            border:10px solid #fff;
            border-radius: 50%;
            background: #917DB2;
            cursor: pointer;
            -webkit-appearance: none;
            z-index: 10;
            position: relative;
        }
        .line-background2{
            margin-top: -118px;
        }
        input[type=range].slider{
            margin-left: 0;
            width: calc(100% + 10px);
        }
        .range-labels{
            padding: 0 9px 0 17px;
        }
        .range-labels li{
            top:0px;
        }
        input[type=range].slider::-ms-thumb {
            margin-top: -2px;
        }
    }

    /*endregion*/

    .foot-note {
        bottom: 10px;
        font-size: 14px;
    }

}

@media (max-width: 1300px) and (min-width: 1101px) and (-ms-high-contrast: none), (max-width: 1300px) and (min-width: 1101px) and (-ms-high-contrast: active) {

    .range-slider{
        position: relative;
        top:-20px;
    }
    .range-slider .range-slider{
        top:0px;
    }
    .line-background2 {
        margin-top: -138px;
    }
    input[type=range].slider {
        width: calc(100% + 5px);
        top:-5px;
        margin-left: 3px;
    }
    input[type=range].slider::-ms-track {
        height: 6px;
        border-width: 18px 0;
    }
    input[type=range].slider::-ms-thumb {
        height: 14px;
        width: 14px;
        border-width:10px;
    }
    .newacc .burger-menu3 {
        padding-right: 15px;
    }

}

/*endregion*/

/*--region----------------------------xlg------------------------------------------------------------*/
@media (min-width: 1301px ) and (max-width: 1500px) {

   /* main {
        margin-top: 75px;
        width: calc(100% - 75px);
    }*/

    /*region: Preiskalkulator left-side*/

    .padding-preiskalkulator .overflow-scroll,
    .padding-preiskalkulator {
        height: calc(100vh - 75px);
    }
    .section-content .accordion-collapsed {
        padding-top: 4em;
        padding-left: 25px;
        height: calc(100vh - 300px);
    }
    #kurzangebot .preise-h1,
    .headline-and-einblendungen .preise-h1 {
        font-size: 46px;
        padding-bottom: 30px;
    }
    .kalkuacc .card-header {
        padding-left: 25px;
    }
    .kalkuacc .gestaltung-btn {
        margin-left: 0px;
    }
    .kalkuhead2 {
        height: 75px !important;
    }
    .headline-and-einblendungen {
        padding-top: 4em;
    }
    .acc-ul {
        bottom: 4em;
    }
    .btn-anfragen .btn-full-width .btn-name,
    #pdfangebot .btn-full-width .btn-name,
    .kalkuacc .card-header h5 .btn-link {
        font-size: 18px;
    }
    .kalkuacc .btn-full-width .icon-download,
    .kalkuacc .btn-full-width .icon-linkpfeil {
        font-size: 50px;
    }
    .kalkuacc .burger3,
    #accordion.kalkuacc  .card .card-header h5 .btn-link .close-acc-1 .burger3:before{
        width: 19px;
        height: 3px;
    }
    #pdfangebot .btn-full-width,
    .btn-anfragen .btn-full-width{
        padding: 0 0 0 25px;
    }
    .acc-ul h2 {
        font-size: 28px;
    }
    #detailangebot .headline-detailangebot {
        padding: 0 25px;
        height: 130px;
    }
    .foot-notes-table,
    .preis-details tr td:first-child p {
        padding-left: 25px;
    }
    .angebot-span {
        font-size: 14px !important;
    }
    .preis-details p {
        font-size: 14px;
    }
    .preis-details b {
        font-size: 18px;
    }
    .foot-notes-table{
        height: 42px;
    }
    .preis-details tr {
        height: 42px;
    }
    .anteile {
        font-size: 110px;
    }
    .anteile-pie-wrapper {
        height: 110px;
        width: 155px;
    }
    .einblendungen-chart-wrapper{
        height: 110px;
    }
    .einblendungen {
        width: 110px;
    }
    .p-chart {
        top: 41px;
    }
    .acc-ul h2.c-white.big b {
        font-size: 28px!important;
    }
    .p-chart,
    .preise-ul li b {
        font-size: 17px;
    }
    .preise-ul b .time-distance,
    .preise-ul li {
        font-size: 16px;
    }
    .piechart2,
    .piechart1 {
        margin-top: 10px;
        font-size: 14px;
    }
    #detailangebot .headline-detailangebot h2.bridge .kapitel-headline {
        font-size: 18px;
    }
    #detailangebot .headline-detailangebot h2.bridge .package {
        font-size: 46px;
    }
    /*endregion*/

    /*region: slider Sendezeit und Werbezeitraum*/

    .anteile {
        font-size: 130px;
    }
    .anteile-pie-wrapper {
        height: 130px;
        width: 185px;
    }
    .einblendungen-chart-wrapper{
        height: 130px;
    }
    .einblendungen {
        width: 130px;
    }
    .p-chart {
        top: 50px;
    }
    #progress-bar-container .icon{
        font-size: 40px;
    }
    .sendez {
        top: -20px;
    }
    #progress-bar-container {
        height: 130px;
        margin-top: 0;
        margin-bottom: 4vh;
    }
    .werbez .opensans,
    .werbez .time-attr,
    .sendez .number-minutes,
    .sendez .time-attr {
        font-size: 16px;
        margin-right: 2px;
    }
    .opensans {
        font-size: 12px;
    }
    #line {
        height: 5px;
        top: 45px;
    }
    .line-background,
    .line-background2{
        height: 26px;
    }
    .progress-li li:after {
        margin-top: -13px;
    }
    .progress-li li:hover:after,
    .progress-li li:after,
    .progress-li li.active:after{
        border-width: 6px;
    }
    .progress-li p {
        line-height: 16px;
        margin-top: 12px;
        font-size: 14px;
    }
    #werbezeitraumangebot {
        margin-bottom: 15px;
    }

    /*endregion*/

    /*region: rangeslider webkit*/

    input[type=range].slider {
        top: -6px;
        width: calc(100% + 3px);
    }
    input[type=range].slider::-webkit-slider-runnable-track {
        height: 5px;
    }
    input[type=range].slider::-webkit-slider-thumb {
        height: 30px;
        width: 30px;
        border:8px solid #fff;
        margin-top: -12px;
        z-index:10;
        position: relative;
    }
    input[type=range].slider:before {
        width: 14px;
    }
    input[type=range].slider:after {
        height: 26px;
        width: 14px;
        right: 14px;
        border-radius: 0 14px 14px 0;
        top: -10px;
    }
    .range-label-werbezeitraum li::before {
        top: -35px;
        width: 2px;
        height: 9px;
    }
    .range-slider-text{
        font-size: 14px;
        margin-top: -19px;
        line-height: 17px;
        margin-left: -11px;
    }
    .range-label-werbezeitraum li:nth-child(28) .range-slider-text {
        margin-left: -20px;
    }
    /*endregion*/

    /*region: rangeslider moz*/

    input[type=range].slider::-moz-range-track {
        width: calc(100% - 32px);
        height: 5px;
        transform: translate(-16px,3px);
    }
    input[type="range"].slider::-moz-range-thumb {
        height: 13px;
        width: 13px;
        border: 10px solid #fff;
        -webkit-transform: translate(-50%, 3px);
        -moz-transform: translate(-50%, 3px);
        -ms-transform: translate(-50%, 3px);
        -o-transform: translate(-50%, 3px);
        transform: translate(-50%, 3px);
    }
    @-moz-document url-prefix(){
        .range-labels {
            padding: 0 15px;
        }
    }
    /*endregion*/

    /*region: Edge*/

    @supports (-ms-ime-align:auto) {
        .range-slider{
            position: relative;
            top:0px;
        }
        .range-slider .range-slider{
            top:0px;
        }
        input[type=range].slider::-ms-track {
            height: 6px;
            border-width: 18px 0;
        }
        input[type=range].slider::-ms-thumb {
            box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
            height: 14px;
            width: 14px;
            border:10px solid #fff;
            border-radius: 50%;
            background: #917DB2;
            cursor: pointer;
            -webkit-appearance: none;
            z-index: 10;
            position: relative;
        }
        .line-background2{
            margin-top: -118px;
        }
        input[type=range].slider{
            margin-left: 0;
            width: calc(100% + 10px);
        }
        .range-labels{
            padding: 0 9px 0 16px;
        }
        .range-labels li{
            top:0px;
        }
        input[type=range].slider::-ms-thumb {
            margin-top: -2px;
        }
    }

    /*endregion*/

    .foot-note {
        bottom: 10px;
        font-size: 14px;
    }

}

@media (max-width: 1500px) and (min-width: 1301px) and (-ms-high-contrast: none), (max-width: 1500px) and (min-width: 1301px) and (-ms-high-contrast: active) {

    .range-slider{
        position: relative;
        top:-10px;
    }
    .range-slider .range-slider{
        top:0px;
    }
    .line-background2 {
        margin-top: -138px;
    }
    input[type=range].slider {
        width: calc(100% + 5px);
        top:-5px;
        margin-left: 3px;
    }
    input[type=range].slider::-ms-track {
        height: 6px;
        border-width: 18px 0;
    }
    input[type=range].slider::-ms-thumb {
        height: 14px;
        width: 14px;
        border-width:10px;
    }
    .newacc .burger-menu3 {
        padding-right: 15px;
    }

}

/*endregion*/

/*--region----------------------------xxlg------------------------------------------------------------*/

@media (min-width: 1501px ) and (max-width: 1600px) {

   /* main {
        margin-top: 80px;
        width: calc(100% - 80px);
    }*/

    /*region: Preiskalkulator left-side*/

    .padding-preiskalkulator .overflow-scroll,
    .padding-preiskalkulator {
        height: calc(100vh - 80px);
    }
    .section-content .accordion-collapsed {
        padding-top: 4.5em;
        padding-left: 35px;
        height: calc(100vh - 320px);
    }
    .kalkuacc .card-header {
        padding-left: 35px;
    }
    .kalkuacc .gestaltung-btn {
        margin-left: 0px;
    }
    .kalkuhead2 {
        height: 80px !important;
    }
    .headline-and-einblendungen {
        padding-top: 4.5em;
    }
    .acc-ul {
        bottom: 4.5em;
    }
    .btn-anfragen .btn-full-width .btn-name,
    #pdfangebot .btn-full-width .btn-name,
    .kalkuacc .card-header h5 .btn-link {
        font-size: 20px;
    }
    .kalkuacc .btn-full-width .icon-download,
    .kalkuacc .btn-full-width .icon-linkpfeil {
        font-size: 55px;
    }
    .kalkuacc .burger3,
    #accordion.kalkuacc  .card .card-header h5 .btn-link .close-acc-1 .burger3:before{
        width: 21px;
        height: 3px;
    }
    #detailangebot .headline-detailangebot {
        padding: 0 35px;
    }
    .foot-notes-table,
    .preis-details tr td:first-child p {
        padding-left: 35px;
    }
    .angebot-span {
        font-size: 14px !important;
    }
    .preis-details p {
        font-size: 14px;
    }
    .preis-details b {
        font-size: 18px;
    }
    .preis-details tr {
        height: 42px;
    }
    .anteile {
        font-size: 130px;
    }
    .anteile-pie-wrapper {
        height: 130px;
        width: 185px;
    }
    .einblendungen-chart-wrapper{
        height: 130px;
    }
    .einblendungen {
        width: 130px;
    }
    .p-chart {
        top: 55px;
    }
    .acc-ul h2.c-white.big b {
        font-size: 36px!important;
    }
    .preise-ul li b {
        font-size: 20px;
    }
    .preise-ul b .time-distance,
    .preise-ul li {
        font-size: 16px;
    }
    /*endregion*/

    /*region: slider Sendezeit und Werbezeitraum*/

    .anteile {
        font-size: 130px;
    }
    .anteile-pie-wrapper {
        height: 130px;
        width: 185px;
    }
    .einblendungen-chart-wrapper{
        height: 130px;
    }
    .einblendungen {
        width: 130px;
    }
    .p-chart {
        top: 55px;
    }
    #progress-bar-container .icon{
        font-size: 50px;
    }
    .sendez {
        top: -20px;
    }
    #progress-bar-container {
        height: 130px;
        margin-top: 2vh;
        margin-bottom: 4vh;
    }
    .werbez .opensans,
    .werbez .time-attr,
    .sendez .number-minutes,
    .sendez .time-attr {
        font-size: 19px;
        margin-right: 2px;
    }
    .opensans {
        font-size: 13px;
    }
    #line {
        height: 5px;
        top: 45px;
    }
    .line-background,
    .line-background2{
        height: 26px;
    }
    .progress-li li:after {
        margin-top: -13px;
    }
    .progress-li li:hover:after,
    .progress-li li:after,
    .progress-li li.active:after{
        border-width: 6px;
    }
    .progress-li p {
        line-height: 16px;
        margin-top: 15px;
        font-size: 16px;
    }
    #werbezeitraumangebot {
        margin-bottom: 15px;
    }

    /*endregion*/

    /*region: rangeslider webkit*/

    input[type=range].slider {
        top: -6px;
        width: calc(100% + 3px);
    }
    input[type=range].slider::-webkit-slider-runnable-track {
        height: 5px;
    }
    input[type=range].slider::-webkit-slider-thumb {
        height: 30px;
        width: 30px;
        border:8px solid #fff;
        margin-top: -12px;
        z-index:10;
        position: relative;
    }
    input[type=range].slider:before {
        width: 14px;
    }
    input[type=range].slider:after {
        height: 26px;
        width: 14px;
        right: 14px;
        border-radius: 0 14px 14px 0;
        top: -10px;
    }
    .range-label-werbezeitraum li::before {
        top: -35px;
        width: 2px;
        height: 9px;
    }
    .range-slider-text{
        font-size: 16px;
        margin-top: -15px;
    }
    /*endregion*/

    /*region: rangeslider moz*/

    input[type=range].slider::-moz-range-track {
        width: calc(100% - 32px);
        height: 5px;
        transform: translate(-16px,3px);
    }
    input[type="range"].slider::-moz-range-thumb {
        height: 13px;
        width: 13px;
        border: 10px solid #fff;
        -webkit-transform: translate(-50%, 3px);
        -moz-transform: translate(-50%, 3px);
        -ms-transform: translate(-50%, 3px);
        -o-transform: translate(-50%, 3px);
        transform: translate(-50%, 3px);
    }
    @-moz-document url-prefix(){
        .range-labels {
            padding: 0 15px;
        }
    }
    /*endregion*/

    /*region: Edge*/

    @supports (-ms-ime-align:auto) {
        .range-slider{
            position: relative;
            top:0px;
        }
        .range-slider .range-slider{
            top:0px;
        }
        input[type=range].slider::-ms-track {
            height: 6px;
            border-width: 18px 0;
        }
        input[type=range].slider::-ms-thumb {
            box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
            height: 16px;
            width: 16px;
            border:12px solid #fff;
            border-radius: 50%;
            background: #917DB2;
            cursor: pointer;
            -webkit-appearance: none;
            z-index: 10;
            position: relative;
        }
        .line-background2{
            margin-top: -117px;
        }
        input[type=range].slider{
            margin-left: 0;
            width: calc(100% + 10px);
        }
        .range-labels{
            padding: 0 11px 0 19px;
        }
        .range-labels li{
            top:0px;
        }
        input[type=range].slider::-ms-thumb {
            margin-top: -2px;
        }
    }

    /*endregion*/

    .foot-note {
        bottom: 10px;
    }

}

@media (max-width: 1600px) and (min-width: 1501px) and (-ms-high-contrast: none), (max-width: 1600px) and (min-width: 1501px) and (-ms-high-contrast: active) {

    .range-slider{
        position: relative;
        top:-10px;
    }
    .range-slider .range-slider{
        top:0px;
    }
    input[type=range].slider {
        width: calc(100% + 5px);
        top:-5px;
        margin-left: 3px;
    }
    .line-background2 {
        margin-top: -138px;
    }
    input[type=range].slider::-ms-track {
        height: 6px;
        border-width: 18px 0;
    }
    input[type=range].slider::-ms-thumb {
        height: 14px;
        width: 14px;
        border-width:10px;
    }

}

/*endregion*/

/*--region----------------------------xxlg------------------------------------------------------------*/

@media (min-width: 1601px ) and (max-width: 1700px) {


    /*region: Preiskalkulator left-side*/

    .kalkuacc .card-header {
        padding-left: 35px;
    }
    .section-content .accordion-collapsed {
        padding-left: 35px;
    }
    #detailangebot .headline-detailangebot {
        padding: 0 35px;
    }
    .foot-notes-table,
    .preis-details tr td:first-child p {
        padding-left: 35px;
    }

    /*endregion*/

    /*region: slider Sendezeit und Werbezeitraum*/

    .anteile {
        font-size: 130px;
    }
    .anteile-pie-wrapper {
        height: 130px;
        width: 185px;
    }
    .einblendungen-chart-wrapper{
        height: 130px;
    }
    .einblendungen {
        width: 130px;
    }
    .p-chart {
        top: 55px;
    }
    #progress-bar-container .icon{
        font-size: 55px;
    }
    .sendez {
        top: -20px;
    }
    #progress-bar-container {
        height: 160px;
        margin-top: 2vh;
        margin-bottom: 4vh;
    }
    .werbez .opensans,
    .werbez .time-attr,
    .sendez .number-minutes,
    .sendez .time-attr {
        font-size: 21px;
        margin-right: 4px;
    }
    .opensans {
        font-size: 14px;
    }
    #line {
        height: 6px;
        top: 47px;
    }
    .line-background,
    .line-background2{
        height: 30px;
    }
    .progress-li li:after {
        margin-top: -12px;
    }
    .progress-li p {
        line-height: 20px;
        margin-top: 20px;
        font-size: 18px;
    }
    #werbezeitraumangebot {
        margin-bottom: 15px;
    }

    /*endregion*/

    /*region: rangeslider webkit*/

    input[type=range].slider {
        top: -4px;
        width: calc(100% + 7px);
    }
    input[type=range].slider::-webkit-slider-runnable-track {
        height: 6px;
    }
    input[type=range].slider::-webkit-slider-thumb {
        height: 34px;
        width: 34px;
        border:9px solid #fff;
        margin-top: -13px;
        z-index:10;
        position: relative;
    }
    input[type=range].slider:before {
        width: 18px;
    }
    input[type=range].slider:after {
        height: 30px;
        width: 14px;
        right: 18px;
        border-radius: 0 14px 14px 0;
    }
    /*endregion*/

    /*region: rangeslider moz*/

    input[type=range].slider::-moz-range-track {
        width: calc(100% - 31px);
        height: 6px;
        transform: translate(-18px,2px);
    }

    /*endregion*/

    /*region: Edge*/

    @supports (-ms-ime-align:auto) {
        .range-slider{
            position: relative;
            top:0px;
        }
        .range-slider .range-slider{
            top:0px;
        }
        input[type=range].slider::-ms-track {
            height: 6px;
            border-width: 18px 0;
        }
        input[type=range].slider::-ms-thumb {
            box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
            height: 16px;
            width: 16px;
            border:12px solid #fff;
            border-radius: 50%;
            background: #917DB2;
            cursor: pointer;
            -webkit-appearance: none;
            z-index: 10;
            position: relative;
        }
        .line-background2{
            margin-top: -117px;
        }
        input[type=range].slider{
            margin-left: 0;
            width: calc(100% + 10px);
        }
        .range-labels{
            padding: 0 13px 0 17px;
        }
        .range-labels li{
            top:0px;
        }
        input[type=range].slider::-ms-thumb {
            margin-top: -2px;
        }
    }

    /*endregion*/

    .foot-note {
        bottom: 10px;
    }

}

@media (max-width: 1700px) and (min-width: 1601px) and (-ms-high-contrast: none), (max-width: 1700px) and (min-width: 1601px) and (-ms-high-contrast: active) {

    .range-slider{
        position: relative;
        top:-10px;
    }
    .line-background2 {
        margin-top: -139px;
    }
    .range-slider .range-slider{
        top:0px;
    }
    input[type=range].slider {
        width: calc(100% + 13px);
    }
    input[type=range].slider::-ms-track {
        height: 6px;
        border-width: 18px 0;
    }

}

/*endregion*/