/* ------------------------ 
	MODULINTRO
	------------------------ */	
    /*#modulintro {background: orange;}*/
    #modulintro.col { padding: 0 15px;}
    /*#textbox.solo #modulintro.col { padding: 0 30px;}*/
    
    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) { }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) {  
        /*#modulintro.col {padding: 15px 0;}*/
    }
    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) { }
	@media only screen and (max-width: 479px) { }

	/* ------------------------ 
	INTRO
	------------------------ */	
    section#intro:not(:has(img)) .imagebox {display: none;}

    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) { }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { 
        /* logobox */
        section#intro #introfooter .row {flex-wrap: wrap;}
        section#intro #introfooter :is(.col-5, .col-7) {
            flex: 0 0 100%;
            max-width: 100%;
        }
        section#intro #introfooter .col-5 { padding-bottom: .5rem;}
        section#intro #introfooter .col-5 p br { display: none; }
        section#intro #introfooter .row-left > div {margin: auto;}
	}
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { 
        section#intro .contentbox.col {
          padding: 1rem 15px 2rem;
        }
        
    }
    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) { 
        
        /* logobox */
        section#intro #introfooter.col {padding: 15px;}
        
        section#intro #introfooter .col-5 { 
            display: none; 
            padding: 0px; 
        }
        
        section#intro #introfooter #logorepeat .row-left { 
            flex-direction: column; 
            gap: .5rem;
            align-items: flex-start;
        }
        section#intro #introfooter #logorepeat .logobox { 
            display: flex;
        }
        section#intro #introfooter #logorepeat .logo { 
            width: 50px;
            flex: 0 0 50px;    
        }

        section#intro #introfooter #logorepeat .row-left > div:last-of-type {
            height: auto;
            padding: .2rem 0;
        }
        section#intro #introfooter .row-left > div {margin: 0;}
        section#intro #introfooter #logorepeat .logo img {width: auto; margin-top: -10px;  }
        section#intro #introfooter #logorepeat .logobox:last-child .logo img {margin-top: 0px;  }
        section#intro #introfooter #logorepeat .row-left > div p br {display: none; }
    }
	@media only screen and (max-width: 479px) { 
        section#intro .contentbox.col {
          padding: 0rem 15px 1rem;
        }
        section#intro:not(:has(img)) .contentbox.col {padding: 0 15px;}
    }

    /* ------------------------ 
	TEASER
	------------------------ */
    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) { }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) {  
        /*#teaser .color-contain .contentbox {
          padding: 2rem 15px;
        } */
        /*#teaser .imagebox .img-outer[class*="pcv-bg-"] { 
            width: calc(100% + 2rem );
            margin-left: -1rem; 
            margin-bottom: 1.5rem; 
        }*/
        #teaser .imagebox #iconbox {
          margin-top: .5rem;
        }
        
        #teaser .color-contain .contentbox {
          padding: 15px;
        }
 
    }
    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) { }
	@media only screen and (max-width: 479px) { 
        /*#teaser .color-contain .contentbox {
          padding: 0 15px 1rem;
        } */
    }
    
    /* ------------------------ 
	IMAGE/COPY top-bottom
	------------------------ */	
    @media only screen and (max-width: 1440px) { 
        #imgcopy #icon {
          margin-top: -50px;
          width: 100px;
          height: 100px;
        }
         #imgcopy .contain img.size-full {height: 20rem;}
    }
    @media only screen and (max-width: 1280px) { 
        #imgcopy #icon {
          margin-top: -40px;
          width: 80px;
          height: 80px;
        }
       
    }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { 
        #imgcopy .copybox {
            padding: 1.5rem 15px 15px;
        }
        #imgcopy .contain img.size-full {height: 15rem;}
        #imgcopy #butbox-contain {padding-top: 2.5rem;}
    }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { 
        #imgcopy .color-contain {
          padding: 2rem 0;
        }
    }
    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) { }
	@media only screen and (max-width: 479px) {
        #imgcopy .color-contain {padding: 0;}
        #imgcopy #icon {
          margin-top: -30px;
          width: 60px;
          height: 60px;
        }
        #imgcopy #icon img {padding: .5rem;}  
    }

    /* ------------------------ 
	COPYIMG left-right
	------------------------ */	
    #copyimg .gridbox .imagebox .img-cover {}

    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) { }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { 
        /*gridbox*/
        #copyimg .gridbox .imagebox,
        #copyimg .gridbox .contentbox {padding: 15px !important;}
        #copyimg .gridbox.outline,
        #copyimg .gridbox.background {
            width: calc(100% - 30px); 
            margin-left: 15px;
        }
    }
    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) { }
	@media only screen and (max-width: 479px) { }


    /* ------------------------ 
	TEXTBOX img/icon
	------------------------ */	
    /*textbox icon: mobile-slider*/
    #textbox.icon .mobile-slider { display: none; }

    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) { }
	@media only screen and (max-width: 1160px) { 
        
        #textbox.icon .contain.small-grids > .col{width: 100%; }
        #textbox.icon .contain .dreier-grid.col-4 {
            flex: 0 0 50%; 
            max-width: 50%;  
        }
    }
    @media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) {
        
        #textbox.icon .inner.col-10 {padding: 0 2rem;}
       
        /*textbox icon: mobile-slider*/
        #textbox.icon .desktop { display: none; }
        #textbox.icon .mobile-slider { 
            display: block; 
        }  
    }
    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) {  
        #textbox .box.outline, 
        #textbox .box.background {padding: 15px; }
        #textbox.icon #copy {padding-left: 15px;}   
    }
	@media only screen and (max-width: 479px) { 
        #textbox.icon .inner.col-10 {padding: 0 1rem;}
        #textbox.icon #icon {
          width: 40px;
          height: 40px;
        }
    }
    
    /* ------------------------ 
	TEXTBOX img-inside
	------------------------ */	
    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) { 
        section#textbox.img .contain.row .col-8:has(.box #copy):has(.box .img-wrap) {
            width: 100%;
        }
    }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 940px) { 
        /* change order */
        section#textbox.img .contain.row:has(> .col-4):has(> .col-8) > .col-4,
        section#textbox.img .contain.row:has(> .col-3):has(> .col-9) > .col-3 {
            order: -1;
        }
    }
    @media only screen and (max-width: 850px) { 
        #textbox.img .img-wrap {padding-left: 0;}
        #textbox.img .img-wrap img {
            padding: 0;
            width: 100%;
        }
        section#textbox.img .contain.row:has(> .col-4):has(> .col-8) > .col-4,
        section#textbox.img .contain.row:has(> .col-3):has(> .col-9) > .col-3 { padding-bottom: 0px; }
        
        /* change order */
        section#textbox.img .contain.row .col-8 .box.m-topimg .img-wrap {
            order: -1;
            padding-bottom: 1rem; 
        }
    }
    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) { 
        #textbox.img #copy {padding: 0px;}
    }
	@media only screen and (max-width: 479px) { }
        

    /* ------------------------ 
	POSTTEASER
	------------------------ */	
    #postteaser .mobile-slider { display: none; }

    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) { }
	@media only screen and (max-width: 1160px) { 
        #postteaser #flexgrid .title {min-height: auto;} 
        /*mobile-slider*/
        #postteaser .desktop { display: none; }
        #postteaser .mobile-slider { display: block; }
    }
    @media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 940px) { }
        
    @media only screen and (max-width: 850px) { }
    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) { 
        #postteaser .color-contain {padding: 2rem 0;}
    }
	@media only screen and (max-width: 479px) { }

    /* ------------------------ 
    ABOUT / Team
	------------------------ */
    .about .flex-4 {
        display: flex;
        flex-wrap: wrap;
        gap: 45px;
        margin-bottom: 3rem; 
    }
    .about .flex-4 > * {
        flex: 1 1 calc(25% - 45px);
    }
    @media (max-width: 1024px) {
        .about .flex-4 > * {flex: 1 1 calc(33.33% - 45px);}
    }
    @media (max-width: 767px) {
        .about .flex-4 > * {flex: 1 1 calc(50% - 45px);}
    }
    @media (max-width: 520px) {
        .about .flex-4 > * {flex: 1 1 100%;}
        .about .team .imagebox {
            background: #F4F4F4;
        }
        .about .team img {
            max-width: 300px; 
            margin: auto;
        }
    }

    /* ------------------------ 
	TABBOX
	------------------------ */	
    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) {
        #tabbox .inner.col-10 {padding: 0 3rem;}
        #tabbox .tab-content {padding: 0 0 .5rem; }
        #tabbox .tab.col {padding: 7px 15px}
    }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { 
        #tabbox .inner.col-10 {padding: 0 2rem;}
        #tabbox .tab {
            margin: 4px 0;
            border-radius: 6px;
        }
        #tabbox.outline .tab {border-right: 2px solid #eee;}
    }
    @media only screen and (max-width: 767px) {}
	@media only screen and (max-width: 600px) {
        #tabbox .box-repeat .col { padding: 15px; }
        #tabbox .box-repeat .flexbox #copy {padding: 0;}
    }
	@media only screen and (max-width: 479px) { 
        #tabbox .inner.col-10 {padding: 0 1rem;}
    }

    /* ------------------------ 
	ACCORDEON
	------------------------ */	
    #accordeon .opener {padding: 0 1rem; }

    @media only screen and (max-width: 1440px) {  }
    @media only screen and (max-width: 1280px) { }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) {
        /*section#accordeon .color-contain {
          padding: 1.5rem 0;
        }*/
    }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { 
        /*section#accordeon .color-contain {
            padding: 1rem 0;
        }*/
        #accordeon .col.v-top {
			padding: 0 15px;
		}
        
    }
    @media only screen and (max-width: 767px) {
        .accordion-body {
			width: 100%;
            padding-bottom: 1rem;
		}
		.accordion p {padding-right: 0px;}
    }
	@media only screen and (max-width: 600px) {
        .accordion-header {
            margin-top: .5rem;
        }
        .accordion-header .title {
            padding-bottom: .5rem;
        }
    }
	@media only screen and (max-width: 479px) {  }


    /* ------------------------ 
	VIDEO
	------------------------ */	
    @media only screen and (max-width: 1440px) { 
        #video .videobox.one_grid {width: 75%;}
    }
    @media only screen and (max-width: 1280px) {
        #video .inner.col-10 {padding: 0 3rem;} 
    }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { 
        #video .inner.col-10 {padding: 0 2rem;}
        #video .videobox.col {width: 100%; padding: 0px;}
        #video .contentbox {padding-right: 15px; }
        #video .contentbox.inverse {padding-left: 15px; }
        
        /*#video .inner.col-10 {
            padding: 3rem 1rem 0;
            background: #F4F4F4;
        }
        #video {
            margin-bottom: 5rem;
        }*/
    }
    @media only screen and (max-width: 767px) {}
	@media only screen and (max-width: 600px) {}
	@media only screen and (max-width: 479px) { 
        /*#video .inner.col-10 {padding: 0 1rem;}*/
    }


    /* ------------------------ 
	SWIPER SLIDE
	------------------------ */	
    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) { }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { 
        /* arrow*/
        #slider-swipe .swiper-button-prev,
        #slider-swipe .swiper-button-next { display: none; }
        
        .swiper-slide .contain {padding: 15px;}
        
        
    }
    @media only screen and (max-width: 767px) {
        .swiper-slide #stars img {
           margin: auto;
           display: block;
        }
    }
	@media only screen and (max-width: 600px) {
        /*1er grid*/
        #slider h2#ui-quoe-1er-grid {padding-bottom: 0;}
        /*#slider .copybox > .center h2 {text-align: left; }*/
        
    }
	@media only screen and (max-width: 479px) { }


    /* ------------------------ 
	FERNWARTUNG
	------------------------ */	
    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) { }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { 
        /* divice */
        #device p {width: 100%;}
        #device .icon {margin: 0 .5rem 1rem;}   
    }
    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) { }
	@media only screen and (max-width: 479px) { }

    /* ------------------------ 
	BREADCRUMB
	------------------------ */	
    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) {
        .breadcrumb.inner.col-10 {padding: .5rem 3rem 3rem;}
    }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { 
        .breadcrumb.inner.col-10 {padding: .5rem 2rem 2rem;}   
    }
    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) { }
    @media only screen and (max-width: 479px) {
        .breadcrumb.inner.col-10 {padding: .5rem 1.5rem 2rem;}
    }



    /* ------------------------ 
	BLOG OVERVIEW
	------------------------ */	
    .masonry {display: block;}
    .masonry .gutter-sizer {width: 40px;}
    .masonry .cpt-box {width: calc(50% - 20px); }
 
    @media only screen and (max-width: 1440px) {
        /* BREAK masonry*/
        .masonry .cpt-box {width: calc((100% - 15px) / 2); }
        .masonry .gutter-sizer {width: 15px;}
        
        /* rightbox-TopPost */
        .postgrid.overview #TopPost .postnumber {
          width: 35px;
          height: 35px;
          font-size: 25px;
        } 
    }
    @media only screen and (max-width: 1280px) { 
         /* rightbox-CatButtons */
        .postgrid.overview #cat-buttons {
          border: 0;
          border-radius: 0;
          margin-bottom: 1rem;
        }
        /* rightbox-TopPost */
        .postgrid.overview #TopPost {
          padding-top: 0px;
        }
        
        /* podcast overview title */
        #flexgrid .post-title {top: 1rem;}
    }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { 
        /* BREAK rightBox*/
        .postgrid.overview #postteaser .col-8,
        .postgrid.overview #postteaser .col-4 { 
            width: 100%;
            max-width: 100%;
        } 
        
        /* rightbox-TopPost */
        .postgrid.overview #TopPost { padding: 0px;}
        .postgrid.overview #SocialBox {padding: 15px 0;}
        
        /* pagination status */
        .postgrid.overview .pagination-status {
          clear: both;
          margin: 0 auto 1rem;
          width: 100%;
          text-align: center;
        }
    }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { }
    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 700px) { 
        /* BREAK masonry*/
        .masonry .cpt-box {width: calc((100% - 0px) / 1); }
        .masonry .gutter-sizer {width: 0px;}
        
        /* podcast overview title */
        #flexgrid .post-title {top: 3rem;}
        
        /* teaser image */
        .blog.overview .postgrid.overview #postteaser #flexgrid .imagebox {height: 300px; }
    }
    @media only screen and (max-width: 600px) { 
        /* teaser image */
        .blog.overview .postgrid.overview #postteaser #flexgrid .imagebox {height: 260px;}
        
    }
	@media only screen and (max-width: 479px) { 
        /* teaser image */
        .blog.overview  .postgrid.overview #postteaser #flexgrid .imagebox {height: 220px;}
    }

    
    /* ------------------------ 
	BLOG
	------------------------ */	
    body.single .mobile-slider { display: none; }
    @media only screen and (max-width: 1440px) { 
        /*author*/
        #author .col-8 {width: 100%; }
    }
    @media only screen and (max-width: 1280px) { }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { 
        /*author*/
        #author, 
        #related-post {padding: 0;}
    }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) {
        body.single #topheader #post-title {
          padding: 2.5rem 0 1.5rem;
        }
        
        body.single .desktop { display: none; }
        body.single .mobile-slider { display: block; }
    }
    @media only screen and (max-width: 767px) {
        /*author*/
        #author #portrait img {
          width: 160px;
          height: 160px;
        }
        #author #contentbox {
          width: calc(100% - 160px);
          padding-left: 1rem;
        }
    }
	@media only screen and (max-width: 600px) { 
        /*body.single section#textbox .box { padding: 0}*/
        body.single section#textbox .box.outline,
        body.single section#textbox .box.background { padding: 15px}
        body.single #post #copyimg .box {
        body.single #post #copyimg .box {
          width: 100%;
          margin-left: 0;
        }
        /*section#textbox #copysingle > .box {padding: 15px 0;}*/
        
        /*author*/
        #author #portrait {
          margin-bottom: 1rem
        }
        #author #portrait,
        #author #contentbox {
          width: 100%;
          padding-left: 0;
        }
    }
	@media only screen and (max-width: 479px) { }