/* Start:/assets/css/main.css?178898185725622*/
@charset "UTF-8";

@import url("/assets/css/reset.css");
@import url("/assets/css/fonts.css");
@import url("/assets/css/slick.css");



:root{
  
    --c0: #FFFFFF;
    --c1: #111111;
    --c2: #84a9d9;
    --c3: #fbcc36;
    --c4: #aaaaaa;
    --c5: #ceddf0;
   
    --br: max(15px, 30rem);
    
    --gap: 30rem;
    
    --wr: 30rem;
    --iwr: 15rem;
    --awr: calc(-1 * var(--wr));
    
    --f-xs: max(12px, 16rem);
    --f-s: max(12px, 18rem);
    --f-d: max(14px, 22rem);
    --f-m: max(16px, 24rem);
    --f-b: max(18px, 30rem);
    --f-l: max(22px, 32rem);
    --f-xl: max(24px, 40rem);
    --f-xxl: max(28px, 60rem);
    --f-xxxl: max(32px, 75rem);   
    
}

html{font-size: 1px;background-color: var(--c0);}

.document{font-weight: 400;font-family: 'PTFutura', sans-serif;font-size: var(--f-d);line-height: 1.2;color: var(--c1);background-color: var(--c0);}

.container{min-height: 100vh;padding: var(--wr);display: flex;flex-direction: column;overflow: hidden;}

.wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: 1170rem;}

.icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;}
.cover,
.contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}
.cover{object-fit: cover;object-position: center;}
.contain{object-fit: contain;object-position: left center;}
.fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

.button{display: inline-flex;max-width: 100%;user-select: none;cursor: pointer;position: relative;overflow: hidden;height: 56rem;}
.button-icon{width: 56rem;height: 56rem;flex: none;border-radius: 50%;position: relative;display: inline-flex;align-items: center;justify-content: center;padding: 15rem;}
.button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 1;font-size: var(--f-s);flex: auto;padding: 0 30rem;border-radius: 999rem;display: inline-flex;align-items: center;justify-content: center;height: 100%;}

.button__default .button-text,
.button__default .button-icon{background-color: var(--c2);color: var(--c0);}
.button__contrast .button-text{background-color: var(--c0);color: var(--c1);}
.button__contrast .button-icon{background-color: var(--c0);color: var(--c2);}
.button__wider{min-width: 100%;}
.button__large .button-text{font-size: var(--f-m);}
.button__form{height: 90rem;}
.button__form .button-text{background-color: var(--c2);color: var(--c0);border-radius: 10rem;font-size: var(--f-m);}
.button__dense{background-color: var(--c2);color: var(--c0);border-radius: 999rem;padding: 0 30rem;}
.button__dense .button-text,
.button__dense .button-icon{border-radius: 0;padding: 0;}
.button__dense .button-text{font-size: var(--f-m);}
.button__dense .button-icon{width: 1.25em;margin-left: .25em;}
.button__clear{height: 40rem;}
.button__clear .button-text,
.button__clear .button-icon{border-radius: 0;padding: 0;height: 40rem;}
.button__clear .button-text{font-size: var(--f-b);font-weight: 600;}
.button__clear .button-icon{width: 1.25em;margin-left: .25em;}
.button__outlined{background-color: var(--c0);color: var(--c2);border: 1rem solid;}
.button__outlined .button-text,
.button__outlined .button-icon{color: var(--c2);}
.button__disabled{pointer-events: none;}

.formbox{display: grid;grid-template-columns: auto;grid-gap: 15rem;}

.textfield{display: flex;}
.textfield-input{width: 100%;flex: auto;overflow: hidden;text-overflow: ellipsis;}
.textfield:not(.textfield__clear) .textfield-input{min-height: 90rem;border-radius: 10rem;border: 1rem solid var(--c4);padding: 0 30rem;font-size: var(--f-m);}
.textfield:not(.textfield__clear) .textfield-input:focus{border-color: var(--c2);}
.textfield__clear .textfield-input{font-size: var(--f-s);border-bottom: 1rem solid;height: 48rem;}

.header{background-color: var(--c2);color: var(--c0);border-radius: var(--br);}
.header-inner{padding: 20rem var(--iwr) 100rem;}

.topbar{display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: var(--gap);margin-bottom: 150rem;height: 56rem;}
.topbar-logo{grid-column-end: span 2;position: relative;background-color: var(--c0);color: var(--c1);border-radius: 999rem;border: 0 solid var(--c0);border-width: 4rem 8rem;}
.topbar-nav{grid-column-end: span 8;background-color: var(--c0);color: var(--c1);border-radius: 999rem;align-items: center;padding: 8rem;}
.topbar-nav > ul{display: inline-grid;grid-auto-flow: column;height: 100%;font-size: var(--f-s);}
.topbar-nav > ul > li{padding: 0 var(--iwr);border-radius: 999rem;display: flex;align-items: center;position: relative;}
.topbar-nav > ul > li.current{background-color: var(--c2);color: var(--c0);}
.topbar-nav > ul ul{position: absolute;top: 100%;left: 0;background-color: var(--c0);color: var(--c2);padding: var(--wr);min-width: 300rem;display: grid;grid-template-columns: auto;grid-gap: 10rem;border-radius: var(--br);margin: 18rem 0 0 calc(-1 * var(--iwr));visibility: hidden;box-shadow: 0 0 10rem var(--c2);line-height: 1;}
.topbar-nav > ul ul::before{content: "";position: absolute;height: 18rem;width: 100%;bottom: 100%;left: 0;}
.topbar-action{grid-column-end: span 2;border-radius: 999rem;}

.page-caption{display: grid;grid-gap: var(--gap);grid-template-columns: repeat(12, 1fr);align-items: center;}
.page-caption-main{grid-column-end: span 8;display: flex;flex-direction: column;}
.page-caption-main:only-child{grid-column: 1/-1;}
.page-caption-aside{grid-column-end: span 4;display: flex;min-height: 100%;align-items: center;}
.page-caption-title{font-size: var(--f-xxxl);text-transform: uppercase;line-height: .85;font-weight: 500;}
.page-caption-title:not(:first-child){margin-top: 30rem;}
.page-caption-subtitle{margin-top: 30rem;max-width: 500rem;}
.page-caption-action{margin-top: 50rem;}

.action-button{display: flex;margin: auto 0 0 auto;background-color: var(--c0);border-radius: var(--br);padding: 30rem;position: relative;align-items: flex-end;}
.action-button-text{color: var(--c1);text-transform: uppercase;font-weight: 500;}
.action-button-icon{background-color: var(--c2);color: var(--c0);flex: none;width: 48rem;height: 48rem;border-radius: 50%;padding: 12rem;display: inline-flex;align-items: center;justify-content: center;margin-left: 20rem;}

.breadcrumbs{font-size: var(--f-m);}
.breadcrumbs ul li{display: inline-flex;}
.breadcrumbs ul li::before{content: "\2022";}
.breadcrumbs ul li a{opacity: .6;}

.header__modal,
.header:only-child{flex: auto;display: flex;align-items: center;justify-content: center;}
.header__modal .header-inner{padding: var(--iwr);}
.header__modal .page-caption-main{align-items: center;}
.header__modal .page-caption-title{text-transform: none;text-align: center;}

.main{flex: auto;margin-top: 100rem;}

.content{padding: 0 var(--iwr);}

.footer{margin-top: 180rem;}
.footer-inner{background-color: var(--c2);color: var(--c0);border-radius: var(--br);padding: 30rem var(--wr) 50rem;display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: 100rem 30rem;}
.footer-item{grid-column-end: span 4;display: flex;flex-direction: column;}
.footer-logo{height: 80rem;position: relative;width: 100%;}
.footer-title{font-size: var(--f-b);font-weight: 500;margin-bottom: 15rem;}
.footer-maintext{font-size: var(--f-s);display: flex;align-items: center;min-height: 80rem;}
.footer-contacts{font-size: var(--f-s);font-weight: 500;}
.footer-nav{padding-right: 20%;}
.footer-nav ul{column-count: 2;column-gap: var(--gap);font-size: var(--f-xs);}
.footer-nav li{margin-bottom: .25em;}
.footer-impressum{margin-top: auto;display: grid;align-items: baseline;grid-template-columns: 1fr auto;grid-gap: var(--gap);font-size: var(--f-xs);}
.footer-impressum a{text-decoration: underline;}
.footer-form-inner{display: grid;grid-template-columns: auto;grid-gap: 20rem;}

.card-1{background-color: var(--c0);color: var(--c1);overflow: hidden;border-radius: var(--br);}
.card-1 ._media{position: relative;display: flex;}
.card-1 ._media::before{content: "";flex: none;width: 0;padding-top: 110%;}
.card-1 ._media img{object-position: top center;}
.card-1 ._content{padding: var(--wr) var(--iwr);}
.card-1 ._pretitle{display: inline-flex;color: var(--c4);font-size: var(--f-m);}
.card-1 ._pretitle::before{content: "\2022";color: var(--c2);}
.card-1 ._title{font-size: var(--f-l);text-transform: uppercase;}

.card-2{display: flex;flex-direction: column;align-items: center;text-align: center;min-height: 100%;}
.card-2 ._media{display: flex;border-radius: 50%;overflow: hidden;position: relative;width: 100%;flex: none;max-width: 220rem;margin: 0 auto;}
.card-2 ._media:empty{background-color: var(--c3);}
.card-2 ._media::before{content: "";flex: none;width: 0;padding-top: 100%;}
.card-2 ._pretitle{margin-top: 30rem;display: inline-flex;color: var(--c4);font-size: var(--f-m);}
.card-2 ._pretitle::before{content: "\2022";color: var(--c2);}
.card-2 ._title{font-size: var(--f-xl);text-transform: uppercase;font-weight: 500;margin-top: auto;}

.card-3{display: flex;flex-direction: column;min-height: 100%;position: relative;border-radius: 10rem;border: 1rem solid;padding: 20rem 20rem 20rem 40rem;}
.card-3 ._icon{margin-bottom: 60rem;flex: none;margin-left: auto;width: 56rem;height: 56rem;border-radius: 50%;background-color: var(--c0);color: var(--c2);padding: 12rem;}
.card-3 ._title{margin-top: auto;font-weight: 500;font-size: var(--f-b);}

.card-4{display: flex;overflow: hidden;position: relative;border-radius: var(--br);}
.card-4::before{content: "";flex: none;width: 0;padding-top: 133%;}
.card-4 ._content{position: relative;z-index: 1;min-height: 100%;display: flex;flex-direction: column;padding: 20rem 30rem 20rem 15rem;}
.card-4 ._content ._header{margin-bottom: 30rem;display: flex;justify-content: space-between;}
.card-4 ._content ._action{background-color: var(--c0);height: 36rem;display: inline-flex;align-items: center;border-radius: 10rem;font-size: var(--f-s);line-height: 1;white-space: nowrap;padding: 0 15rem;}
.card-4 ._content .icon{flex: none;background-color: var(--c0);height: 36rem;display: inline-flex;align-items: center;width: 36rem;border-radius: 50%;padding: 5rem;}
.card-4 ._content ._title{margin-top: auto;font-size: var(--f-b);position: relative;margin: auto 15rem 0;}
.card-4 ._content ._title a{background-color: var(--c0);color: rgba(0, 0, 0, 0);display: inline;box-decoration-break: clone;-webkit-box-decoration-break: clone;border-radius: 999rem;padding: 0 15rem;margin: 0 -15rem;line-height: normal;}
.card-4 ._content ._title a::after{content: attr(title);position: absolute;left: 0;top: 0;color: var(--c1);pointer-events: none;}

.section:not(:first-child){margin-top: 130rem;}

.section-title{margin-bottom: 60rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 15rem 30rem;align-items: center;}
.section-title ._pretitle{grid-column: 1/-1;display: inline-flex;color: var(--c4);font-size: var(--f-m);}
.section-title ._pretitle::before{content: "\2022";color: var(--c2);}
.section-title ._title{font-size: var(--f-xxl);font-weight: 500;text-transform: uppercase;}

.s0-1{font-size: var(--f-d);font-weight: 500;text-transform: uppercase;line-height: 1.3;}
.s0-1 b{background-color: var(--c5);border-radius: .2em;font-weight: inherit;padding: 0 .15em;margin: 0 -.15em;box-decoration-break: clone;-webkit-box-decoration-break: clone;}

.s1-1 .carousel:not(.slick-initialized){display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: var(--gap);}
.s1-1 .carousel:not(.slick-initialized) .carousel-item{grid-column-end: span 4;}
.s1-1 .carousel:not(.slick-initialized) .carousel-item:nth-child(n + 4){display: none;}
.s1-1 .slick-list{overflow: visible;margin: 0 -15rem;}
.s1-1 .slick-slide{padding: 0 15rem;}


.s2-1{display: table;counter-reset: index;}
.s2-2{display: table-row;vertical-align: top;}
.s2-2 > *,
.s2-2::before{vertical-align: top;padding: 30rem 0;border-top: 2rem solid var(--c4);}
.s2-2::before{content: "/" counter(index);counter-increment: index;display: table-cell;font-size: var(--f-xxl);color: var(--c2);font-weight: 500;}
.s2-3{display: table-cell;font-weight: 600;font-size: var(--f-b);padding-left: 60rem;padding-right: 60rem;}
.s2-3:hover{text-decoration: underline;}
.s2-4{display: table-cell;font-size: var(--f-m);color: var(--c4);}

.s3{display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: var(--gap);}
.s3-1{text-transform: uppercase;grid-column-end: span 4;font-weight: 500;font-size: var(--f-b);}
.s3-1::before{content: "/";}
.s3-1 *{display: inline;}
.s3-2{grid-column-end: span 8;}
.s3-3 p:first-child{text-indent: 5em;}
.s3-3 a{color: var(--c2);text-decoration: underline;}
.s3-4{margin-top: 40rem;display: grid;grid-template-columns: auto 1fr;grid-gap: var(--gap);}
.s3-5{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);margin-top: 80rem;}
.s3-7{position: relative;height: 56rem;}

.s4-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 100rem 60rem;}

.s5-1{display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: var(--gap);margin-top: 60rem;}
.s5-2{grid-column-end: span 4;}

.popup:not(.mobile-menu){position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99;visibility: hidden;}

.popup-overlay{visibility: hidden;z-index: 98;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--c1);opacity: .5;}

.popup.active{visibility: visible;}
.popup.active ~ .popup-overlay{visibility: visible;}

.popup-form{width: 100%;max-width: 1180rem;max-height: 100vh;display: flex;align-items: flex-start;overflow: auto;padding: 80rem 0;overflow: -moz-scrollbars-none!important;scrollbar-width: none;}
.popup-form::-webkit-scrollbar{display: none;}
.popup-form .popup-wrapper{background-color: var(--c0);border-radius: var(--br);padding: 80rem;width: 100%;position: relative;}
.popup-form-header{text-transform: uppercase;font-weight: 500;font-size: var(--f-b);}
.popup-form-header::before{content: "/ ";}
.popup-form-header *{display: inline;}
.popup-form-tabs{margin-top: 25rem;display: inline-grid;grid-gap: 10rem;grid-auto-flow: column;}
.popup-form-content{margin-top: 40rem;}
.popup-form-content .formbox-footer{margin-top: 25rem;display: flex;justify-content: center;}

.popup-form .popup-close{position: absolute;top: 0;right: 0;width: 40rem;height: 40rem;color: var(--c2);margin: 15rem;cursor: pointer;}

@media screen and (max-width: 1023.98px) {
    
    :root{
  
        --wr: 16rem;
        --iwr: 0;
        --br: 10rem;
        --gap: 15rem;
        
        --f-xs: 12rem;
        --f-s: 13rem;
        --f-d: 14rem;
        --f-m: 16rem;
        --f-b: 18rem;
        --f-l: 22rem;
        --f-xl: 24rem;
        --f-xxl: 28rem;
        --f-xxxl: 32rem;
        
    }
    
    
    .desktop{display: none!important;}
    
    .button{height: 48rem;}
    .button-text{padding: 0 20rem;}
    .button-icon{width: 48rem;height: 48rem;}
    
    .header-inner{padding-bottom: 20rem;}
    .topbar{grid-template-columns: 160rem 1fr;margin-bottom: 80rem;}
    .topbar-logo{grid-column-end: span 1;}
    .topbar-menu{display: flex;justify-content: flex-end;align-items: center;}
    .page-caption{grid-template-columns: auto;grid-gap: 50rem;}
    .page-caption-main{grid-column: 1/-1;}
    .page-caption-aside{grid-column: 1/-1;}
    .page-caption-subtitle{margin-top: 20rem;}
    .page-caption-action{margin-top: 30rem;}
    .action-button{margin: 0;width: 100%;padding: 20rem;}
    .action-button-text{margin-right: auto;font-size: var(--f-b);}
    .main{margin-top: 50rem;}
    .footer{margin: 100rem var(--awr) 0;}
    .footer-inner{grid-template-columns: auto;grid-gap: 30rem;padding-top: 30rem;padding-bottom: 30rem;}
    .footer-item{grid-column: 1/-1;}
    .footer-form{border: 1rem solid;border-radius: var(--br);padding: 20rem;}
    .footer-maintext{min-height: 0;}
    .footer-nav{padding: 0;}
    
    .burger{display: flex;align-items: center;justify-content: center;flex: none;width: 28rem;height: 24rem;color: var(--c0);}
    .burger-icon{position: relative;height: 2rem;width: 100%;background-color: currentColor;transition: background-color 0s .25s;}
    .burger-icon::before,
    .burger-icon::after{content: "";position: absolute;left: 0;height: 2rem;width: 100%;background-color: currentColor;}
    .burger-icon::before{bottom: 7rem;transition-property: bottom, transform;transition-duration: .25s;transition-delay: .25s, 0s;}
    .burger-icon::after{top: 7rem;transition-property: top, transform;transition-duration: .25s;transition-delay: .25s, 0s;}    

    .mobile-menu{position: fixed;top: 0;left: 0;bottom: 0;right: 0; z-index: 99;background-color: var(--c2);color: var(--c0);visibility: hidden;}
    
    .mobile-menu .popup-wrapper{padding: calc(20rem + var(--wr)) calc(2 * var(--wr));height: 100%;display: flex;flex-direction: column;overflow: auto;}
    .popup-header{}
    
    .mobile-menu-list{flex: auto;}
    .mobile-menu-list > ul{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .mobile-menu-list > ul > li{font-size: var(--f-b);font-weight: 500;}
    .mobile-menu-list > ul ul{font-size: var(--f-m);margin-top: 10rem;font-weight: 400;display: grid;grid-template-columns: auto;grid-gap: 5rem;padding-left: 10rem;}
    
    .mobile-menu-action{margin-top: 50rem;}
    
    .mobile-menu-active .mobile-menu{visibility: visible;}
    .mobile-menu-active .burger-icon{background-color: rgba(0,0,0,0);}
    .mobile-menu-active .burger-icon::before{bottom: 0;transform: rotate(-45deg);transition-delay: 0s, .25s;}
    .mobile-menu-active .burger-icon::after{top: 0;transform: rotate(45deg);transition-delay: 0s, .25s;}

    
    .button__form{height: 60rem;}
    
    .textfield:not(.textfield__clear) .textfield-input{padding: 0 20rem;min-height: 60rem;}
    
    .card-1 ._content{padding: var(--wr);}
    .card-3{padding: 20rem;}
    .card-3 ._icon{width: 48rem;height: 48rem;margin-bottom: 40rem;}
    .card-4 ._content{padding: 20rem;}
    
    .section:not(:first-child){margin-top: 80rem;}
    
    .section-title{grid-template-columns: auto;}
    
    .s1-1{max-width: 75%;}
    .s1-1 .slick-list{margin: 0 -5rem;}
    .s1-1 .slick-slide{padding: 0 5rem;}
    
    .s2-1{display: grid;grid-template-columns: auto;grid-gap: 50rem;}
    .s2-2{display: grid;grid-template-columns: auto;grid-gap: 15rem;}
    .s2-2 > *, 
    .s2-2::before{border: none;}
    .s2-2::before{display: block;padding: 0;}
    .s2-3{display: block;padding: 0;}
    .s2-4{display: block;padding: 0;}
    
    .s3{grid-template-columns: auto;}
    .s3-1{grid-column: 1/-1;}
    .s3-1 br{display: none;}
    .s3-2{grid-column: 1/-1;}
    .s3-7{height: 48rem;}
    
    .s4-1{grid-template-columns: auto;}
    
    .s5-1{grid-template-columns: auto;}
    .s5-2{grid-column: 1/-1;}
    
    .popup:not(.mobile-menu){width: 100vw;max-width: none;max-height: none;height: 100vh;top: 0;left: 0;transform: none;padding: 0;}
    .popup-form .popup-wrapper{border-radius: 0;padding: 50rem var(--wr);}
    .popup-form .popup-close{width: 30rem;height: 30rem;}
    
}

@media screen and (min-width: 1024px) {
 
    .mobile{display: none!important;}
    

}

@media screen and (min-width: 1440px) {
 
    html{font-size: 0.069vw;}
    

}

/* hover animations */

@media (hover: hover) and (pointer: fine) {
    
    .topbar-nav > ul > li:hover ul{visibility: visible;}
    .topbar-nav > ul ul a:hover,
    .footer-nav li a:hover{text-decoration: underline;}
    
    .topbar-nav > ul > li > a,
    .breadcrumbs ul li a{transition: color .15s;}
    
    .button,
    .action-button{transition: filter .15s;}
    
    .button:not(.button__clear):hover{filter: drop-shadow(0 0 5rem var(--c2));}
    .button.button__contrast:hover,
    .action-button:hover{filter: drop-shadow(0 0 5rem var(--c0));}
    
    .topbar-nav > ul > li:not(.current) > a:hover{color: var(--c2);}
    
    .breadcrumbs ul li a:hover{opacity: 1;}
    

}

.side-message {
    position: fixed;
    right: calc(-100% - 40px);
    transition: right .2s, bottom .2s, opacity .2s;
    opacity: 1;
    overflow-y: auto;
    z-index: 2147483647;
    box-sizing: border-box;
}

.side-message.default {
    border: 1rem solid var(--c2);
    border-radius: 0.2em;
    background: var(--c0);
    padding: 13px 20px;
    max-height: 430px;
    width: 550px;
}

.side-message.alternative {
    border: 1rem solid var(--c0);
    border-radius: 0.2em;
    background: var(--c2);
    padding: 13px 20px;
    max-height: 430px;
    width: 550px;
    color: var(--c0);
}

.side-message::-webkit-scrollbar {
    display: none;
}

.side-message .close-button {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 7px;
    border-radius: 50%;
    background: rgba(29, 29, 31, 0.12);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform .2s;
}

.side-message .close-button:hover {
    transform: scale(1.15);
}

.side-message .title {
    font-size: var(--f-d);
}

.side-message .subtitle {
    font-size: var(--f-xs);
}

.apk-table {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
}

.apk-table th,
.apk-table tr,
.apk-table td {
    border: 1px solid black;
}

.apk-table th {
    font-weight: 600;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-containerinput {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.checkbox-container:hover input ~ .checkbox-checkmark {
    background-color: #ccc;
}

.checkbox-container input:checked ~ .checkbox-checkmark {
    background-color: var(--c2);
}

.checkbox-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked ~ .checkbox-checkmark:after {
    display: block;
}

.checkbox-container .checkbox-checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-sizing: content-box;
}

.formbox hr {
    height: 1px;
    background: var(--c4);
}

.formbox .date-disable {
    transition: opacity .25s;
}

.formbox .date-disable.disabled {
    opacity: 0.2;
    pointer-events: none;
}

.s3-1 .button,
.s3-1 .button .button-text,
.s3-1 .button .button-icon {
    display: inline-flex;
    text-transform: none;
}

.s3-1 .button {
    margin-top: 20px;
    font-weight: normal;
}

a:hover .card-2 ._title {
    text-decoration: underline;
}

.formbox .formbox-footer-text {
    text-align: center;
}

.pagination {
    margin-top: 60rem;
}

.pagination .pagination-item {
    background-color: var(--c0);
    color: var(--c2);
    width: 48rem;
    height: 48rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1rem solid;
}

.pagination .pagination-item.active {
    background-color: var(--c2);
    color: var(--c0);
}

.pagination .pagination-item + .pagination-item {
    margin-left: 10rem;
}

.s3-3 img {
    width: unset;
}

@media screen and (max-width: 1023.98px) {
    .s3-1 .button {
        margin-top: 0;
        margin-left: 10px;
    }
}

@media (max-width: 767px) {
    .side-message.default {
        width: 400px;
        max-width: calc(100% - 20px);
        max-height: 121px;
    }

    .side-message.alternative {
        width: 400px;
        max-width: calc(100% - 20px);
        max-height: 121px;
    }
}
/* =========================================================
   АПК /docs/ — компактные карточки документов
   5 в ряд на десктопе, 4 на узком десктопе, 2 на планшете.
   Дописать в конец template_styles.css шаблона (или в custom.css).
   Правила идут после базовых, поэтому !important не нужен.
   ========================================================= */

/* ---- сетка ---- */
@media screen and (min-width: 1280px) {
  .s5-1 { grid-template-columns: repeat(5, 1fr); gap: 16rem; }
  .s5-2 { grid-column-end: span 1; }
}

@media screen and (min-width: 1024px) and (max-width: 1279.98px) {
  .s5-1 { grid-template-columns: repeat(4, 1fr); gap: 16rem; }
  .s5-2 { grid-column-end: span 1; }
}

@media screen and (min-width: 640px) and (max-width: 1023.98px) {
  .s5-1 { grid-template-columns: repeat(2, 1fr); gap: 16rem; }
  .s5-2 { grid-column: auto; }
}
/* < 640px — как было: одна колонка, ничего не трогаем */

/* ---- сами карточки ---- */
@media screen and (min-width: 640px) {
  .s5-1 { margin-top: 40rem; }

  .card-3 {
    padding: 14rem;
    border-radius: 8rem;
    min-height: 200rem;      /* высота ряда: 200 + 16 gap ≈ 216px */
  }

  .card-3 ._icon {
    width: 36rem;
    height: 36rem;
    padding: 8rem;
    margin-bottom: 12rem;
  }

  .card-3 ._title {
    font-size: max(13px, 15rem);
    line-height: 1.25;
  }

  /* длинные названия обрезаем многоточием, чтобы карточки были одной высоты */
  .card-3 ._title a {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

/* End */
/* /assets/css/main.css?178898185725622 */