/*figma Layouts images*/
    .figma .inner.col-10 {
        max-width: 1710px !important;
        width: 100% !important;
    }
    .figma .contain img {border-radius: 0px;  }
    
    @media only screen and (max-width: 850px) {
        .figma .img-wrap img {max-height: 100%; }
    }

    /* ------------------------ 
	ALL FOR ALL
	------------------------ */	
    .inner {max-width: 1280px !important;}
    section .box { width: 100%;}
    section.secondary-content {display: none;}
    
    .img-contain {text-align: center; }
    .img-contain > .contain {display: inline-block; }
    .img-contain > .contain img {border-radius: 6px; }
    
    
    /* ------------------------ 
    SECTION Margin
	------------------------ */
    section { 
        /*margin-bottom: 4vw; */
        margin-bottom: 5rem;
    }
    section.small-mar { margin-bottom: 2.5vw;  }
    section.no-mar { margin-bottom: 0; }

    @media only screen and (max-width: 1280px) { 
        /* section */
        section { margin-bottom: 3rem; }
    }

    /* ------------------------ 
    COLOR Contain
	------------------------ */
    section#intro:has(img) > .color-contain:first-of-type {padding: 2rem 0;}
   
    section#textbox .color-contain:first-of-type,
    section#postteaser .color-contain,
    section#imgcopy .color-contain {padding: 3rem 0;}

    section#accordeon .color-contain {padding: 3rem 0 2rem;}

    section#slider {padding-bottom: 2rem;}
    section#slider .color-contain {padding: 3rem 0;}

     /*#teaser .color-contain {padding: 3rem 0;}*/

    @media only screen and (max-width: 850px) {
        section#intro:has(img) > .color-contain:first-of-type,
        section#postteaser .color-contain {padding: 1rem 0; }
        
        section#textbox .color-contain:first-of-type,
        section#imgcopy .color-contain,
        section#accordeon .color-contain,
        section#slider .color-contain {padding: 2rem 0;} 
        
        section#slider {padding-bottom: 0;}
    }
    @media only screen and (max-width: 480px) {
        section#intro:has(img) > .color-contain:first-of-type,
        section#postteaser .color-contain {padding: .5rem 0; }
        
        section#accordeon .color-contain{padding: 1rem 0;}
        
        section#slider .color-contain {padding: 1.5rem 0;} 
        
    }
    
    /* ------------------------ 
    MODUL Padding
	------------------------ */
    #intro .imagebox,
    #teaser .imagebox { padding: 0 15px;}
    #intro .fullsize .imagebox,
    #teaser .fullsize .imagebox { padding: 0 0 0 15px;}

    #intro .imagebox.bg,
    #teaser .imagebox.bg { padding: 0;}
    #intro .imagebox .contain { margin: auto; }
    #teaser .imagebox .contain { margin: 0; }
    
    /*#slider { padding-bottom: 2rem;}
    #slider.no-mar { padding-bottom: 0rem; }*/

    #video #modulintro.col {padding-bottom: 0px}
    
    #textbox .intro.but_repeat {padding: 1rem 0 5rem; }
    #imgcopy .intro.but_repeat {padding: 1rem 0 3rem; }

    .single .flexbox #copy.single a.but { margin-top: 0rem; }

    .but_repeat.intro { text-align: center;}
    
    
    /* ------------------------ 
	INTRO
	------------------------ */	
    #intro .contentbox.col {padding: 2rem 15px;}
    
    /*bg image*/
    .bg-image {
        position: relative;
       /* min-height: 650px;*/
        min-height: 20vw;
        padding: 2rem 0; 
        
        display: flex;
        align-items: center;

        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
   
    /* overlay */
    .bg-image.overlay::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        /*background: rgba(0, 0, 0, 0.4);*/ /* adjust darkness here */
        background: rgba(57, 59, 65, 0.5)
    }

    .bg-image .inner {
        position: relative;
        z-index: 2;
    }
    .bg-image .contentbox p,
    .bg-image .contentbox .editor,
    .bg-image .contentbox li{color: white;}
    
   
    /* ------------------------ 
	TEASER
	------------------------ */	
    #teaser .color-contain .contentbox { padding: 2rem 30px 2rem 15px;}

    /*image*/
    #teaser img {
        width: auto;
        max-width: 100%;
        height: auto;
        display: block;
        margin: auto;
    }

    /*iconbox*/
    .is-repeater { 
        width: calc(100% + 30px);
        margin-left: -15px; 
    }
    .is-repeater .col-4 {padding: 15px; }

    #iconbox {
      margin: auto;
      width: 100%;
    }
    #iconbox #icon {
      margin: -40px auto 15px;
      width: 50px;
      height: 50px;
      display: block
    }
    #iconbox #icon img {padding: .5rem;}

    /*teaser repeater icon (small)*/
    #teaser .is-repeater #iconbox #icon img {
        padding: 0;
        width: 40px;
    }

    #iconbox h5,
    #iconbox p {
      padding-bottom: .5rem;
    }

    /* ------------------------ 
	TEASER CPT-POST
	------------------------ */
    #teaser {overflow: hidden; }
    #teaser .post-selection > div {padding-top: 0px; }
    #teaser #post-select .but { margin: 0;}

    #teaser #post-select .author { width: 80px;}
    #teaser #post-select .content { width: calc(100% - 80px);}

    /* webinar*/
    #webinar iframe,
    #teaser #webinar iframe {
        width: 100% ; 
        height: 300px; 
        padding-top: 1rem;
    }
    #teaser #webinar .but {margin-bottom: 1.5rem; }

    @media only screen and (max-width: 1024px) { 
        #webinar iframe,
        #teaser #webinar iframe {
            width: calc(100% + 2rem); 
            margin-left: -1rem; 
            /*height: 550px; */
        }
    }
    @media only screen and (max-width: 850px) { 
        #webinar iframe,
        #teaser #webinar iframe {
            height: 300px; 
            width: 100%; 
            margin-left: 0; 
        }
    }
    @media only screen and (max-width: 767px) { 
        #webinar iframe,
        #teaser #webinar iframe {
            width: calc(100% + 1rem); 
            margin-left: -.5rem;
            height: 550px
        }
    }
    @media only screen and (max-width: 600px) { 
        #webinar iframe,
        #teaser #webinar iframe {
            width: calc(100% + 1.5rem); 
            margin-left: -.75rem;
            
        }
    }


    /* ------------------------ 
	IMAGE/COPY top-bottom (2er+3er Grid)
	------------------------ */	
    /*color-contain*/
    #imgcopy .color-contain .b-two {
        border: 0px;
        background: #fff;
    }
    #imgcopy .color-contain .imagebox .contain {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    #imgcopy #userteaser {
        /*background: red; */
        height: 100%; 
        position: relative;
        padding-bottom: 1rem;
    }

    /*img*/
    #imgcopy .contain {overflow: hidden;}
    #imgcopy .contain .imagebox {
        background: #eee; 
    }
    #imgcopy .contain img.size-full {
       /*width: calc(100% + 6px);
       margin-left: -3px;*/
        /*height: 15rem;*/
        /*min-height: 15rem;
        max-height: 20rem;*/
        
        height: 20rem;
        object-fit: cover;
        
        /*width: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        object-position: center;
        display: block;*/
    }

    /*icon*/
    #imgcopy #icon {
        margin-top: -60px;
        width: 120px; 
        height: 120px;
        margin-bottom: -1rem;
    }
    #imgcopy #icon img {padding: .6rem;}

    /*copy*/
    /*#imgcopy .copybox { padding: 2.5rem 3rem 1.5rem;}*/
    #imgcopy .copybox { padding: 2.5rem 1.5rem 0;}
    #imgcopy .copybox > p { padding: 0;}

    /*p*/
    #imgcopy .copybox .center > p { text-align: center;}
    #imgcopy .copybox .center > p.t-left { text-align: left;}

    /*col-4*/
    #imgcopy .col-4 #icon {
        margin-top: -30px;
        width: 60px; 
        height: 60px;
    }
    #imgcopy .col-4 #icon img {padding: .35rem;}

    /*padding*/
    #imgcopy .col-4 .copybox { padding: 2rem 15px 15px;}
    #imgcopy .col-4 h3,
    #imgcopy .col-4 h4,
    #imgcopy .col-4 h5 { padding-bottom: 1rem;}


    /* ------------------------ 
	COPY/MAGE left-right (2er Grid)
	------------------------ */	
    /*outline*/
    #copyimg .box.outline { 
        border: 2px solid #eee;
        border-radius: 6px;
    }

    /*gridbox*/
    #copyimg .gridbox .imagebox {padding: 15px 15px 15px 30px;}
    #copyimg .gridbox .contentbox {padding: 15px 30px 15px 15px;}
    #copyimg .gridbox.inverse .imagebox {padding: 15px 30px 15px 15px;}
    #copyimg .gridbox.inverse .contentbox {padding: 15px 15px 15px 30px;}
   
    #copyimg .gridbox.outline .contentbox,
    #copyimg .gridbox.background .contentbox { padding: 30px 3rem 30px 30px;}
    #copyimg .inverse.gridbox.outline .contentbox,
    #copyimg .inverse.gridbox.background .contentbox { padding: 30px 15px 30px 3rem;}

    /*image*/
    #copyimg .box.outline .imagebox,
    #copyimg .box.outline .img-wrap,
    #copyimg .box.outline .img-outer,
    #copyimg .box.outline .img-wrap img {
        height: 100%;
    }
    
    #copyimg .box.outline .imagebox {
        padding: 0; 
    }
    #copyimg .box.outline .img-wrap img {
      width: 100%;
      object-fit: cover;
    }
    
    /*vertical: top;*/
    #copyimg .box.vertical-top > .col {vertical-align: top;}


    /* ------------------------ 
    COPY/SINGLE
	------------------------ */
    /*.single .flexbox #copy.single a.but { margin-top: 0rem; }*/

    /*padding last child*/
    /*.single .flexbox #copy.single .contentbox > p:last-of-type,
    .single .flexbox #copy.single > p:last-of-type,
    .single .flexbox #copy.single > :last-child:is(#listbox ul),
    .single .flexbox #copy.single > :last-child:is(#listbox ol) { padding-bottom: 0; }
*/
    /* ------------------------ 
	ABOUT / TEAM
	------------------------ */
    .about #flexgrid .imagebox {height: 215px;}
    .about #flexgrid .imagebox img {object-fit: cover;}
    .about #flexgrid .c-box {padding-top: 20px;}
    .about .c-box h4 {padding-bottom: .2rem;}
    .about .c-box p {padding-bottom: .5rem;}
    .about .pagination-status { margin: -2.2rem 0 0 0;}
    
    /*test with border*/
    .about #flexgrid {
        gap: 30px;
        margin-bottom: 2rem; 
    }
    .about #flexgrid .b-radius {border: 2px solid #E6E6E6;}
    .about .c-box {padding: 15px;}
 

    /* ------------------------ 
    TEXTBOX *single (1er / 2er/ 3er)
	------------------------ */
    #textbox .contain .bu {padding: .75rem 0 0;}
    #textbox .box {position: relative;}

    /* ------------------------ 
    TEXTBOX *icon (2er/ 3er)
	------------------------ */
    
    /*style*/
    #textbox .box.outline{
        background: #fefeff !important
    }

    #textbox .pcv-bg-verylightgrey .box.outline,
    #textbox .pcv-bg-bordergrey .box.outline,
    #textbox .pcv-bg-lightgrey .box.outline,
    #textbox .pcv-bg-midgrey .box.outline,
    #textbox .pcv-bg-darkgrey .box.outline{
        border: 0px solid #eee;
    }
    #textbox .box.outline { 
        border: 2px solid #eee; 
        padding: 15px 15px 0;
    }
    #textbox .box {padding: 0 15px; }
    .page #textbox .box:not(.outline):not(.background) { padding: 0px; }
    
   /* #textbox .box.outline,*/

    #textbox .box.pcv-bg-verylightgrey,
    #textbox .box.pcv-bg-bordergrey,
    #textbox .box.pcv-bg-lightgrey,
    #textbox .box.pcv-bg-midgrey,
    #textbox .box.pcv-bg-darkgrey,

    #textbox .color-contain .box {padding: 15px;}
    
    /*centered icon*/
    #textbox .box.center {flex-direction: column;}
    #textbox .box.center #icon {margin: 0 auto 1rem;}
    #textbox .box.center #copy {padding-left: 0px;}

    /*icon*/
    #flexgrid #icon,
    #textbox #icon {
      width: 50px;
      height: 50px;
    }
    #flexgrid #icon img,
    #textbox #icon img,
    .accordion-header #icon img {padding: .3rem;}

    #textbox #icon {margin-left: 0px;}
    #textbox.icon #copy {padding-left: 20px;}
    
    #textbox .b-radius:has(#icon) #copy {padding-left: 20px;}
    #textbox .contain.align-center .b-radius #icon {
        margin: 0 auto 1rem; 
        text-align: center;
        display: block;
    }
    #textbox .contain.align-center .b-radius:has(#icon) #copy {padding-left: 0px;}
    

    /* ------------------------ 
    TEXTBOX *image inside (2er)
	------------------------ */
    /*small boxes -> if image selected = no content*/
    #textbox.img :is(.col-3, .col-4):has(> .box > .img-wrap) .img-wrap {
        width: 100%;
        padding-left: 0px;
    }
    #textbox.img :is(.col-3, .col-4):has(> .box > .img-wrap) #copy {
       display: none;
    }
    

    #textbox.img .box {padding: 0;}
    #textbox.img #copy {padding: 15px; }
    #textbox.img #copy.copy-img {padding-right: 30px; }
    #textbox.img .img-wrap {padding-left: 15px;}
    
    /*image*/
    #textbox.img .box {
      overflow: hidden;
    }
    #textbox.img .img-outer{
      height: 100%;
      display: flex;
      align-items: center;
    }
    #textbox.img .img-outer img {border-radius: 0px;}

    #textbox.img .img-cover img {
        object-fit: cover;
        height: 100%;
    }
    #textbox.img .img-contain img {
        object-fit: contain;
        max-height: 100%;
        height: auto;
        
        /*object-fit: cover;
        height: 100%;*/
    }

    /* ------------------------ 
    TABBOX -> js similar height for each box
	------------------------ */
    #tabbox .inner.col-10 {padding: 0 1rem;}
    #tabbox .tab-content {padding: 1rem 0; }

    /*border */
    #tabbox.outline .tab,
    #tabbox.outline .tab-content.b-radius {border: 2px solid #eee;}
 
    /*color*/
    #tabbox .tab,
    #tabbox .tab-content { 
        background: #fff; 
        color: #393A42;
    }
    #tabbox.tab-color .tab,
    #tabbox.tab-color .tab-content { background: #F4F4F4;}
    #tabbox.color-contain { 
        padding: 2.5rem 0 4rem; 
        margin-bottom: 4rem;
    }

    #tabbox.outline .tab {border-right: 0px; }
    #tabbox.outline .tab:last-child { border-right: 2px solid #eee;}
    #tabbox.tab-color .tab {border-right: 2px solid #fff; }
    #tabbox.tab-color .tab:last-child {border-right: none; }
    #tabbox.color-contain .tab {border-right: 2px solid #F4F4F4; }
    #tabbox.color-contain .tab:last-child {border-right: none; }

    /*tabs*/
    #tabbox #tab-header{ margin-bottom: 1.5rem; }
    #tabbox .tab:first-child { border-radius: 6px 0 0 6px;}
    #tabbox .tab:last-child { border-radius: 0 6px 6px 0;}
    #tabbox .tab { cursor: pointer; }
    #tabbox .tab p {padding-bottom: 0px; }

    /*hover/active*/
    #tabbox .tab.active,
    #tabbox .tab:hover { background: #FCEECC;}
    #tabbox .tab.active p,
    #tabbox .tab:hover p { color: #E4A100; }

    /*box-repeat*/
    #tabbox .box-repeat .col { border: 0px; padding: 15px 30px; }
    #tabbox .box-repeat .col .box {border-radius: 0px; }
    #tabbox .box-repeat h1, 
    #tabbox .box-repeat h2 {padding-bottom: 1rem;}
    #tabbox .box-repeat p br {
        margin: 3px 0;
        display: block; 
    }

    /* ------------------------ 
	VIDEO
	------------------------ */
	section#video .color-contain { padding: 2rem 0; }
    section#video #modultitle .small { font-size: 16px; } 

	/*margin*/
    .videobox.large .outer-video { margin-bottom: 3rem; }
	.videobox.small .outer-video {margin-bottom: 2rem; }
    .videobox .outer-video:last-child { margin-bottom: 0; }
    
    /*description / bu */
    .videobox.large .outer-video p {padding: 1rem 1rem 0}
    .videobox.small .outer-video p {padding: .75rem 1rem 0;}
    .video-wrap .bu { padding: 1.5rem 0;}
    
    /*thevideo*/
    #thevideo {box-shadow: rgba(0, 0, 0, 0.3) 2px 4px 12px; }
    
    /*mediathek*/
    #thevideo .wp-video {
		position: relative;
		z-index: 0;
		right: 0;
		bottom: 0;
		width: 100% !important;
		height: 100%;
		object-fit: cover;
		background: #fff;
	}

    /*embedded*/
    #thevideo.embedded iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    /*poster*/
    #thevideo .mejs-container { overflow: hidden; }
    #thevideo .mejs-poster { margin-top: -25px; }
  
    /* ------------------------ 
	SWIPER SLIDER
	------------------------ */	
    #slider .inner.col-10 {padding: 0 15px;}

    /*swiper contain*/
    .swiper-slide .contain {padding: 25px 25px 35px;}
    .swiper-slide .bottom {bottom: 0px; width: calc(100% - 45px);}

    /* copybox */
    #slider .copybox .editor p { text-align: center; }
    
    /*star icon*/
    .swiper-slide #stars {padding-bottom: 15px;}
    .swiper-slide #stars img { 
        width: auto; 
        height: 25px; 
    }

    /*stretch-height*/
    .swiper-wrapper {align-items: stretch !important; }
    .swiper-slide {height: auto !important; }
    
    /*1er_grid*/
    .slide_1er_grid .swiper-slide .contain,
    .slide_1er_grid .swiper-slide .contain p {text-align: center;}

    .slide_1er_grid .swiper-slide .contain { 
        max-width: 1000px;
        margin: auto;
    }
    .slide_1er_grid .bg-verylightgrey {background: #fff;}
    .slide_1er_grid .swiper-slide .bottom {max-width: calc(1000px - 45px);}
    .slide_1er_grid .swiper-slide p.small { font-size: 1.05rem; }
    .slide_1er_grid .swiper-slide .bottom p.small { font-size: 0.9rem; }
    #slider h2#ui-quoe-1er-grid {padding-bottom: 1rem; }

    /* pagination*/
    .swiper-container .swiper-pagination { bottom: 5px;}
    .swiper-pagination-bullet-active,
    .swiper-pagination-bullet:hover { background: #f0aa00; }
    .swiper-pagination-bullet:hover { opacity: .8; }

	/* arrow*/
    #slider-swipe .swiper-button-prev,
    #slider-swipe .swiper-button-next {
      position: absolute;
      top: calc(50% - 12px);
      transform: translateY(-50%);
      width: 40px;
      height: 50px;
      transition: 0.15s;	
      transform: scale(.4); 
      color: #999;
    }
   
    #slider-swipe .swiper-button-prev {
      left: -50px; /* outside the slider */
      background: url('../img/svg/arrow/arrow-prev.svg') top center no-repeat;
    }
    #slider-swipe .swiper-button-next {
      right: -50px; /* outside the slider */
      background: url('../img/svg/arrow/arrow-next.svg') top center no-repeat;
    }
    .swiper-button-prev:hover, 
    .swiper-button-next:hover {opacity: .7; }

    /* ------------------------ 
	404
	------------------------ */	
    #error-404 { display: grid; }
    #error-404 .contain {
      display: grid;
      place-items: center;
      padding: 0 1rem;
    }
    #error-404 ul/*,
    #error-404 .shortlinks*/ { text-align: left; }

    #error-404 ul { padding-left: 1rem; }
    #error-404 ul li {list-style: disc; }
    #error-404 a:hover {text-decoration: underline; }
   
    /* ------------------------ 
    FERNWARTUNG
    ------------------------ */	
    /* Devicebox */
    #device p {padding-top: .5rem;} 
    #device .icon {
        margin-left: 1rem; 
        cursor: pointer;
        position: relative;
        display: inline-block;
    }
    #device .icon img {
        display: block;
        height: 44px;
        border: 2px solid #eee; 
        border-radius: 4px;
    }
    #device .icon img.active {
        border: 2px solid #FAEFD0; 
        display: none;
    }
    /* hover / active */
    #device .icon.active img.active,
    #device .icon:hover img.active {display: block;}
    #device .icon.active img.inactive,
    #device .icon:hover img.inactive {display: none;}
    
    /* Tabbox */
    /* active / inactive */
    #tabouter .tab {
        display: none; 
        /*margin-bottom: 8rem; */
    }
    #tabouter .tab.active {
        display: block; 
        margin-bottom: 8rem; 
        height: auto !important;
    }
    
    /* COPY/COPY */
    #copy_copy .color-contain {
        padding: 0px; 
        border-radius: 4px;
    }
    /*image*/
    #copy_copy .imgbox_l .contain { padding-right: 3rem; }
    #copy_copy .imgbox_r .contain { padding-left: 3rem; }

    /*content*/
    #copy_copy .cbox p.version { padding-bottom: 0; }
    #copy_copy .cbox > p,
    #copy_copy .imagebox > p {padding-bottom: .5rem; }
   
    #copy_copy .contain .col .disable {display: none; }


    /* ------------------------ 
	STAMMTISCH / SHOP
	------------------------ */
    /*SHOP*/
    body.account article { margin: 3rem 0 4rem; }

    /*grid*/
    #form { padding: 0 3rem 0 15px }

    /*sidebar*/
    .adon-page #sidebar { 
        padding-top: 0px; 
        overflow: hidden;
    }
    .adon-page #terminbox {padding: 30px 15px;}
    .adon-page #terminbox #contain {padding-left: 15px;}

    .adon-page #sidebar #imagebox {
      padding-top: 0px;
    }
    .adon-page #sidebar #imagebox img {
      width: caLc(100% + 60px);
      margin-left: -30px;
    }

    @media only screen and (max-width: 960px) {
        .adon-page .contain :is(.col-8, .col-4) {
              width: 100%;
        }
        .adon-page #sidebar {margin-top: 3rem;}
        /*image*/
        .adon-page #sidebar #imagebox img {margin-left: 0px;}
        .adon-page #sidebar #imagebox img {
            width: calc(100vw - 6rem);
            border-radius: 6px;
            object-fit: cover;
          }
    }

    @media only screen and (max-width: 850px) {}
    @media only screen and (max-width: 480px) {
        /*image*/
        .adon-page #sidebar #imagebox img {width: calc(100vw - 5rem);}
    }

    /* ------------------------ 
    RELEASE-NOTES
	------------------------ */
   /* #releasenotes {margin-bottom: 6rem; }*/
    #releasenotes .c-box {
        border: 1px solid #ddd;
        padding: 2rem 2rem 1rem;
        margin-bottom: 2rem; 
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
    }
    /*first-post*/
    #releasenotes .c-box.pcv-bg-darkgrey :is(h2,h3, p, ul > li) { color: #FDFDFD; }

    /*#releasenotes .c-box .category {padding-bottom: 1rem; }
    #releasenotes .c-box #contentbox {padding-left: 3rem; }*/

    /*headlines*/
    #releasenotes .c-box p.date,
    #releasenotes .c-box p.platforms {padding-bottom: 1rem;}
    #releasenotes .c-box p.headline {padding-bottom: .5rem;}
    #releasenotes h2.category {padding-bottom: 1.5rem;}
/*    #releasenotes p.platforms {margin-top: -1.5rem;}*/
    #releasenotes h2.old-release {padding-left: 2rem;}
    
    /*platforms*/
    #releasenotes .c-box #contentbox {position: relative; }
    #releasenotes .c-box .platforms {
        position: absolute; 
        top: 0rem; 
        right: 1rem;  
    }
    @media only screen and (max-width: 767px) {
        /*c-box*/
        #releasenotes .c-box {
          padding: 1rem 1rem 0;
          margin-bottom: 1rem;
        }
        /*version*/
        #releasenotes .c-box .platforms {
            position: relative; 
            top: auto; 
            left: 0px;
            right: auto;  
        }
        /*platform*/
/*        #releasenotes p.platforms {padding-bottom: 0;}*/
    }
    @media only screen and (max-width: 600px) {
        /*ältere versionen*/
        #releasenotes h2.old-release {
          padding-left: 1rem;
        }
    }
    @media only screen and (max-width: 480px) {
       #releasenotes h2 {font-size: 1.3rem;}
       #releasenotes h2.category {padding-bottom: 1rem;}
/*       #releasenotes p.platforms {margin-top: -1rem;}*/
    }

    /*list*/
    #releasenotes .c-box #contentbox ul.dot > li {padding-bottom: .75rem;}
    #releasenotes .c-box #contentbox ul ul {padding: .5rem 0 0 1.5rem;}
    #releasenotes .c-box #contentbox ul br,
    #releasenotes .c-box #contentbox ul ul br {display: none;}

    /*button*/
    /*#releasenotes .c-box #contentbox a.but {margin-bottom: 2rem;}*/


    /* ------------------------ 
    BLOG 2er Grid
	------------------------ */
    #postteaser .color-contain #flexgrid .c-box {background: #FDFDFD;}
   
    /*------------- content -------------*/
    /*.blog section#intro,
    .podcast section#intro { margin-bottom: 1rem; }*/

    /*image*/
    #flexgrid .imagebox img {
        object-position: center center;
        display: block;
        height: 100%;
        object-fit: cover;
        border-radius: 0;
    }

    

    #postteaser #flexgrid .imagebox {
        /*min-height: 15rem;
        max-height: 20rem;*/
        height: 15rem;
    }


    /*Blog Overview thumbnails*/
    .blog.overview #flexgrid .masonry .imagebox { height: auto;}
    .blog.overview #flexgrid .masonry .imagebox img {
        width: 100%;
        aspect-ratio: 16 / 10;
        object-fit: cover;
        object-position: center;
        display: block;
    }
  
    #flexgrid .c-box {
        padding-top: 25px; 
        width: 100%;
    }

    /*date*/
    #flexgrid .post-date {
        top: 1.5rem;
        left: 0px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        background: #393A42;
        padding: 0.1rem .7rem;     
    }

    #flexgrid .post-title {
        top: 3rem;
        left: 1rem;
        width: 60%;    
    }

    /*icon*/
    #flexgrid #icon {margin: -30px 15px -23px 0;}
    
    /*title*/
    #flexgrid .title { width: calc(100% - 50px);}
    
    /* PAGINATION */
    .pagination {
        margin: 1.5rem auto;
        text-align: center;
    }
    .pagination .page-numbers {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: 26px;
        height: 26px;
        margin: 0 8px;

        border-radius: 50%;
        background: #F4F4F4;
        color: #757575;
        text-decoration: none;
        font-size: 14px;
        line-height: 1;
     
        transition: all 0.2s ease;
    }
    .pagination .page-numbers.current {
        background: #FCEECC;
        color: #E4A100;
    }
    .pagination .page-numbers:hover:not(.current) {background: #FCEECC;}

    /*prev/next*/
    .pagination .page-numbers.prev,
    .pagination .page-numbers.next {
        background: none !important;
        position: relative;
        margin: 0 15px;
    }
    .pagination .page-numbers.prev:hover,
    .pagination .page-numbers:hover {
        opacity: 0.5;
    }
    .pagination .page-numbers.prev:before,
    .pagination .page-numbers.next:before{
        content: "";
        position: absolute;
        top: 12px;
        width: 18px;
        height: 18px;
        display: block;
        background: url("../img/svg/pagination/arrow.svg") center / contain no-repeat;
    }
    .pagination .page-numbers.prev:before {transform: rotate(180deg);}

    .pagination .page-numbers.inactive {
        opacity: .5;
        pointer-events: none;
        cursor: default;
    }

    /* Pagination Status */
    .pagination-status { 
        font-size: 14px; 
        color: #BBBBBB;
        float: right;
        margin: -2.2rem 25px 0 0;
    }
     
    /*------------- sidebar -------------*/
    /*CAT button*/
    #postteaser .col-3 { padding: 15px 0;}
    
    #cat-buttons { 
        border: 2px solid #eee; 
        border-radius: 4px; 
        padding: 15px; 
    }
    #cat-buttons .headline { padding-bottom: .75rem;}
    #cat-buttons a.but {
      display: inline-block;
      width: auto;
      margin: .25rem;
    }
    #cat-buttons a.but p {
        padding: .25rem .5rem; 
        text-transform: none;
        font-family: 'Roboto_Regular',sans-serif;
    }
    #cat-buttons a.but.active p,
    #cat-buttons a.but:hover p { 
        box-shadow: none; 
        background: #FCEECC; 
        color: #E4A100;
    }
    
    /*TopPost*/
    #TopPost { padding: 25px 15px 15px; }
    #TopPost .post { margin-bottom: 15px; }

    #TopPost .post a { 
        width: calc(100% - 45px); 
        padding-left: 15px; 
    }
    #TopPost .post p { padding-bottom: 0px; }
    /*#TopPost .postdate:before {
        content: "·";
        margin: 0 6px;
        vertical-align: middle;
    }*/
    #TopPost .post a:hover p.title {  color: #E4A100;}

    #TopPost .postnumber { 
        width: 45px;
        height: 45px;
        border-radius: 50%; 
        background-color: #F4F4F4; 
        font-family: 'Roboto_Regular','Helvetica','Arial',sans-serif;
        font-weight: 400;
        font-size: 32px;
        text-align: center; 

        display: flex;
        align-items: center;
        justify-content: center; 
    }

    /*SocialBox*/
    #SocialBox { padding: 15px; }
    #SocialBox .headline {padding-bottom: 1rem;}

    #SocialBox  a.linkedin,
    #SocialBox  a.youtube,
    #SocialBox  a.facebook,
    #SocialBox  a.telegram {
        display: inline-block;
        width: 26px;            
        height: 26px; 
        background-size: cover;     
        background-repeat: no-repeat;
        border-radius: 5px;
        margin-right: 15px;
    }
    #SocialBox a:hover {opacity: .8; }

    #SocialBox a.youtube { background-image: url("../img/svg/social/youtube.svg"); }
    #SocialBox a.linkedin { background-image: url("../img/svg/social/linkedin.svg"); }
    #SocialBox a.facebook { background-image: url("../img/svg/social/facebook.svg"); }
    #SocialBox a.telegram { background-image: url("../img/svg/social/telegram.svg"); }

    /* ------------------------ 
	BREADCRUMB
	------------------------ */	
    .breadcrumb.inner.col-10 {
        font-size: 14px;
        padding: .5rem 1rem 3rem;
    }
    .home .breadcrumb.inner.col-10 {
        padding-bottom: 4rem;
    }
    
    /*home icon*/
    .breadcrumb a.home {
        position: relative;
        top: 5px;
        
        width: 24px;            
        height: 24px; 
        /*margin: 0 35px 0 0;
        padding-left: 28px;*/
        
        display: inline-flex;
        /*align-items: center;*/
        align-items: flex-end;
      
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: left center;
        background-image: url("../img/svg/breadcrump/home.svg");
    }

    .breadcrumb a,
    .breadcrumb a span {
        transition: .2s ease all;
        color: #757575;
    }
    .single-help_article #breadcrumb a {
        color: #f0aa00;
    }

    /*hover*/
    /*.breadcrumb a:hover {text-decoration: underline; }*/
    .breadcrumb a:hover,
    .breadcrumb a:hover span { color: #f0aa00;}

    /* ------------------------ 
    DIVIDER
	------------------------ */
    #divider p{ padding-bottom: 0;}

    .divider {
      display: flex;
      align-items: center;
      gap: 20px;
      /*padding: 0 15px;*/
    }
    section.tab .divider {padding: 0;}

    .divider:before,
    .divider:after {
      content: "";
      flex: 1;
      height: 2px;
      background: #eee;
    }
    /*subline*/
    .dividerline .subline {padding-top: 1rem;}

    /*hr*/
    hr {
      all: unset;
      display: block;
      height: 0;
      border-top: 1px solid #ddd;
    }
    .editor hr {margin: 1.5rem 0 3rem;}
    #divider hr {width: 100%;}

    
    /* ------------------------ 
    DATA
	------------------------ */
    body.data #dataheader h1 {padding-bottom: 0;}
    body.data .breadcrumb.inner.col-10 {padding: 0rem 1rem 1rem;}
    body.data hr {margin: 2rem 15px;}
    body.data #textbox .box {padding: 0; }

    @media only screen and (max-width: 1280px) {
      /*breadcrumb*/
      body.data .breadcrumb.inner.col-10 {padding-left: 3rem;}
    }
    @media only screen and (max-width: 850px) {
      /*breadcrumb*/
      body.data .breadcrumb.inner.col-10 {padding-left: 2rem;}
      /*hr*/
      body.data hr {margin: 1rem 15px;}
    }
    @media only screen and (max-width: 480px) {
      body.data #dataheader .inner.col-10 {padding: 0 .5rem;}
      /*breadcrumb*/
      body.data #dataheader .breadcrumb.inner.col-10 {padding-left: 1.2rem;}
      /*hr*/
      body.data hr {margin: 1.5rem 15px 0;}
    }