/*
Theme Name: Izeongratis Trespa 2025
Version: 1.0
Template: kalium
Text Domain: kalium
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/* --- ALLGEMEIN --- */

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Futura PT';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/futura-pt-light.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Futura PT';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/futura-pt-book.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Futura PT';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/futura-pt-bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

body {
    background: #f8f8f8;
}

body, p {
    font-family: 'Futura PT' !important;
    font-weight: 400 !important;
    color: #000000;
}

h1 {
    font-family: 'Futura PT' !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin: 0px;
}

h1 span {
    display: block;
    padding-top: 20px;
    padding-bottom: 25px;
}

h2 {
    font-family: 'Futura PT' !important;
    font-weight: 700 !important;
    color: #000000;
    margin-bottom: 0px;
}

h3 {
    font-family: 'Futura PT' !important;
    font-weight: 400 !important;
    color: #000000;
    margin-bottom: 0px;
}

h4 {
    font-family: 'Futura PT' !important;
    font-weight: 700 !important;
    color: #000000;
}

h5 {
    font-family: 'Futura PT' !important;
    font-weight: 700 !important;
    color: #000000;
    margin-bottom: 0px;
}

p {
    margin-bottom: 35px;
}

.klein p {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 0px;
}

a {
    color: #000000;
}

a:hover, .wrapper a:hover {
    color: #000000;
    text-decoration: none;
}

a::after {
    display: none !important;
}

.post-formatting a {
    color: #000000;
    text-decoration: underline;
}

.wpb_wrapper ol, .wpb_wrapper ul {
    padding-left: 0px;
    list-style: none;
}

.wpb_wrapper li, .post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
    line-height: 38px;
    color: #2B2E34;
    padding: 0px 0px 0px 40px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/icon-li@2x.png) center left;
    background-repeat: no-repeat;
    background-size: 19px 15px;
}

.zweispaltig {
    column-count: 2;
    column-gap: 40px;
}

.dreispaltig .wpb_wrapper {
    column-count: 3;
    column-gap: 24px;
}


/* --- KOPFBEREICH --- */

#menu-hauptmenue-1 {
    padding-top: 12px;
}

.link-style :is(p>a,strong>a,em>a,li:not([class]) a,.link,.links>a,.all-links a):where(:not(.button)), .link-style>a {
    text-decoration-thickness: 0px !important;
}


/* --- HAUPTINHALTE --- */

#aufmacher {
    /*height: 34vw;*/
    padding-top: 185px;
    padding-bottom: 0px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Keyvisual_Original_2503_V2_M-2-min.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#aufmacher .wpb_content_element {
    margin-bottom: 0px;
}

.wpb-content-wrapper .vc-row-container #aufmacher .wpb_row {
    margin-block-end: 0px;
}

#aufmacher .oben {
    max-width: 1296px;
    margin: 0 auto;
}

#aufmacher .oben .weiss {
    color: #000000;
    margin-left: 15px;
    margin-right: 15px;
    padding: 40px 25px 70px 40px;
    background: #ffffff;
}

#aufmacher .oben .weiss p {
    text-transform: uppercase;
    margin: 0px;
}

#aufmacher .oben .kipptext {
    position: absolute;
    left: -65px;
    bottom: 130px;
    margin: 0px;
    padding: 0px;
    transform: rotate(-90deg);
}

#aufmacher .oben .kipptext p {
    font-size: 10px;
    line-height: 13px;
    color: #ffffff;
    margin: 0px;
}

#aufmacher .unten {
    padding: 50px 0px;
    background: #7189A4;    
}

#aufmacher .unten h2 {
    font-weight: 400 !important;
    line-height: 21px !important;
    color: #ffffff;
    margin-bottom: 20px;
}

#aufmacher .unten h3 {
    font-weight: 700 !important;
    line-height: 21px !important;
    color: #ffffff;
    margin-bottom: 8px;
}

#aufmacher .unten p {
    color: #ffffff;
}

#aufmacher .unten .vc_column-inner {
    max-width: 1296px;
    margin: 0 auto;
}

#aufmacher .unten .zehnjahre {
    position: absolute;
    top: -104px;
    left: 47%;
    margin: 0px;
    padding: 0px;
}

#aufmacher .unten .platten {
    position: absolute;
    top: -160px;
    right: -17px;
    margin: 0px;
    padding: 0px;
}

#sektion-123 .links {
    width: 28%;
}

#sektion-123 .mitte {
    width: 28%;
}

#sektion-123 .rechts {
    width: 44%;
}

#sektion-123 .zahl {
    text-align: center;
    min-height: 150px;
    margin-bottom: 10px;
}

#sektion-123 .zahl p {
    display: inline-block;
    font-weight: 700 !important;
    font-size: 64px;
    line-height: 82px;
    padding-top: 25px;
    padding-right: 52px;
    padding-bottom: 23px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Icon_Schritt1.png) bottom right;
    background-repeat: no-repeat;
    background-size: 67px 67px;
}

#sektion-123 .zahl.zwei p {
    padding-top: 17px;
    padding-right: 196px;
    padding-bottom: 15px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Icon_Schritt2.png) bottom right;
    background-repeat: no-repeat;
    background-size: 185px 46px;
}

#sektion-123 .zahl.drei p {
    padding-top: 19px;
    padding-right: 100px;
    padding-bottom: 19px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Icon_Schritt3.png) center right;
    background-repeat: no-repeat;
    background-size: 88px 119px;
}

#sektion-123 .zahl.eins .wpb_wrapper {
    padding: 10px 0px;
}

#sektion-123 .zahl.zwei .wpb_wrapper {
    padding: 18px 0px;
}

#sektion-123 .zahl.drei .wpb_wrapper {
    padding: 15px 0px;
}

#sektion-123 .text p {
    text-transform: uppercase;
}

#formular {
    background: #F5C622;
}

#formular .vc_col-sm-12 {
    padding: 50px 0px 15px 0px;
}

#formular .quform-label > label, #formular p {
    color: #000000;
}

#formular .quform-labels-left > .quform-spacer > .quform-inner {
    padding-left: 0px;
}

#formular .quform-element-row > .quform-element-column.quform-element-1_9 {
    padding: 0px;
}

#formular .quform-spacer {
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    padding: 0px;
    margin: 0px;
}

#formular .quform-element-row-1_13 {
    margin-top: 10px !important;
}

#formular .quform-element-row-1_13 label {
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 0px;
}

#formular .quform-element-row-1_22 {
    margin-bottom: 20px !important;
}

#formular .quform-element-row-1_22 label {
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 0px;
}

#formular .quform-element-1_33 label {
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 0px;
}

#formular .quform-labels-left.quform-element-1_33 > .quform-spacer > .quform-inner {
    margin-left: 0px;
    float: left;
}

#formular .quform-labels-left.quform-element-1_33 > .quform-spacer > .quform-label {
    width: 97%;
    float: right;
}

#formular .quform-element-1_35 label {
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 0px;
}

#formular .quform-labels-left.quform-element-1_35 > .quform-spacer > .quform-inner {
    margin-left: 0px;
    float: left;
}

#formular .quform-labels-left.quform-element-1_35 > .quform-spacer > .quform-label {
    width: 97%;
    float: right;
}

#formular .quform-element-1_36 {
    margin-bottom: 30px !important;
}

#formular .quform-element-1_36 label {
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 0px;
}

#formular .quform-labels-left.quform-element-1_36 > .quform-spacer > .quform-inner {
    margin-left: 0px;
    float: left;
}

#formular .quform-labels-left.quform-element-1_36 > .quform-spacer > .quform-label {
    width: 97%;
    float: right;
}

#formular .quform input[type="checkbox"] {
    min-width: 18px;
}

#formular .quform-element-submit {
    text-align: center;
}

#formular .quform-button-submit-default {
    display: inline-block;
    float: none;
    margin-right: 0px;
    margin-bottom: 0px;
}

#formular .quform-label > label > .quform-required {
    color: #000000;
}

#formular .quform-success-message {
    background-color: transparent;
    border-left: 0px solid #85c14b;
}

#mehr-weniger .vc_col-sm-12 {
    padding-top: 86px;
    padding-bottom: 86px;
}

#mehr-weniger h3 {
    margin-bottom: 65px;
}

#mehr-weniger .einfach {
    padding-top: 60px;
    padding-bottom: 60px;
}

#mehr-weniger .einfach .text h4 {
    display: inline-block;
    padding-top: 38px;
    padding-left: 110px;
    padding-bottom: 38px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Vorteil_Handhaben.png) center left;
    background-repeat: no-repeat;
    background-size: 93px 124px;
}

#mehr-weniger .einfach .text.zwei h4 {
    padding-top: 36px;
    padding-left: 148px;
    padding-bottom: 36px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Vorteil_Schneiden.png) center left;
    background-repeat: no-repeat;
    background-size: 120px 120px;
}

#mehr-weniger .einfach .text.drei h4 {
    padding-top: 41px;
    padding-left: 110px;
    padding-bottom: 41px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Vorteil_Installieren.png) center left;
    background-repeat: no-repeat;
    background-size: 113px 129px;
}

#mehr-weniger .unten .mitte {
    width: 49%;
    margin-top: 4px;
    /*background: transparent url(../../../wp-content/themes/izeongratis/bilder/Tuinberging-in-Trespa-Ostyn-min.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;*/
}

#mehr-weniger .unten .mitte :is(.button, [type="button"], [type="submit"], .elementor-button) {
    background: #F5C622 !important;
}

#mehr-weniger .unten .rechts {
    width: 17.66666667%;
    margin-top: 3px;
}

#mehr-weniger .unten .links .wpb_content_element {
    margin-bottom: 20px;
}

#mehr-weniger .unten .rechts .wpb_content_element {
    margin-bottom: 31px;
}

#mehr-weniger .unten h5 {
    display: inline-block;
    padding-left: 60px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Vorteil_Witterung.png) center left;
    background-repeat: no-repeat;
    background-size: 45px 39px;
}

#mehr-weniger .unten .farbstabil h5 {
    padding-top: 11px;
    padding-left: 60px;
    padding-bottom: 11px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Vorteil_Witterung.png) center left;
    background-repeat: no-repeat;
    background-size: 48px 41px;
    background-size: 45px 39px;
}

#mehr-weniger .unten .schlagfest h5 {
    padding-top: 11px;
    padding-left: 60px;
    padding-bottom: 11px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Vorteil_Schlagfest.png) center left;
    background-repeat: no-repeat;
    background-size: 37px 36px;
}

#mehr-weniger .unten .kratzfest h5 {
    padding-top: 11px;
    padding-left: 60px;
    padding-bottom: 11px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Vorteil_Kratzfest.png) center left;
    background-repeat: no-repeat;
    background-size: 39px 39px;
}

#mehr-weniger .unten .reinigen h5 {
    padding-left: 60px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Vorteil_Reinigen.png) center left;
    background-repeat: no-repeat;
    background-size: 31px 39px;
}

#mehr-weniger .unten .reinigen {
    margin-bottom: 0px;
}

#informationen {
    padding-top: 100px;
    padding-bottom: 60px;
    background: #F5C622;
}

#informationen .rechts {
    padding-left: 90px;
}

#informationen .wpb_content_element {
    margin-bottom: 24px;
}

#informationen h4 {
    padding-bottom: 20px;
}

#informationen table {
    background: #ffffff;
}

#informationen .tablepress > :where(thead, tfoot) > tr > * {
    font-weight: 700;
    font-size: 19px;
    line-height: 25px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
    background: #2B2E34;
}

#informationen table td {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.27px;
    color: #2B2E34;
    padding: 7px 10px;
}

#informationen table td.column-1 {
    text-transform: uppercase;
}

#informationen table td.column-2 {
    border-left: 1px solid #2B2E34;
}

#informationen table td.column-3 {
    border-left: 1px solid #2B2E34;
}

#informationen .rechts .unten {
    padding-top: 26px;
}

#informationen .rechts .unten img {
    transform: translate(-13px,0px);
}

#informationen .rechts .unten h4 {
    padding-top: 4px;
}

#informationen .rechts .unten .download p {
    line-height: 28px;
}

#informationen .rechts .unten .download p a {
    display: inline-block;
    padding-top: 76px;
    background: transparent url(../../../wp-content/themes/izeongratis/bilder/Icon_herunterladen.png) left top;
    background-repeat: no-repeat;
    background-size: 65px 52px;
    text-decoration: none;
}

#hochwertig {
    padding-top: 95px;
    padding-bottom: 60px;
}

#hochwertig .wpb_content_element {
    margin-bottom: 45px;
}

#abbinder {
    padding-top: 15px;
    padding-bottom: 15px;
}

#abbinder .oben {
    max-width: 1326px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
    
#abbinder .wpb_content_element {
    margin-bottom: 45px;
}

#abbinder .wpb_single_image img {
    max-width: 100% !important;
}


/* --- FOOTER --- */

/*.go-to-top {
    margin: 30px 30px 35px 30px;
    background-color: #000000;
}

.go-to-top.visible:hover {
    background-color: #000000;
}*/


/* --- RETINA ----------------------------------------------------------------------------------------------------- */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
   /* Retina-specific stuff here */

}



/* --- RESPONSIVE ------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 2501px) {

}

@media only screen and (min-width: 2201px) and (max-width: 2500px) {

}

@media only screen and (min-width: 1601px) and (max-width: 2200px) {

}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {

}

@media only screen and (min-width: 1261px) and (max-width: 1400px) {

}



/* ==============================================================================================================================
/*
/* 	#Desktop Notebook	<= 1260
/* 
/* =========================================================================================================================== */

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

    #aufmacher .oben {
        max-width: 1200px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #aufmacher .unten .vc_column-inner {
        max-width: 1200px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #formular .quform-label > label, #formular p {
        font-size: 23px;
    }
    
    #formular .quform-element-row-1_13 label {
        font-size: 16px;
        line-height: 21px;
    }
    
    #formular .quform-element-row-1_22 label {
        font-size: 16px;
        line-height: 21px;
    }
    
    #formular .quform-element-1_33 label {
        font-size: 16px;
        line-height: 21px;
    }
    
    #formular .quform-element-1_35 label {
        font-size: 16px;
        line-height: 21px;
    }
    
    #formular .quform-element-1_36 label {
        font-size: 16px;
        line-height: 21px;
    }

    #mehr-weniger .vc_column-inner {
        max-width: 1200px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #informationen .links {
    	padding-left: 20px;
    }

    #informationen .rechts {
    	padding-right: 20px;
    }
    
    #abbinder .oben {
        max-width: 1145px;
    }
    
}


/* ==============================================================================================================================
/*
/* 	#Browserfenster kleiner	<= 1200
/* 
/* =========================================================================================================================== */

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

}


/* ==============================================================================================================================
/*
/* 	#Tablet (Portrait) & Mobile	<= 1000			OR Smartphone (Landscape)
/* 
/* =========================================================================================================================== */

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

    h1 {
        font-size: 36px !important;
        line-height: 36px !important;
        letter-spacing: 0.36px !important;
    }
    
    h2 {
        font-size: 28px !important;
        line-height: 36px !important;
    }
    
    h3 {
        font-size: 28px !important;
        line-height: 36px !important;
    }
    
    h4 {
        font-size: 22px !important;
        line-height: 22px !important;
    }
    
    h5 {
        font-size: 15px !important;
        line-height: 15px !important;
        letter-spacing: 0.15px !important;
    }
    
    p, .wpb_wrapper li, .post-formatting ol li, .post-formatting ul li, label {
        font-size: 20px !important;
        line-height: 26px !important;
    }
    
    .klein p {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    #aufmacher .oben .kipptext p {
        font-size: 10px !important;
        line-height: 13px !important;
    }
    
    #aufmacher .unten .zehnjahre img {
        max-width: 90px !important;
    }

    #aufmacher .unten .platten {
        top: -130px !important;
        right: -7px !important;
    }
    
    #aufmacher .unten .platten img {
        max-width: 38vw !important;
    }

    #sektion-123 .zahl p {
        font-size: 54px !important;
        line-height: 72px !important;
        padding-top: 25px;
        padding-right: 52px;
        padding-bottom: 23px;
        background: transparent url(../../../wp-content/themes/izeongratis/bilder/Icon_Schritt1.png) bottom right;
        background-repeat: no-repeat;
        background-size: 67px 67px;
    }
    
    #sektion-123 .zahl.zwei p {
        padding-top: 17px;
        padding-right: 196px;
        padding-bottom: 15px;
        background: transparent url(../../../wp-content/themes/izeongratis/bilder/Icon_Schritt2.png) bottom right;
        background-repeat: no-repeat;
        background-size: 185px 46px;
    }
    
    #sektion-123 .zahl.drei p {
        padding-top: 19px;
        padding-right: 100px;
        padding-bottom: 19px;
        background: transparent url(../../../wp-content/themes/izeongratis/bilder/Icon_Schritt3.png) center right;
        background-repeat: no-repeat;
        background-size: 88px 119px;
    }
    
    #sektion-123 .zahl.eins .wpb_wrapper {
        padding: 10px 0px;
    }
    
    #sektion-123 .zahl.zwei .wpb_wrapper {
        padding: 18px 0px;
    }
    
    #sektion-123 .zahl.drei .wpb_wrapper {
        padding: 15px 0px;
    }

    #formular .quform-element-row-1_13 label {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    #formular .quform-element-row-1_22 label {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    #formular .quform-element-1_33 label {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    #formular .quform-element-1_35 label {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    #formular .quform-element-1_36 label {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    #mehr-weniger .unten .links {
        width: 40%;
    }
    
    #mehr-weniger .unten .mitte {
        width: 60%;
    }
    
    #mehr-weniger .unten .rechts {
        width: 100%;
    }
    
    #mehr-weniger .unten .rechts .wpb_wrapper {
        display: flex;
        justify-content: space-between;
    }
    
    #informationen .links {
        width: 50%;
    }

    #informationen .dreispaltig .wpb_wrapper {
        column-count: 2;
        column-gap: 24px;
    }

    #informationen .rechts {
        width: 50%;
        padding-left: 20px;
    }

    #informationen .tablepress > :where(thead, tfoot) > tr > * {
        font-size: 17px;
        line-height: 23px;
    }
    
    #informationen table td {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.22px;
    }
    
    #informationen .rechts .unten img {
        max-width: 100% !important;
        transform: translate(-13px,0px);
    }
    
    #hochwertig img {
        max-width: 100% !important;
    }

}


/* ==============================================================================================================================
/*
/* 	#Mobile (Landscape)	<= 820																			#Mobile (Portrait)	< 480
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 820px), only screen and (max-device-width: 640px) and (orientation: landscape) {

    h1 {
        font-size: 28px !important;
        line-height: 28px !important;
        letter-spacing: 0.28px !important;
    }
    
    h2 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    
    h3 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    
    h4 {
        font-size: 20px !important;
        line-height: 20px !important;
    }
    
    h5 {
        font-size: 14px !important;
        line-height: 14px !important;
        letter-spacing: 0.14px !important;
    }
    
    p, .wpb_wrapper li, .post-formatting ol li, .post-formatting ul li, label {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    
    .klein p {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    
    #aufmacher .unten h2 {
        line-height: 18px !important;
        margin-bottom: 10px;
    }
    
    #aufmacher .unten h3 {
        line-height: 18px !important;
        margin-bottom: 4px;
    }
    
    #formular .quform-labels-left.quform-element-1_33 > .quform-spacer > .quform-label {
        width: 95%;
    }
    
    #formular .quform-element-1_35 label {
        font-size: 14px;
        line-height: 18px;
    }
    
    #formular .quform-labels-left.quform-element-1_35 > .quform-spacer > .quform-label {
        width: 95%;
    }
    
    #formular .quform-element-1_36 label {
        font-size: 14px;
        line-height: 18px;
    }
    
    #formular .quform-labels-left.quform-element-1_36 > .quform-spacer > .quform-label {
        width: 95%;
    }
    
    #mehr-weniger .vc_col-sm-12 {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    
    #mehr-weniger h3 {
        margin-bottom: 35px;
    }
    
    #mehr-weniger .einfach {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    #mehr-weniger .einfach .text h4 {
        padding-top: 38px;
        padding-left: 85px;
        padding-bottom: 38px;
        background: transparent url(../../../wp-content/themes/izeongratis/bilder/Vorteil_Handhaben.png) center left;
        background-repeat: no-repeat;
        background-size: 70px 93px;
    }
    
    #mehr-weniger .einfach .text.zwei h4 {
        padding-top: 36px;
        padding-left: 108px;
        padding-bottom: 36px;
        background: transparent url(../../../wp-content/themes/izeongratis/bilder/Vorteil_Schneiden.png) center left;
        background-repeat: no-repeat;
        background-size: 90px 90px;
    }
    
    #mehr-weniger .einfach .text.drei h4 {
        padding-top: 41px;
        padding-left: 80px;
        padding-bottom: 41px;
        background: transparent url(../../../wp-content/themes/izeongratis/bilder/Vorteil_Installieren.png) center left;
        background-repeat: no-repeat;
        background-size: 85px 97px;
    }
    
    #mehr-weniger .unten .links {
        width: 50%;
    }
    
    #mehr-weniger .unten .mitte {
        width: 50%;
    }
    
    #informationen {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    
    #hochwertig {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    
    #abbinder {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    #abbinder .oben {
        max-width: 100%;
    }
        
    #abbinder .wpb_content_element {
        margin-bottom: 45px;
    }

}


/* ==============================================================================================================================
/*
/* 	#Mobile (Portrait)	<= 540																			#Mobile (Portrait)	< 480
/* 
/* =========================================================================================================================== */

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

    h1 {
        font-size: 28px !important;
        line-height: 28px !important;
        letter-spacing: 0.28px !important;
    }
    
    h2 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    
    h3 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    
    h4 {
        font-size: 20px !important;
        line-height: 20px !important;
    }
    
    h5 {
        font-size: 14px !important;
        line-height: 14px !important;
        letter-spacing: 0.14px !important;
    }
    
    p, .wpb_wrapper li, .post-formatting ol li, .post-formatting ul li, label {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    
    .klein p {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    
    .site-header .header-block {
        font-size: inherit;
        line-height: inherit;
        padding-top: 0px;
        padding-bottom: 15px;
    }
    
    .standard-toggle-menu {
        padding-top: 15px;
    }
    
    .site-header .site-header--sticky-active-padding {
        padding-top: 0px;
        padding-bottom: 10px;
    }
    
    .site-header .site-header--sticky-active-padding .standard-toggle-menu {
        padding-top: 10px;
    }
    
    #aufmacher {
        padding-top: 100vw;
        background: transparent url(../../../wp-content/themes/izeongratis/bilder/Keyvisual_Original_2503_V2_M-2-min.jpg) left -40vw top -30vw;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    #aufmacher .unten .zehnjahre {
        top: -104px;
        left: 0%;
    }
    
    #aufmacher .unten .platten {
        top: -150px !important;
        right: -7px !important;
    }
    
    #aufmacher .unten .platten img {
        max-width: 68vw !important;
    }
    
    #sektion-123 .links {
        width: 100%;
    }
    
    #sektion-123 .mitte {
        width: 100%;
    }
    
    #sektion-123 .rechts {
        width: 100%;
    }
    
    #formular .quform-element-row > .quform-element-column.quform-element-1_9 {
        padding: 0px 10px;
    }
    
    #formular .quform-labels-left.quform-element-1_33 > .quform-spacer > .quform-label {
        width: 93% !important;
    }
    
    #formular .quform-element-1_35 label {
        font-size: 14px;
        line-height: 18px;
    }
    
    #formular .quform-labels-left.quform-element-1_35 > .quform-spacer > .quform-label {
        width: 93% !important;
    }
    
    #formular .quform-element-1_36 label {
        font-size: 14px;
        line-height: 18px;
    }
    
    #formular .quform-labels-left.quform-element-1_36 > .quform-spacer > .quform-label {
        width: 93% !important;
    }
    
    #mehr-weniger .einfach .text.eins {
        margin-left: 26vw;
    }
    
    #mehr-weniger .einfach .text.zwei {
        margin-left: 26vw;
    }
    
    #mehr-weniger .einfach .text.drei {
        margin-left: 26vw;
    }

    #mehr-weniger .unten .links {
        width: 100%;
    }
    
    #mehr-weniger .unten .mitte {
        width: 100%;
        min-height: 60vw;
        margin-bottom: 40px;
    }
    
    #mehr-weniger .unten .rechts .wpb_wrapper {
        display: block;
        justify-content: unset;
    }
    
    #mehr-weniger .unten .rechts .wpb_content_element {
        width: 50%;
        float: left;
        margin-bottom: 31px;
    }
    
    #informationen .links {
        width: 100%;
        padding-left: 0px;
    }
    
    #informationen .links img {
        max-width: 45vw !important;
    }

    #informationen .dreispaltig .wpb_wrapper {
        column-count: 2;
        column-gap: 24px;
    }

    #informationen .rechts {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #informationen .rechts .unten img {
        max-width: 50% !important;
        transform: translate(-13px,0px);
    }
    
    #hochwertig img {
        max-width: 50% !important;
    }

}


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

    #aufmacher .unten .platten {
        top: -130px !important;
        right: 0px !important;
    }

    #informationen .links img {
        max-width: 43vw !important;
    }

}


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

    #aufmacher .unten .platten {
        top: -130px !important;
        right: 0px !important;
    }

    #informationen .links img {
        max-width: 42vw !important;
    }

}


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

    #informationen .links img {
        max-width: 41vw !important;
    }

}