@font-face {
  font-family: 'RolexFont';
  src: url('webfonts/RolexFont-Regular-WebS.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: normal;
    word-break: break-word;
    font-variant-ligatures: common-ligatures;
    -webkit-font-feature-settings: "liga", "clig";
    -moz-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "lnum";
    -moz-font-feature-settings: "liga", "lnum";
    font-feature-settings: "liga", "lnum";
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: 100%;
  }
  body {
    margin: 0;
    padding: 0 0 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #222222;
  }

  .rolex_header_img{
    width: 100%;
  }

  .rolex_info_wrapper{
    margin-top: 2rem;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 4rem !important;
  }

  .rolex_info_wrapper_left{
    width: 100%;
    border-bottom: solid 2px #1b216a;
    padding-bottom: 25px;
  }
  .rolex_info_wrapper_left p {
    margin: 0 0 5px;
  }
  .rolex_info_wrapper_right{
    width: 100%;
    padding-top: 25px;
  }

  ul{
    padding-left: 0;
  }

  li {
    list-style: none;
    margin-top: 1rem;
    display: grid;
    grid-template-columns: 20px 120px auto;
  }
  .small {
    font-size: 14px;
  }

  .content {
    margin: 0 auto;
    width:90%;
    max-width: 1000px;
  }
  .content.header_image_container {
    width: 100%;
  }
  .form_wrapper_wrapper{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .form_wrapper_h2 {
    border: 1px solid black;
    border-bottom: none;
    width: fit-content;
    padding: 17px 31px 5px;
    margin-bottom: -1px;
    background-color: white;
    z-index: 2;
    position: relative;
  }

  .form_wrapper {
    padding: 2rem;
    border:1px solid black;
    width: 100%;
    box-sizing: border-box;
  }


  .form_dodge_line{
    width: 100%;
    height: 2px;
    border-bottom: dashed 1px black;
  }
  a {
    color: #000;
  }
  h1 {
    font-family: "RolexFont", sans-serif;
    font-size: 23px;
    text-align: center;
    color: #A37E2C;
    margin: 35px 0 40px;
    padding: 0 30px;
  }

  h2 {
    font-family: "RolexFont", sans-serif;
    font-size: 18px;
    margin-bottom: 8px;
  }
  h3 {
    font-family: "RolexFont", sans-serif;
    font-size: 15px;
    margin: 0;
  }


  .email_wrapper, .email2_wrapper {
    display: none !important;
  }

  input, button, select {
    color: #222;
    background-color: #fff;
    border: 1px solid #222;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px;
    padding: 6px 10px 8px;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
  }
  input, select {
    margin-bottom: 17px;
    width: 100%;
    box-sizing: border-box;
  }
  input::placeholder {
    font-style: italic;
  }
  select {
    background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' width='35.15674' height='15.71624' viewBox='0 0 35.15674 15.71624'%3E%3Cpolyline points='1.0181 3.19863 10.33708 12.51761 19.65607 3.19863' style='fill:%23fff; stroke:%23000; stroke-miterlimit:10; stroke-width:1.34608px;'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px;
  }
  label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
  }
  .checklabels {
    margin: 8px 0 10px;
    display: flex;
    gap:2rem;
  }
  .checklabels span {
    font-weight: normal;
  }
  .checklabel {
    display: flex;
  }
  input[type="checkbox"] {
    flex:0 0 auto;
    width: 20px;
    margin: 0 10px 7px 0;
    height: 20px;
    padding: 0;
  }
  input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    position: relative;
    transform: rotate(45deg);
    left: 5px;
  }
  input[type="radio"] {
    flex:0 0 auto;
    width: 20px;
    margin: 0 10px 7px 0;
    height: 20px;
    padding: 0;
  }
  input[type="radio"]:checked::after {
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    position: relative;
    transform: rotate(45deg);
    left: 5px;
  }
  button {
    color: #fff;
    background-color: #222;
    font-weight: 600;
    cursor: pointer;
  }
  button:hover {
    opacity: 0.8;
  }
  .danke {
    display: none;
    text-align: center;
  }
  .error {
    padding: 1rem;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    display: none;
    margin-top: 1rem;
  }
  .error.visible {
    display: block;
  }
  .success {
    padding: 1rem;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color:  #155724;
    display: none;
    margin-top: 1rem;
  }
  .success.visible {
    display: block;
  }
  .submit_button {
    background-color: #1b216a;
    color: white;
    font-weight: normal;
    border: none;
    padding: 18px 30px;
    text-transform: uppercase;
    font-family: rolexfont;
    font-size: 14px;
    letter-spacing: 0.05em;
    margin: 30px auto 0;
    display: block;
    appearance: none;
    border-radius: 0;
  }
  button.sent {
    background-image: url(img/spinner.gif);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center right 22px;
    padding-right: 52px;
    background-blend-mode: lighten;
  }
  .section_companions {
    display: none;
    margin: 25px 0 20px;
    max-width: 710px;
  }
  #form:has(.companion) .section_companions {
    display: block;
  }
  .companion {
    margin-bottom: 19px;
    border-bottom: 1px dashed #000;
    padding-bottom: 11px;
    display: block;
  }
  .add_companion {
    cursor: pointer;
    color:black;
    background-color:#f2f2f2;
    padding:0.5rem 1rem;
    margin-top: 0;
    display: inline-block;
  }
  .add_companion:hover {
    background-color:#e4e4e4;
  }
  .remove_companion {
    cursor: pointer;
    background-color:#f2f2f2;
    border-radius: 9999px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:%23000;' d='M31.4,25l16.6-16.6c1.8-1.8,1.8-4.6,0-6.4-1.8-1.8-4.6-1.8-6.4,0l-16.6,16.6L8.4,2C6.6.3,3.8.3,2,2c-1.8,1.8-1.8,4.6,0,6.4l16.6,16.6L2,41.6c-1.8,1.8-1.8,4.6,0,6.4.9.9,2,1.3,3.2,1.3s2.3-.4,3.2-1.3l16.6-16.6,16.6,16.6c.9.9,2,1.3,3.2,1.3s2.3-.4,3.2-1.3c1.8-1.8,1.8-4.6,0-6.4l-16.6-16.6Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
  }
  .remove_companion:hover {
    background-color:#e4e4e4;
  }
  .all_companions {
    margin-bottom: 40px;
  }
  .content.rolex_info_wrapper_details {
    max-width: 700px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .flex-listing{
    margin-top: 35px;
  }
  .flex-listing > div:nth-child(2n) {
    margin-bottom: 15px;
  }
  .flex-listing > div:nth-child(2n+1) {
    font-weight: 600;
  }
  
  .rolex_info_wrapper_right .flex-listing {
    margin-top: 20px;
  }
 
  .logo-abbinder {
    width: 120px;
    margin: 60px auto 40px;
    height: auto;
    display: block;
  }

  @media only screen and (min-width: 990px) {
    body {
      padding-top: 2rem;
    }
    .rolex_info_wrapper{
      margin-top: 2rem;
      display: flex;
      max-width: 1000px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 5rem;
    }
    .rolex_info_wrapper_left{
      padding-right: 4rem;
      width: 50%;
      border-right: solid 2px #1b216a;
      border-bottom:none;
      padding-top: 2px;
    }
    .rolex_info_wrapper_right{
      width: 50%;
      padding-left: 4rem;
      padding-bottom: 20px;
    }
    .half {
      width: calc(40% - 1rem);
      display: inline-block;
    }
    .half1 {
      margin-right: 2rem;
    }
    h1 {
      font-size: 30px;
      margin: 60px auto 65px;
      max-width: 800px;
    }
    h2 {
      font-size: 25px;
    }

    .flex-listing {
      display: flex;
      flex-wrap: wrap;
    }
    .flex-listing > div:nth-child(2n+1) {
      flex-basis: 180px;
      padding-right: 30px;
      margin-bottom: 20px;
    }
    .flex-listing > div:nth-child(2n) {
      flex-basis: calc(100% - 210px);
    }
    .rolex_info_wrapper_right .flex-listing > div:nth-child(2n+1) {
      flex-basis: 106px;
      padding-right: 14px;
      margin-bottom: 0;
      text-align: right;
    }
    .rolex_info_wrapper_right .flex-listing > div:nth-child(2n) {
      flex-basis: calc(100% - 120px);
    }
    .remove_companion {
      position: relative;
      top: 5px;
      margin-left: 20px;
    }
  }




.noid div:not(.header_image_container), h1 {
  display: none;
}