/* ------------------------ 
    SPACER
	------------------------ */
    #spacer .small,
    #breadcrumb .small {height: 4vw; max-height: 4rem;}
    #spacer .big,
    #breadcrumb .big {height: 9vw; max-height: 9rem;}
    #spacer .bigger,
    #breadcrumb .bigger{height: 12vw; max-height: 12rem; }

    #spacer {margin: 0; }
    #spacer h2 {padding-bottom: .5rem;}
    #spacer p {padding-bottom: 0;}

    /*padding style*/
    /*top-bottom*/
    .pcv-img-pad-1rem {padding: 1rem 0;}
    .pcv-img-pad-3rem {padding: 3rem 0;}
    .pcv-img-pad-5rem {padding: 5rem 0;}
    
    /* all*/
    .pcv-img-pad-all-1rem,
    .img-contain.pcv-img-pad-1rem {padding: 1rem;}
    .pcv-img-pad-all-3rem,
    .img-contain.pcv-img-pad-3rem {padding: 3rem;}
    .pcv-img-pad-all-5rem,
    .img-contain.pcv-img-pad-5rem {padding: 5rem;}

     /*top*/
    .pcv-img-pad-top-1rem {padding-top: 1rem;}
    .pcv-img-pad-top-3rem {padding-top: 3rem;}
    .pcv-img-pad-top-5rem {padding-top: 5rem;}
    /*bottom*/
    .pcv-img-pad-bottom-1rem {padding-bottom: 1rem;}
    .pcv-img-pad-bottom-3rem {padding-bottom: 3rem;}
    .pcv-img-pad-bottom-5rem {padding-bottom: 5rem;}

    /* ------------------------ 
	GRID
	------------------------ */	
    @media only screen and (max-width: 1440px) { 	
        /* #intro logorepeat */
        section#intro #introfooter.col {padding: 15px 0;}
        
        /*fullsize*/
        .fullsize .outerbox {
          margin-left: calc((100vw - 83.33%) / 2);
        }
	}

    @media only screen and (max-width: 1280px) { 
        /* helper */
        /*nav.preview { display: none; }*/
        
        /* inner.col-10 */
        .inner.col-10 { 
            width: 100%; 
            padding: 0 2rem;
        } 
        
        /* #slider inner.col-10 */
        section#slider .inner.col-10 {
            padding: 0 4rem;
        }
        section#postteaser .mobile-slider {
            padding: 0 2rem;
        }
        
        /* fullsize */
        .fullsize {
           padding-left: 1rem;
        }
        .fullsize .outerbox {margin-left: calc((100vw - 100%) / 2);}
        
        /* backround image */
        .bg-image {min-height: 25rem;}
        
        /* #imgcopy top-bottom */ 
        section#imgcopy .contain.row {flex-wrap: wrap;}
        section#imgcopy .col-4 {
            flex: 0 0 50%;
            max-width: 50%;
        }
	}

    @media only screen and (max-width: 1170px) { }
	@media only screen and (max-width: 1160px) { 
        /* 3er grid #textbox */
        #textbox #copysingle:is(.col-4) {
              width: 50%;
        }
	}
    
    @media only screen and (max-width: 940px) { 
        /* #postteaser */ 
        section#postteaser #flexgrid.row {flex-wrap: wrap;}
        section#postteaser .col-4 {
            flex: 0 0 50%;
            max-width: 50%;
        }
        
        /* #textbox.icon */ 
        section#textbox .contain.row {flex-wrap: wrap;}
        section#textbox.icon .dreier-grid.col-4 {
            flex: 0 0 50%;
            max-width: 50%;
        }
	}

    @media only screen and (max-width: 850px) { 
        
        /* inner.col-10 */
        .inner.col-10 {padding: 0 1rem;}
        .inner.col-10 .opener {padding: 0 1rem;}
        .bg-image .inner.col-10 {padding: 0 2rem;}

        /* #slider inner.col-10 */
        section#slider .inner.col-10 {padding: 0 2rem;}
        section#postteaser .mobile-slider {padding: 0 1rem;}
        
        /*textbox*/
        .page #textbox .img-contain { padding: 0px; }
        
         
        /* grid all-for-all */
        section :is(.col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11) {
              width: 100%;
        }
        section#imgcopy :is(.col-6),
        section #tablebox :is(.col-6){
              width: 50%;
        }
        
        /* #copyimg left-right */ 
        section#copyimg .box.outline .imagebox {height: auto;}
        
        /* tabbox */ 
        section#tabbox .box-repeat {
            flex-wrap: wrap; 
            flex-direction: column;
        }
        
        /* #textbox.img */ 
        section#textbox.img .contain.row {flex-wrap: wrap;}
        section#textbox.img .contain.row > .col:is(.col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10) {
            flex: 0 0 100%;
            max-width: 100%;
        }
        section#textbox.img .contain.row .b-radius {flex-wrap: wrap;}
        section#textbox.img .contain.row .b-radius .col:is(.col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10) {
            flex: 0 0 100%;
            max-width: 100%;
        }
        section#textbox.img .img-wrap {height: auto;}  
        
        /* BLOG related post-slider */ 
        body.single .mobile-slider {
            padding: 0 1rem;
        }
    
        /* .blog image-/content-box */ 
        section .box:not(:has(#icon)),
        section .box:has(#iconbox),
        section .outerbox {
            flex-direction: column;
            width: 100%;
            display: flex;
        }
        
        /* #butbox COPY/IMG (top-botom) */ 
        #butbox {padding: 0 15px;}
        .flexbox #copy .button {display: inline-block; }
    }

    @media only screen and (max-width: 767px) { 
        /* #imgcopy top-bottom */ 
        section#imgcopy .col {
            flex: 0 0 100%;
            max-width: 100%;
        }
        section#imgcopy #modulintro.col {
            width: 100%;
            max-width: 100%;
        }
        
        /* 3er grid #textbox */
        #textbox #copysingle:is(.col-4) {
              width: 100%;
        }
        
        /* #fernwartung copy_copy */ 
        section.tab.active {height: auto !important;}
        section#copy_copy .contain.row {flex-wrap: wrap;}
        section#copy_copy .col-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }

    }
	@media only screen and (max-width: 600px) { 
        /* fullsize */
        #intro .fullsize .imagebox, 
        #teaser .fullsize .imagebox {
          width: 100%;
        }
        .fullsize .imagebox img {
            max-height: 20rem !important; 
        }
        
        /* backround image */
        .bg-image {min-height: 20rem;}
        
        /* textbox */
        .page #textbox img {
            width: 100%;
            max-width: 450px; 
        }
        
        /* copy/copy (img-inside)*/
        #textbox.img .img-wrap img {
            max-width: 100%;
            border-radius: 6px;
        }
        #textbox.img #copy {padding: 0px;}
       
        /* button */
        .button.row {flex-wrap: wrap;}
        
        /* #postteaser */ 
        section#postteaser .col-4 {
            flex: 0 0 100%;
            max-width: 100%;
        } 
        
        /* #textbox */ 
        #textbox .contain.row {
          width: 100%;
          margin-left: 0;
        }
        
        /* #textbox.icon */ 
        section#textbox.icon .dreier-grid.col-4 {
            flex: 0 0 100%;
            max-width: 100%;
        }  
        
    }

	@media only screen and (max-width: 479px) { 
        /* inner.col-10 */
        .inner.col-10 {padding: 15px .5rem;}
        
        /*textbox*/
        section#textbox.img .inner.col-10 {
            padding: 0 .5rem;
        }
        
        /* #slider inner.col-10 */
        section#slider .inner.col-10 {
            padding: 0 25px;
        }
    }

    @media only screen and (max-width: 1280px) { 
        /* spacer */
        #spacer .small {height: 2vw; max-height: 2rem;}
        #spacer .big {height: 5vw; max-height: 5rem;}
        #spacer .bigger {height: 8vw; max-height: 8rem; }
    }

    @media only screen and (max-width: 850px) { 
        /* spacer */
        #spacer .small {height: 0vw; max-height: 0rem;}
        #spacer .big {height: 2vw; max-height: 2rem;}
        #spacer .bigger {height: 5vw; max-height: 5rem; }
        
        /* image */
        .pcv-img-pad-1rem, 
        .pcv-img-pad-3rem, 
        .pcv-img-pad-5rem {padding: 0;}
        
        /* fullsize */
        .fullsize {padding: 0 1rem;}
        .fullsize .outerbox {margin-left: 0;}
        .fullsize .outerbox > .col {width: 100%;}
        .fullsize .imagebox {padding: 15px !important;}
        .fullsize .imagebox img {height: auto !important;}
        
        /* mobile top img */
        section .outerbox.m-topimg .contentbox,
        section .box.m-topimg .contentbox {
            order: 2;
        }
        section .outerbox.m-topimg .imagebox,
        section .box.m-topimg .imagebox {
            order: 1; 
        }
        
        /* mobile default img */
        section .outerbox .contentbox,
        section .box .contentbox {
            order: 1;
        }
        section .outerbox .imagebox,
        section .box .imagebox {
            order: 2; 
        }
        
        /* teaser, intro, webinar */
        #intro .imagebox,
        #teaser .imagebox,
        #webinar .imagebox,
        #copyimg .imagebox {padding: 15px;}
        
        #intro .img-wrap img,
        #teaser .img-wrap img,
        #webinar .img-wrap img,
        #copyimg .img-wrap img{
            max-width: 550px;
            margin: auto;
            display: block;
            padding: 0;
            border-radius: 6px;
        }
        #tabbox .img-wrap img {
            padding: 0;
            border-radius: 6px;
        }
    }

    @media only screen and (max-width: 600px) { 
        /*spacer*/
        .s-2rem {margin-top: 0;} 
        
         #intro .img-wrap img,
         #teaser .img-wrap img,
         #webinar .img-wrap img,
         #copyimg .img-wrap img,
         #tabbox .img-wrap img { width: 100%;}
    }

    @media only screen and (max-width: 479px) { 
        /* fullsize */
        .fullsize {padding: 15px .5rem;}
    }