@import url("font.css");
@import url("header.css");
@import url("footer.css");
@import url("blocks/hero.css");
@import url("blocks/map.css");
@import url("blocks/translatepress.css");
@import url("blocks/information.css");
@import url("blocks/facts.css");
@import url("blocks/image_text.css");
@import url("blocks/table.css");
@import url("blocks/faq.css");
@import url("fade.css");

:root {
    --dw-font-family: 'Ubuntu';
    --color-white: #ffffff;
    --color-black: #000000;
    --color-green: #2F606A;
    --color-turquoise: #70B5AD;
    --color-orange: #FF9336;
    --color-light-grey: #F7F7F7;
}

body {
    overflow-x: hidden;
}

a {
    color: var(--color-lightblue);
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

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

.color_lightblue {
    color: var(--color-lightblue);
}

.color-turquoise {
    color: var(--color-turquoise)
}

.btn-primary {
    width: fit-content;
    color: var(--color-white);
    border-radius: 0px;
    background-color: var(--color-green);
    padding: 21px 20px !important;
    border: solid 1px var(--color-green)!important;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.625rem;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

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

.immu_padding_top {
    padding-top: 5rem;
}

main.blocks {
    overflow-x: hidden;
}

#trial, 
#information, 
#participation, 
#locations, 
#contacts {
    scroll-margin-top: 6.5rem !important;
}

.trp-ls-shortcode-disabled-language.trp-ls-disabled-language {
    margin-bottom: .6rem;
}

@media (max-width: 992px) {
    .trp-ls-shortcode-current-language {
        margin-top: 1rem;
    } 
}


@media (max-width: 1200px) {
    #trial, 
    #information, 
    #participation, 
    #locations, 
    #contacts {
        scroll-margin-top: 7rem !important;
}
    
}

.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
    }
}

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

@media (max-width: 768px) {
    .btn-primary {
        padding: 10px !important;
        font-size: 1rem;
        line-height: 1rem;
    }
    
}

.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(--color-lightblue);
    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{
    border-radius: 5px;
    border: 1px solid var(--color-lightblue)!important;
    padding: 10px 20px;
}

ul {
    padding-left: 1rem;
}

.wpcf7-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 2.5em;
    background-color: white;
    border: 1px solid #ccc;
    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;
}

.dw_margin_left {
    padding-left: clamp(1.5rem, calc((100vw - 960px) / 2), 50rem) !important;
  }
  
  .dw_margin_right {
    padding-right: clamp(1.5rem, calc((100vw - 960px) / 2), 50rem) !important;
  }
  
  /* ab xl (>=1200px, Container 1140px) */
  @media (min-width: 1200px) {
    .dw_margin_left {
      padding-left: clamp(1.5rem, calc((100vw - 1140px) / 2), 50rem) !important;
    }
    .dw_margin_right {
      padding-right: clamp(1.5rem, calc((100vw - 1140px) / 2), 50rem) !important;
    }
  }
  
  /* ab xxl (>=1400px, Container 1320px) */
  @media (min-width: 1400px) {
    .dw_margin_left {
      padding-left: clamp(1.5rem, calc((100vw - 1320px) / 2), 50rem) !important;
    }
    .dw_margin_right {
      padding-right: clamp(1.5rem, calc((100vw - 1320px) / 2), 50rem) !important;
    }
  }
  
  /* sehr große Bildschirme (>=1920px, Container 1720px) */
  @media (min-width: 1920px) {
    .dw_margin_left {
      padding-left: clamp(1.5rem, calc((100vw - 1720px) / 2), 50rem) !important;
    }
    .dw_margin_right {
      padding-right: clamp(1.5rem, calc((100vw - 1720px) / 2), 50rem) !important;
    }
  }