/*region:zusätzlicher Code*/

/*region: Text*/

.frame-type-text p{
    line-height: 33px;
}
p{
    line-height: 36px;
}

/*endregion*/

/*region: Kontakt Personen*/
#c37 .container-fluid{
    padding-left: 0;
    padding-right: 0;
}
.name-kontakt{
    font-size: 23px;
    text-transform: uppercase;
    font-family: "Neo Sans W01 Bold";
    margin-bottom: 0;
    padding: 50px;
    height: 220px;
}
.name-kontakt .name{
    font-size: 55px;
    line-height: 65px;
    font-family: "Neo Sans W01", sans-serif;
    font-weight: normal;
    text-transform: none;
}
.name-kontakt.kontaktpad{
    padding: 50px 50px 0 50px;
}
.information{
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    flex-direction: column;
}
.information a {
    display: block;
    position: relative;
}
.information p{
    margin: 0;
}
.information .kontaktpad {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    padding: 0;
    flex-direction: column;
}
.information .kontaktpad span{
    padding: 8px 50px;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
}
.information .kontaktpad i{
    font-size: 60px;
    position: absolute;
    top: auto;
    left: auto;
    line-height: 1!important;
    margin-top: -2px;
    margin-left: 30px;
}
.information .kontaktpad i.icon-plakatdigital-28-mobile{
    font-size: 55px;
    margin-left: 33px;
    margin-top: 3px;
}
.information .kontaktpad i ~ span{
    margin-left: 35px;
}
.information .kontaktpad:before{
    content: '';
    height: 100%;
    width: 100%;
    position: relative;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    left: 0;
    right: 0;
    border-top: 1px solid #565963;
}
.information a.kontaktpad:last-child:after{
    content: '';
    height: 100%;
    width: 100%;
    position: relative;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    border-bottom: 1px solid #565963;
}
.line2 {
    display: none;
}
.kontakt1{
    font-size: 60px;
    position: absolute;
    top: auto;
    left: auto;
    line-height: 1!important;
    margin-top: -6px;
    margin-left: 30px;
}
.kontakt1 ~ span{
    margin-left: 35px;
}
.kontaktpad.remt svg{
    position: absolute;
    margin-left: 47px;
    margin-top: 13px;
    height: 23px;
    width: 23px;
}
.kontaktpad.remt svg ~ span{
    margin-left: 35px;
}
/*endregion*/

/*region: Kontakt Formular*/

.form-control{
    height: auto;
    margin-bottom: 0;
    border-bottom: none;
    font-family: "Neo Sans W01", sans-serif;
    margin-left: 15px;
    width: calc(100% - 15px);
    font-size: 20px;
    padding-left: 15px;
}
.form-control:after{
    content: '.';
    color: #D5DBE1;
}
textarea.form-control{
    height: auto;
}
.powermail_fieldwrap_type_textarea,
.powermail_fieldwrap_type_select,
.form-group.powermail_fieldwrap_type_input{
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /*align-items: baseline;*/
    border-bottom: 1px solid #2D313E;
    margin-left: 15px;
    max-width: calc(100% - 30px);
}
label.control-label{
    font-size: 23px;
    text-transform: uppercase;
    flex-direction: row;
    margin-bottom: 0;
    line-height: 36px;
    padding-left: 0;
}
.form-control:focus{
    -webkit-box-shadow: none;
    -moz-box-shadow: none    ;
    box-shadow: none    ;
}
select.form-control:not([size]):not([multiple]) {
    height: auto;
    color: #2D313E !important;
}
.tx-powermail .powermail_fieldset .parsley-errors-list{
    background-color: transparent;
    border: none;
}
.tx-powermail .powermail_fieldset .parsley-errors-list>li{
    color: #917DB2!important;
    list-style: none;
    margin-left: 20px;
}
.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.tx-powermail .powermail_fieldset div.error{
    background-color: #EFEFEF;
    color: #917DB2;
}
/*endregion*/

/*region: Modal*/

.modal{
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}
.modal-header {
    border-bottom: 0;
    padding: 25px;
}
.modal-header .close {
    padding: 0;
    margin: 0;
    color: #2D313E;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1200;
    height: 60px;
    width: 60px;
}
.close-icon {
    position: absolute;
    font-size: 35px;
    right: 30px;
    top: 23px;
}
.modal-title {
    font-family: "Neo Sans W01 Bold";
    border-bottom: 1px solid #2D313E;
    text-transform: uppercase;
    width: 100%;
    padding-bottom: 25px;
}
.modal-body{
    padding: 0 25px 25px 25px;
}
.modal-body ul{
    padding: 0;
    margin: 0;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    flex-direction: column;
}
.modal-body li{
    list-style-type: none;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    align-items: baseline;
}
.modal-body li p{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    color: #2D313E;
}
.modal-body li a{
    border:none;
    font-family: "Open Sans", sans-serif;
    padding: 0;
    color: #917DB2;
    font-size: 18px;
}
.modal-body li a:hover{
    color: #F2002C;
}
.modal-body span {
    margin-right: 10px;
    display:inline-flex;
    font-size: 18px;
    color: #F2002C;
}

/*endregion*/

/*region:Owl Carousel*/

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}
.owl-accordion .owl-dots.disabled,
.owl-accordion .owl-nav.disabled{
    display: block!important;
}


    /*endregion*/

/*region: kreativsimulator*/

.carousel-item:last-child .simmulatorimage{
    object-position: 0% 50%;
}

/*endregion*/

/*endregion*/





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

@media (max-width: 575.98px) {


    main {
        margin-top: 60px;
        width: 100%;
        overflow: hidden;
    }
    .sliderheight {
        object-position: 30% 60px;
    }
    /*region: navigation*/
    .navbar.fixed-top {
        height: 60px;
        padding: 0;
    }
    .navbar-brand img{
        width: 120px;
    }
    .toggler,
    .navbar-toggler,
    .burger-menu {
        width: 60px;
        height: 60px;
    }
    .navbar-nav.mr-auto{
        background: #2D313E;
        color: #fff;
        margin-left: 0px!important;
    }
    .schei {
        padding: 18px 30px !important;
    }
    .dropdown-item{
        font-size: 5.3vw;
    }
    .navbar-light .navbar-nav .nav-link{
        padding: 18px 0;
        font-size: 5.3vw;
        color: #fff;
    }
    .navbar-light .navbar-nav .nav-link:hover{
        color: #fff!important;
    }
    .navbar.fixed-top .nav-item a:before{
        display: none;
    }
    .navbartop {
        padding-right: 0;
        padding-left: 30px;
        border-top: 1px solid #565963;
    }
    .navbar-nav .dropdown-menu{
        margin-left: -30px;
    }
    .navbar-light .navbar-nav .nav-link{
        margin-left: 0;
    }
    .tele {
        display: none;
    }
    .burger,
    .burger::before,
    .burger::after{
        width: 35px;
        height: 4px;
    }
    .burger::before {
        top: 9px;
    }
    .burger::after {
        bottom: 9px;
    }
    .navbar-collapse.collapse.show{
         overflow-y: scroll;
         max-height: calc(100vh - 48px);
    }
    /*.navbar-collapse.collapse.show >.navbar-nav:before{
        content: '';
        background: #2D313E;
        width: 100%;
        height: calc(100vh - 60px);
        z-index: -1;
        position: absolute;
    }*/

    /*endregion*/

    /*region: Navbar Right / Service-Navigation*/

    .navbar-right {
        display: none;
    }
    .fixed-navbar.res-none {
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        height: 20vw;
        flex-direction: row;
    }
    .fixed-navbar li{
        float: none;
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        align-items: center;
    }
    .fixed-navbar a{
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        width: 100%;
    }
    .fixed-navbar .ico {
        margin: 0 auto;
        display: inline-flex;
        font-size: 19vw !important;
    }
    .navbar-collapse > .navbar-nav{
        /*height: 100vh;*/
    }
    /*endregion*/

    /*region: Startseiten-Slider*/

    #carouselExampleIndicators .carousel-item > .container-fluid > .row{
        flex-direction: column-reverse;
    }
    #carouselExampleIndicators .carousel-indicators {
        top: 40vh;
        bottom: unset;
        margin: 0 0 0 23px;
    }
    #carouselExampleIndicators .sliderheight {
        height: 45vh;
    }
    #carouselExampleIndicators .carousel-caption {
        top: 20px;
        width: 100%;
        height: 55vh;
        position: relative;
        left: 0;
        padding: 0 25px;
    }
    #carouselExampleIndicators .blue-hg{
        padding:0;
    }
    .pd-textslide,
    .pd-textslide2 {
        font-size: 6vw;
        line-height: 8vw;
        width: 100%;
        padding-bottom: 5px;
    }
    .textelement-fuer-den-slider p {
        width:100%;
        font-size: 15px;
        line-height: 22px;
    }
    #carouselExampleIndicators .carousel-control-next,
    #carouselExampleIndicators .carousel-control-prev{
        display: none;
    }
    .textelement-fuer-den-slider a:before {
        font-size: 45px;
        margin-left: -13px;
    }
    /*endregion*/

    /*region: Slider Gestaltungsmöglichkeiten*/

    .slider-bild-in-bild .carousel,
    .slider-bild-in-bild .carousel .carousel-inner,
    .slider-bild-in-bild .carousel .carousel-inner .carousel-item,
    .slider-bild-in-bild .carousel .carousel-inner .carousel-item .container-fluid,
    .slider-bild-in-bild {
        min-height: 520px;
    }
    .slider-bild-in-bild #carouselExampleIndicators .carousel-item > .container-fluid > .row {
        flex-direction: column;
    }
    .slider-bild-in-bild #carouselExampleIndicators .carousel-indicators {
        top: auto;
        bottom: 10px;
    }
    .slider-bild-in-bild #carouselExampleIndicators .sliderheight {
        height: 40vh;
        width: 74vw !important;
        position: absolute;
        top: -73vh;
        z-index: 5;
        right: 0;
    }
    .slider-bild-in-bild #carouselExampleIndicators .carousel-caption {
        height: calc(100vh - 70px);
        padding: 95px 25px 0 25px;
        min-height: 520px;
    }
    .slider-bild-in-bild #carouselExampleIndicators .carousel-control-next,.slider-bild-in-bild #carouselExampleIndicators .carousel-control-prev {
        display: block;
    }
    .slider-icon {
        font-size: 53px;
    }
    .pd-textslide2 {
        padding-bottom: 10px;
        width: 70%;
    }
    .pd-textslide2 span {
        font-size: 16px !important;
        line-height: 16px;
    }
    .imggest {
        border: 9px solid #2D313E;
        left: 25px;
        max-height: 22vh;
        top: 40vh;
    }
    .slider-bild-in-bild .pd-prev2 {
        left: 25px;
        height: 60px;
        width: 60px;
        border: 4px solid #2D313E;
        padding: 0;
        top: auto;
        bottom: 70px;
    }
    .slider-bild-in-bild .pd-next2 {
        left: 82px;
        height: 60px;
        width: 60px;
        border: 4px solid #2D313E;
        padding: 0;
        top: auto;
        bottom: 70px;
    }
    .gestaltung-poin {
        bottom: -30px;
    }
    /*endregion*/

    /*region: Accordion*/

    .padding40, .padding50, .padding60 {
        padding-left: 25px;
        padding-right: 25px;
    }
    .startacc {
        font-size: 18px;
        padding: 0;
    }
    #accordion > .card > .card-header > h5 > .btn-link[data-toggle="collapse"] .close-acc-1 .burger2::before,
    .burger2{
        height: 2px;
        width: 18px;
    }
    .burger-menu2 {
        height: 50px;
        width: 50px;
        justify-content: flex-end;
    }
    .icons-start {
       display: none;
    }
    .h95 {
        height: 50px !important;
    }
    #accordion:not(.detailsaccordion):not(.gestaltung-accordion2):not(.kalkuacc) {
        padding-bottom: 0em;
    }
    .card-body{
        padding:0.8rem 0rem;
    }
    #c315 #accordion{
        margin-top: 10px;
    }
    #c315 #accordion .card:first-child .plakatdigital-cardheader{
        border-top: 2px solid #565963;
    }
    #c320 #accordion .card:last-child .plakatdigital-cardheader{
        border-bottom: 0;
    }
    .card-header {
        padding-left: 0px;
    }
    .card-body p{
        font-size: 15px;
    }
    .plakatdigital-cardheader h5 .startacc.pd-button{
        padding-left: 0px;
    }
    /*endregion*/

    /*region: accordion Geslatungsmöglichkeiten*/

    .newacc .burger-menu3 {
        width: 50px;
        height: 50px;
    }
    .gestaltung-btn {
        margin-left: 0px;
        font-size: 21px;
    }
    .gestaltung-accord .slidertext{
        padding-left: 25px;
        padding-right: 25px;
    }
    .gestaltung-accord p {
        font-size: 16px;
        line-height: 24px;
    }
    #accordion > .card > .card-header > h5 > .btn-link[data-toggle="collapse"] .close-acc-1 .burger3::before,
    .burger3 {
        width: 17px;
        height: 2px;
    }
    .gestaltung-accordion2 .card-header {
        padding-left: 25px;
    }
    /*endregion*/

    /*region: Text & Überschriften */
    p,
    .frame-type-text p{
        font-size: 15px;
        line-height: 22px;
    }
    h1 {
        font-size: 32px;
        margin-bottom: 1rem;
    }
    .bg-grey h2 {
        font-size: 26px;
    }
    .footer-brand a, p, li{
        font-size: 16px;
    }
    .bg-whiti h2,
    .bg-grey2 h2,
    .bg-darkbluegrey h2 {
        font-size: 26px;
    }
    .bg-darkbluegrey a {
        border-width: 3px!important;
        font-size: 15px;
    }
    .bg-white.alight a,
    .bg-grey2 a{
        border-width: 3px!important;
        font-size: 15px;
    }
    .bg-grey a,
    .bg-whiti a,
    .btn-primary,
    .bg-lightgrey a{
        border-width: 3px!important;
        font-size: 15px;
    }
    .button-rot a {
        border-width: 3px!important;
    }
    a.close-acc-1{
        border: 0!important;
    }
    .bg-grey a:hover,
    .bg-whiti a:hover,
    .bg-white.alight a:hover,
    .bg-grey2 a:hover,
    .btn-primary:hover,
    .bg-lightgrey a:hover{
        border-width: 3px!important;
    }
    #kurzangebot .kapitel-uberschrift,
    .headline-and-einblendungen .kapitel-uberschrift,
    .frame-type-text.frame-layout-1 h5,
    .frame-type-header.frame-layout-1 h5,
    .frame-type-text.frame-layout-0 h5,
    .frame-type-header.frame-layout-0 h5 {
        font-size: 15px;
    }
    .frame-type-header.frame-layout-1,
    .frame-type-text.frame-layout-1{
        padding: 0;
    }
    .frame-type-header.frame-layout-0,
    .frame-type-text.frame-layout-0 {
        padding-left: 25px;
        padding-right: 25px;
    }
    .teaser .teaser-content h3,
    .frame-type-header.frame-layout-1 h2,
    .frame-type-text.frame-layout-1 h2,
    .frame-type-header.frame-layout-1 h3,
    .frame-type-text.frame-layout-1 h3,
    .frame-type-header.frame-layout-0 h2,
    .frame-type-text.frame-layout-0 h2 {
        font-size: 20px;
        padding-bottom: 8px;
        line-height: 28px;
    }
    .p-einzug .frame-type-text h2,
    .p-einzug .frame-type-text p{
        width:100%;
    }
    .grauerhg li {
        font-size: 15px;
        line-height: 25px;
    }
    /*endregion*/

    /*region: Typo Spacing*/

    .frame-space-after-small {
        margin-bottom: 0.6em;
    }
    .frame-space-after-extra-large{
        margin-bottom: 1.5rem;
    }
    .frame-space-before-extra-large {
        margin-top: 1.5em;
    }
    /*endregion*/

    /*region: teaser*/

    .teaser .teaser-content {
        padding: 20px 25px;
    }
    .teaser .teaser-content a {
        bottom: 25px;
    }
    .teaser .teaser-content p {
        margin-bottom: 70px;
    }
    /*endregion*/

    /*region: teaser Bilder */

    .teaser.teaser-text-bild .teaser-content img {
        height: auto;
        width: 39vw;
        bottom: 0;
        top: auto;
        margin: auto 0;
    }
    #c339 .teaser.teaser-text-bild .teaser-content img,
    #c132 .teaser.teaser-text-bild .teaser-content img,
    #c130 .teaser.teaser-text-bild .teaser-content img {
        top: 0;
    }
    #c332 .teaser.teaser-text-bild .teaser-content img {
        height: 45%;
        top: 50%;
        width: auto;
        transform: translateY(-50%);
        right: 4vw;
    }
    #c171 .teaser.teaser-text-bild .teaser-content img {
        height: 100%;
        top: 0;
        width: auto;
    }
    #c149 .teaser.teaser-text-bild .teaser-content img {
        height: auto;
        width: 60%;
    }
    /*endregion*/

    /*region: footer*/

    footer {
        width: 100%;
        margin-bottom: 20vw;
        padding: 7px 0px;
    }
    .footer-down,
    .footer-down a,
    .footer-brand a {
        font-size: 14px;
    }
    footer .row {
        height: auto;
    }
    .footer-down .footerplakat {
        margin-left: 3px;
    }
    .footer-icon {
        font-size: 60px;
    }
    .footer-brand li {
        margin-left: 4px;
    }
    .footer-social-media {
        position: absolute;
        right: 15px;
        top: -28px;
    }
    /*endregion*/

    /*region: map*/

    .map {
        height: 35vh;
        flex-direction: row;
        text-decoration: none;
    }
    .map .map-1{
        display: none;
    }
    .map .map-2 {
        height: 100%;
        position: relative;
    }
    .karte {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
    #c75 .map .map-2{
        border-top: none;
    }
    .karte.karterostock {
        object-position: 50% 70%;
    }
    .map .map-2 .karte{
        object-fit: cover;
        font-family: 'object-fit: cover; object-position: 100% -110px;';
    }
    /*endregion*/

    /*region: Kennzahlen*/

    .kennzahlen{
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-left: 25px;
        padding-right: 25px;
    }
    .kennzahlen .standort-h2 {
        font-size: 15px;
        margin-bottom: 8px;
    }
    .kennzahlen .information-button {
        width: 16px;
        height: 16px;
        font-size: 9px;
    }
    .little2,
    .kennzahlen p {
        font-size: 23px;
    }
    .line {
        margin-top: -6px;
        margin-bottom: 16px;
    }
    .little {
        font-size: 14px;
        top: -3px;
    }
    sup {
        font-size: 13px;
    }
    /*endregion*/

    /*region: mobil unsichtbar*/

    .res-block{
        display: none;
    }

    /*endregion*/

    /*region: referenzen*/

    .referenz-liste {
        margin-right: -15px;
    }
    .referenz-liste li {
        width: 100%;
        margin-bottom: 15px;
    }
    .img-referenz {
        border: 9px solid #2D313E;
    }
    .referenz-liste li a {
        padding: 0 15px 0 0;
    }
    /*endregion*/

    /*region: kontakt Person*/

    .name-kontakt {
        height:115px;
    }
    .name-kontakt .name {
        font-size: 29px;
        line-height: 36px;
    }
    .name-kontakt.kontaktpad {
        padding: 25px 25px 0 25px;
        font-size: 15px;
    }
    .information .kontaktpad span {
        padding: 8px 25px;
    }
    .kontakt1 {
        font-size: 42px;
        margin-top: 1px;
        margin-left: 15px;
    }
    .kontakt1 ~ span {
        margin-left: 30px;
    }
    .kontaktpad.remt svg ~ span {
        margin-left: 30px;
    }
    .kontaktpad.remt svg {
        position: absolute;
        margin-left: 28px;
        margin-top: 13px;
        height: 17px;
        width: 17px;
    }
    .information a {
        font-size: 16px;
    }
    .foto {
        max-height: 300px;
        object-position: 50% 0%;
    }
    .palomafoto {
        z-index: -1;
        position: relative;
        object-position: 50% 45%;
    }
    .information {
        margin-bottom: 0px;
    }
    .information .kontaktpad i {
        font-size: 45px;
        margin-top: 0px;
        margin-left: 13px;
    }
    .information .kontaktpad i.icon-plakatdigital-28-mobile {
        font-size: 40px;
        margin-top: 4px;
        margin-left: 16px;
    }
    /*endregion*/

    /*region: KOntakt Formular*/

    .form-control {
        font-size: 16px;
    }
    label.control-label {
        font-size: 16px;
        white-space: nowrap;
    }
    /*endregion*/

    /*region: modal*/
    .modal-dialog {
        margin: 0 25px;
    }
    .modal-body li a,
    .modal-body span,
    .modal-body li p {
        font-size: 15px;
        line-height: 22px;
    }
    .modal-header {
        padding: 20px;
    }
    .modal-body {
        padding: 0 20px 20px 20px;
    }
    .modal-title {
        padding-bottom: 18px;
        font-size: 17px;
    }
    .close-icon {
        font-size: 33px;
        right: 20px;
        top: 15px;
    }
    #exampleModal2 p{
        font-size: 3.5vw!important;
        line-height: 4.5vw!important;
    }
    /*endregion*/

    /*region: Owl Carousel*/

    .owl-prev,
    .owl-next{
        width: 60px;
        height: 60px;
        border: 4px solid #2D313E!important;
    }
    .slidertext ~ .no-padding{
        padding: 0 0 0 25px;
    }
    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        width: 100%
    }
    .owl-accordion .owl-stage {
        left: -60px;
    }
    .slickme img,
    .slickme video {
        border: 9px solid #2D313E;
    }
    /*endregion*/

    /*region: Preise*/


    .detailsaccordion .card-header{
        padding-left: 20px;
        height: 65px;
    }
    .preislist {
        border-top: 1px solid #565963;
    }
    .preise-img {
        right: 5vw;
    }

    .kiwi {
        width: 43vw;
        min-width: unset;
        max-width: 220px;
    }
    .orange {
        width: 46vw;
        max-width: 220px;
        min-width: unset;
    }
    .ananas-im {
        width: 38vw;
        max-width: 170px;
        right: 7vw;
    }

    .product1 {
        width: 65px;
        height: 65px;
    }
    .product1 h2 {
        font-size: 26px;
    }
    .padding22 {
        padding: 25px;
    }
    .preise-h2 .kapitel-ueberschrift {
        font-size: 16px;
    }
    .preise-h2 .ueberschrift-frucht {
        font-size: 35px;
        padding-bottom: 10px;
    }
    .preise-ul li {
        font-size: 15px;
    }
    .preise-h3 {
        font-size: 29px;
        padding-bottom: 20px;
    }
    .white-btn{
        border: 3px solid #fff!important;
        font-size: 15px;
    }
    .preise-h3 {
        width: 72vw;
    }
    .btn-full-width {
        height: 50px;
        padding: 0 0 0px 25px;
    }
    .btn-full-width .btn-name {
        font-size: 16px;
    }
    .btn-full-width .icon {
        width: 50px;
    }
    .btn-full-width .icon-download {
        font-size: 47px;
    }
    /*endregion*/

    /*region: lightbox*/

    #lightbox,
    .lightboxOverlay{
        display: none!important;
    }
    .referenz-liste .example-image-link,
    .referenz-liste .img-referenz{
        pointer-events: none;
        cursor: default;
    }
    /*endregion*/

    /*region: kreativsimulator / Bootstrap Carousel*/

    .flex-container .slidershow-container, .flex-container .slidershow-container #carouselExampleIndicators,
    .flex-container .slidershow-container #carouselExampleIndicators .carousel-inner,
    .flex-container .slidershow-container #carouselExampleIndicators .carousel-inner .carousel-item,
    .flex-container .slidershow-container #carouselExampleIndicators .carousel-inner .carousel-item img {
        min-height: 280px!important;
    }

    /*endregion*/



    /*region: KRAM*/

    .pod-textslide2 span {
        font-size: 18px !important;
    }

    .gestaltung-slide {
        position: absolute;
        width: 70% !important;
        right: 0;
        height: 230px;
        top: 90px;
    }

    /* the tasty burger */


    .big {
        letter-spacing: 0px;
        font-size: 51px;
        display: block;
        text-transform: uppercase;
    }

    .bg-darkbluegrey h2 {
        font-size: 28px;
    }

    .icon-menue {
        font-size: 54px;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
        outline: none;
    }

    .span2 {
        margin-top: 11px;
    }

    .span3 {
        margin-top: 22px;
    }

    .information {
        margin-top: 10px;
    }
    .name {
        font-size: 25px;
    }

    .face {
        font-size: 40px !important;
        margin-top: -17px !important;
    }
    .agrey a {
        padding: 10px 4px 9px;
    }

    .grauerhg h3 {
        font-size: 25px;
    }

    .blauerhg h2 {
        color: #fff;
        font-size: 30px;
    }

    .grauerhg h2 {
        font-size: 30px;
    }

    .gestaltungsslider5 {
        margin-top: 0;
        width: 100%;
        float: right;
        margin-right: -3px;
    }

    .grauerhg h2 {
        font-size: 30px;
    }

    .bridge {
        margin-left: 11px;
    }

    .anteile {
        display: none;
    }

    .einblendungen {
        display: none;
    }

    .piechart1 {
        display: none;
    }

    .piechart2 {
        display: none;
    }

    .detailsaccordion {
        display: none;
    }

    .standort-h2 span {
        font-size: 35px;
    }
    .pd-text {
        text-align: left;
        width: 92%;
        letter-spacing: 2px;
        line-height: 30px;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
    }
    .col1, .col2, .col4, .col5, .col6, .col7, .col8 {
        width: 100%;
        height: auto;
    }

    .static-pie-chart, .piechart1 {
        display: none;
    }

    .img-torte {
        height: 220px;
    }

    .img-kirsche {
        height: 280px;
        right: 12px;
    }

    .img-kiwi {
        height: 160px;
        right: 2px;
    }

    .img-birne {
        height: 210px;
        right: 3px;
    }

    .img-apfel {
        height: 200px;
        right: 3px;
    }

    .img-apfel {
        height: 170px;
        top: 130px;
    }

    .img-banane {
        height: 128px;
        right: 2px;
    }

    .img-ananas {
        height: 280px;
        right: 2px;
    }

    .icon {
        font-size: 38px;
    }

    .k-text {
        width: 100%;
    }

    .kreativ-caption {
        top: 54px !important;
    }

    .kalku-circle {
        display: none;
    }

    .plu-acc-preise {
        margin: -6px 0;
        font-size: 26px;
        padding-top: 10px;
    }

    .black-btn-full {
        width: auto;
    }

    .black-btn {
        width: auto;
    }
    .ref-mittig {
        display: none;
    }

    .ref-unten {
        display: none;
    }

    .ref-oben {
        display: none;
    }

    .lb-nav a.lb-next {
        opacity: 1 !important;
        margin-right: 7px;
        width: 27px !important;
        height: 27px;
        /* margin-top: 23%; */
        border: 6px solid red;
        padding-top: 60px;
        padding-left: 70px;
    }



    .innerscoll-container {
        width: 100%;
        height: 500px;
        overflow: scroll;
        text-align: center;
        margin: 0 auto;
        padding-left: 27px;
    }

    .margin-left-btn {
        margin-top: 0;
        margin-left: 180px;
    }

    .fullred-btn {
        width: auto;
    }

    .red-btn {
        width: auto;
    }

    .tele-res {
        display: block;
    }

    .standort h3 {
        font-size: 27px;
    }

    .dragbar {
        width: 100%;
        height: 280px;
        border: 10px solid #2D313E;
    }

    .width500 {
        width: auto;
    }
    .dropdown-toggle::after {
        display: none;
        float: right;
        margin-right: 135px;
        margin-top: 15px;
    }

    .bg-grey2 {
        padding: 0;
        margin: 0;
    }

    .start2 {
        margin: 0;
        margin-left: -5px;
        padding: 70px 40px 70px 40px;
    }

    .start1 {
        margin: 0;
    }
    .hoch2 {
        font-size: 30px;
    }
    .hochh3 {
        line-height: 29px;
        font-size: 23px;
    }
    .downloas-hover2 {
        display: none;
    }
    .sendezeit {
        display: none;
    }
    .ananasproduct {
        margin-right: 0;
    }
    .range-icon {
        font-size: 23px;
        margin-top: -2px;
        margin-left: -9px;
    }
    .kirsche1 {
        margin-right: 10px;
        height: 100px;
    }
    .c-white_2 {
        font-size: 45px;
        margin-bottom: 100px;
    }
    .bg-leuchtkraft h2 {
        font-size: 45px;
        margin-bottom: 100px;
    }
    footer {
        height: 100%;
    }

    .nope {
        display: none;
    }
    .zebra {
        height: 53%;
        bottom: 0;
    }

    .height455 h2 {
        font-size: 38px;
        padding-bottom: 92px;
    }

    .back-slide {
        height: 320px;
        width: 100%;
        background: #2D313E;
        position: absolute;
        bottom: 0;
    }


    .paddingh1 h1 {
        font-size: 50px;
    }

    .face {
        font-size: 47px;
        float: right;
        margin-top: 8px;
    }

    .rightaccord {
        margin-right: auto;
    }

    .res-pad {
        padding-top: 0;
        padding-bottom: 0;
    }

    .plakatdigital-cardheader {
        border-bottom: 2px solid #565963;
        height: 55px;
    }


    .close-acc {
        margin: 0;
        right: 0;
        background: #c82333;
        text-align: center;
        height: 54px;
        color: #fff !important;
        position: absolute;
        width: 55px;
        padding-top: 15px;
        font-size: 27px;
    }

    .close-acc-plus {
        margin: 0;
        right: 0;
        text-align: center;
        height: 54px;
        color: #4e555b !important;
        position: absolute;
        width: 54px;
        padding-top: 12px;
        font-size: 16px;
        cursor: pointer;
    }

    .multiple-items {
        margin-left: 0;
    }

    .padding10 {
        padding: 4%;
    }

    .rightpad {
        margin: 0;
    }

    .klassen2 {
        padding: 0;
    }

    .zebra2 {
        display: none;
    }

    .kalku-h2 span {
        font-size: 47px;
    }

    input[type=range].slider {
        width: 350px;
    }

    .blackshadow {
        width: 368px;
    }

    .ma-left {
        margin-left: 2px !important;
    }


    /*endregion*/
}


@media (max-width: 321px) {
    .slider-bild-in-bild .pd-next2,
    .slider-bild-in-bild .pd-prev2 {
        bottom: 70px;
    }
    .palomafoto {
        object-position: 50% 65%;
    }
}

/*endregion*/

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

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

    .downloas-hover2 {
        display: none;
    }

    .sendezeit {
        display: none;
    }

    .name-kontakt {
        height: 50px;
        padding: 10px;
    }

    .kontakth2 {
        font-size: 37px;
    }

    .klassen2 {
        padding-left: 0;
    }

    .rightpad {
        margin: -17px;
    }

    .preislist {
        border-bottom: 1px solid #565963;
    }
    .standort h3 {
        font-size: 31px;
    }
    .standort li {
        width: 570px;
    }
    .bg-leuchtkraft h2 {
        margin-bottom: 60px;
    }
    .c-white_2 {
        margin-bottom: 60px;
    }
    .paddingh1 h1 {
        font-size: 60px;
    }
   .paddingh1 h1 {
        font-size: 60px;
    }
     .nopaddingres {
        padding: 0;
    }
}

/*endregion*/

/*-region-----------------------------xxs----------------------------------------------------------------*/

@media (max-width: 600px) {

    .standort h3 {
        font-size: 27px;
    }
    .paddingh1 h1 {
        font-size: 46px;
    }

    .sendezeit {
        display: none;
    }

}
/*endregion*/

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

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

    main {
        margin-top: 65px;
        width: 100%;
    }
    .sliderheight {
        object-position: 30% 65px;
    }
    /*region: navigation*/
    .navbar.fixed-top {
        height: 65px;
        padding: 0;
    }
    .navbar-brand img{
        width: 120px;
    }
    .burger-menu {
        width: 65px;
        height: 65px;
    }
    .navbar-nav.mr-auto{
        background: #2D313E;
        color: #fff;
        margin-left: 0px!important;
    }
    .schei {
        padding: 18px 30px !important;
    }
    .dropdown-item{
        font-size: 20px;
    }
    .navbar-light .navbar-nav .nav-link{
        padding: 18px 0;
        font-size: 20px;
        color: #fff;
    }
    .navbar-light .navbar-nav .nav-link:hover{
        color: #fff!important;
    }
    .navbar.fixed-top .nav-item a:before{
        display: none;
    }
    .navbartop {
        padding-right: 0;
        padding-left: 30px;
        border-top: 1px solid #565963;
    }
    .navbar-nav .dropdown-menu{
        margin-left: -30px;
    }
    .navbar-light .navbar-nav .nav-link{
        margin-left: 0;
    }
    .tele {
        display: none;
    }
    .navbar-collapse.collapse.show{
        overflow-y: scroll;
        max-height: calc(100vh - 48px);
    }
    /*endregion*/

    /*region: Navbar Right / Service-Navigation*/

    .navbar-right {
        display: none;
    }
    .fixed-navbar.res-none {
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        height: 90px;
        flex-direction: row;
    }
    .fixed-navbar li{
        float: none;
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        align-items: center;
    }
    .fixed-navbar a{
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        width: 100%;
    }
    .fixed-navbar .ico {
        margin: 0 auto;
        display: inline-flex;
        font-size: 80px !important;
    }
    /*endregion*/

    /*region: Startseiten-Slider*/

    #carouselExampleIndicators .carousel-item > .container-fluid > .row{
        flex-direction: column-reverse;
    }
    #carouselExampleIndicators .carousel-indicators {
        top: 50vh;
        bottom: unset;
        margin: 0 0 0 33px;
    }
    #carouselExampleIndicators .sliderheight {
        height: 55vh;
    }
    #carouselExampleIndicators .carousel-caption {
        top: 20px;
        width: 100%;
        height: calc(45vh - 65px);
        position: relative;
        left: 0;
        padding: 0 35px;
    }
    #carouselExampleIndicators .blue-hg{
        padding:0;
    }
    .pd-textslide,
    .pd-textslide2 {
        font-size: 34px;
        line-height: 42px;
        width: 100%;
        padding-bottom: 10px;
    }
    .textelement-fuer-den-slider p {
        width:100%;
        font-size: 16px;
    }
    #carouselExampleIndicators .carousel-control-next,
    #carouselExampleIndicators .carousel-control-prev{
        display: none;
    }
    .textelement-fuer-den-slider a:before {
        font-size: 50px;
        margin-left: -15px;
    }
    /*endregion*/

    /*region: Slider Gestaltungsmöglichkeiten*/
    .slider-bild-in-bild #carouselExampleIndicators .carousel-item > .container-fluid > .row {
        flex-direction: column;
    }
    .slider-bild-in-bild #carouselExampleIndicators .carousel-indicators {
        top: auto;
        bottom: 20px;
    }
    .slider-bild-in-bild #carouselExampleIndicators .sliderheight {
        height: 33vh;
        width: 74vw !important;
        position: absolute;
        top: -65vh;
        z-index: 5;
        right: 0;
    }
    .slider-bild-in-bild #carouselExampleIndicators .carousel-caption {
        height: calc(100vh - 65px);
        padding: 115px 35px 0 35px;
    }
    .slider-bild-in-bild #carouselExampleIndicators .carousel-control-next,.slider-bild-in-bild #carouselExampleIndicators .carousel-control-prev {
        display: block;
    }
    .slider-icon {
        font-size: 59px;
    }
    .pd-textslide2 {
        padding-bottom: 10px;
        width: 50%;
    }
    .pd-textslide2 span {
        font-size: 16px !important;
        line-height: 16px;
    }
    .imggest {
        border: 9px solid #2D313E;
        left: 35px;
        max-height: 22vh;
        top: 43vh;
    }
    .slider-bild-in-bild .pd-prev2 {
        left: 35px;
        height: 65px;
        width: 65px;
        border: 4px solid #2D313E;
        padding: 0;
        top: auto;
        bottom: 80px;
    }
    .slider-bild-in-bild .pd-next2 {
        left: 97px;
        height: 65px;
        width: 65px;
        border: 4px solid #2D313E;
        padding: 0;
        top: auto;
        bottom: 80px;
    }
    .gestaltung-poin {
        bottom: -30px;
    }
    /*endregion*/

    /*region: Accordion*/

    .padding40, .padding50, .padding60 {
        padding-left: 35px;
        padding-right: 35px;
    }
    .startacc {
        font-size: 22px;
    }
    #accordion > .card > .card-header > h5 > .btn-link[data-toggle="collapse"] .close-acc-1 .burger2::before,
    .burger2{
        height: 2px;
        width: 18px;
    }
    .burger-menu2 {
        width: 65px;
        height: 65px;
        justify-content: flex-end;
    }
    .icons-start {
        width: 45px;
    }
    .h95 {
        height: 65px !important;
    }
    #accordion:not(.detailsaccordion):not(.gestaltung-accordion2):not(.kalkuacc) {
        padding-bottom: 0em;
    }
    #c320  #accordion {
        padding-bottom: 2.5em;
    }
    .card-body{
        padding:0.8rem 0rem;
    }
    .plakatdigital-cardheader h5 .startacc.pd-button{
        padding-left: 10px;
    }
    /*endregion*/

    /*region: accordion Geslatungsmöglichkeiten*/

    .newacc .burger-menu3 {
        width: 65px;
        height: 65px;
    }
    .gestaltung-btn {
        margin-left: 0px;
        font-size: 24px;
    }
    .gestaltung-accord .slidertext{
        padding-left: 35px;
        padding-right: 35px;
    }
    .gestaltung-accord p {
        font-size: 16px;
        line-height: 24px;
    }
    #accordion > .card > .card-header > h5 > .btn-link[data-toggle="collapse"] .close-acc-1 .burger3::before,
    .burger3 {
        width: 20px;
        height: 3px;
    }
    .gestaltung-accordion2 .card-header {
        padding-left: 30px;
    }
    /*endregion*/

    /*region: Text & Überschriften */
    p,
    .frame-type-text p{
        font-size: 16px;
        line-height: 26px;
    }
    h1 {
        font-size: 34px;
        margin-bottom: 1.25rem;
    }
    .bg-grey h2 {
        font-size: 28px;
    }
    .footer-brand a, p, li{
        font-size: 16px;
    }
    .bg-whiti h2,
    .bg-grey2 h2,
    .bg-darkbluegrey h2 {
        font-size: 28px;
    }
    .bg-darkbluegrey a {
        border-width: 3px!important;
        font-size: 15px;
    }
    .bg-white.alight a,
    .bg-grey2 a{
        border-width: 3px!important;
        font-size: 15px;
    }
    .bg-grey a,
    .bg-whiti a,
    .btn-primary,
    .bg-lightgrey a{
        border-width: 3px!important;
        font-size: 15px;
    }
    .button-rot a {
        border-width: 3px!important;
    }
    a.close-acc-1{
        border: 0!important;
    }
    .bg-grey a:hover,
    .bg-whiti a:hover,
    .bg-white.alight a:hover,
    .bg-grey2 a:hover,
    .btn-primary:hover,
    .bg-lightgrey a:hover{
        border-width: 3px!important;
    }
    #kurzangebot .kapitel-uberschrift,
    .headline-and-einblendungen .kapitel-uberschrift,
    .frame-type-text.frame-layout-1 h5,
    .frame-type-header.frame-layout-1 h5,
    .frame-type-text.frame-layout-0 h5,
    .frame-type-header.frame-layout-0 h5 {
        font-size: 16px;
    }
    .frame-type-header.frame-layout-1,
    .frame-type-text.frame-layout-1{
        padding: 0;
    }
    .frame-type-header.frame-layout-0,
    .frame-type-text.frame-layout-0 {
        padding-left: 35px;
        padding-right: 35px;
    }
    .teaser .teaser-content h3,
    .frame-type-header.frame-layout-1 h2,
    .frame-type-text.frame-layout-1 h2,
    .frame-type-header.frame-layout-1 h3,
    .frame-type-text.frame-layout-1 h3,
    .frame-type-header.frame-layout-0 h2,
    .frame-type-text.frame-layout-0 h2 {
        font-size: 23px;
        padding-bottom: 10px;
        line-height: 32px;
    }
    .p-einzug .frame-type-text h2,
    .p-einzug .frame-type-text p{
        width:100%;
    }
    .grauerhg li {
        font-size: 16px;
        line-height: 26px;
    }
    /*endregion*/

    /*region: Typo Spacing*/

    .frame-space-after-small {
        margin-bottom: 0.6em;
    }
    .frame-space-after-extra-large{
        margin-bottom: 2.5rem;
    }
    .frame-space-before-extra-large {
        margin-top: 2.5em;
    }
    /*endregion*/

    /*region: teaser*/

    .teaser .teaser-content {
        padding: 30px 35px;
    }
    .teaser .teaser-content a {
        bottom: 35px;
    }
    .teaser .teaser-content p {
        margin-bottom: 70px;
    }
    /*endregion*/

    /*region: teaser Bilder */

    #c149 .teaser.teaser-text-bild .teaser-content img {
        height: auto;
        width: 60%;
    }

    /*endregion*/

    /*region: footer*/

    footer {
        width: 100%;
        margin-bottom: 90px;
        padding: 7px 0px;
    }
    .footer-down,
    .footer-down a,
    .footer-brand a {
        font-size: 15px;
    }
    footer .row {
        height: auto;
    }
    .footer-down .footerplakat {
        margin-left: 3px;
    }
    .footer-icon {
        font-size: 60px;
    }
    .footer-brand li {
        margin-left: 4px;
    }
    .footer-social-media {
        position: absolute;
        right: 15px;
        top: -28px;
    }
    /*endregion*/

    /*region: map*/

    .map {
        height: 40vh;
        flex-direction: row;
    }
    .map .map-1{
        display: none;
    }
    .map .map-2 {
        height: auto;
        position: relative;
    }
    .karte {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
    #c75 .map .map-2{
        border-top: none;
    }
    .karte.karterostock {
        object-position: 50% 70%;
    }
    /*endregion*/

    /*region: Kennzahlen*/

    .kennzahlen{
        margin-top: 1.5rem;
        margin-bottom:  1.5rem;
        padding-left: 35px;
        padding-right: 35px;
    }
    .kennzahlen .standort-h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .kennzahlen .information-button {
        width: 16px;
        height: 16px;
        font-size: 9px;
    }
    .little2,
    .kennzahlen p {
        font-size: 26px;
    }
    .line {
        margin-top: -10px;
        margin-bottom: 13px;
    }
    .little {
        font-size: 16px;
        top: -3px;
    }
    sup {
        font-size: 14px;
    }
    /*endregion*/

    /*region: mobil unsichtbar*/

    .res-block{
        display: none;
    }

    /*endregion*/

    /*region: referenzen*/

    .referenz-liste {
        margin-right: -20px;
    }
    .referenz-liste li {
        width: 50%;
        margin-bottom: 20px;
    }
    .img-referenz {
        border: 9px solid #2D313E;
    }
    .referenz-liste li a {
        padding: 0 20px 0 0;
    }
    /*endregion*/

    /*region: kontakt Person*/

    .name-kontakt {
        height:70px;
    }
    .name-kontakt .name {
        font-size: 37px;
        line-height: 48px;
    }
    .name-kontakt.kontaktpad {
        padding: 35px 35px 0 35px;
        font-size: 18px;
    }
    .information .kontaktpad span {
        padding: 8px 35px;
    }
    .kontakt1 {
        font-size: 42px;
        margin-top: 1px;
        margin-left: 25px;
    }
    .kontakt1 ~ span {
        margin-left: 30px;
    }
    .kontaktpad.remt svg ~ span {
        margin-left: 30px;
    }
    .kontaktpad.remt svg {
        position: absolute;
        margin-left: 38px;
        margin-top: 13px;
        height: 17px;
        width: 17px;
    }
    .information a {
        font-size: 16px;
    }
    .foto {
        max-height: 470px;
        object-position: 50% 0%;
    }
    .palomafoto {
        z-index: -1;
        position: relative;
        object-position: 50% 45%;
    }
    .information {
        margin-bottom: 0px;
    }
    .information .kontaktpad i {
        font-size: 48px;
        margin-top: -1px;
        margin-left: 20px;
    }
    .information .kontaktpad i.icon-plakatdigital-28-mobile {
        font-size: 42px;
        margin-top: 5px;
        margin-left: 23px;
    }
    /*endregion*/

    /*region: KOntakt Formular*/

    .form-control {
        font-size: 16px;
    }
    label.control-label {
        font-size: 18px;
    }
    /*endregion*/

    /*region: modal*/

    .modal-body li a,
    .modal-body span,
    .modal-body li p {
        font-size: 16px;
        line-height: 26px;
    }
    .modal-header {
        padding: 20px;
    }
    .modal-body {
        padding: 0 20px 20px 20px;
    }
    .modal-title {
        padding-bottom: 18px;
        font-size: 17px;
    }
    .close-icon {
        font-size: 33px;
        right: 20px;
        top: 15px;
    }
    #exampleModal2 p{
        font-size: 16px!important;
        line-height: 22px!important;
    }
    /*endregion*/

    /*region: Owl Carousel*/

    .owl-prev,
    .owl-next{
        width: 65px;
        height: 65px;
        border: 4px solid #2D313E!important;
    }
    .slider-icon {
        font-size: 59px;
    }
    .slidertext ~ .no-padding{
        padding: 0 0 0 35px;
    }
    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        width: 100%
    }
    .slickme img, .slickme video {
        border: 9px solid #2D313E;
    }
    .owl-accordion .owl-stage {
        left: -60px;
    }
    /*endregion*/

    /*region: Preise*/


    .detailsaccordion .card-header{
        padding-left: 20px;
        height: 65px;
    }
    .preislist {
        border-top: 1px solid #565963;
    }
    .kiwi {
        width: 24vw;
        min-width: 220px;
    }
    .orange {
        width: 26vw;
        max-width: 230px;
        min-width: 190px;
    }
    .ananas-im {
        width: 28vw;
        max-width: 160px;
    }
    .preise-img {
        right: 11vw;
    }

    .product1 {
        width: 65px;
        height: 65px;
    }
    .product1 h2 {
        font-size: 26px;
    }
    .padding22 {
        padding: 35px;
    }
    .preise-h2 .kapitel-ueberschrift {
        font-size: 16px;
    }
    .preise-h2 .ueberschrift-frucht {
        font-size: 43px;
        padding-bottom: 20px;
    }
    .preise-ul li {
        font-size: 16px;
    }
    .preise-h3 {
        font-size: 34px;
        padding-bottom: 25px;
    }
    .white-btn{
        border: 3px solid #fff!important;
        font-size: 15px;
    }
    .preise-h3 {
        width: 72vw;
    }
    .btn-full-width {
        height: 65px;
        padding: 0 0 0px 35px;
    }
    .btn-full-width .btn-name {
        font-size: 20px;
    }
    .btn-full-width .icon {
        width: 65px;
    }
    .btn-full-width .icon-download {
        font-size: 55px;
    }
    /*endregion*/

    /*region: lightbox*/

    #lightbox,
    .lightboxOverlay{
        display: none!important;
    }
    .referenz-liste .example-image-link,
    .referenz-liste .img-referenz{
        pointer-events: none;
        cursor: default;
    }
    /*endregion*/



}

/*endregion*/

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

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

    main {
        margin-top: 65px ;
        width: 100%;
        position: relative;
    }
    .sliderheight {
        object-position: 30% 65px;
    }

    /*region: navigation*/
    .navbar.fixed-top {
        height: 65px;
        padding: 0;
    }
    .navbar-brand img{
        width: 120px;
    }
    .burger-menu {
        width: 65px;
        height: 65px;
    }
    .navbar-nav.mr-auto{
        background: #2D313E;
        color: #fff;
        margin-left: 0px!important;
    }
    .schei {
        padding: 18px 30px !important;
    }
    .dropdown-item{
        font-size: 20px;
    }
    .navbar-light .navbar-nav .nav-link{
        padding: 18px 0;
        font-size: 20px;
        color: #fff;
    }
    .navbar-light .navbar-nav .nav-link:hover{
        color: #fff!important;
    }
    .navbar.fixed-top .nav-item a:before{
        display: none;
    }
    .navbartop {
        padding-right: 0;
        padding-left: 30px;
        border-top: 1px solid #565963;
    }
    .navbar-nav .dropdown-menu{
        margin-left: -30px;
    }
    .navbar-collapse > .navbar-nav {
        height: 100vh;
    }
    .navbar-light .navbar-nav .nav-link{
        margin-left: 0;
    }
    /*.navbar-collapse.collapse.show{
        overflow-y: scroll;
        max-height: calc(100vh - 48px);
    }*/
    /*endregion*/

    /*region: Navbar Right / Service-Navigation*/

    .navbar-right {
        display: none;
    }
    .fixed-navbar.res-none {
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        height: 100px;
        flex-direction: row;
    }
    .fixed-navbar li{
        float: none;
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        align-items: center;
    }
    .fixed-navbar a{
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        width: 100%;
    }
    .fixed-navbar .ico {
        margin: 0 auto;
        display: inline-flex;
        font-size: 90px !important;
    }

    .link-overlay-touch{
        display: block;
        position: absolute;
        left: -100px;
        top: 0;
        bottom: 0;
        z-index: 10;
        width: 65px;
    }
    /*endregion*/

    /*region: Startseiten-Slider*/

    #carouselExampleIndicators .carousel-item > .container-fluid > .row{
        flex-direction: column-reverse;
    }
    #carouselExampleIndicators .carousel-indicators {
        top: 50vh;
        bottom: unset;
        margin: 0 0 0 65px;
    }
    #carouselExampleIndicators .sliderheight {
        height: 55vh;
    }
    #carouselExampleIndicators .carousel-caption {
        top: 20px;
        width: 100%;
        height: calc(45vh - 75px);
        position: relative;
        left: 0;
        padding: 30px 65px 0 65px;
    }
    #carouselExampleIndicators .blue-hg{
        padding:0;
    }
    .pd-textslide,
    .pd-textslide2 {
        font-size: 40px;
        line-height: 49px;
        width: 100%;
    }
    .textelement-fuer-den-slider p {
        width:100%;
        font-size: 18px;
    }
    #carouselExampleIndicators .carousel-control-next,
    #carouselExampleIndicators .carousel-control-prev{
        display: none;
    }

    /*endregion*/

    /*region: Slider Gestaltungsmöglichkeiten*/
    .slider-bild-in-bild .sliderheight {
        object-position: 50%;
    }
    .slider-bild-in-bild #carouselExampleIndicators .carousel-item > .container-fluid > .row {
        flex-direction: column;
        display: block;
    }
    .slider-bild-in-bild #carouselExampleIndicators .carousel-indicators {
        top: auto;
        bottom: 20px;
    }
    .slider-bild-in-bild #carouselExampleIndicators .sliderheight {
        height: 38vh;
        width: 74vw !important;
        position: absolute;
        /*top: -77vh;*/
        top: -730px;
        z-index: 5;
        right: 0;
        min-height: 380px;
        min-width: 550px;
    }
    .slider-bild-in-bild #carouselExampleIndicators .carousel-caption {
        height: calc(100vh - 75px);
        padding: 115px 65px 0 65px;
        min-height: 900px;
    }
    .slider-bild-in-bild #carouselExampleIndicators .carousel-control-next,.slider-bild-in-bild #carouselExampleIndicators .carousel-control-prev {
        display: block;
    }
    .slider-icon {
        font-size: 59px;
    }
    .pd-textslide2 {
        font-size: 46px;
        line-height: 57px;
        padding-bottom: 10px;
        width: 50%;
    }
    .pd-textslide2 span {
        font-size: 16px !important;
        line-height: 16px;
    }
    .imggest {
        border: 9px solid #2D313E;
        left: 65px;
        /*max-height: 29vh;*/
        /*top: 44vh;*/
        height: 250px;
        top: 370px;
        min-height: 210px;
    }
    .slider-bild-in-bild .carousel,
    .slider-bild-in-bild .carousel .carousel-inner,
    .slider-bild-in-bild{
        min-height: 900px;
    }
    .slider-bild-in-bild .pd-prev2 {
        left: 65px;
        height: 65px;
        width: 65px;
        border: 4px solid #2D313E;
        padding: 0;
        top: auto;
        bottom: 100px;
    }
    .slider-bild-in-bild .pd-next2 {
        left: 127px;
        height: 65px;
        width: 65px;
        border: 4px solid #2D313E;
        padding: 0;
        top: auto;
        bottom: 100px;
    }
    .gestaltung-poin {
        bottom: -30px;
    }
    /*endregion*/

    /*region: Accordion*/

    .padding40, .padding50, .padding60 {
        padding-left: 65px;
        padding-right: 65px;
        position: relative;
        display: block;
    }
    .startacc {
        font-size: 22px;
    }
    #accordion > .card > .card-header > h5 > .btn-link[data-toggle="collapse"] .close-acc-1 .burger2::before,
    .burger2{
        height: 2px;
        width: 18px;
    }
    .burger-menu2 {
        width: 65px;
        height: 65px;
        justify-content: flex-end;
    }
    .icons-start {
        width: 45px;
        margin-left: -10px;
    }
    .h95 {
        height: 65px !important;
    }
    #accordion:not(.detailsaccordion):not(.gestaltung-accordion2):not(.kalkuacc) {
        padding-bottom: 3em;
    }
    #c315 #accordion{
        padding-bottom: 0;
    }
    .card-header {
        padding-left: 0px;
    }
    .card-body{
        padding:0.8rem 0rem;
    }
    .plakatdigital-cardheader h5 .startacc.pd-button{
        padding-left: 50px;
    }
    /*endregion*/

    /*region: accordion Geslatungsmöglichkeiten*/

    .newacc .burger-menu3 {
        width: 65px;
        height: 65px;
    }
    .gestaltung-btn {
        margin-left: 65px;
        font-size: 24px;
    }
    .gestaltung-accord .slidertext{
        padding-left: 65px;
        padding-right: 65px;
    }
    .gestaltung-accord p {
        font-size: 17px;
        line-height: 28px;
    }
    #accordion > .card > .card-header > h5 > .btn-link[data-toggle="collapse"] .close-acc-1 .burger3::before,
    .burger3 {
        width: 20px;
        height: 3px;
        right: 20px;
    }
    /*endregion*/

    /*region: Text & Überschriften */
    p,
    .frame-type-text p{
        font-size: 18px;
        line-height: 28px;
    }
    h1 {
        font-size: 40px;
        margin-bottom: 1.5rem;
    }
    .bg-grey h2 {
        font-size: 29px;
    }
    .footer-brand a, p, li{
        font-size: 16px;
    }
    .bg-whiti h2,
    .bg-grey2 h2,
    .bg-darkbluegrey h2 {
        font-size: 29px;
    }
    .bg-darkbluegrey a {
        border-width: 3px!important;
        font-size: 16px;
    }
    .bg-white.alight a,
    .bg-grey2 a{
        border-width: 3px!important;
        font-size: 16px;
    }
    .bg-grey a,
    .bg-whiti a,
    .btn-primary,
    .bg-lightgrey a{
        border-width: 3px!important;
        font-size: 16px;
    }
    .button-rot a {
        color: #917DB2 !important;
        border-width: 3px!important;
    }
    a.close-acc-1{
        border: 0!important;
    }
    .bg-grey a:hover,
    .bg-whiti a:hover,
    .bg-white.alight a:hover,
    .bg-grey2 a:hover,
    .btn-primary:hover,
    .bg-lightgrey a:hover{
        border-width: 3px!important;
    }
    #kurzangebot .kapitel-uberschrift,
    .headline-and-einblendungen .kapitel-uberschrift,
    .frame-type-text.frame-layout-1 h5,
    .frame-type-header.frame-layout-1 h5,
    .frame-type-text.frame-layout-0 h5,
    .frame-type-header.frame-layout-0 h5 {
        font-size: 18px;
    }
    .frame-type-header.frame-layout-1,
    .frame-type-text.frame-layout-1{
        padding: 0;
    }
    .frame-type-header.frame-layout-0,
    .frame-type-text.frame-layout-0 {
        padding-left: 65px;
        padding-right: 65px;
    }
    .teaser .teaser-content h3,
    .frame-type-header.frame-layout-1 h2,
    .frame-type-text.frame-layout-1 h2,
    .frame-type-header.frame-layout-1 h3,
    .frame-type-text.frame-layout-1 h3,
    .frame-type-header.frame-layout-0 h2,
    .frame-type-text.frame-layout-0 h2 {
        font-size: 25px;
        padding-bottom: 10px;
        line-height: 32px;
    }
    .p-einzug .frame-type-text h2,
    .p-einzug .frame-type-text p{
        width:100%;
    }
    .grauerhg li {
        font-size: 18px;
        line-height: 28px;
    }
    /*endregion*/

    /*region: Typo Spacing*/

    .frame-space-after-small {
        margin-bottom: 0.75em;
    }
    .frame-space-after-extra-large{
        margin-bottom: 3rem;
    }
    .frame-space-before-extra-large {
        margin-top: 3em;
    }
    /*endregion*/

    /*region: teaser*/

    .teaser .teaser-content {
        padding: 32px 32px;
    }
    .teaser .teaser-content a {
        bottom: 32px;
    }
    .teaser .teaser-content p {
        margin-bottom: 70px;
    }
    /*endregion*/

    /*region: teaser Bilder */

    #c339 .teaser.teaser-text-bild .teaser-content img,
    #c149 .teaser.teaser-text-bild .teaser-content img {
        height: auto;
        width: 60%;
    }

    /*endregion*/

    /*region: footer*/

    footer {
        width: 100%;
        margin-bottom: 100px;
        position: relative;
    }
    .footer-down,
    .footer-down a,
    .footer-brand a {
        font-size: 15px;
    }
    footer .row {
        height: auto;
    }
    .footer-down .footerplakat {
        margin-left: 3px;
    }
    .footer-icon {
        font-size: 50px;
    }
    .footer-brand li {
        margin-left: 4px;
    }
    /*endregion*/

    /*region: map*/

    .map {
        height: 40vh;
        flex-direction: row;
    }
    .map .map-1{
        display: none;
    }
    .map .map-2 {
        height: auto;
        position: relative;
        width: 100%;
    }
    .karte {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
    .karte.karterostock {
        object-position: 50% 70%;
    }
    #c75 .map .map-2{
        border-top: none;
    }
    /*endregion*/

    /*region: Kennzahlen*/

    .kennzahlen{
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        padding-left: 65px;
        padding-right: 65px;
    }
    .kennzahlen .standort-h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .kennzahlen .information-button {
        width: 16px;
        height: 16px;
        font-size: 9px;
    }
    .little2,
    .kennzahlen p {
        font-size: 30px;
    }
    .line {
        margin-top: -11px;
        margin-bottom: 13px;
    }
    .little {
        font-size: 18px;
        top: -4px;
    }
    sup {
        font-size: 14px;
    }
    /*endregion*/

    /*region: mobil unsichtbar*/

    .res-block{
        display: none;
    }

    /*endregion*/

    /*region: referenzen*/

    .referenz-liste li {
        width: 33.3333%;
    }
    .img-referenz {
        border: 9px solid #2D313E;
    }

    /*endregion*/

    /*region: kontakt Person*/

    .name-kontakt {
        height: 130px;
    }
    .name-kontakt .name {
        font-size: 37px;
        line-height: 48px;
    }
    .name-kontakt.kontaktpad {
        padding: 32px 32px 0 32px;
        font-size: 18px;
    }
    .information .kontaktpad span {
        padding: 8px 32px;
    }
    .kontakt1 {
        font-size: 42px;
        margin-top: 1px;
        margin-left: 25px;
    }
    .kontakt1 ~ span {
        margin-left: 30px;
    }
    .kontaktpad.remt svg ~ span {
        margin-left: 30px;
    }
    .kontaktpad.remt svg {
        position: absolute;
        margin-left: 38px;
        margin-top: 13px;
        height: 17px;
        width: 17px;
    }
    .information a {
        font-size: 16px;
    }
    .foto{

    }
    .palomafoto {
        position: absolute;
        height: auto;
        bottom: 0;
        top: -100px;
        z-index: -1;
    }
    .information .kontaktpad i {
        font-size: 48px;
        margin-top: -1px;
        margin-left: 20px;
    }
    .information .kontaktpad i.icon-plakatdigital-28-mobile {
        font-size: 42px;
        margin-top: 5px;
        margin-left: 23px;
    }
    /*endregion*/

    /*region: KOntakt Formular*/

    .form-control {
        font-size: 16px;
    }
    label.control-label {
        font-size: 18px;
    }
    /*endregion*/

    /*region: modal*/

    .modal-body li a,
    .modal-body span,
    .modal-body li p {
        font-size: 16px;
        line-height: 26px;
    }
    .modal-header {
        padding: 20px;
    }
    .modal-title {
        padding-bottom: 18px;
        font-size: 17px;
    }
    .close-icon {
        font-size: 33px;
        right: 20px;
        top: 15px;
    }

    /*endregion*/

    /*region: Owl Carousel*/

    .owl-prev,
    .owl-next{
        width: 65px;
        height: 65px;
        border: 4px solid #2D313E!important;
    }
    .slider-icon {
        font-size: 59px;
    }
    .slidertext ~ .no-padding{
        padding: 0 0 0 65px;
    }
    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        width: 100%
    }
    .slickme img, .slickme video {
        border: 9px solid #2D313E;
    }
    .owl-accordion .owl-stage {
        left: -60px;
    }
    /*endregion*/

    /*region: Preise*/

    .preislist {
        border-top: 1px solid #565963;
    }
    .kiwi {
        width: 24vw;
        min-width: 220px;
    }
    .orange {
        width: 26vw;
        max-width: 340px;
        min-width: 220px;
    }
    .ananas-im {
        width: 23vw;
        max-width: 200px;
    }
    .preise-img {
        right: 11vw;
    }
    .padding22 {
        padding: 65px;
    }
    .preise-h2 .kapitel-ueberschrift {
        font-size: 18px;
    }
    .preise-h2 .ueberschrift-frucht {
        font-size: 43px;
        padding-bottom: 20px;
    }
    .preise-ul li {
        font-size: 16px;
    }
    .preise-h3 {
        font-size: 34px;
        padding-bottom: 25px;
    }
    .white-btn{
    border: 3px solid #fff!important;
    font-size: 16px;
    }
    .preise-h3 {
        width: 72vw;
    }
    .btn-full-width {
        height: 65px;
        padding: 0 0 0px 65px;
    }
    .btn-full-width .btn-name {
        font-size: 21px;
    }
    .btn-full-width .icon-download {
        font-size: 55px;
    }
    .btn-full-width .icon{
        width: 65px;
    }
    /*endregion*/

    /*region: lightbox*/

    .lb-nav a.lb-next,
    .lb-nav a.lb-prev {
        height: 65px;
        width: 65px;
        border: 4px solid #917DB2;
        top: calc(100% + 20px);
        position: relative;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(-0%);
    }
    .lb-nav a.lb-prev{
        left: 0;
    }
    .lb-nav a.lb-next {
        left: -4px;
        right: auto;
        float: left;
    }
    .lb-nav a.lb-next:before,
    .lb-nav a.lb-prev:before {
        font-size: 55px;
        top: 26px;
    }
    @-moz-document url-prefix(){
        .lb-nav a.lb-next:before,
        .lb-nav a.lb-prev:before{
            top: 3px;
        }
    }
    .lb-data .lb-close {
        top: 12px;
    }

    /*endregion*/


    /*region: KRAM*/

    .grauerhg h2 {
        font-size: 40px;
    }
    .nav-right ul {
        margin: 0;
    }
    .tele-res {
        display: block;
    }
    .information p {
        font-size: 16px;
    }
    .information a {
        font-size: 16px;
    }
    .name {
        font-size: 30px;
    }
    .downloas-hover2 {
        display: none;
    }
    .tele {
        display: none;
    }
    .c-white_2 {
        font-size: 40px;
    }
    .bg-leuchtkraft h2 {
        font-size: 40px;
    }
    .zebra {
        display: none;
    }
    .nav-link {
        color: #fff !important;
    }
    .sendezeit {
        display: none;
    }

    /*endregion*/

}
/*endregion*/

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

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

    main {
        margin-top: 65px;
        width: calc(100% - 65px);
    }
    .sliderheight {
        object-position: 30% 65px;
    }
    /*region: navigation*/
    .navbar.fixed-top {
        height: 65px;
    }
    .navbartop {
        padding-right: 5px;

    }
    .schei {
        padding: 13px !important;
    }
    .dropdown-item,
    .navbar-light .navbar-nav .nav-link {
        font-size: 15px;
    }
    .navbar-brand img{
        width: 120px;
    }
    .navbar-light .navbar-nav .nav-link{
        margin-right: 0;
    }
    .navbar.fixed-top .nav-item a:before{
        margin-bottom: 14px;
    }
    /*endregion*/

    /*region: sidebar-right*/
    .navbar-right {
        width: 65px;
    }
    .navbar-right ul {
        top: 65px;
        right: unset;
    }
    .navbar-right li {
        height: 65px;
        width: 65px;
        padding-top: 4px;
    }
    .navbar-right span {
        font-size: 23px;
        top: -21px;
    }
    .tele {
        width: 65px;
        height: 65px;
    }
    .telefon {
        font-size: 56px;
    }
    .tele:hover {
        width: 260px;
    }
    .tele span {
        font-size: 20px;
        margin-top: -17px;
        margin-left: 64px;
    }
    .ico {
        font-size: 56px;
    }
    .icomedia {
        font-size: 65px !important;
    }
    .dropdown-menu-right {
        top: -65px;
    }
    .rightbar-ubersicht {
        height: 65px;
    }
    .nav-item.dropdown.dropdown-right .dropdown-menu-right .ico{
        position: relative;
        top: -6px;
    }
    .rightspan {
        font-size: 16px !important;
    }
    .ico-r {
        font-size: 45px;
        /*margin-top: -11px;*/
    }
    .dropdown-right.mediatop .dropdown-menu-right{
        margin-top: -5px!important;
    }
    /*.dropdown-right:hover .dropdown-menu,*/
    .dropdown-right .dropdown-menu.active{
        margin-left: -290px;
    }
    .border-2,
    .border-3{
        width: 290px;
        height: 50px;
        /*padding-top: 13px;*/
        padding-left: 25px;
        padding-bottom: 0;
    }
    .link-overlay-touch{
        display: block;
        position: absolute;
        left: -100px;
        top: 0;
        bottom: 0;
        z-index: 10;
        width: 65px;
    }
    /*endregion*/

    /*region: Startseiten-Slider*/
    .carousel {
        margin-top: -65px;
    }
    .carousel-indicators{
        margin-left: 65px;
    }
    .carousel-caption {
        left: 65px;
    }
    .textelement-fuer-den-slider p{
        font-size: 15px;
        width: calc(100% - 80px);
    }
    .pd-prev, .pd-next {
        height: 65px;
        width: 65px;
    }
    .pd-prev{
        border-left: 4px solid #917DB2;
        border-top: 4px solid #917DB2;
        border-bottom: 4px solid #917DB2;
    }
    .pd-next{
        border-right: 4px solid #917DB2;
        border-top: 4px solid #917DB2;
        border-bottom: 4px solid #917DB2;
    }
    .slider-icon {
        font-size: 65px;
    }
    .pd-textslide,
    .pd-textslide2 {
        font-size: 33px;
        line-height: 41px;
        width: 130%;
        padding-bottom: 10px;
    }
    .textelement-fuer-den-slider a:before {
        font-size: 45px;
        margin-left: -13px;
    }
    /*endregion*/

    /*region: Slider Gestaltungsmöglichkeiten*/

    .pd-textslide2 {
        padding-bottom: 10px;
    }
    .pd-textslide2 span {
        font-size: 14px !important;
        line-height: 14px;
    }
    .imggest {
        border: 9px solid #2D313E;
        max-height: 28vh;
    }
    .slider-bild-in-bild .pd-prev2 {
        left: 65px;
        height: 65px;
        width: 65px;
        border: 4px solid #2D313E;
    }
    .slider-bild-in-bild .pd-next2 {
        left: 127px;
        height: 65px;
        width: 65px;
        border: 4px solid #2D313E;
    }
    .gestaltung-poin {
        bottom: -30px;
    }
    /*endregion*/

    /*region: Accordion*/

    .padding40, .padding50, .padding60 {
        padding-left: 65px;
        padding-right: 65px;
    }
    .icons-start {
        width: 45px;
        margin-right: 3px;
    }
    .startacc {
        font-size: 20px;
    }
    #accordion > .card > .card-header > h5 > .btn-link[data-toggle="collapse"] .close-acc-1 .burger2::before,
    .burger2{
        height: 2px;
        width: 18px;
    }
    .burger-menu2 {
        width: 65px;
        height: 65px;
        justify-content: flex-end;
    }
    .h95 {
        height: 65px !important;
    }
    #accordion:not(.detailsaccordion):not(.gestaltung-accordion2):not(.kalkuacc) {
        padding-bottom: 3em;
    }
    .card-body{
        padding:0.8rem 0rem;
    }
    .card-body p{
        font-size: 15px;
    }
    .plakatdigital-cardheader h5 .startacc.pd-button{
        padding-left: 10px;
    }
    /*endregion*/

    /*region: accordion Geslatungsmöglichkeiten*/

    .newacc .burger-menu3 {
        width: 65px;
        height: 65px;
    }
    .gestaltung-btn {
        margin-left: 15px;
        font-size: 24px;
    }
    .gestaltung-accord .slidertext{
        padding-left: 65px;
        padding-right: 65px;
    }
    .gestaltung-accord p {
        font-size: 15px;
        line-height: 23px;
    }
    #accordion > .card > .card-header > h5 > .btn-link[data-toggle="collapse"] .close-acc-1 .burger3::before,
    .burger3 {
        width: 20px;
        height: 3px;
    }
    /*endregion*/

    /*region: Text Überschriften */
    h1 {
        font-size: 33px;
        margin-bottom: 0.5rem;
    }
    p{
        font-size: 15px;
        line-height: 22px;
    }
    .frame-type-text p{
        font-size: 15px;
        line-height: 22px;
    }
    .bg-grey h2 {
        font-size: 29px;
    }
    .bg-whiti h2,
    .bg-grey2 h2,
    .bg-darkbluegrey h2 {
        font-size: 29px;
    }
    .bg-darkbluegrey a {
        border-width: 3px!important;
        font-size: 16px;
    }
    .bg-white.alight a,
    .bg-grey2 a{
        border-width: 3px!important;
        font-size: 16px;
    }
    .bg-grey a,
    .bg-whiti a,
    .btn-primary,
    .bg-lightgrey a{
        border-width: 3px!important;
        font-size: 16px;
    }
    a.close-acc-1{
        border: 0!important;
    }
    .bg-grey a:hover,
    .bg-whiti a:hover,
    .bg-white.alight a:hover,
    .bg-grey2 a:hover,
    .btn-primary:hover,
    .bg-lightgrey a:hover{
        border-width: 3px!important;
    }

    #kurzangebot .kapitel-uberschrift,
    .headline-and-einblendungen .kapitel-uberschrift,
    .frame-type-text.frame-layout-1 h5,
    .frame-type-header.frame-layout-1 h5,
    .frame-type-text.frame-layout-0 h5,
    .frame-type-header.frame-layout-0 h5 {
        font-size: 13px;
    }
    .frame-type-header.frame-layout-1,
    .frame-type-text.frame-layout-1{
        padding: 0;
    }
    .frame-type-header.frame-layout-0,
    .frame-type-text.frame-layout-0 {
        padding-left: 32px;
        padding-right: 32px;
    }
    .teaser .teaser-content h3,
    .frame-type-header.frame-layout-1 h2,
    .frame-type-text.frame-layout-1 h2,
    .frame-type-header.frame-layout-1 h3,
    .frame-type-text.frame-layout-1 h3,
    .frame-type-header.frame-layout-0 h2,
    .frame-type-text.frame-layout-0 h2 {
        font-size: 20px;
        padding-bottom: 5px;
        line-height: 25px;
    }
    .p-einzug .frame-type-text h2,
    .p-einzug .frame-type-text p{
        width:100%;
    }
    .grauerhg li {
        font-size: 15px;
        line-height: 22px;
    }
    /*endregion*/

    /*region: Typo Spacing*/

    .frame-space-after-small {
        margin-bottom: 0.75em;
    }
    .frame-space-after-extra-large{
        margin-bottom: 2.5rem;
    }
    .frame-space-before-extra-large {
        margin-top: 2.5em;
    }
    /*endregion*/

    /*region: teaser*/

    .teaser .teaser-content {
        padding: 32px 32px;
    }
    .teaser .teaser-content a {
        bottom: 32px;
    }
    /*endregion*/

    /*region: footer*/

    footer {
        width: calc(100% - 65px);
    }
    .footer-down {
        font-size: 13px;
    }
    .footer-down a {
        font-size: 13px;
    }
    .footer-brand a {
        font-size: 13px;
    }
    footer .row {
        height: 65px;
    }
    .footer-down .footerplakat {
        margin-left: 3px;
    }
    .footer-icon {
        font-size: 33px;
    }
    .footer-brand li {
        margin-left: 4px;
    }
    /*endregion*/

    /*region: map*/

    .map {
        height: calc(100vh - 65px);
    }
    .map .map-1 {
        max-height: 360px;
    }

    .map .map-1 .karte{
        object-fit: cover;
        font-family: 'object-fit: cover; object-position: 76% 50%;';
        max-height: 360px;
    }
    /*endregion*/

    /*region: Kennzahlen*/

    .kennzahlen{
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        padding-left: 32px;
        padding-right: 32px;
    }
    .kennzahlen .standort-h2 {
        font-size: 13px;
        margin-bottom: 3px;
    }
    .kennzahlen .information-button {
        width: 16px;
        height: 16px;
        font-size: 9px;
    }
    .little2,
    .kennzahlen p {
        font-size: 20px;
    }
    .line {
        margin-top: -5px;
        margin-bottom: 9px;
    }
    .little {
        font-size: 14px;
        top: 0px;
        line-height: 1;
        padding-bottom: 0;
    }
    sup {
        font-size: 11px;
    }
    /*endregion*/

    /*region: referenzen*/

    .referenz-liste li {
        width: 25%;
    }
    .img-referenz {
        border: 9px solid #2D313E;
    }

    /*endregion*/

    /*region: kontakt Person*/

    .name-kontakt {
        height: 170px;
    }
    .name-kontakt .name {
        font-size: 28px;
        line-height: 35px;
    }
    .name-kontakt.kontaktpad {
        padding: 32px 32px 0 32px;
        font-size: 13px;
    }
    .information .kontaktpad span {
        padding: 8px 32px;
    }
    .kontakt1 {
        font-size: 42px;
        margin-top: 1px;
        margin-left: 25px;
    }
    .kontakt1 ~ span {
        margin-left: 30px;
    }
    .kontaktpad.remt svg ~ span {
        margin-left: 30px;
    }
    .kontaktpad.remt svg {
        position: absolute;
        margin-left: 38px;
        margin-top: 13px;
        height: 17px;
        width: 17px;
    }
    .information a {
        font-size: 14px;
    }
    .information .kontaktpad i {
        font-size: 42px;
        margin-top: 1px;
        margin-left: 21px;
    }
    .information .kontaktpad i.icon-plakatdigital-28-mobile {
        font-size: 39px;
        margin-top: 4px;
        margin-left: 22px;
    }
    .foto {
        min-height: 420px;
    }
    /*endregion*/

    /*region: KOntakt Formular*/

    .form-control {
        font-size: 16px;
    }
    label.control-label {
        font-size: 18px;
    }
    /*endregion*/

    /*region: modal*/

    .modal-body li a,
    .modal-body span,
    .modal-body li p {
        font-size: 16px;
        line-height: 28px;
    }

    /*endregion*/

    /*region: Owl Carousel*/

    .owl-prev,
    .owl-next{
        width: 65px;
        height: 65px;
        border: 4px solid #2D313E!important;
    }
    .slider-icon {
        font-size: 55px;
    }
    .slidertext ~ .no-padding{
        padding: 0 65px;
    }
    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        width: 100%
    }
    /*endregion*/

    /*region: Preise*/

    .padding22 {
        padding: 20px;
    }
    .detailsaccordion .card-header{
        padding-left: 20px;
        height: 65px;
    }
    .btn-full-width {
        padding: 0 0 0 20px;
    }
    .preise-img {
        right: 3vw;
    }
    .ananas-im {
        width: 11.5vw;
        right: 4vw;
    }
    .orange {
        width: 13vw;
    }
    .kiwi {
        width: 14vw;
    }
    .product1 {
        width: 65px;
        height: 65px;
    }
    .product1 h2 {
        font-size: 26px;
    }
    .preise tbody tr td {
        padding-left: 20px;
        font-size: 15px;
        height: 40px;
    }
    .preise h2 {
        height: 65px;
        padding-left: 20px;
    }
    .preise-h2 .ueberschrift-frucht {
        font-size: 32px;
        padding-bottom: 10px;
    }
    .btn-full-width{
        height: 65px;
    }
    .btn-full-width .icon {
        width: 65px;
    }
    .preise-h2 .kapitel-ueberschrift {
        font-size: 13px;
    }
    .preise h2 .ueberschrift {
        font-size: 17px;
    }
    .preise span {
        font-size: 15px;
    }
    .preise-ul li {
        font-size: 14px;
    }
    .preise-h3 {
        font-size: 25px;
        padding-bottom: 20px;
    }
    .white-btn {
        border: 3px solid #fff!important;
        font-size: 16px;
    }
    .btn-full-width .btn-name,
    .preise-btn {
        font-size: 18px;
    }
    .btn-full-width .icon-download {
        font-size: 55px;
    }
    /*endregion*/

    /*region: kreativsimulator / Bootstrap Carousel*/

    .flex-container .slidershow-container #carouselExampleIndicators .carousel-inner .carousel-item img{
        min-height: 670px;
    }
    .flex-container .slidershow-container #carouselExampleIndicators .carousel-inner .carousel-item:first-child img,
    .flex-container .slidershow-container #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(3) img,
    .flex-container .slidershow-container #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(4) img,
    .flex-container .slidershow-container #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) img{
        font-family: 'object-fit: cover; object-position:left center ;';
    }
    .flex-container .slidershow-container #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(2) img,
    .flex-container .slidershow-container #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(5) img{
        font-family: 'object-fit: cover; object-position:right center ;';
    }

    /*endregion*/


    /*region: KRAM*/

    .sendezeit {
        display: none;
    }
    .nav-link {
        font-size: 23px;
    }
    .zebra {
        position: absolute;
        bottom: -30px;
        height: 220px;
        right: 60px;
    }
    .c-white_2 {
        font-size: 40px;
    }
    .bg-leuchtkraft h2 {
        font-size: 40px;
    }

    /*endregion*/
}

@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) {
    .flex-container .sidebar-content-box .navigation-container {
        left: 65px !important;
    }
}

/*endregion*/

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

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

    main {
        margin-top: 70px;
        width: calc(100% - 70px);
    }
    .sliderheight {
        object-position: 30% 70px;
    }
    /*region: navigation*/
    .navbar.fixed-top {
        height: 70px;
    }
    .schei {
         padding: 14px !important;
    }
    .dropdown-item,
    .navbar-light .navbar-nav .nav-link {
        font-size: 16px;
    }
    .navbar-brand img{
        width: 120px;
    }
    .navbar-light .navbar-nav .nav-link{
        margin-right: 0;
    }
    .navbar.fixed-top .nav-item a:before{
        margin-bottom: 15px;
    }
    .navbar .navbar-brand {
        padding-left: 5px;
    }
    /*endregion*/

    /*region: sidebar-right*/
    .navbar-right {
        width: 70px;
    }
    .navbar-right ul {
        top: 70px;
    }
    .navbar-right li {
        height: 70px;
        width: 70px;
        padding-top: 4px;
    }
    .navbar-right span {
        font-size: 27px;
        top: -24px;
    }
    .tele {
        width: 70px;
        height: 70px;
    }
    .telefon {
        font-size: 61px;
    }
    .tele:hover {
        width: 285px;
    }
    .tele span {
        font-size: 22px;
        margin-top: -14px;
        margin-left: 72px;
    }
    .ico {
        font-size: 62px;
    }
    .icomedia {
        font-size: 74px !important;
    }
    .dropdown-menu-right {
        top: -71px;
    }
    .rightbar-ubersicht {
        height: 70px;
    }
    .nav-item.dropdown.dropdown-right .dropdown-menu-right .ico{
        position: relative;
        top: -6px;
    }
    .rightspan {
        font-size: 18px !important;
    }
    .ico-r {
        font-size: 54px;
        /*margin-top: -11px;*/
    }
    .dropdown-right.mediatop .dropdown-menu-right{
        margin-top: -7px!important;
    }
    /*.dropdown-right:hover .dropdown-menu,*/
    .dropdown-right .dropdown-menu.active {
        margin-left: -360px;
    }
    .border-2,
    .border-3{
        width: 360px;
        height: 60px;
        padding-left: 25px;
        padding-bottom: 0;
    }
    /*endregion*/

    /*region: Startseiten-Slider*/
    .carousel {
        margin-top: -70px;
    }
    .carousel-indicators{
        margin-left: 70px;
    }
    .carousel-caption {
        left: 70px;
    }
    .pd-textslide,
    .pd-textslide2 {
        font-size: 45px;
        line-height: 55px;
    }
    .textelement-fuer-den-slider p{
        font-size: 16px;
        width: calc(100% - 80px);
    }
    .pd-prev, .pd-next {
        height: 70px;
        width: 70px;
    }
    .pd-prev{
        border-left: 5px solid #917DB2;
        border-top: 5px solid #917DB2;
        border-bottom: 5px solid #917DB2;
    }
    .pd-next{
        border-right: 5px solid #917DB2;
        border-top: 5px solid #917DB2;
        border-bottom: 5px solid #917DB2;
    }
    .slider-icon {
        font-size: 65px;
    }
    .textelement-fuer-den-slider a:before {
        font-size: 50px;
        margin-left: -15px;
    }
    /*endregion*/

    /*region: Slider Gestaltungsmöglichkeiten*/

    .pd-textslide2 {
        padding-bottom: 15px;
    }
    .pd-textslide2 span {
        font-size: 16px !important;
        line-height: 16px;
    }
    .imggest {
        border: 9px solid #2D313E;
        max-height: 28vh;
    }
    .slider-bild-in-bild .pd-prev2 {
        left: 70px;
        height: 70px;
        width: 70px;
    }
    .slider-bild-in-bild .pd-next2 {
        left: 137px;
        height: 70px;
        width: 70px;
    }
    .gestaltung-poin {
        bottom: -20px;
    }
    /*endregion*/

    /*region: Accordion*/

    .padding40, .padding50, .padding60 {
        padding-left: 70px;
        padding-right: 70px;
    }
    .icons-start {
        width: 50px;
        margin-right: 3px;
    }
    .startacc {
        font-size: 23px;
    }
    #accordion > .card > .card-header > h5 > .btn-link[data-toggle="collapse"] .close-acc-1 .burger2::before,
    .burger2{
        height: 2px;
        width: 18px;
    }
    .burger-menu2 {
        width: 70px;
        height: 70px;
        justify-content: flex-end;
    }
    .h95 {
        height: 70px !important;
    }
    #accordion:not(.detailsaccordion):not(.gestaltung-accordion2):not(.kalkuacc) {
        padding-bottom: 3.5em;
    }
    .card-body{
        padding:1rem 0rem;
    }
    .card-body p{
        font-size: 16px;
        line-height: 26px;
    }
    .plakatdigital-cardheader h5 .startacc.pd-button{
        padding-left: 10px;
    }
    /*endregion*/

    /*region: accordion Geslatungsmöglichkeiten*/

    .newacc .burger-menu3 {
        width: 70px;
        height: 70px;
    }
    .gestaltung-btn {
        margin-left: 20px;
        font-size: 27px;
    }
    .gestaltung-accord .slidertext{
        padding-left: 70px;
        padding-right: 70px;
    }
    .gestaltung-accord p {
        font-size: 16px;
        line-height: 27px;
    }
    #accordion > .card > .card-header > h5 > .btn-link[data-toggle="collapse"] .close-acc-1 .burger3::before,
    .burger3 {
        width: 20px;
        height: 3px;
    }
    /*endregion*/

    /*region: Text & Überschriften */
    h1 {
        font-size: 40px;
        margin-bottom: 0.75rem;
    }
    p{
        font-size: 16px;
        line-height: 26px;
    }
    .frame-type-text p{
        font-size: 16px;
        line-height: 26px;
    }
    .bg-grey h2 {
        font-size: 36px;
    }
    .bg-whiti h2,
    .bg-grey2 h2,
    .bg-darkbluegrey h2 {
        font-size: 36px;
    }
    .bg-darkbluegrey a {
        border-width: 3px!important;
        font-size: 16px;
    }
    .bg-white.alight a,
    .bg-grey2 a{
        border-width: 3px!important;
        font-size: 16px;
    }
    .bg-grey a,
    .bg-whiti a,
    .btn-primary,
    .bg-lightgrey a{
        border-width: 3px!important;
        font-size: 16px;
    }
    a.close-acc-1{
        border: 0!important;
    }
    .bg-grey a:hover,
    .bg-whiti a:hover,
    .bg-white.alight a:hover,
    .bg-grey2 a:hover,
    .btn-primary:hover,
    .bg-lightgrey a:hover{
        border-width: 3px!important;
    }
    #kurzangebot .kapitel-uberschrift,
    .headline-and-einblendungen .kapitel-uberschrift,
    .frame-type-text.frame-layout-1 h5,
    .frame-type-header.frame-layout-1 h5,
    .frame-type-text.frame-layout-0 h5,
    .frame-type-header.frame-layout-0 h5 {
        font-size: 15px;
    }
    .frame-type-header.frame-layout-1,
    .frame-type-text.frame-layout-1{
        padding: 0;
    }
    .frame-type-header.frame-layout-0,
    .frame-type-text.frame-layout-0 {
        padding-left: 35px;
        padding-right: 35px;
    }
    .teaser .teaser-content h3,
    .frame-type-header.frame-layout-1 h2,
    .frame-type-text.frame-layout-1 h2,
    .frame-type-header.frame-layout-1 h3,
    .frame-type-text.frame-layout-1 h3,
    .frame-type-header.frame-layout-0 h2,
    .frame-type-text.frame-layout-0 h2 {
        font-size: 23px;
        padding-bottom: 5px;
        line-height: 30px;
    }
    .grauerhg li {
        font-size: 16px;
        line-height: 24px;
    }
    /*endregion*/

    /*region: Typo Spacing*/

    .frame-space-after-small {
        margin-bottom: 1em;
    }
    .frame-space-after-extra-large{
        margin-bottom: 3rem;
    }
    .frame-space-before-extra-large {
        margin-top: 3em;
    }
    /*endregion*/

    /*region: teaser*/

    .teaser .teaser-content {
        padding: 35px 35px;
    }
    .teaser .teaser-content a {
        bottom: 35px;
    }
    /*endregion*/

    /*region: footer*/

    footer {
        width: calc(100% - 70px);
    }
    .footer-down {
        font-size: 14px;
    }
    .footer-down a {
        font-size: 14px;
    }
    .footer-brand a {
        font-size: 14px;
    }
    footer .row {
        height: 70px;
    }
    .footer-down .footerplakat {
        margin-left: 5px;
    }
    .footer-icon {
        font-size: 39px;
    }
    /*endregion*/

    /*region: map*/

    .map {
        height: calc(100vh - 70px);
    }

    /*endregion*/

    /*region: Kennzahlen*/

    .kennzahlen{
        margin-top: 3rem;
        margin-bottom: 3rem;
        padding-left: 35px;
        padding-right: 35px;
    }
    .kennzahlen .standort-h2 {
        font-size: 15px;
    }
    .kennzahlen .information-button {
        width: 18px;
        height: 18px;
        font-size: 10px;
    }
    .little2,
    .kennzahlen p {
        font-size: 24px;
    }
    .line {
        margin-top: -5px;
        margin-bottom: 8px;
    }
    .little {
        font-size: 14px;
        top: 0px;
        line-height: 1;
        padding-bottom: 0;
    }
    sup {
        font-size: 13px;
    }
    /*endregion*/

    /*region: referenzen*/

    .referenz-liste li {
        width: 25%;
    }

    /*endregion*/

    /*region: kontakt Person*/

    .name-kontakt {
        height: 170px;
    }
    .name-kontakt .name {
        font-size: 33px;
        line-height: 42px;
    }
    .name-kontakt.kontaktpad {
        padding: 35px 35px 0 35px;
        font-size: 15px;
    }
    .information .kontaktpad span {
        padding: 8px 35px;
    }
    .kontakt1 {
        font-size: 42px;
        margin-top: 1px;
        margin-left: 25px;
    }
    .kontakt1 ~ span {
        margin-left: 30px;
    }
    .kontaktpad.remt svg ~ span {
        margin-left: 30px;
    }
    .kontaktpad.remt svg {
        position: absolute;
        margin-left: 38px;
        margin-top: 13px;
        height: 17px;
        width: 17px;
    }
    .information a {
        font-size: 16px;
    }
    .information .kontaktpad i {
        font-size: 46px;
        margin-top: 0px;
        margin-left: 24px;
    }
    .information .kontaktpad i.icon-plakatdigital-28-mobile {
        font-size: 41px;
        margin-top: 5px;
        margin-left: 27px;
    }
    /*endregion*/

    /*region: KOntakt Formular*/

    .form-control {
        font-size: 16px;
    }
    label.control-label {
        font-size: 18px;
    }
    /*endregion*/

    /*region: modal*/

    .modal-body li a,
    .modal-body span,
    .modal-body li p {
        font-size: 15px;
        line-height: 25px;
    }

    /*endregion*/

    /*region: Owl Carousel*/

    .owl-prev,
    .owl-next{
        width: 70px;
        height: 70px;
    }
    .slider-icon {
        font-size: 61px;
    }
    .slidertext ~ .no-padding{
        padding: 0 70px;
    }
    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        width: 100%
    }
    /*endregion*/

    /*region: Preise*/

    .padding22 {
        padding: 20px;
    }
    .detailsaccordion .card-header{
        padding-left: 20px;
        height: 70px;
    }
    .btn-full-width {
        padding: 0 0 0 20px;
    }
    .preise-img {
        right: 3vw;
    }
    .ananas-im {
        width: 11.5vw;
        right: 4vw;
    }
    .orange {
        width: 13vw;
    }
    .kiwi {
        width: 14vw;
    }
    .product1 {
        width: 70px;
        height: 70px;
    }
    .product1 h2 {
        font-size: 26px;
    }
    .preise tbody tr td {
        padding-left: 20px;
        font-size: 15px;
        height: 40px;
    }
    .preise h2 {
        height: 70px;
        padding-left: 20px;
    }
    .preise-h2 .ueberschrift-frucht {
        font-size: 40px;
        padding-bottom: 15px;
    }
    .btn-full-width{
        height: 70px;
    }
    .btn-full-width .icon {
        width: 70px;
    }
    .preise-h2 .kapitel-ueberschrift {
        font-size: 15px;
    }
    .preise h2 .ueberschrift {
        font-size: 19px;
    }
    .preise span {
        font-size: 16px;
    }
    .preise-ul li {
        font-size: 15px;
    }
    .preise-h3 {
        font-size: 28px;
        padding-bottom: 25px;
    }
    .white-btn {
        border: 3px solid #fff!important;
        font-size: 16px;
    }
    .btn-full-width .btn-name,
    .preise-btn {
        font-size: 20px;
    }
    .btn-full-width .icon-download {
        font-size: 55px;
    }

    /*endregion*/

    /*region: KRAM*/

    .ma-left {
        margin-left: 29px !important;
    }
    .range-icon {
        font-size: 31px;
        margin-left: -6px;
    }
    .blackshadow {
        width: 603px;
    }
    input[type=range].slider {
        width: 583px;
    }
    .name {
        font-size: 34px;
    }
    .zebra {
        bottom: -40px;
        height: 290px;
    }

    /*endregion*/

}

@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) {
    .flex-container .sidebar-content-box .navigation-container {
        left: 70px !important;
    }
}

/*endregion*/

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

    main {
        margin-top: 75px;
        width: calc(100% - 75px);
    }
    .sliderheight {
        object-position: 30% 75px;
    }
    /*region: navigation*/
    .navbar.fixed-top {
        height: 75px;
    }
    .schei {
        padding: 16px !important;
    }
    .dropdown-item,
    .navbar-light .navbar-nav .nav-link {
        font-size: 18px;
    }
    .navbar-brand img{
        width: 140px;
    }
    .navbar.fixed-top .nav-item a:before {
        margin-bottom: 17px;
    }

    /*endregion*/

    /*region: sidebar-right*/
    .navbar-right {
        width: 75px;
    }
    .navbar-right ul {
        top: 75px;
    }
    .navbar-right li {
        height: 75px;
        width: 75px;
        padding-top: 4px;
    }
    .navbar-right span {
        font-size: 27px;
        top: -20px;
    }
    .tele {
        width: 75px;
        height: 75px;
    }
    .tele:hover {
        width: 340px;
    }
    .tele span {
        font-size: 25px;
        margin-top: -15px;
        margin-left: 72px;
    }
    .telefon {
        font-size: 65px;
    }
    .ico {
        font-size: 62px;
    }
    .icomedia {
        font-size: 74px !important;
    }
    .dropdown-menu-right {
        top: -71px;
    }
    .rightbar-ubersicht {
        height: 75px;
    }
    .nav-item.dropdown.dropdown-right .dropdown-menu-right .ico{
        position: relative;
        top: -3px;
    }
    .rightspan {
        font-size: 22px !important;
    }
    .ico-r {
        font-size: 54px;
        /*margin-top: -10px;*/
    }
    .dropdown-right.mediatop .dropdown-menu-right{
        margin-top: -7px!important;
    }
    /*endregion*/

    /*region: Startseiten-Slider*/
    .carousel {
        margin-top: -75px;
    }
    .carousel-indicators{
        margin-left: 75px;
    }
    .carousel-caption {
        left: 75px;
    }
    .pd-textslide,
    .pd-textslide2 {
        font-size: 46px;
        line-height: 54px;
    }
    .textelement-fuer-den-slider p{
        font-size: 16px;
        line-height: 26px;
    }
    .pd-prev, .pd-next {
        height: 75px;
        width: 75px;
    }
    .pd-prev{
        border-left: 6px solid #917DB2;
        border-top: 6px solid #917DB2;
        border-bottom: 6px solid #917DB2;
    }
    .pd-next{
        border-right: 6px solid #917DB2;
        border-top: 6px solid #917DB2;
        border-bottom: 6px solid #917DB2;
    }
    .slider-icon {
        font-size: 75px;
    }
    .textelement-fuer-den-slider a:before {
        font-size: 50px;
        margin-left: -15px;
    }
    /*endregion*/

    /*region: Slider Gestaltungsmöglichkeiten*/

    .pd-textslide2 {
        padding-bottom: 15px;
    }
    .pd-textslide2 span {
        font-size: 19px !important;
        line-height: 19px;
    }
    .imggest {
        border: 10px solid #2D313E;
        max-height: 30vh;
    }
    .slider-bild-in-bild .pd-prev2 {
        left: 75px;
        height: 75px;
        width: 75px;
        top:75%;
    }
    .slider-bild-in-bild .pd-next2 {
        left: 147px;
        height: 75px;
        width: 75px;
        top:75%;

    }
    /*endregion*/

    /*region: Accordion*/

    .padding40, .padding50, .padding60 {
        padding-left: 75px;
        padding-right: 75px;
    }
    .icons-start {
        width: 55px;
    }
    .startacc {
        font-size: 28px;
    }
    #accordion > .card > .card-header > h5 > .btn-link[data-toggle="collapse"] .close-acc-1 .burger2::before,
    .burger2{
        height: 3px;
        width: 20px;
    }
    .burger-menu2 {
        width: 75px;
        height: 75px;
    }
    .h95 {
        height: 75px !important;
    }
    #accordion:not(.detailsaccordion):not(.gestaltung-accordion2):not(.kalkuacc) {
         padding-bottom: 4.5em;
     }
    .plakatdigital-cardheader h5 .startacc.pd-button{
        padding-left: 20px;
    }
    /*endregion*/

    /*region: accordion Geslatungsmöglichkeiten*/
    .newacc .burger-menu3 {
        width: 75px;
        height: 75px;
    }
    .gestaltung-btn {
        margin-left: 25px;
        font-size: 30px;
    }
    .gestaltung-accord .slidertext{
        padding-left: 75px;
        padding-right: 75px;
    }
    .gestaltung-accord p {
        font-size: 16px;
        line-height: 27px;
    }
    /*endregion*/

    /*region: Text Überschriften */
    h1 {
        font-size: 46px;
        margin-bottom: 1.3rem;
    }
    p{
        font-size: 16px;
        line-height: 29px;
    }
    .frame-type-text p{
        font-size: 16px;
        line-height: 27px;
    }
    .bg-grey h2 {
        font-size: 42px;
    }
    .bg-whiti h2,
    .bg-grey2 h2,
    .bg-darkbluegrey h2 {
        font-size: 42px;
    }
    .bg-darkbluegrey a {
        border-width: 3px!important;
        font-size: 17px;
    }
    .bg-white.alight a,
    .bg-grey2 a{
        border-width: 3px!important;
        font-size: 17px;
    }
    .bg-grey a,
    .bg-whiti a,
    .btn-primary,
    .bg-lightgrey a{
        border-width: 3px!important;
        font-size: 17px;
    }
    a.close-acc-1{
        border: 0!important;
    }
    .bg-grey a:hover,
    .bg-whiti a:hover,
    .bg-white.alight a:hover,
    .bg-grey2 a:hover,
    .btn-primary:hover,
    .bg-lightgrey a:hover{
        border-width: 3px!important;
    }
    #kurzangebot .kapitel-uberschrift,
    .headline-and-einblendungen .kapitel-uberschrift,
    .frame-type-text.frame-layout-1 h5,
    .frame-type-header.frame-layout-1 h5,
    .frame-type-text.frame-layout-0 h5,
    .frame-type-header.frame-layout-0 h5 {
        font-size: 18px;
    }
    .frame-type-header.frame-layout-1,
    .frame-type-text.frame-layout-1{
        padding: 0;
    }
    .frame-type-header.frame-layout-0,
    .frame-type-text.frame-layout-0 {
        padding-left: 37px;
        padding-right: 37px;
    }
    .teaser .teaser-content h3,
    .frame-type-header.frame-layout-1 h2,
    .frame-type-text.frame-layout-1 h2,
    .frame-type-header.frame-layout-1 h3,
    .frame-type-text.frame-layout-1 h3,
    .frame-type-header.frame-layout-0 h2,
    .frame-type-text.frame-layout-0 h2 {
        font-size: 27px;
        padding-bottom: 10px;
        line-height: 38px;
    }
    .grauerhg li {
        font-size: 17px;
        line-height: 29px;
    }
    /*endregion*/

    /*region: Typo Spacing*/

    .frame-space-after-small {
        margin-bottom: 1.3em;
    }
    .frame-space-after-extra-large{
        margin-bottom: 4rem;
    }
    .frame-space-before-extra-large {
        margin-top: 4em;
    }
    /*endregion*/

    /*region: teaser*/

    .teaser .teaser-content {
        padding: 37px 37px;
    }
    .teaser .teaser-content a {
        bottom: 37px;
    }
    /*endregion*/

    /*region: footer*/

    footer {
        width: calc(100% - 75px);
    }
    .footer-down {
        font-size: 16px;
    }
    .footer-down a {
        font-size: 16px;
    }
    .footer-brand a {
        font-size: 16px;
    }
    footer .row {
        height: 75px;
    }
    .footer-icon {
        font-size: 50px;
    }
    /*endregion*/

    /*region: map*/

    .map {
        height: calc(100vh - 75px);
    }

    /*endregion*/

    /*region: Kennzahlen*/

    .kennzahlen{
        margin-top: 4rem;
        margin-bottom: 4rem;
        padding-left: 37px;
        padding-right: 37px;
    }
    .kennzahlen .standort-h2 {
        font-size: 18px;
    }
    .kennzahlen .information-button {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
    .little2,
    .kennzahlen p {
        font-size: 27px;
    }
    .line {
        margin-top: -11px;
        margin-bottom: 14px;
    }
    .little {
        font-size: 17px;
        top: -6px;
    }
    sup {
        font-size: 14px;
    }
    /*endregion*/

    /*region: referenzen*/

    .referenz-liste li {
        width: 25%;
    }

    /*endregion*/

    /*region: kontakt Person*/

    .name-kontakt {
        height: 150px;
    }
    .name-kontakt .name {
        font-size: 37px;
        line-height: 46px;
    }
    .name-kontakt.kontaktpad {
        padding: 37px 37px 0 37px;
        font-size: 18px;
    }
    .information .kontaktpad span {
         padding: 8px 37px;
    }
    .kontakt1 {
        font-size: 42px;
        margin-top: 1px;
        margin-left: 25px;
    }
    .kontakt1 ~ span {
        margin-left: 30px;
    }
    .kontaktpad.remt svg ~ span {
        margin-left: 30px;
    }
    .kontaktpad.remt svg {
        position: absolute;
        margin-left: 38px;
        margin-top: 13px;
        height: 17px;
        width: 17px;
    }
    .information a {
        font-size: 16px;
    }
    .information .kontaktpad i {
        font-size: 50px;
        margin-top: -1px;
        margin-left: 24px;

    }
    .information .kontaktpad i.icon-plakatdigital-28-mobile {
        font-size: 43px;
        margin-top: 5px;
        margin-left: 27px;

    }
    /*endregion*/

    /*region: KOntakt Formular*/

    .form-control {
        font-size: 16px;
    }
    label.control-label {
        font-size: 19px;
    }
    /*endregion*/

    /*region: modal*/

    .modal-body li a,
    .modal-body span,
    .modal-body li p {
        font-size: 16px;
        line-height: 29px;
    }

    /*endregion*/

    /*region: Owl Carousel*/

    .owl-prev,
    .owl-next{
        width: 75px;
        height: 75px;
    }
    .slider-icon {
        font-size: 65px;
    }

    /*endregion*/

    /*region: Preise*/

    .padding22 {
        padding: 35px;
    }
    .detailsaccordion .card-header{
        padding-left: 35px;
        height: 75px;
    }
    .btn-full-width {
        padding: 0 0 0 35px;
    }
    .ananas-im {
        width: 13vw;
    }
    .orange {
        width: 14vw;
    }
    .kiwi {
        width: 15vw;
    }
    .product1 {
        width: 75px;
        height: 75px;
    }
    .preise-img {
        right: 3vw;
    }
    .preise tbody tr td {
        padding-left: 35px;
    }
    .preise h2 {
        height: 75px;
        padding-left: 35px;
    }
    .preise-h2 .ueberschrift-frucht {
        font-size: 45px;
        padding-bottom: 20px;
    }
    .btn-full-width{
        height: 75px;
    }
    .btn-full-width .icon {
        width: 75px;
    }
    .preise-h2 .kapitel-ueberschrift {
        font-size: 18px;
    }
    .preise-ul li {
        font-size: 16px;
    }
    .preise-h3 {
        font-size: 32px;
        padding-bottom: 40px;
    }
    .white-btn {
        border: 3px solid #fff!important;
        font-size: 17px;
    }
    .btn-full-width .btn-name,
    .preise-btn {
        font-size: 22px;
    }
    .btn-full-width .icon-download {
        font-size: 60px;
    }
    /*endregion*/


    .ma-left {
        margin-left: 35px !important;
    }
    .blackshadow {
        width: 656px;
    }
    input[type=range].slider {
        width: 637px;
    }
    .zebra {
        height: 360px;
    }


}

@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) {
    .flex-container .sidebar-content-box .navigation-container {
        left: 75px !important;
    }
}

/*endregion*/

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

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

    main {
        margin-top: 80px;
        width: calc(100% - 80px);
    }
    .sliderheight {
        object-position: 30% 80px;
    }
    /*region: navigation*/
    .navbar.fixed-top {
        height: 80px;
    }
    .schei {
        padding: 18px 18px 18px 18px !important;
    }
    .dropdown-item,
    .navbar-light .navbar-nav .nav-link {
        font-size: 20px;
    }
    .navbar-brand img{
        width: 160px;
    }
    .navbar.fixed-top .nav-item a:before {
        margin-bottom: 17px;
    }

    /*endregion*/

    /*region: sidebar-right*/
    .navbar-right {
        width: 80px;
    }
    .navbar-right ul {
        top: 80px;
    }
    .navbar-right li {
        height: 80px;
        width: 80px;
        padding-top: 4px;
    }
    .navbar-right span {
        font-size: 32px;
        top: -23px;
    }
    .tele {
        width: 80px;
        height: 80px;
    }
    .tele:hover {
        width: 340px;
    }
    .tele span {
        font-size: 28px;
        margin-top: -15px;
        margin-left: 80px;
    }
    .telefon {
        font-size: 68px;
    }
    .ico {
        font-size: 70px;
    }
    .icomedia {
        font-size: 81px !important;
    }
    .dropdown-menu-right {
        top: -79px;
    }
    .rightbar-ubersicht {
        height: 80px;
    }
    .nav-item.dropdown.dropdown-right .dropdown-menu-right .ico{
        position: relative;
        top: -4px;
    }
    .rightspan {
        font-size: 22px !important;
    }
    .ico-r {
        font-size: 54px;
        /*margin-top: -10px;*/
    }
    .dropdown-right.mediatop .dropdown-menu-right{
        margin-top: -6px!important;
    }
    /*endregion*/

    /*region: Startseiten-Slider*/
    .carousel {
        margin-top: -80px;
    }
    .carousel-indicators{
        margin-left: 80px;
    }
    .carousel-caption {
        left: 80px;
    }
    .pd-textslide,
    .pd-textslide2 {
        font-size: 56px;
        line-height: 67px;
    }

    /*endregion*/

    /*region: Slider Gestaltungsmöglichkeiten*/

    .pd-textslide2 {
        padding-bottom: 15px;
    }
    .imggest {
        border: 12px solid #2D313E;
        max-height: 32vh;
    }
    .slider-bild-in-bild .pd-prev2 {
        left: 80px;
        height: 85px;
        width: 85px;
    }
    .slider-bild-in-bild .pd-next2 {
        left: 162px;
        height: 85px;
        width: 85px;
    }
    /*endregion*/

    /*region: Accordion*/

    .padding40, .padding50, .padding60 {
        padding-left: 80px;
        padding-right: 80px;
    }
    .icons-start {
        width: 60px;
    }
    .startacc {
        font-size: 30px;
    }
    #accordion > .card > .card-header > h5 > .btn-link[data-toggle="collapse"] .close-acc-1 .burger2::before,
    .burger2{
        height: 3px;
    }
    .burger-menu2 {
        width: 80px;
        height: 80px;
    }
    .h95 {
        height: 80px !important;
    }
    /*endregion*/

    /*region: accordion Geslatungsmöglichkeiten*/
    .newacc .burger-menu3 {
        width: 80px;
        height: 80px;
    }
    .gestaltung-btn {
        margin-left: 30px;
    }
    .gestaltung-accord .slidertext{
        padding-left: 80px;
        padding-right: 80px;
    }
    /*endregion*/

    /*region: Text Überschriften */
    h1{
        font-size: 46px;
    }
    .frame-type-text p{
        font-size: 18px;
        line-height: 30px;
    }
    .bg-grey h2 {
        font-size: 45px;
    }
    .bg-whiti h2,
    .bg-grey2 h2,
    .bg-darkbluegrey h2 {
        font-size: 45px;
    }
    .bg-darkbluegrey a {
        border-width: 3px!important;
        font-size: 18px;
    }
    .bg-white.alight a,
    .bg-grey2 a{
        border-width: 3px!important;
        font-size: 18px;
    }
    .bg-grey a,
    .bg-whiti a,
    .btn-primary,
    .bg-lightgrey a{
        border-width: 3px!important;
        font-size: 18px;
    }
    a.close-acc-1{
        border: 0!important;
    }
    .bg-grey a:hover,
    .bg-whiti a:hover,
    .bg-white.alight a:hover,
    .bg-grey2 a:hover,
    .btn-primary:hover,
    .bg-lightgrey a:hover{
        border-width: 3px!important;
    }
    #kurzangebot .kapitel-uberschrift,
    .headline-and-einblendungen .kapitel-uberschrift,
    .frame-type-text.frame-layout-1 h5,
    .frame-type-header.frame-layout-1 h5,
    .frame-type-text.frame-layout-0 h5,
    .frame-type-header.frame-layout-0 h5 {
        font-size: 22px;
    }
    .frame-type-header.frame-layout-1,
    .frame-type-text.frame-layout-1{
        padding: 0;
    }
    .frame-type-header.frame-layout-0,
    .frame-type-text.frame-layout-0 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .teaser .teaser-content h3,
    .frame-type-header.frame-layout-1 h2,
    .frame-type-text.frame-layout-1 h2,
    .frame-type-header.frame-layout-1 h3,
    .frame-type-text.frame-layout-1 h3,
    .frame-type-header.frame-layout-0 h2,
    .frame-type-text.frame-layout-0 h2 {
        font-size: 24px;
        padding-bottom: 10px;
        line-height: 35px;
    }
    .grauerhg li {
        font-size: 18px;
        line-height: 31px;
    }
    /*endregion*/

    /*region: Typo Spacing*/

    .frame-space-after-small {
        margin-bottom: 1.5em;
    }
    .frame-space-after-extra-large{
        margin-bottom: 4.5rem;
    }
    .frame-space-before-extra-large {
        margin-top: 4.5em;
    }
    /*endregion*/

    /*region: teaser*/

    .teaser .teaser-content {
        padding: 40px 40px;
    }
    .teaser .teaser-content a {
        bottom: 40px;
    }

    /*endregion*/

    /*region: footer*/

    footer {
        width: calc(100% - 80px);
    }
    .footer-down {
        font-size: 18px;
    }
    .footer-down a {
        font-size: 18px;
    }
    .footer-brand a {
        font-size: 18px;
    }
    footer .row {
        height: 80px;
    }
    .footer-icon {
        font-size: 55px;
    }
    /*endregion*/

    /*region: map*/

    .map {
        height: calc(100vh - 80px);
    }

    /*endregion*/

    /*region: Kennzahlen*/

    .kennzahlen{
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
        padding-left: 40px;
        padding-right: 40px;
    }
    .kennzahlen .standort-h2 {
        font-size: 21px;
    }
    .kennzahlen .information-button {
        width: 23px;
        height: 23px;
    }
    .little2,
    .kennzahlen p {
        font-size: 30px;
    }
    .line {
        margin-top: -13px;
        margin-bottom: 19px;
    }
    .little {
        font-size: 18px;
        top: -12px;
    }
    /*endregion*/

    /*region: referenzen*/

    .referenz-liste li {
        width: 25%;
    }

    /*endregion*/

    /*region: kontakt Person*/

    .name-kontakt {
        height: 180px;
    }
    .name-kontakt .name {
        font-size: 43px;
        line-height: 54px;
    }
    /*endregion*/

    /*region: KOntakt Formular*/

    .form-control {
        font-size: 18px;
    }
    label.control-label {
        font-size: 20px;
    }
    /*endregion*/

    /*region: Owl Carousel*/

    .owl-prev,
    .owl-next{
        width: 80px;
        height: 80px;
    }
    .slider-icon {
        font-size: 70px;
    }

    /*endregion*/

    /*region: Preise*/

    .padding22 {
        padding: 35px;
    }
    .detailsaccordion .card-header{
        padding-left: 35px;
        height: 80px;
    }
    .btn-full-width {
        padding: 0 0 0 35px;
    }
    .ananas-im {
        width: 13vw;
    }
    .orange {
        width: 14vw;
    }
    .kiwi {
        width: 15vw;
    }
    .product1 {
         width: 80px;
         height: 80px;
    }
    .preise-img {
        right: 3vw;
    }
    .preise tbody tr td {
        padding-left: 35px;
    }
    .preise h2 {
        height: 80px;
        padding-left: 35px;
    }
    .btn-full-width{
        height: 80px;
    }
    .btn-full-width .icon {
        width: 80px;
    }
    .preise-h2 .kapitel-ueberschrift {
        font-size: 22px;
    }
    .white-btn {
        font-size: 18px;
        border: 3px solid #fff!important;
    }
    /*endregion*/

}

@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) {
    .flex-container .sidebar-content-box .navigation-container {
        left: 80px !important;
    }
}

/*endregion*/

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

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

    /*region: Text Überschriften */
    h1{
        font-size: 46px;
    }
    .frame-type-text p{
        font-size: 18px;
        line-height: 30px;
    }
    .bg-grey h2 {
        font-size: 45px;
    }
    .bg-whiti h2,
    .bg-grey2 h2,
    .bg-darkbluegrey h2 {
        font-size: 45px;
    }
    .bg-darkbluegrey a {
        border-width: 3px!important;
        font-size: 18px;
    }
    .bg-white.alight a,
    .bg-grey2 a{
        border-width: 3px!important;
        font-size: 18px;
    }
    .bg-grey a,
    .bg-whiti a,
    .btn-primary,
    .bg-lightgrey a{
        border-width: 3px!important;
        font-size: 18px;
    }
    a.close-acc-1{
        border: 0!important;
    }
    .bg-grey a:hover,
    .bg-whiti a:hover,
    .bg-white.alight a:hover,
    .bg-grey2 a:hover,
    .btn-primary:hover,
    .bg-lightgrey a:hover{
        border-width: 3px!important;
    }
    #kurzangebot .kapitel-uberschrift,
    .headline-and-einblendungen .kapitel-uberschrift,
    .frame-type-text.frame-layout-1 h5,
    .frame-type-header.frame-layout-1 h5,
    .frame-type-text.frame-layout-0 h5,
    .frame-type-header.frame-layout-0 h5 {
        font-size: 22px;
    }
    .frame-type-header.frame-layout-1,
    .frame-type-text.frame-layout-1{
        padding: 0;
    }
    .frame-type-header.frame-layout-0,
    .frame-type-text.frame-layout-0 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .teaser .teaser-content h3,
    .frame-type-header.frame-layout-1 h2,
    .frame-type-text.frame-layout-1 h2,
    .frame-type-header.frame-layout-1 h3,
    .frame-type-text.frame-layout-1 h3,
    .frame-type-header.frame-layout-0 h2,
    .frame-type-text.frame-layout-0 h2 {
        font-size: 29px;
        padding-bottom: 10px;
        line-height: 38px;
    }
    .grauerhg li {
        font-size: 18px;
        line-height: 31px;
    }
    /*endregion*/

    /*region: Startseiten-Slider*/

    .pd-textslide,
    .pd-textslide2 {
        font-size: 62px;
        line-height: 74px;
    }
    /*endregion*/

    /*region: Slider Gestaltungsmöglichkeiten*/
    .pd-textslide2 {
        padding-bottom: 15px;
    }
    .imggest {
        border: 12px solid #2D313E;
        max-height: 32vh;
    }

    /*endregion*/

    /*region: teaser*/
    .teaser .teaser-content {
        padding: 50px 60px;
    }
    .teaser .teaser-content a {
        bottom: 50px;
    }
    /*endregion*/

    /*region: Schrift Überschrift Text*/

    .frame-type-header.frame-layout-1,
    .frame-type-text.frame-layout-1{
        padding: 0;
    }
    .frame-type-header.frame-layout-0,
    .frame-type-text.frame-layout-0 {
        padding-left: 60px;
        padding-right: 60px;
    }

    /*endregion*/

    /*region: Kennzahlen*/

    .kennzahlen{
        padding-left: 60px;
        padding-right: 60px;
    }
    .line {
        margin-top: -11px;
        margin-bottom: 17px;
    }

    /*endregion*/

    /*region: kontakt Person*/

    .name-kontakt {
        height: 250px;
    }
    /*endregion*/

    /*region: Preise*/

    .padding22 {
        padding: 35px;
    }
    .detailsaccordion .card-header{
        padding-left: 35px;
    }
    .btn-full-width {
        padding: 0 0 0 35px;
    }
    .ananas-im {
        width: 13vw;
    }
    .orange {
        width: 14vw;
    }
    .kiwi {
        width: 15vw;
    }
    .preise-img {
        right: 3vw;
    }
    .preise tbody tr td {
        padding-left: 35px;
    }
    .preise h2 {
        padding-left: 35px;
    }
    /*endregion*/

}

/*endregion*/