@import url("font.css");
@import url("header.css");
@import url("footer.css");
@import url("blocks/hero.css");
@import url("blocks/team.css");
@import url("blocks/fade.css");

@import url("blocks/bild.css");
@import url("blocks/about_slider.css");
@import url("blocks/stadt.css");
@import url("blocks/downloads.css");
@import url("blocks/aktuelles.css");
@import url("blocks/text_image.css");
@import url("blocks/team_text_image.css");
@import url("single.css");

:root {
    --main-font-family: 'Inter';
    --sec-font-family: 'IBMPlexSerif';
    --color-white: #ffffff;
    --color-black: #000000;
    --color-tuerkis: #52B7C1;
    --rhoendorf-blau: #2D3C4B;
    --gold: #FFA600;
    --rhndorf-blau-60: #737986;
}

.download_btn{
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 24px;
}

.download_btn::before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url("data:image/svg+xml;utf8,<svg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='17.5' cy='17.5' r='17.5' fill='%23FFA600'/><g clip-path='url(%23clip0_51_3532)'><path d='M24.0914 15.9488L22.9303 14.7877L20.8276 16.9008C20.4872 17.2412 20.1296 17.6299 19.7564 18.0671C19.3814 18.5042 19.0203 18.9396 18.6696 19.375C18.4674 19.6238 18.2843 19.8571 18.1115 20.0782C18.1564 19.8605 18.1979 19.6445 18.2342 19.4303C18.2808 19.1538 18.3189 18.8757 18.35 18.5992C18.3811 18.3228 18.3949 18.0463 18.3949 17.7733V10H16.7327V17.7716C16.7327 18.0446 16.7483 18.3211 16.7777 18.5975C16.807 18.8739 16.8485 19.1521 16.8986 19.4286C16.9366 19.6445 16.9781 19.8605 17.0196 20.0782C16.9228 19.9521 16.8209 19.8225 16.7137 19.6877C16.4667 19.3767 16.204 19.0554 15.9276 18.7219C15.6511 18.3884 15.373 18.0653 15.0965 17.7561C14.8201 17.4451 14.554 17.16 14.3 16.8991L12.1973 14.786L11.0293 15.9488L17.5604 22.4798L24.0914 15.9488Z' fill='%232D3C4B'/><path d='M24.1209 23.2607H11V24.9229H24.1209V23.2607Z' fill='%232D3C4B'/></g><defs><clipPath id='clip0_51_3532'><rect width='13.1209' height='14.9247' fill='white' transform='translate(11 10)'/></clipPath></defs></svg>");
    background-size: cover;
}
  
.color_gold{
    color: var(--gold);
}

.color_white {
    color: var(--color-white);
}

.color_tuerkis{
    color: var(--color-tuerkis);
}

.color_blue{
    color: var(--rhoendorf-blau);
}

.right_arrow_button {
    display: flex;
    align-items: center;
    gap: 24px;
  }

  .right_arrow_button::before {
    content: "";
    display: inline-block;
    padding: 1rem;
    background-color: var(--gold);
    border-radius: 50%;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2213%22%20viewBox%3D%220%200%2016%2013%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_4_766)%22%3E%3Cpath%20d%3D%22M8.55736%20-0.000244141L7.38208%201.15546L9.52102%203.24847C9.87255%203.58727%2010.2678%203.94327%2010.7068%204.31474C11.1458%204.68794%2011.5865%205.04738%2012.029%205.3965C12.2843%205.59772%2012.5204%205.78174%2012.7425%205.952C12.5257%205.90728%2012.3088%205.86601%2012.0902%205.82989C11.8104%205.78346%2011.5288%205.74562%2011.249%205.71466C10.9691%205.68543%2010.6858%205.66995%2010.4025%205.66995L-0.00012207%205.66995L-0.00012207%207.3244L10.4025%207.3244C10.6858%207.3244%2010.9691%207.30892%2011.249%207.27969C11.5288%207.25045%2011.8104%207.20917%2012.0902%207.1593C12.3071%207.12146%2012.5222%207.08019%2012.7373%207.03891C12.6096%207.13522%2012.4802%207.23669%2012.3438%207.34332C12.029%207.58925%2011.7037%207.85066%2011.3661%208.12583C11.0286%208.401%2010.7015%208.67789%2010.3885%208.95306C10.0737%209.22822%209.7851%209.49307%209.52102%209.74589L7.38208%2011.8389L8.55736%2012.9946L15.1683%206.49374L8.55736%20-0.000244141Z%22%20fill%3D%22%232D3C4B%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_4_766%22%3E%3Crect%20width%3D%2215.1667%22%20height%3D%2213%22%20fill%3D%22white%22%20transform%3D%22translate(-0.00012207%20-0.000244141)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 50% auto;
    background-position: center;
    background-repeat: no-repeat;
  }


.btn-primary {
    width: fit-content;
    color: var(--color-white);
    border-radius: 60px;
    background-color: var(--color-lightblue);
    padding: 15px 20px !important;
    border: none;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    font-size: var( --font-size-48);
    line-height: normal;
}

.btn-primary:hover {
    background-color: var(--color-mint);
}

.btn-secondary {
    width: fit-content;
    color: var(--rhoendorf-blau);
    border-radius: 60px;
    background-color: var(--color-lightblue);
    padding: 15px 0 !important;
    border: none;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    font-size: var( --font-size-48);
    line-height: normal;
}


figure {
    margin: 0 0 0 !important;
}

main.blocks {
    overflow: hidden;
}

.block-my-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.block-my-default {
    padding-top: 2.1875rem !important;
    padding-bottom: 2.1875rem !important
}

.block-my-80-0 {
    padding-top: 2.1875rem !important;
    padding-bottom: 0rem !important
}

.block-my-0-80 {
    padding-top: 0rem !important;
    padding-bottom: 2.1875rem !important
}

@media(min-width: 768px) {
    .block-my-none {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .block-my-default {
        padding-top: 4.375rem !important;
        padding-bottom: 4.375rem!important
    }

    .block-my-80-0 {
        padding-top: 4.375rem !important;
        padding-bottom: 0rem !important
    }

    .block-my-0-80 {
        padding-top: 0rem !important;
        padding-bottom: 4.375rem !important
    }

}

.wpcf7-form label, .wpcf7-form .wpcf7-form-control-wrap, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select{
    width: 100%;
}

.wpcf7-form label{
    color: var(--rhoendorf-blau);
    font-size: 1rem;
    line-height: 1.6rem;
    letter-spacing: 0.03rem;
}

.wpcf7-form input:focus-visible, .wpcf7-form textarea:focus-visible, .wpcf7-form select:focus-visible{
    outline: none;
}

.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select, .wpcf7-form input{
    border-radius: 0px;
    border: none;
    padding: 10px 20px;
}

ul {
    padding-left: 1rem;
}

.wpcf7-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 2.5em;
    background-color: white;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='25' viewBox='0 0 22 25' fill='none'><path d='M11.0669 23.3469L10.6294 1.65256' stroke='%238E9ECA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M19.7617 14.293L11.0657 23.3469L2.01177 14.6509' stroke='%238E9ECA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-size: 1em auto;
}



@media (max-width: 1340px) and (min-width: 992px){
    .hero_container {
        margin-left: 1.5rem;
        min-height: 700px;
        padding-top: 0;
    }

    .teaser_content{
        margin-left: 1.5rem;
    }

    .teaser_content_r{
        margin-right: 1.5rem;
    }
}

@media (max-width: 1095px) and (min-width: 992px){
    #page-header .navbar{
        padding-right: 5rem !important;
    }
}



.layout-60 .layout-60__inner {
    width: 60%;
    max-width: 1200px !important;
}
  

@media (max-width: 1024px) {
  .layout-60 .layout-60__inner {
    width: 80%;
  }
}

@media (max-width: 768px) {
  .layout-60 .layout-60__inner {
    width: 100%;
  }
}


@media (min-width: 1720px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1520px;
    }

}

@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1720px;
    }
}


.wpcf7-acceptance .wpcf7-list-item label{
    display: flex;
    align-items: center;
    gap: 10px;
}

input[type="checkbox"]{
    width: 20px;
}


.wpcf7-list-item {
    margin: 0;
}

.btn-contact{
    border: none;
    background-color: transparent;
    padding: 15px 20px 15px 0px !important;
    text-decoration: none;
    color: var(--rhoendorf-blau);
    font-weight: 700;
}


.dw_margin_left {
    margin-left: max(0px, (100vw - 1720px) / 2);
}
.dw_margin_right {
    margin-right: max(0px, (100vw - 1720px) / 2);
}
.dw_padding_left {
    padding-left: max(0px, (100vw - 1720px) / 2);
}
.dw_padding_right {
    padding-right: max(0px, (100vw - 1720px) / 2);
}

/* Screens <1720px */

@media (max-width: 1920px) {
    .dw_margin_left {
        margin-left: max(0px, (100vw - 1520px) / 2);
    }
    .dw_margin_right {
        margin-right: max(0px, (100vw - 1520px) / 2);
    }
    .dw_padding_left {
        padding-left: max(0px, (100vw - 1520px) / 2);
    }
    .dw_padding_right {
        padding-right: max(0px, (100vw - 1520px) / 2);
    }
}


@media (max-width: 1720px) {
    .dw_margin_left {
        margin-left: max(0px, (100vw - 1320px) / 2);
    }
    .dw_margin_right {
        margin-right: max(0px, (100vw - 1320px) / 2);
    }
    .dw_padding_left {
        padding-left: max(0px, (100vw - 1320px) / 2);
    }
    .dw_padding_right {
        padding-right: max(0px, (100vw - 1320px) / 2);
    }
}

@media (max-width: 1400px) {
    .dw_margin_left {
        margin-left: max(0px, (100vw - 1140px) / 2);
    }
    .dw_margin_right {
        margin-right: max(0px, (100vw - 1140px) / 2);
    }
    .dw_padding_left {
        padding-left: max(0px, (100vw - 1140px) / 2);
    }
    .dw_padding_right {
        padding-right: max(0px, (100vw - 1140px) / 2);
    }
}


@media (max-width: 1200px) {
    .dw_margin_left {
        margin-left: max(0px, (100vw - 960px) / 2);
    }
    .dw_margin_right {
        margin-right: max(0px, (100vw - 960px) / 2);
    }
    .dw_padding_left {
        padding-left: max(0px, (100vw - 960px) / 2);
    }
    .dw_padding_right {
        padding-right: max(0px, (100vw - 960px) / 2);
    }
}

@media (max-width: 992px) {
        .dw_margin_left {
        margin-left: 1.5rem
    }
    .dw_margin_right {
        margin-right: 1.5rem
    }
    .dw_padding_left {
        padding-left: 1.5rem
    }
    .dw_padding_right {
        padding-right: 1.5rem
    }
}

@media (max-width: 768px) {
    .dw_margin_left {
        margin-left: 1.5rem
    }
    .dw_margin_right {
        margin-right: 1.5rem
    }
    .dw_padding_left {
        padding-left: 1.5rem
    }
    .dw_padding_right {
        padding-right: 1.5rem
    }
}

@media (max-width: 576px) {
    .dw_margin_left {
        margin-left: 1.5rem
    }
    .dw_margin_right {
        margin-right: 1.5rem
    }
    .dw_padding_left {
        padding-left: 1.5rem
    }
    .dw_padding_right {
        padding-right: 1.5rem
    }
}

.btn-contact::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'><g clip-path='url(%23clip0_3_462)'><path d='M6.67581 5.21469L6.66197 6.86295L9.6544 6.83047C10.1425 6.82147 10.6738 6.79371 11.2468 6.74598C11.8211 6.69946 12.3869 6.64198 12.9467 6.57597C13.2695 6.53769 13.5666 6.50086 13.844 6.4642C13.6591 6.58593 13.4765 6.71009 13.2964 6.83914C13.0657 7.00417 12.8399 7.17652 12.6201 7.3525C12.4016 7.5297 12.1903 7.71909 11.9899 7.91943L4.63419 15.2752L5.80406 16.4451L13.1598 9.08931C13.3602 8.88897 13.5495 8.67768 13.7267 8.45914C13.9039 8.2406 14.0739 8.01231 14.2365 7.77917C14.3631 7.59907 14.486 7.41777 14.6089 7.23647C14.5867 7.39485 14.567 7.55812 14.5459 7.72997C14.4972 8.12648 14.452 8.54134 14.4079 8.97459C14.3638 9.40785 14.3283 9.83489 14.3015 10.2508C14.2735 10.668 14.2567 11.0593 14.2488 11.4248L14.2163 14.4173L15.8645 14.4034L15.9424 5.132L6.67581 5.21469Z' fill='%232D3C4B'/></g><defs><clipPath id='clip0_3_462'><rect width='15.1667' height='13' fill='white' transform='translate(0.624756 11.2657) rotate(-45)'/></clipPath></defs></svg>);
    background-size: cover;
    padding: 1rem;
    background-color: var(--gold);
    border-radius: 50%;
    background-size: 75% auto;
    background-position: center;
    background-repeat: no-repeat;
    rotate: 45deg;
}