/*FONT-INCLUDE*/
@font-face {
    font-family:'NunitoSans-Light';
    src:url(../media/font/NunitoSans-Light.ttf) format("truetype");
    font-display:swap
    }
    
    @font-face {
    font-family:'NunitoSans-Regular';
    src:url(../media/font/NunitoSans-Regular.ttf) format("truetype");
    font-display:swap
    }
    
    @font-face {
    font-family:'RobotoSlab-Light';
    src:url(../media/font/RobotoSlab-Light.ttf) format("truetype");
    font-display:swap
    }
    
    @font-face {
    font-family:'RobotoSlab-Regular';
    src:url(../media/font/RobotoSlab-Regular.ttf) format("truetype");
    font-display:swap
    }
    
    @font-face {
    font-family:'RobotoSlab-Bold';
    src:url(../media/font/RobotoSlab-Bold.ttf) format("truetype");
    font-display:swap
    }
    
    @font-face {
    font-family:'OpenSans-Bold';
    src:url(../media/font/OpenSans-Bold.ttf) format("truetype");
    font-display:swap
    }
    
    /*GENERAL*/
    html {
    scroll-behavior:smooth;
    width:100%;
    height:100%;
    -ms-touch-action:manipulation;
    touch-action:manipulation
    }
    
    body {
    max-width:1920px;
    width:100%;
    min-height:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    margin:0
    }
    
    .flex {
    display:flex
    }
    
    .center {
    text-align:center;
    align-items:center!important;
    justify-content:center!important
    }
    
    .disabled,.js-slide__button--disabled {
    pointer-events:none;
    cursor:default;
    color:#191919!important;
    border:1px solid #191919!important
    }
    
    /*HEADER*/
    #logo-top {
    transition:width .3s ease
    }
    
    .sticky #logo-top {
    transition:width .3s ease
    }
    
    .mdl-layout__header {
    transition:width .3s ease
    }
    
    .mdl-layout-spacer-header {
    transition:flex-grow .3s ease
    }
    
    .sticky .mdl-layout-spacer-header {
    transition:flex-grow .3s ease
    }
    
    .sticky + .content {
    padding-top:64px
    }
    
    header .mdl-navigation article.mdl-navigation__link a.mdl-navigation__link {
    padding:0!important
    }
    
    @media screen and (max-width: 920px) {
    .hideme {
    display:none
    }
    }
    
    @media screen and (max-width:1920px) {
    #logo-top {
    width:calc(64px + (240 - 64) * ((100vw - 320px) / (1840 - 320)))
    }
    
    .sticky #logo-top {
    width:calc(64px + (110 - 64) * ((100vw - 320px) / (1840 - 320)))
    }
    
    .mdl-layout__header-row .mdl-navigation__link {
    padding:0 calc(12px + (67 - 12) * ((100vw - 320px) / (1840 - 320)))!important;
    font-size:calc(12px + (21 - 12) * ((100vw - 320px) / (1840 - 320)))
    }
    }
    
    @media screen and (min-width:1921px) {
    #logo-top {
    width:240px
    }
    
    .sticky #logo-top {
    width:110px
    }
    
    .mdl-layout__header-row .mdl-navigation__link {
    font-size:21px;
    padding:0 67px!important
    }
    }
    
    #logo-top {
    position:relative
    }
    
    .sticky #logo-top {
    position:relative
    }
    
    .mdl-layout-spacer-header {
    -webkit-flex-grow:.45;
    -ms-flex-positive:.45;
    flex-grow:.45
    }
    
    .sticky .mdl-layout-spacer-header-sticky {
    -webkit-flex-grow:.44;
    -ms-flex-positive:.44;
    flex-grow:.44
    }
    
    .mdl-layout__header-row .mdl-navigation__link {
    color:#191919!important;
    font-family:'NunitoSans-Light';
    text-transform:uppercase
    }
    
    .mdl-layout__header-row .mdl-layout-contact a:first-of-type {
    margin-right:20px
    }
    
    .mdl-layout__header-row .mdl-layout-contact a {
    font-size:15px;
    font-family:'NunitoSans-Light';
    color:#191919;
    line-height:20px;
    text-decoration:none
    }
    
    .mdl-layout__header-row .menu-content .chancellery {
    flex-grow:.33;
    padding-left:calc(25px + (0 - 25) * ((100vw - 320px) / (1840 - 320)))
    }
    
    .mdl-layout__header-row .menu-content .affiliates {
    flex-grow:.1
    }
    
    .mdl-layout__header-row .menu-content .contact {
    flex-grow:.37
    }
    
    .sticky .menu-content .chancellery {
    flex-grow:.338
    }
    
    .sticky .menu-content .affiliates {
    flex-grow:.1
    }
    
    .sticky .menu-content .contact {
    flex-grow:.38
    }
    
    @media screen and (max-width: 1024px) {
    .mdl-layout__header-row {
    height:56px;
    padding:0 16px 0 72px
    }
    }
    
    .sticky {
    background-color:#fff;
    box-shadow:0 2px 2px -2px #000;
    position:fixed;
    top:0;
    width:100%;
    z-index:11
    }
    
    .sticky .mdl-layout-title img {
    margin:0!important
    }
    
    .sticky + .content {
    padding-top:102px
    }
    
    .mdl-layout__header-row .mdl-navigation article:hover .menu-content {
    visibility:visible;
    -webkit-transition:visibility .1s;
    transition:visibility .1s;
    -webkit-transition-delay:.3s;
    transition-delay:.3s
    }
    
    .mdl-layout__header-row .mdl-navigation article .menu-content {
    display:flex;
    border-top:2px solid #FAFAFA;
    position:absolute;
    max-width:1920px;
    background-color:#FAFAFA;
    min-height:300px;
    width:100%;
    left:0;
    padding-top:15px;
    border-bottom:1.5px solid #c6c6c6;
    box-shadow:0 3px 4px -4px silver;
    z-index:300;
    justify-content:center;
    visibility:hidden;
    transition-delay:.3s
    }
    
    @media screen and (max-width:1920px) {
    .mdl-layout__header-row .mdl-navigation article .menu-content .subject {
    margin-bottom:calc(0px + (20 - 0) * ((100vw - 320px) / (1840 - 320)))
    }
    
    .mdl-layout__header-row .mdl-navigation article .menu-content .subject ul li a {
    font-size:calc(12px + (18 - 12) * ((100vw - 320px) / (1840 - 320)))
    }
    
    .mdl-layout__header-row .mdl-navigation article .menu-content .subject ul li {
    margin-bottom:calc(5px + (15 - 5) * ((100vw - 320px) / (1920 - 320)));
    margin-left:calc(0px + (20 - 0) * ((100vw - 320px) / (1920 - 320)))
    }
    }
    
    @media screen and (min-width:1921px) {
    .mdl-layout__header-row .mdl-navigation article .menu-content .subject {
    margin-bottom:20px
    }
    
    .mdl-layout__header-row .mdl-navigation article .menu-content .subject ul li a {
    font-size:18px
    }
    
    .mdl-layout__header-row .mdl-navigation article .menu-content .subject ul li {
    margin-bottom:15px;
    margin-left:20px
    }
    }
    
    .mdl-layout__header-row .mdl-navigation article .menu-content .subject {
    display:block;
    flex:auto;
    z-index:200;
    max-width:305px
    }
    
    .mdl-layout__header-row .mdl-navigation article .menu-content .subject ul li a {
    color:#191919;
    font-family:'NunitoSans-Light';
    text-decoration:none;
    display:block;
    width:100%
    }
    
    .mdl-layout__header-row .mdl-navigation article .menu-content .subject ul li a:hover {
    font-weight:700
    }
    
    .mdl-layout__header-row .mdl-navigation article .menu-content .subject ul li a::after {
    display:block;
    content:attr(name);
    font-weight:700;
    visibility:hidden;
    overflow:hidden;
    height:0
    }
    
    .mdl-layout__header-row .mdl-navigation article .menu-content .subject ul {
    list-style-type:none;
    padding-left:0
    }
    
    @media screen and (min-width: 1600px) {
    .mdl-layout__header-row .mdl-navigation article .menu-content {
    width:1920px;
    left:calc((100% - 1920px) /2);
    top:191px
    }
    
    .sticky .mdl-navigation article .menu-content {
    width:1920px;
    left:calc((100% - 1920px) /2);
    top:64px
    }
    }
    
    /*SLIDER*/
    .js-carousel {
    position:relative;
    overflow:hidden;
    width:100%
    }
    
    .js-slide {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1
    }
    
    .js-slide .js-slide__content,.js-slide .left {
    opacity:0;
    transition:opacity 1s ease
    }
    
    .js-slide.active .js-slide__content,.js-slide.active .left {
    opacity:1
    }
    
    .js-carousel.item .js-slide .left img {
    display:block;
    height:100%;
    width:100%;
    max-height:547px;
    object-fit:cover;
    object-position:top
    }
    
    .js-carousel .js-slide .right,.js-carousel-static .right {
    background-color:#191919;
    color:#C7C7C7;
    display:block
    }
    
    .js-carousel .js-slide.active {
    position:relative;
    opacity:1;
    z-index:2
    }
    
    .js-carousel__dots {
    position:absolute;
    bottom:20px;
    list-style:none;
    margin:0;
    padding:0;
    right:7%;
    text-align:center;
    z-index:10
    }
    
    .js-carousel__dot {
    display:inline-block;
    width:12px;
    height:12px;
    margin:0 6px;
    background:#191919;
    border-radius:50%;
    cursor:pointer;
    transition:background .3s;
    border:1px solid #EAEAEA
    }
    
    .js-carousel__dot.active,.js-carousel__dot:hover {
    background:#EAEAEA
    }
    
    .js-carousel .js-slide .right .js-slide__content h3,.js-carousel-static .right {
    font-family:'RobotoSlab-Light';
    font-weight:100
    }
    
    .js-carousel .js-slide .right .js-slide__content {
    min-height:182px;
    max-height:546px;
    max-width:600px;
    height:100%;
    overflow:hidden;
    overflow-y:auto;
    scrollbar-color:#222 #191919;
    scrollbar-width:thin
    }
    
    .js-carousel__controls {
    bottom:calc(7px + (15 - 7) * ((100vw - 320px) / (1920 - 320)));
    position:absolute;
    color:#C1C1C1;
    right:6.5%;
    bottom:0;
    z-index:2;
    cursor:pointer;
    max-height:40px
    }
    
    @media screen and (max-width:840px) {
    .js-carousel__dots {
    right:calc(100% / 2 - 95px)
    }
    
    .js-carousel__controls {
    right:calc(100% / 2 - 40px)
    }
    }
    
    .owls.controls .play {
    margin:5px calc(5px + (7 - 5) * ((100vw - 320px) / (1920 - 320)));
    font-size:14px
    }
    
    .owls.controls .stop {
    margin:5px calc(5px + (7 - 5) * ((100vw - 320px) / (1920 - 320)));
    font-size:19px
    }
    
    .js-carousel__controls button {
    font-size:19px;
    margin:5px calc(5px + (7 - 5) * ((100vw - 320px) / (1920 - 320)));
    background-color:transparent;
    border:none;
    color:#C1C1C1;
    cursor:pointer
    }
    
    /*NEUER SLIDER ENDE*/
    @media screen and (max-width:1920px) {
      .js-carousel__dots {
        bottom:calc(26px + (30 - 26) * ((100vw - 320px) / (1920 - 320)))
      }
    }
    
    @media screen and (min-width:1921px) {
    .js-carousel__dots {
    bottom:30px
    }
    
    .js-carousel__dots .js-carousel__dot {
    width:13px;
    height:13px;
    margin:5px 7px
    }
    }
    
    .js-carousel .right .content {
    min-height:182px;
    max-height:546px;
    max-width:600px;
    height:100%;
    overflow:hidden;
    overflow-y:auto;
    scrollbar-color:#222 #191919;
    scrollbar-width:thin
    }
    
    .carousel {
    background-color:#191919;
    position:relative
    }
    
    .carousel-inner {
    position:relative;
    overflow:hidden;
    width:100%
    }
    
    .carousel-open:checked + .carousel-item {
    position:static;
    opacity:100
    }
    
    .carousel-item {
    position:absolute;
    opacity:0
    }
    
    .js-carousel-static {
    width:100%
    }
    
    .carousel-item .left img,.item .left img,.js-carousel .js-slide .left img,.js-carousel-static .left img {
    display:block;
    height:100%;
    width:100%;
    max-width:960px;
    max-height:547px;
    object-fit:cover;
    object-position:top
    }
    
    @media screen and (max-width:1920px) {
    .chancellery-start,.partners-start {
    font-size:calc(13px + (23 - 13) * ((100vw - 320px) / (1920 - 320)))!important;
    line-height:calc(22px + (35 - 22) * ((100vw - 320px) / (1920 - 320)))!important
    }
    
    .carousel-item .carousel__button,.js-slide .js-slide__content .js-slide__button {
    margin-top:calc(8px + (52 - 8) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .carousel-item .right,.js-carousel .js-slide .right,.js-carousel-static .right {
    padding-left:calc(25px + (90 - 25) * ((100vw - 320px) / (1920 - 320)));
    padding-top:calc(25px + (80 - 25) * ((100vw - 320px) / (1920 - 320)));
    padding-right:calc(25px + (0 - 25) * ((100vw - 320px) / (1920 - 320)));
    padding-bottom:calc(25px + (80 - 25) * ((100vw - 320px) / (1920 - 320)));
    max-height:548px
    }
    
    .carousel-item .right .content h3,.js-carousel .js-slide .right .js-slide__content h3 {
    margin:calc(15px + (0 - 15) * ((100vw - 320px) / (1920 - 320))) 0 calc(14px + (30 - 14) * ((100vw - 320px) / (1920 - 320))) 0;
    font-size:calc(18px + (37 - 18) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(26px + (53 - 26) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .carousel-item .right .content p,.js-slide .right .js-slide__content p,.js-carousel-static .right .content p {
    margin:0 0 calc(5px + (0 - 5) * ((100vw - 320px) / (1920 - 320))) 0;
    font-size:calc(13px + (23 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(22px + (35 - 22) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .carousel-indicators {
    bottom:calc(4px + (38 - 4) * ((100vw - 320px) / (1920 - 320)))
    }
    }
    
    @media screen and (min-width:1921px) {
    .chancellery-start,.partners-start {
    font-size:23px!important;
    line-height:35px!important
    }
    
    .carousel-item .carousel__button,.js-slide__button {
    margin-top:52px
    }
    
    .carousel-item .right,.js-carousel .js-slide .right,.js-carousel-static .right {
    padding-left:90px;
    padding-top:80px;
    padding-bottom:80px;
    max-height:548px
    }
    
    .carousel-item .right .content h3,.js-carousel .js-slide .right h3,.js-carousel-static .right {
    margin:0 0 30px;
    font-size:37px;
    line-height:53px
    }
    
    .carousel-item .right .content p,.js-slide .right .js-slide__content p,.js-carousel-static .right .content p {
    margin:0;
    font-size:23px;
    line-height:35px
    }
    
    .carousel-indicators,.js-carousel__dot {
    bottom:38px
    }
    }
    
    .carousel-item .right {
    background-color:#191919;
    color:#C7C7C7;
    display:block
    }
    
    .carousel-item .right .content h3 {
    font-family:'RobotoSlab-Light';
    font-weight:100
    }
    
    .carousel-item .right .content p,.js-slide .right .js-slide__content p,.js-carousel-static .right .content p {
    color:#C1C1C1;
    font-family:'NunitoSans-Light';
    font-weight:100
    }
    
    .carousel-control {
    background:#00000047;
    border-radius:50%;
    color:#EAEAEA;
    cursor:pointer;
    display:none;
    font-size:40px;
    height:40px;
    line-height:35px;
    position:absolute;
    top:50%;
    -webkit-transform:translate(0,-50%);
    cursor:pointer;
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    text-align:center;
    width:40px;
    z-index:10
    }
    
    .carousel-control.prev {
    left:2%
    }
    
    .carousel-control.next {
    right:2%
    }
    
    .carousel-control:hover {
    background:#000c;
    color:#aaa
    }
    
    #carousel-1:checked ~ .control-1,#carousel-2:checked ~ .control-2,#carousel-3:checked ~ .control-3,#carousel-4:checked ~ .control-4 {
    display:none
    }
    
    .carousel-indicators {
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    right:7%;
    text-align:center;
    z-index:10
    }
    
    .carousel-indicators li {
    display:inline-block;
    margin:0 5px
    }
    
    .carousel-bullet {
    color:#191919;
    -webkit-text-stroke:1px #EAEAEA;
    cursor:pointer;
    display:block;
    font-size:50px
    }
    
    #carousel-1:checked ~ .control-1 ~ .carousel-indicators li:nth-child(1) .carousel-bullet,#carousel-2:checked ~ .control-2 ~ .carousel-indicators li:nth-child(2) .carousel-bullet,#carousel-3:checked ~ .control-3 ~ .carousel-indicators li:nth-child(3) .carousel-bullet,#carousel-4:checked ~ .control-4 ~ .carousel-indicators li:nth-child(4) .carousel-bullet {
    color:#EAEAEA
    }
    
    #title {
    width:100%;
    position:absolute;
    padding:0;
    margin:0 auto;
    text-align:center;
    font-size:27px;
    color:#ffff;
    font-family:'Open Sans',sans-serif;
    z-index:9999;
    text-shadow:0 1px 2px #00000054 -1px 0 2px #fff0
    }
    
    /*CARDS*/
    .cards-new-section {
        text-align: center;
        padding: 26px 0;
      }
      
      .cards-new-section h4 {
        font-family: 'NunitoSans-Light', sans-serif;
        font-weight: 100;
        font-size: clamp(24px, 4vw, 28px);
        text-transform: uppercase;
        margin-bottom: 44px;
      }
      
      .cards-new-grid {
        display: grid;
      }
      
      @media screen and (max-width: 839px) {
          .js-carousel.partner .js-carousel__dots {
              right: 30px !important;
        }
      }
      /* Desktop – 3 Spalten */
      @media screen and (min-width: 840px) {
        .cards-new-grid {
          grid-template-columns: repeat(3, 1fr);
        }
      }
      
      /* Tablet – 2 Spalten */
      @media screen and (min-width: 480px) and (max-width: 839px) {
        .cards-new-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .card-new:nth-child(3) {
          background-color: #EAEAEA !important;
          color: #191919 !important;
        }
        .card-new:nth-child(3) a {
          border-color: #191919 !important;
          color: #191919 !important;
        }
        .card-new:nth-child(4) {
          background-color: #191919 !important;
          color: #EAEAEA !important;
        }
        .card-new:nth-child(4) a {
          border-color: #EAEAEA !important;
          color: #EAEAEA !important;
        }
      }
      
      /* Mobile – 1 Spalte */
      @media screen and (max-width: 479px) {
        .cards-new-grid {
          grid-template-columns: 1fr;
        }
        .card-new:nth-child(1) {
          order: 1;
        }
        .card-new:nth-child(2) {
          order: 2;
        }
        .card-new:nth-child(3) {
          background-color: #EAEAEA !important;
          color: #191919 !important;
          order: 5;
        }
        .card-new:nth-child(3) a {
          border-color: #191919 !important;
          color: #191919 !important;
        }
        .card-new:nth-child(4) {
          background-color: #191919 !important;
          color: #EAEAEA !important;
          order: 4;
        }
        .card-new:nth-child(4) a {
          border-color: #EAEAEA !important;
          color: #EAEAEA !important;
        }
        .card-new:nth-child(5) {
          order: 3;
        }
        .card-new:nth-child(6) {
          order: 6;
        }
        .cards-new-section h4 {
          font-size: clamp(20px, 5vw, 24px) !important;
        }
        .card-new a {
          font-size: clamp(14px, 3vw, 16px) !important;
        }
      }
      
      .card-new {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 276px;
        padding: 6px;
        transition: transform 0.3s ease;
      }
      
      .card-new h5 {
        font-family: 'RobotoSlab-Light', serif;
        font-weight: 100;
        font-size: clamp(20px, 3vw, 23px);
        margin: 24px 0 16px;
      }
      
      .card-new a {
        text-decoration: none;
        border: 1px solid;
        transition: background 0.3s ease, color 0.3s ease;
        margin: 10px auto;
        font-family: 'NunitoSans-Light';
        padding: 19px 39px;
        font-size: clamp(16px, 2.5vw, 16px);
      }
      
      .card-new.dark {
        background-color: #191919;
        color: #EAEAEA;
      }
      
      .card-new.dark a {
        border-color: #EAEAEA;
        color: #EAEAEA;
      }
      
      .card-new.bright {
        background-color: #EAEAEA;
        color: #191919;
      }
      
      .card-new.bright a {
        border-color: #191919;
        color: #191919;
      }
      
      @media screen and (max-width: 768px) {
        .cards-new-section h4 {
          font-size: 24px;
          margin-bottom: 32px;
        }
        .card-new {
          min-height: 220px;
        }
        .card-new h5 {
          font-size: 20px;
        }
      }
    @media screen and (max-width:1920px) {
    .mdl-grid.cards-section h4 {
    font-size:calc(19px + (28 - 19) * ((100vw - 320px) / (1840 - 320)));
    margin:calc(50px + (85 - 50) * ((100vw - 320px) / (1840 - 320))) 0 calc(20px + (44 - 20) * ((100vw - 320px) / (1840 - 320)))
    }
    
    .mdl-grid.cards-section .card {
    min-height:198px;
    height:calc(198px + (276 - 198) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .mdl-grid.cards-section .card h5 {
    font-size: 22px;
    line-height:calc(26px + (33 - 26) * ((100vw - 320px) / (1920 - 320)));
    margin:calc(5px + (24 - 5) * ((100vw - 320px) / (1920 - 320))) 0 calc(5px + (16 - 5) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .modal__content h5 {
    font-size:calc(19px + (23 - 19) * ((100vw - 320px) / (1920 - 320)))
    }
    }
    
    @media screen and (min-width:1921px) {
    .mdl-grid.cards-section h4 {
    font-size:28px;
    margin:85px 0 44px
    }
    
    .mdl-grid.cards-section .card {
    height:276px
    }
    
    .modal__content h5 {
    font-size:23px
    }
    
    .mdl-grid.cards-section .card h5 {
    font-size:23px;
    margin:24px 0 16px;
    line-height:33px
    }
    }
    
    .mdl-grid.cards-section h4 {
    font-family:'NunitoSans-Light';
    font-weight:100;
    letter-spacing:0;
    line-height:33px;
    text-align:center;
    text-transform:uppercase
    }
    
    .mdl-grid.cards-section .card {
    display:flex;
    flex-direction:column;
    justify-content:center
    }
    
    .mdl-grid.cards-section .card h5 {
    font-family:'RobotoSlab-Light';
    font-weight:100;
    letter-spacing:0;
    text-align:center
    }
    
    .modal__content h5 {
    font-family:'RobotoSlab-Light';
    margin: 24px 0 16px;
    font-weight:100;
    letter-spacing:0;
    text-align:left
    }
    
    .mdl-grid.cards-section .bright {
    background-color:#EAEAEA;
    color:#191919
    }
    
    .mdl-grid.cards-section .dark {
    background-color:#191919;
    color:#EAEAEA
    }
    
    /*START-MODAL*/
    .modal--measure {
    visibility:hidden;
    pointer-events:none;
    transition:none!important
    }
    
    @media screen and (min-width: 480px) and (max-width: 839px) {
    .brightx {
    background-color:#EAEAEA!important;
    color:#191919!important
    }
    
    .darkx {
    background-color:#191919!important;
    color:#EAEAEA!important
    }
    
    .modal__content_brightx {
    background:#EAEAEA!important;
    color:#191919!important
    }
    
    .modal__content_darkx {
    background:#191919!important;
    color:#EAEAEA!important
    }
    
    .trigger_brightx {
    background:#EAEAEA!important;
    border:1px solid #191919!important;
    color:#191919!important
    }
    
    .trigger_darkx {
    background:#191919!important;
    border:1px solid #EAEAEA!important;
    color:#EAEAEA!important
    }
    
    .trigger_darkx #modal__temp {
    background:#191919!important
    }
    
    .trigger_brightx #modal__temp {
    background:#EAEAEA!important
    }
    }
    
    @media screen and (max-width:1920px) {
    .modal__content .mdl-list .mdl-list__item span a {
    font-size:calc(12px + (17 - 12) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(18px + (38 - 18) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .modal__content .mdl-list .mdl-list__item span {
    font-size:calc(12px + (17 - 12) * ((100vw - 320px) / (1920 - 320)));
    line-height:18px;
    margin:6px 0
    }
    
    .modal__content .mdl-list .mdl-list__item span.x {
    font-size:calc(12px + (17 - 12) * ((100vw - 320px) / (1920 - 320)));
    max-width:calc(192px + (430 - 192) * ((100vw - 320px) / (1920 - 320)));
    line-height:18px;
    margin:6px 0
    }
    
    .modal__content h5 {
    font-size:calc(18px + (23 - 18) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(26px + (33 - 26) * ((100vw - 320px) / (1920 - 320)));
    max-width:calc(181px + (382 - 181) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .modal__content {
    padding:calc(10px + (40 - 10) * ((100vw - 320px) / (1920 - 320))) calc(20px + (85 - 20) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .modal__content .mdl-list .mdl-list__item {
    font-size:calc(11px + (17 - 11) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .x-close {
    top:calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
    right:calc(0px + (60 - 0) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .approach .approach-head h6 {
    font-size:calc(19px + (28 - 19) * ((100vw - 320px) / (1840 - 320)));
    line-height:calc(33px + (33 - 33) * ((100vw - 320px) / (1840 - 320)));
    margin:calc(50px + (85 - 50) * ((100vw - 320px) / (1840 - 320))) 0 calc(20px + (44 - 20) * ((100vw - 320px) / (1840 - 320)))
    }
    
    .approach .content p:first-of-type {
    margin:calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320))) 0 calc(20px + (80 - 20) * ((100vw - 320px) / (1920 - 320))) 0;
    font-size:calc(16px + (19 - 16) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(27px + (32 - 27) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .approach .content p a {
    font-size:calc(16px + (19 - 16) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(27px + (32 - 27) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .approach .content p {
    font-size:calc(11px + (16 - 11) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(19px + (27 - 19) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .approach .right {
    padding-left:calc(20px + (90 - 20) * ((100vw - 320px) / (1920 - 320)));
    padding-top:calc(8px + (80 - 8) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .modal__trigger,.carousel__button,.approach__button,.js-slide__button {
    font-size:calc(11px + (16 - 11) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .approach_bright {
    font-size:calc(11px + (16 - 11) * ((100vw - 320px) / (1920 - 320)));
    padding:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))) calc(10px + (43 - 10) * ((100vw - 320px) / (1920 - 320)))!important;
    margin:10px calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320))) calc(32px + (50 - 32) * ((100vw - 320px) / (1920 - 320))) 0!important
    }
    
    .modal__content .mdl-list .mdl-list__item,.modal__content .mdl-list .mdl-list__item a {
    line-height:calc(30px + (38 - 30) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .trigger-inside-dark {
    font-size:calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(16px + (21 - 16) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .modal__trigger,.carousel__button,.approach__button,.js-slide__button {
    padding:calc(12px + (19 - 12) * ((100vw - 320px) / (1920 - 320))) calc(21px + (39 - 21) * ((100vw - 320px) / (1920 - 320)))
    }
    }
    
    @media screen and (min-width:1921px) {
    .modal__content .mdl-list .mdl-list__item span a {
    font-size:17px;
    line-height:38px
    }
    
    .modal__content .mdl-list .mdl-list__item span {
    font-size:17px;
    line-height:18px;
    margin:6px 0
    }
    
    .modal__content .mdl-list .mdl-list__item span.x {
    font-size:17px;
    line-height:18px;
    margin:6px 0
    }
    
    .modal__trigger,.carousel__button,.approach__button,.js-slide__button {
    padding:19px 39px
    }
    
    .trigger-inside-dark {
    font-size:16px!important;
    line-height:21px
    }
    
    .modal__content .mdl-list .mdl-list__item {
    line-height:38px
    }
    
    .modal__content h5 {
    font-size:23px;
    line-height:33px
    }
    
    .approach_bright {
    font-size:calc(11px + (16 - 11) * ((100vw - 320px) / (1920 - 320)));
    padding:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))) calc(10px + (43 - 10) * ((100vw - 320px) / (1920 - 320)))!important;
    margin:10px 16px 50px 0!important
    }
    
    .modal__content {
    padding:40px 85px
    }
    
    .modal__content .mdl-list .mdl-list__item {
    font-size:17px
    }
    
    .x-close {
    top:40px;
    right:60px
    }
    
    .approach .approach-head h6 {
    font-size:28px!important;
    margin:85px;
    line-height:33px
    }
    
    .approach .content p:first-of-type {
    font-size:19px;
    margin:30px 0 80px
    }
    
    .approach .content p a {
    font-size:19px;
    line-height:33px
    }
    
    .approach .content p {
    font-size:16px;
    line-height:27px
    }
    
    .approach .right {
    padding-left:90px;
    padding-top:80px
    }
    
    .modal__trigger,.carousel__button,.approach__button,.js-slide__button {
    font-size:16px
    }
    }
    
    .approach_bright {
    background:#F4F4F4;
    border:1px solid #191919;
    color:#191919
    }
    
    .modal {
    display:flex;
    align-items:center;
    justify-content:center;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow-y:auto;
    overflow-x:hidden;
    z-index:1000;
    visibility:hidden;
    opacity:0;
    transition:all .5s cubic-bezier(0.23,1,0.32,1);
    transition-delay:$modal-delay
    }
    
    .modal--active {
    visibility:visible;
    opacity:1
    }
    
    .modal--align-top {
    align-items:flex-start
    }
    
    .modal__bg {
    background:#010101cc
    }
    
    .mdl-grid .modal__dialog, .modal__dialog {
    max-width:877px;
    width:100%
    }
    
    .modal__content {
    position:relative;
    background-clip:padding-box;
    box-shadow:0 12px 15px 0 #00000040;
    opacity:0;
    transition:all .25s cubic-bezier(0.23,1,0.32,1)
    }
    
    .modal__content .mdl-list .mdl-list__item,.modal__content .mdl-list .mdl-list__item a {
    padding:0;
    font-family:'NunitoSans-Light'
    }
    
    .modal__content .mdl-list .mdl-list__item a {
    color:unset;
    text-decoration:none
    }
    
    .modal__content .mdl-list .mdl-list__item a:hover {
    font-family:'RobotoSlab-Bold'
    }
    
    .modal__content_dark {
    background:#0a0a0a;
    color:#EAEAEA
    }
    
    .modal__content_bright {
    background:#EAEAEA;
    color:#191919
    }
    
    .modal__content--active {
    opacity:1
    }
    
    .modal__close {
    z-index:1100;
    cursor:pointer
    }
    
    .trigger-inside-dark {
    font-family:'NunitoSans-Light'!important;
    letter-spacing:0;
    margin:30px 0 25px!important;
    border:1px solid #EAEAEA;
    width:100%;
    text-align:center;
    cursor:pointer;
    margin:10px auto
    }
    
    .modal__content .mdl-list a.trigger-inside-dark,.modal__content .mdl-list a.trigger-inside-bright {
    line-height:56px!important
    }
    
    .trigger-inside-bright {
    font-size:16px!important;
    font-family:'NunitoSans-Light'!important;
    letter-spacing:0;
    line-height:21px;
    margin:30px 0 25px!important;
    border:1px solid #191919;
    width:100%;
    text-align:center;
    cursor:pointer;
    margin:10px auto
    }
    
    .modal__trigger,.carousel__button,.approach__button,.js-slide__button {
    font-family:'NunitoSans-Light';
    position:relative;
    display:inline-block;
    line-height:1;
    cursor:pointer;
    -webkit-tap-highlight-color:#0000;
    user-select:none;
    transition:all .5s cubic-bezier(0.23,1,0.32,1);
    text-decoration:none;
    margin:10px auto
    }
    
    .trigger_dark,.carousel__button_dark {
    background:#191919;
    border:1px solid #EAEAEA;
    color:#EAEAEA
    }
    
    .trigger_bright {
    background:#EAEAEA;
    border:1px solid #191919;
    color:#191919
    }
    
    .modal__trigger--active {
    z-index:10
    }
    
    .modal__trigger.trigger_dark:hover {
    background:#191919
    }
    
    .modal__trigger.trigger_bright:hover {
    background:#EAEAEA
    }
    
    #modal__temp {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#191919;
    transform:none;
    opacity:1;
    transition:opacity .1s ease-out,transform .5s cubic-bezier(0.23,1,0.32,1)
    }
    
    .trigger_bright #modal__temp {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#EAEAEA;
    transform:none;
    opacity:1;
    transition:opacity .1s ease-out,transform .5s cubic-bezier(0.23,1,0.32,1)
    }
    
    img {
    max-width:100%
    }
    
    .x-close {
    position:absolute;
    margin:1.2rem;
    padding:.6rem;
    transition:all .5s cubic-bezier(0.23,1,0.32,1)
    }
    
    .x-close img {
    pointer-events:none;
    vertical-align:top
    }
    
    .logo {
    position:fixed;
    bottom:3vh;
    right:3vw;
    z-index:2
    }
    
    .logo img {
    width:45px;
    transform:rotate(0);
    transition:all .5s cubic-bezier(0.23,1,0.32,1)
    }
    
    .logo img:hover {
    transform:rotate(180deg) scale(1.1)
    }
    
    /*MAP*/
    .approach-head {
    background-color:#fff
    }
    
    .approach-head h6 {
    font-family:'NunitoSans-Light'!important;
    font-weight:100!important;
    letter-spacing:0!important;
    text-align:center!important;
    text-transform:uppercase!important
    }
    
    .approach {
    background-color:#F4F4F4
    }
    
    .approach h6 {
    font-family:'NunitoSans-Light';
    font-size:21px;
    text-transform:uppercase
    }
    
    .approach .content p,.approach .content p a {
    font-family:'NunitoSans-Light'
    }
    
    .approach .content p a {
    text-decoration:none;
    color:#191919
    }
    
    .approach img {
    display:block;
    height:auto;
    width:100%
    }
    
    .approach .right {
    color:#191919;
    display:block
    }
    
    /*CONTACT-SITE*/
    @media screen and (max-width:1920px) {
    .x-close img {
    width:calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
    height:calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .carousel .carousel-item .banner .p15 {
    font-size:calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .carousel .carousel-item .banner .p19 {
    font-size:calc(17px + (19 - 17) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .carousel .carousel-item .banner .p19 a,.carousel .carousel-item .banner .p15 a {
    font-size:calc(17px + (19 - 17) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .carousel .carousel-item .banner_btn {
    margin-top:calc(8px + (30 - 8) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .employee .employee-head {
    margin:calc(20px + (70 - 20) * ((100vw - 320px) / (1920 - 320))) 0 calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320))) 0
    }
    
    .employee h6 {
    font-size:calc(19px + (21 - 19) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .employee .left article {
    padding-right:calc(0px + (115 - 0) * ((100vw - 320px) / (1920 - 320)));
    padding-bottom:calc(40px + (80 - 40) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .employee .left article:last-of-type {
    padding-right:calc(0px + (115 - 0) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .employee .left article h4 {
    font-size:calc(26px + (28 - 26) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .employee .left article p {
    font-size:calc(15px + (17 - 15) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom:calc(5px + (30 - 5) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .employee .left article contact a {
    font-size:calc(17px + (19 - 17) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .employee .left .support-time {
    padding-right:calc(0px + (115 - 0) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .employee .right article p:first-of-type {
    font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom:calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .employee .right article p {
    font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
    }
    
    #contact-logo,#contact-logo2 {
    max-width:calc(280px + (369 - 280) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom:calc(32px + (62 - 32) * ((100vw - 320px) / (1920 - 320)));
    margin-top:calc(30px + (0 - 30) * ((100vw - 320px) / (1920 - 320)))
    }
    }
    
    @media screen and (min-width:1921px) {
    .x-close img {
    width:20px;
    height:20px
    }
    
    .carousel .carousel-item .banner .p15 {
    font-size:15px
    }
    
    .carousel .carousel-item .banner .p19 {
    font-size:19px
    }
    
    .carousel .carousel-item .banner .p19 a,.carousel .carousel-item .banner .p15 a {
    font-size:19px
    }
    
    .carousel .carousel-item .banner_btn {
    margin-top:30px
    }
    
    .employee .employee-head {
    margin:70px 0 40px
    }
    
    .employee h6 {
    font-size:21px
    }
    
    .employee .left article {
    padding-right:115px;
    padding-bottom:80px
    }
    
    .employee .left article:last-of-type {
    padding-right:115px
    }
    
    .employee .left article h4 {
    font-size:28px
    }
    
    .employee .left article p {
    font-size:17px;
    margin-bottom:30px
    }
    
    .employee .left article contact a {
    font-size:19px
    }
    
    .employee .left .support-time {
    padding-right:115px
    }
    
    .employee .right article p:first-of-type {
    font-size:16px;
    margin-bottom:50px
    }
    
    .employee .right article p {
    font-size:16px
    }
    
    #contact-logo,#contact-logo2 {
    max-width:369px;
    margin-bottom:62px;
    margin-top:0
    }
    }
    
    .carousel .carousel-item .banner .p15 {
    font-family:'NunitoSans-Light';
    line-height:25px;
    margin:0 0 16px
    }
    
    .carousel .carousel-item .banner .p19 {
    font-family:'NunitoSans-Light';
    line-height:33px;
    padding:0
    }
    
    .carousel .carousel-item .banner .p19:nth-of-type(2) {
    margin-top:10px;
    margin-bottom:0
    }
    
    .carousel .carousel-item .banner .p19:nth-of-type(3) {
    margin-bottom:10px
    }
    
    .carousel .carousel-item .banner .p19 a,.carousel .carousel-item .banner .p15 a {
    color:#C7C7C7;
    font-family:'NunitoSans-Light';
    line-height:33px;
    text-decoration:none
    }
    
    .carousel .carousel-item .banner_btn {
    padding:1.2rem 3.2rem!important
    }
    
    .employee h6 {
    font-family:'NunitoSans-Light';
    line-height:33px;
    text-transform:uppercase
    }
    
    .employee .left article:last-of-type {
    padding-bottom:15px
    }
    
    .employee .left article h4 {
    font-family:'RobotoSlab-Regular';
    line-height:41px;
    margin:0
    }
    
    .employee .left article p {
    font-family:'NunitoSans-Light';
    line-height:32px
    }
    
    .employee .left article contact a {
    color:#191919;
    font-family:'NunitoSans-Light';
    line-height:32px;
    text-decoration:none
    }
    
    .employee .left .support-time {
    font-size:16px;
    font-family:'NunitoSans-Light';
    line-height:32px;
    margin:0
    }
    
    .employee .right article {
    max-width:714px
    }
    
    .employee .right article p:first-of-type {
    font-family:'NunitoSans-Light';
    line-height:27px
    }
    
    .employee .right article p {
    font-family:'NunitoSans-Light';
    line-height:27px
    }
    
    /*IMPRINT*/
    @media screen and (max-width:479px) {
    .mdl-grid--no-spacing > .mdl-cell--imprint-phone {
    width:100%!important
    }
    }
    
    @media screen and (max-width:1349px) {
    .mdl-grid--no-spacing > .mdl-cell--imprint-tablet {
    width:100%!important
    }
    }
    
    @media screen and (min-width:1350px) {
    .mdl-grid--no-spacing > .mdl-cell--imprint-desktop {
    width:33.3333333333%!important
    }
    }
    
    @media screen and (max-width:1920px) {
    .imprint-darkbox {
    padding:0 calc(8px + (134 - 8) * ((100vw - 320px) / (1920 - 320)))!important
    }
    
    .imprint-brightbox {
    padding:0 calc(8px + (134 - 8) * ((100vw - 320px) / (1920 - 320)))!important
    }
    
    .imprint-brightbox section {
    padding-left:calc(30px + (55 - 30) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .imprint-darkbox h5 {
    font-size:calc(17px + (21 - 17) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .imprint-brightbox h5 {
    font-size:calc(17px + (21 - 17) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .imprint-brightbox .first h5 {
    margin:calc(38px + (83 - 38) * ((100vw - 320px) / (1920 - 320))) 0 0
    }
    
    .imprint-brightbox .second h5 {
    margin:calc(18px + (52 - 18) * ((100vw - 320px) / (1920 - 320))) 0 0
    }
    
    .imprint-darkbox h5 {
    margin:calc(30px + (49 - 30) * ((100vw - 320px) / (1920 - 320))) 0 calc(30px + (67 - 30) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .imprint-brightbox ul li {
    font-size:calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .imprint-darkbox h6,.imprint-brightbox h6 {
    font-size:calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(22px + (26 - 22) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .imprint-darkbox .middlebox p:nth-of-type(1) {
    margin:0 0 calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .imprint-darkbox .contact {
    margin-bottom:calc(20px + (97 - 20) * ((100vw - 320px) / (1920 - 320)))!important
    }
    
    .imprint-darkbox p,.imprint-brightbox p,.imprint-darkbox p a,.imprint-brightbox p a,.imprint-brightbox ul li a {
    font-size:calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(23px + (27 - 23) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .imprint-darkbox p span {
    font-size:calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320)))
    }
    }
    
    @media screen and (min-width:1921px) {
    .imprint-darkbox {
    padding:0 134px!important
    }
    
    .imprint-brightbox {
    padding:0 134px!important
    }
    
    .imprint-brightbox section {
    padding-left:55px
    }
    
    .imprint-darkbox h5 {
    font-size:21px
    }
    
    .imprint-brightbox h5 {
    font-size:21px
    }
    
    .imprint-brightbox .first h5 {
    margin:83px 0 0
    }
    
    .imprint-brightbox .second h5 {
    margin:52px 0 0
    }
    
    .imprint-darkbox h5 {
    margin:49px
    }
    
    .imprint-brightbox ul li {
    font-size:16px
    }
    
    .imprint-darkbox h6,.imprint-brightbox h6 {
    font-size:16px;
    line-height:26px
    }
    
    .imprint-darkbox .middlebox p:nth-of-type(1) {
    margin:0 0 30px
    }
    
    .imprint-darkbox .contact {
    margin-bottom:97px!important
    }
    
    .imprint-darkbox p,.imprint-brightbox p,.imprint-darkbox p a,.imprint-brightbox p a,.imprint-brightbox ul li a {
    font-size:16px;
    line-height:27px
    }
    
    .imprint-darkbox p span {
    font-size:16px
    }
    }
    
    .imprint-darkbox {
    background-color:#191919;
    color:#EAEAEA
    }
    
    .imprint-brightbox {
    color:#191919
    }
    
    .imprint-brightbox section {
    max-width:850px
    }
    
    .imprint-darkbox h5 {
    font-family:'NunitoSans-Light';
    font-weight:100;
    letter-spacing:0;
    line-height:28px;
    padding:0;
    text-transform:uppercase;
    margin:24px 0 16px
    }
    
    .imprint-brightbox h5 {
    font-family:'NunitoSans-Light';
    font-weight:100;
    letter-spacing:0;
    line-height:28px;
    padding:0;
    text-transform:uppercase
    }
    
    .imprint-brightbox ul li {
    font-family:'NunitoSans-Light';
    line-height:27px;
    font-weight:100;
    letter-spacing:0
    }
    
    .imprint-darkbox h6,.imprint-brightbox h6 {
    font-family:'RobotoSlab-Bold';
    font-weight:100;
    letter-spacing:0;
    margin:24px 0 16px;
    padding:0
    }
    
    .imprint-darkbox h6 {
    margin:0
    }
    
    .imprint-darkbox .contact p:nth-of-type(1),.imprint-darkbox .contact p:nth-of-type(2),.imprint-darkbox .contact p:nth-of-type(3),.imprint-darkbox .contact p:nth-of-type(4) {
    margin:0
    }
    
    .imprint-darkbox p,.imprint-brightbox p,.imprint-darkbox p a,.imprint-brightbox p a,.imprint-brightbox ul li a {
    font-family:'NunitoSans-Light';
    letter-spacing:0;
    font-weight:100;
    padding:0
    }
    
    .imprint-darkbox p a {
    color:#EAEAEA;
    text-decoration:none
    }
    
    .imprint-brightbox p a,.imprint-brightbox ul li a {
    color:#191919;
    text-decoration:none
    }
    
    /*PARTNER-SITE*/
    @media screen and (max-width:1920px) {
    #top .carousel-inner .right .partner h5,#top .js-carousel .right .partner h5,#top .js-carousel .right .partner h5 a,#top .js-carousel-static .right .partner h5 {
    font-size:calc(27px + (37 - 27) * ((100vw - 320px) / (1920 - 320)));
    margin:calc(0px + (100 - 0) * ((100vw - 320px) / (1920 - 320))) 0 calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)))
    }
    
    #top .partner-start p:first-of-type {
    padding-top:calc(20px + (47 - 20) * ((100vw - 320px) / (1920 - 320)))
    }
    
    #top .partner-start p {
    font-size:calc(18px + (37 - 18) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(30px + (53 - 30) * ((100vw - 320px) / (1920 - 320)));
    padding-top:calc(10px + (37 - 10) * ((100vw - 320px) / (1920 - 320)));
    padding-bottom:calc(15px + (0 - 15) * ((100vw - 320px) / (1920 - 320)))
    }
    
    #top .partner-start p span {
    font-size:calc(12px + (21 - 12) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .info-padded {
    padding-top:calc(20px + (102 - 20) * ((100vw - 320px) / (1920 - 320)))!important;
    padding-left:calc(25px + (0 - 25) * ((100vw - 320px) / (1920 - 320)))!important;
    padding-right:calc(25px + (0 - 25) * ((100vw - 320px) / (1920 - 320)))!important;
  }
    #info .information {
    padding-bottom:calc(16px + (34 - 16) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .partner-pd-info h2 {
    font-size:calc(24px + (28 - 24) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .partner-pd-info p {
    font-size:calc(13px + (17 - 13) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .information p {
    font-size:calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(25px + (27 - 25) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .information p:first-of-type {
    padding-bottom:calc(15px + (28 - 15) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .information ul {
    font-size:calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(25px + (27 - 25) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .partner-pd-info {
    padding-right:calc(0px + (74 - 0) * ((100vw - 320px) / (1920 - 320)))
    }
    
    #menu.partners {
    font-size:calc(19px + (19 - 19) * ((100vw - 320px) / (1920 - 320)))
    }
    
    #menu.partners a {
    line-height:calc(40px + (149 - 40) * ((100vw - 320px) / (1920 - 320)))
    }
    }
    
    @media screen and (min-width:1921px) {
    #top .carousel-inner .right .partner h5,#top .js-carousel .right .partner h5,#top .js-carousel .right .partner h5 a,#top .js-carousel-static .right .partner h5 a {
    font-size:37px;
    margin:100px 0 30px
    }
    
    #top .partner-start p:first-of-type {
    padding-top:47px
    }
    
    #top .partner-start p {
    font-size:37px;
    line-height:53px;
    padding-top:37px;
    padding-bottom:0
    }
    
    #top .partner-start p span {
    font-size:21px
    }
    
    .info-padded {
      padding-top: 102px!important;
      padding-left: 0!important;
      padding-right: 0!important;
    }
    #info .information {
    padding-bottom:34px
    }
    
    .partner-pd-info h2 {
    font-size:28px
    }
    
    .partner-pd-info p {
    font-size:17px
    }
    
    .information p {
    font-size:16px;
    line-height:27px
    }
    
    .information p:first-of-type {
    padding-bottom:28px
    }
    
    .information ul {
    font-size:16px;
    line-height:27px
    }
    
    .partner-pd-info {
    padding-right:74px
    }
    
    #menu.partners {
    font-size:19px
    }
    
    #menu.partners a {
    line-height:149px
    }
    }
    
    #top .carousel-inner .right .partner h5,#top .js-carousel .right .partner h5,#top .js-carousel-static .right .partner h5 a {
    color:#C1C1C1;
    font-family:'RobotoSlab-Light';
    line-height:53px;
    font-weight:100;
    letter-spacing:0
    }
    
    #top .js-carousel .right .partner h5 a,#top .js-carousel-static .right .partner h5 a {
    color:#C1C1C1;
    text-decoration:none
    }
    
    #top .carousel-inner .right .partner,#top .js-carousel .right .partner,#top .js-carousel-static .right .partner {
    max-width:440px
    }
    
    #top .partner-start {
    max-width:651px
    }
    
    #top .partner-start p {
    font-family:'RobotoSlab-Light';
    margin:0;
    font-weight:100;
    letter-spacing:0
    }
    
    #top .partner-start p span {
    line-height:28px;
    font-family:'NunitoSans-Light';
    font-weight:100;
    letter-spacing:0;
    text-transform:uppercase
    }
    
    #info {
    background-color:#FAFAFA
    }
    
    #info .information {
    max-width:762px
    }
    
    .partner-pd-info h2 {
    font-family:'RobotoSlab-Regular';
    line-height:41px;
    margin:0;
    font-weight:100;
    padding:0
    }
    
    .partner-pd-info p {
    font-family:'NunitoSans-Light';
    font-weight:100;
    letter-spacing:0;
    line-height:32px;
    margin:0;
    padding:0
    }
    
    .information p {
    font-family:'NunitoSans-Light';
    font-weight:100;
    letter-spacing:0;
    max-width:762px;
    margin:0;
    padding:0
    }
    
    .information ul {
    padding:0 0 0 15px;
    font-family:'NunitoSans-Light';
    font-weight:100;
    letter-spacing:0
    }
    
    .partner-pd-info h5 {
    font-size:21px;
    font-family:"RobotoSlab-Light";
    font-weight:100;
    line-height:41px;
    letter-spacing:0;
    margin:0;
    padding:0
    }
    
    #menu.partners {
    background-color:#222;
    color:#EAEAEA;
    font-family:'NunitoSans-Light'
    }
    
    #menu.partners a {
    text-decoration:none;
    font-weight:100;
    width:100%
    }
    
    #menu.partners .box {
    max-height:149px;
    max-width:552px
    }
    
    /*CHANCELLERY-SITE*/
    @media screen and (max-width: 1920px) {
    #menu.chancellery {
    font-size:calc(19px + (19 - 19) * ((100vw - 320px) / (1920 - 320)))
    }
    
    #menu.chancellery a {
    line-height:calc(40px + (149 - 40) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .lhbtn {
    padding:calc(0px + (49.5 - 0) * ((100vw - 320px) / (1920 - 320))) 0;
    line-height:calc(20px + (25 - 20) * ((100vw - 320px) / (1920 - 320)))!important
    }
    
    #top .carousel-inner .right .chancellery h5,.carousel #top .item .right .chancellery h5,.js-carousel-static .right .chancellery h5 {
    font-size:calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(26px + (55 - 26) * ((100vw - 320px) / (1920 - 320)));
    margin:calc(0px + (5 - 0) * ((100vw - 320px) / (1920 - 320))) 0 calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .carousel-item .right .chancellery p:first-of-type,.carousel #top .item .right .chancellery p:first-of-type,.js-carousel-static .right .chancellery p:first-of-type {
    padding-bottom:calc(0px + (26 - 0) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .carousel-item .right .chancellery p:last-of-type,.js-carousel-static .right .chancellery p:last-of-type {
    padding-top:calc(0px + (26 - 0) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .carousel-item .right .chancellery p,.carousel #top .item .right .chancellery p,.js-carousel-static .right .chancellery p {
    margin:0 0 calc(20px + (0 - 20) * ((100vw - 320px) / (1920 - 320))) 0;
    font-size:calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .chancellery-pd-info {
    padding-right:calc(0px + (74 - 0) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .chancellery-pd-info h2 {
    font-size:calc(19px + (28 - 19) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(22px + (41 - 22) * ((100vw - 320px) / (1920 - 320)));
    padding-bottom:calc(10px + (0 - 10) * ((100vw - 320px) / (1920 - 320)))
    }
    
    #info .chancellery-info p {
    font-size:calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(25px + (27 - 25) * ((100vw - 320px) / (1920 - 320)))
    }
    
    #info .chancellery-info p:first-of-type {
    padding-bottom:calc(15px + (28 - 15) * ((100vw - 320px) / (1920 - 320)))
    }
    
    #info .chancellery-info {
    padding-bottom:calc(16px + (53 - 16) * ((100vw - 320px) / (1920 - 320)))
    }
    }
    
    @media screen and (min-width: 1921px) {
    #menu.chancellery {
    font-size:19px
    }
    
    #menu.chancellery a {
    line-height:149px
    }
    
    .lhbtn {
    padding:49px 0;
    line-height:25px!important
    }
    
    #top .carousel-inner .right .chancellery h5,.js-carousel-static .right .chancellery h5 {
    font-size:40px;
    line-height:55px;
    margin:5px 0 30px
    }
    
    .carousel-item .right .chancellery p:first-of-type,.js-carousel-static .right .chancellery p:first-of-type {
    padding-bottom:26px
    }
    
    .carousel-item .right .chancellery p:last-of-type,.js-carousel-static .right .chancellery p:last-of-type {
    padding-top:26px
    }
    
    .carousel-item .right .chancellery p,.js-carousel-static .right .chancellery p {
    margin:0;
    font-size:15px;
    line-height:24px
    }
    
    .chancellery-pd-info {
    padding-right:74px
    }
    
    .chancellery-pd-info h2 {
    font-size:28px;
    line-height:41px;
    padding-bottom:0
    }
    
    #info .chancellery-info p {
    font-size:16px;
    line-height:27px
    }
    
    #info .chancellery-info p:first-of-type {
    padding-bottom:28px
    }
    
    #info .chancellery-info {
    padding-bottom:53px
    }
    }
    
    #menu.chancellery {
    background-color:#222;
    color:#EAEAEA;
    font-family:'NunitoSans-Light'
    }
    
    #menu.chancellery a {
    text-decoration:none;
    font-weight:100;
    width:100%
    }
    
    #menu.chancellery .box {
    max-height:149px;
    max-width:552px
    }
    
    #top .carousel-inner .right .chancellery h5,.carousel #top .item .right .chancellery h5,.js-carousel-static .right .chancellery h5 {
    font-family:'RobotoSlab-Light';
    font-weight:100;
    letter-spacing:0;
    color:#C1C1C1
    }
    
    #top .carousel-inner .right .chancellery,.js-carousel-static .right .chancellery {
    max-width:600px;
    max-height:462px;
    height:100%;
    overflow:hidden;
    overflow-y:auto;
    scrollbar-color:#222 #191919;
    scrollbar-width:thin
    }
    
    .carousel-item .right .chancellery p,.carousel #top .item .right .chancellery p,.js-carousel-static .right .chancellery p {
    font-family:'NunitoSans-Light';
    font-weight:100;
    color:#C1C1C1;
    max-width:800px
    }
    
    .chancellery-pd-info h2 {
    font-family:'RobotoSlab-Light';
    margin:0;
    font-weight:100;
    padding:0
    }
    
    #info .chancellery-info p a {
    color:#191919
    }
    
    #info .chancellery-info p {
    max-width:850px;
    font-family:'NunitoSans-Light';
    letter-spacing:0;
    margin:0;
    padding:0;
    font-weight:100
    }
    
    #info .chancellery-info p:first-of-type {
    padding-top:12px
    }
    
    /*BUTTON*/
    @media screen and (max-width: 1920px) {
    .btn {
    font-size:calc(13px + (19 - 13) * ((100vw - 320px) / (1920 - 320)))
    }
    }
    
    @media screen and (min-width: 1921px) {
    .btn {
    font-size:19px
    }
    }
    
    .btn {
    color:#C1C1C1;
    background-color:#fff;
    display:inline-block;
    background:#222;
    font-family:'NunitoSans-Light';
    font-weight:100;
    text-align:center;
    text-decoration:none;
    position:relative
    }
    
    .btn:hover,.btn:focus {
    background-color:#fff;
    color:#191919
    }
    
    .btn.block {
    display:block!important
    }
    
    .dark {
    background-color:#191919
    }
    
    @media screen and (max-width: 479px) {
      .mdl-cell--btn-col-phone {
        width:50%!important
      }
    }
    
    @media screen and (max-width: 839px) {
      .mdl-cell--btn-col-tablet {
        width:50%!important
      }
    }
    
    @media screen and (min-width: 840px) {
    .mdl-cell--btn-col {
    width:50%!important
    }
    }
    
    /*NOTAR*/
    @media screen and (max-width:1920px) {
    .notary-content {
    padding-top:calc(20px + (102 - 20) * ((100vw - 320px) / (1920 - 320)))!important;
    padding-bottom:calc(20px + (102 - 20) * ((100vw - 320px) / (1920 - 320)))!important;
    padding-left:calc(20px + (0 - 20) * ((100vw - 320px) / (1920 - 320)))!important;
    padding-right:calc(20px + (0 - 20) * ((100vw - 320px) / (1920 - 320)))!important
    }
    
    .notary-content .left {
    padding-right:calc(0px + (74 - 0) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .notary-content .left h2 {
    font-size:calc(19px + (28 - 19) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(41px + (41 - 41) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .notary-content .left h5 {
    font-size:calc(15px + (21 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(21px + (41 - 21) * ((100vw - 320px) / (1920 - 320)));
    letter-spacing:0;
    padding-bottom:calc(20px + (0 - 20) * ((100vw - 320px) / (1920 - 320)))!important
    }
    
    .notary-content .right li {
    margin-bottom:calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .notary-content .right li a {
    font-size:calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(19px + (19 - 19) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .notary-content .right p {
    font-size:calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
    padding-bottom:calc(15px + (28 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(22px + (27 - 22) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .notary-content .right p:nth-of-type(4) {
    padding-bottom:calc(20px + (102 - 20) * ((100vw - 320px) / (1920 - 320)))
    }
    }
    
    @media screen and (min-width:1921px) {
    .notary-content {
    padding-top:102px!important;
    padding-bottom:102px!important
    }
    
    .notary-content .left {
    padding-right:74px
    }
    
    .notary-content .left h2 {
    font-size:28px;
    line-height:41px
    }
    
    .notary-content .left h5 {
    font-size:21px;
    line-height:41px
    }
    
    .notary-content .right li {
    margin-bottom:15px
    }
    
    .notary-content .right li a {
    font-size:14px;
    line-height:19px
    }
    
    .notary-content .right p {
    font-size:16px;
    padding-bottom:28px
    }
    
    .notary-content .right p:nth-of-type(4) {
    padding-bottom:102px
    }
    }
    
    .carousel .notary img {
    max-width:960px;
    width:100%;
    max-height:547px;
    height:100%
    }
    
    .notary-content .left h2 {
    font-family:'RobotoSlab-Regular';
    font-weight:100;
    padding:0;
    margin:0
    }
    
    .notary-content .left h5 {
    font-family:'RobotoSlab-Light';
    font-weight:100;
    padding:0;
    margin:0
    }
    
    .notary-content .right {
    max-width:762px
    }
    
    .notary-content .right li {
    list-style:none
    }
    
    .notary-content .right li a {
    color:#191919;
    font-family:'NunitoSans-Light';
    font-weight:100;
    padding:0;
    margin:0;
    text-decoration:none;
    text-transform:uppercase
    }
    
    .notary-content .right li a:hover {
    font-weight:700
    }
    
    .notary-content .right li a::after {
    display:block;
    content:attr(name);
    font-weight:700;
    visibility:hidden;
    overflow:hidden;
    height:0
    }
    
    .notary-content .right p {
    font-family:'NunitoSans-Light';
    font-weight:100;
    line-height:27px;
    padding:0;
    margin:20px 0
    }
    
    /*DOWNLOAD*/
    @media screen and (max-width: 1920px) {
    .mw175 {
    max-width:calc(175px + (900 - 175) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-topic .carousel-item .right {
    padding:0 calc(25px + (90 - 25) * ((100vw - 320px) / (1920 - 320)));
    padding-right:calc(25px + (0 - 25) * ((100vw - 320px) / (1920 - 320)));
    padding-top:calc(25px + (0 - 25) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-site {
    padding-top:calc(34px + (102 - 34) * ((100vw - 320px) / (1920 - 320)))!important;
    padding-bottom:calc(20px + (102 - 20) * ((100vw - 320px) / (1920 - 320)))!important;
    padding-left:calc(25px + (0 - 25) * ((100vw - 320px) / (1920 - 320)))!important;
    padding-right:calc(25px + (0 - 25) * ((100vw - 320px) / (1920 - 320)))!important
    }
    
    .download-site .left {
    padding-right:calc(0px + (74 - 0) * ((100vw - 320px) / (1920 - 320)));
    padding-bottom:calc(5px + (0 - 5) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-site .left h2 {
    font-size:calc(19px + (28 - 19) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(41px + (41 - 41) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-site .left h5 {
    font-size:calc(15px + (21 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(26px + (41 - 26) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-site .right li:nth-of-type(1) {
    padding-top:calc(10px + (10 - 10) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-site .right li {
    font-size:calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
    padding-top:calc(7px + (7 - 7) * ((100vw - 320px) / (1920 - 320)));
    padding-bottom:calc(7px + (7 - 7) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-site .right li a:nth-of-type(1) {
    margin-right:calc(40px + (40 - 40) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-site .right li a:nth-of-type(2) {
    margin-right:calc(40px + (40 - 40) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-site .right li a {
    font-size:calc(11px + (11 - 11) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(19px + (19 - 19) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-site .right p {
    font-size:calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height:22px
    }
    
    .download-site .pd2 {
    line-height:calc(22px + (41 - 22) * ((100vw - 320px) / (1920 - 320)))!important
    }
    
    .download-site .right p:nth-of-type(4) {
    padding-bottom:calc(20px + (102 - 20) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-topic .right .content h1 {
    font-size:calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(26px + (55 - 26) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-topic .right .content p {
    font-size:calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height:calc(22px + (27 - 22) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .download-site .right {
    padding-bottom:calc(25px + (14 - 25) * ((100vw - 320px) / (1920 - 320)))
    }
    
    .clasp {
    padding:calc(14px + (31 - 14) * ((100vw - 320px) / (1920 - 320))) 0
    }
    }
    
    @media screen and (min-width: 1921px) {
    .clasp {
    padding:31px 0
    }
    
    .download-topic .right .content p {
    font-size:16px;
    line-height:27px
    }
    
    .download-topic .right .content h1 {
    font-size:40px;
    line-height:55px
    }
    
    .download-topic .carousel-item .right {
    padding:0 90px
    }
    
    .download-site {
    padding-top:102px!important;
    padding-bottom:102px!important
    }
    
    .download-site .left {
    padding-right:74px
    }
    
    .download-site .left h2 {
    font-size:28px;
    line-height:41px
    }
    
    .download-site .left h5 {
    font-size:21px;
    line-height:41px
    }
    
    .download-site .right li:nth-of-type(1) {
    padding-top:10px
    }
    
    .download-site .right li {
    font-size:16px;
    padding-top:7px;
    padding-bottom:7px
    }
    
    .download-site .right li a:nth-of-type(1) {
    margin-right:40px
    }
    
    .download-site .right li a:nth-of-type(2) {
    margin-right:40px
    }
    
    .download-site .right li a {
    font-size:11px;
    line-height:19px
    }
    
    .download-site .right p {
    font-size:16px
    }
    
    .download-site .pd2 {
    line-height:41px!important
    }
    
    .download-site .right p:nth-of-type(4) {
    padding-bottom:102px
    }
    
    .download-site .right {
    padding-bottom:40px
    }
    }
    
    .download-topic .right .content {
    max-width:486px;
    min-height:182px
    }
    
    .download-topic .carousel-item .right {
    align-items:center;
    display:flex
    }
    
    .download-topic .right .content h1 {
    font-family:'RobotoSlab-Light';
    font-weight:100;
    margin:0;
    padding:0
    }
    
    .download-topic .right .content p {
    font-family:'NunitoSans-Light';
    font-weight:100;
    margin:0;
    padding:25px 0 0
    }
    
    .download-site .left h2 {
    font-family:'RobotoSlab-Regular';
    font-weight:100;
    padding:0;
    margin:0
    }
    
    .download-site .left h5 {
    font-family:'RobotoSlab-Light';
    font-weight:100;
    padding:0;
    margin:0
    }
    
    .download-site .right {
    max-width:762px
    }
    
    .download-site .right li {
    font-family:'NunitoSans-Light';
    display:flex;
    list-style:none
    }
    
    .download-site .right li a {
    color:#191919;
    font-family:'OpenSans-Bold';
    font-weight:100;
    padding:0;
    margin:0;
    text-decoration:none;
    text-transform:uppercase
    }
    
    .download-site .right li a:hover {
    font-weight:700
    }
    
    .download-site .right li a::after {
    display:block;
    content:attr(name);
    font-weight:700;
    visibility:hidden;
    overflow:hidden;
    height:0
    }
    
    .download-site .right p {
    font-family:'NunitoSans-Light';
    font-weight:100;
    line-height:27px;
    padding:0;
    margin:0
    }
    
    /*READ-MORE*/
    p.read-more-wrap {
    font-size:13px;
    font-family:'NunitoSans-Light';
    font-weight:100;
    margin:0 0 8px;
    padding:0;
    letter-spacing:0;
    line-height:22px
    }
    
    .read-more-state {
    display:none
    }
    
    .read-more-target {
    opacity:0;
    max-height:0;
    font-size:0;
    transition:.25s ease
    }
    
    .read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity:1;
    font-size:inherit;
    max-height:999em
    }
    
    .read-more-state ~ .read-more-trigger:before {
    content:'mehr'
    }
    
    .read-more-state:checked ~ .read-more-trigger:before {
    content:'weniger'
    }
    
    .read-more-trigger {
    cursor:pointer;
    display:inline-block;
    font-size:12px;
    font-family:'NunitoSans-Light';
    padding:0;
    margin:0;
    color:#C7C7C7;
    font-size:12px;
    line-height:22px;
    padding:0 0 24px
    }
    
    /*FOOTER*/
    @media screen and (max-width:1920px) {
    .mdl-mini-footer .mdl-mini-footer__link-list li {
    font-size:calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)))!important;
    margin-right:calc(16px + (72 - 16) * ((100vw - 320px) / (1920 - 320)))!important
    }
    }
    
    @media screen and (min-width:1921px) {
    .mdl-mini-footer .mdl-mini-footer__link-list li {
    font-size:14px!important;
    margin-right:72px!important
    }
    }
    
    .mdl-mini-footer {
    background-color:#fff!important;
    justify-content:center!important;
    padding:38px 0!important
    }
    
    .mdl-mini-footer .mdl-mini-footer__link-list li {
    color:#191919!important;
    font-family:'NunitoSans-Light'!important;
    line-height:19px
    }
    
    .mdl-mini-footer .mdl-mini-footer__link-list a:hover {
    font-weight:700
    }
    
    .mdl-mini-footer .mdl-mini-footer__link-list a::after {
    display:block;
    content:attr(name);
    font-weight:700;
    visibility:hidden;
    overflow:hidden;
    height:0
    }
    
    /*ANKER*/
    a.anchorPos {
    display:block;
    position:relative;
    top:-130px;
    visibility:hidden
    }
    
    /*BURGER-MENU*/
    #menuToggle {
    display:block;
    position:absolute;
    top:24px;
    right:17px;
    z-index:12;
    -webkit-user-select:none;
    user-select:none
    }
    
    #menuToggle input {
    display:block;
    width:40px;
    height:32px;
    position:absolute;
    top:-7px;
    left:-5px;
    cursor:pointer;
    opacity:0;
    z-index:2;
    -webkit-touch-callout:none
    }
    
    #menuToggle span {
    display:block;
    width:25px;
    height:1px;
    margin-bottom:5px;
    position:relative;
    background:#191919;
    border-radius:3px;
    z-index:1;
    transform-origin:4px 0;
    transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0),background .5s cubic-bezier(0.77,0.2,0.05,1.0),opacity .55s ease
    }
    
    #menuToggle span:first-child {
    transform-origin:0 0
    }
    
    #menuToggle span:nth-last-child(2) {
    transform-origin:0 100%
    }
    
    #menuToggle input:checked ~ span {
    opacity:1;
    transform:rotate(45deg) translate(-3px,-2px);
    background:#232323
    }
    
    #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity:0;
    transform:rotate(0deg) scale(0.2,0.2)
    }
    
    #menuToggle input:checked ~ span:nth-last-child(2) {
    opacity:1;
    transform:rotate(-45deg) translate(0,-1px)
    }
    
    #menu-mob {
    height:100vh;
    position:fixed;
    width:320px;
    padding:0;
    right:-17px;
    top:0;
    background:#fff;
    list-style-type:none;
    overflow-y:scroll;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    transform-origin:0 0;
    transform:translate(100%,0);
    transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0)
    }
    
    #menu-mob a {
    font-size:14px;
    color:#222;
    font-family:'NunitoSans-Regular';
    text-decoration:none
    }
    
    #menu-mob li.top a {
    font-weight:800
    }
    
    #menu-mob li.top {
    padding:10px 20px
    }
    
    #menu-mob li {
    padding:4px 20px;
    font-size:22px
    }
    
    #menuToggle input:checked ~ ul {
    transform:scale(1.0,1.0);
    opacity:1;
    margin:0;
    margin-top:14px
    }
    
    #menu-mob li:last-of-type {
    padding-bottom:120px
    }
    
    .hide-overflow {
    overflow:hidden
    }