/* Custom CSS - Philipp Lindermeir */

/*a.spanish-white {
    max-width: 380px;
    display: block;
}
.button-wrapper {
    display: inline-flex;
    flex-direction: column
}

.d-flex {
    display: inline-flex;
    flex-direction: column;
    white-space: nowrap
}

*/

.htmlvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-height: 100%;
	aspect-ratio: 1/1;
    z-index: -1;
    overflow: hidden
}

.is-video {
  width:100%;
  height:100%;
  aspect-ratio: 1/1;
  position: absolute;
  z-index:-1;
  overflow:hidden
}

@supports (aspect-ratio: 1) {
  .ombed-url iframe,
  video.is-video,
.htmlvideo {
  aspect-ratio: var(--aspect-ratio);
  padding-top: initial;
  }
}

.video-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2em auto;
overflow: hidden
}

video.aspect-ratio {
  width: 100%;
  aspect-ratio: 9/16;
  --aspect-ratio: 9/16;
  padding-top: calc((1 / (var(--aspect-ratio))) * 100%);
  display: block;
  height: auto;
}


@supports (aspect-ratio: 1) {
  video.aspect-ratio{
  aspect-ratio: var(--aspect-ratio);
  padding-top: initial;
  }
}
    
    
@supports (aspect-ratio: 1) {
  .ombed-url iframe,
  video.aspect-ratio {
  aspect-ratio: var(--aspect-ratio);
  padding-top: initial;
  }
}

.video-iframe { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
} 

video-iframe--embed iframe,
video-iframe--embed object,
video-iframe--embed embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}


.video-iframe--embed iframe {
  height: 100%;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 9/16;
  --aspect-ratio: 9/16;
  display: block;
  overflow: hidden;
}

.item-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.select_date {
    font-family: Mirador, Times New Roman, serif;
    font-size: 40px;
    line-height: 1.1;
    color: #ab303a;
}

.select_date_overlay {
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    font-size: 20px;
    font-family: Cervo Neue, Arial, Noto Sans, sans-serif;
    color: #ab303a;
    letter-spacing: .3rem;
}

.content-wrap {
    max-width: 745px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.image-logo {
    width: 177px;
    height: 81px;
    margin: 0
}

.menu-list__sub-item {
    display: block
}

.icon_extern {
    margin: .75rem auto;
}

.card__thumbnail {
    width: 400px;
    max-width: 380px;
    height: 238px;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
}

ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-drop-content-list li.current_page_item a {
    color: #ab303a;
}

.menu li.menu-item.current_page_item a {
    color: #b39346;
}

.menu li.menu-item.current_page_parent a {
    color: #b39346;
}

.extra-links li.menu-item.current_page_item a {
    color: #b39346;
}

.highlights_rumble {
    display: block
}

.gold big {
    display: block
}

.article__txt ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.article__meta_date date {
    font-size: 20px;
    letter-spacing: .3rem;
    text-transform: uppercase;
    font-family: Cervo Neue, Arial, Noto Sans, sans-serif;
    color: #342714;
    display: block;
}

.backlink-wrapper {
    display: block;
    width: 100%;
    max-width: 745px;
    margin: 5rem auto;
}

.article__meta_tags {
    font-size: 20px;
    letter-spacing: .3rem;
    text-transform: uppercase;
    font-family: Cervo Neue, Arial, Noto Sans, sans-serif;
    display: block;
    margin: 1rem 0;
}

.post-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.post-categories a {
    padding: 0 1rem 0 0
}

.container-places {
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  text-align: center;
}


.company-logo img {
    width: 322px;
    max-width: 100%;
    display: block;
    margin: auto;
}

.company-headline h1 {
    font-family: Cervo Neue, Arial, Noto Sans, sans-serif;
    letter-spacing: .9rem;
    font-size: 20px;
    font-weight: 700;
   text-transform: uppercase;
    display: block;
    text-align: center;
}

.divider {
    width: 100%;
    height: 2px;
    display: block;
    margin: 5rem 0;
}

.wp-pagination {
    max-width: 100%;
    max-width: 1435px;
    margin: 1rem auto 5rem;
    padding: 0 84px;
}

span.page-numbers.current {
    width: 50px;
    height: 50px;
    padding: 16px;
    background: #342714;
    color: #b39346;
    border: 2px solid #342714;
}

.page-numbers {
    width: 50px;
    height: 50px;
    padding: 16px;
    border: 2px solid #342714;
}

.page-numbers:hover {
    background: #342714;
    color: #b39346;
}

.page-numbers:hover {
    background: #342714;
    color: #b39346;
}

.prev.page-numbers {
    border: none
}

.prev.page-numbers:hover {
    border: none;
    background: none;
    color: #342714;
}

.next.page-numbers {
    border: none
}

.next.page-numbers:hover {
    border: none;
    background: none;
    color: #342714;
}

/* Custom CSS - WP Forms */

.section-wpforms {
    position: relative;
    margin: 5rem 0;
}

.wpforms-field-container {
    display: block;
    position: relative
}

div.wpforms-container-full .wpforms-form {
    color: #342714;
    text-align: left
}

label.wpforms-field-label {
    display: block;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #342714;
    text-align: left;
    margin: 1rem 0 .5rem 0;
    padding: .25rem 1rem
}

.wpforms-required-label {
    color: #ab303a
}

div.wpforms-container-full .wpforms-form input[type="text"],
div.wpforms-container-full .wpforms-form input[type="email"],
.wpforms-masked-input {
    background: #f5efdf;
    color: #342714;
    display: block;
    font-size: 1.25rem;
    line-height: 5rem;
    padding: .25rem;
    height: 5rem;
    width: 100%;
    border: none !important;
    -webkit-appearance: none;
    border-radius: 0 !important;
}

div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select,
.wpforms-field-large {
    background: #f5efdf;
    color: #342714;
    display: block;
    font-size: 1.25rem;
    line-height: 5rem;
    padding: .25rem;
    height: 5rem;
    width: 100%;
    border: none !important;
    -webkit-appearance: none;
    border-radius: 0 !important;
}

.wpforms-field-medium {
    background: #f5efdf;
    color: #342714;
    display: block;
    font-size: 1.25rem;
    line-height: 3rem;
    padding: .25rem .75rem;
    height: 12rem;
    width: 100%;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 0;
    resize: vertical;
    overflow: auto;
    margin: 0 0 2rem 0
}


.wpforms-container-full .wpforms-form textarea {
    border: none !important;
    -webkit-appearance: none;
    border-radius: 0 !important;
}

.select-icon-1::after {
    display: inline-block;
    right: 1rem;
    top: 5.5rem;
    position: absolute;
    width: 20px;
    height: 10px;
    content: '';
    border-left: solid 10px transparent;
    border-top: solid 10px #ab303a;
    border-right: solid 10px transparent;
}

.select-icon-2::after {
    display: inline-block;
    right: 1rem;
    top: 15rem;
    position: absolute;
    width: 20px;
    height: 10px;
    content: '';
    border-left: solid 10px transparent;
    border-top: solid 10px #ab303a;
    border-right: solid 10px transparent;
}

input::-webkit-input-placeholder {
    background-color: #f5efdf;
    color: #342714;
}

input:focus::-webkit-input-placeholder {
    background-color: #f5efdf;
    color: #342714;
}

input::-webkit-input-placeholder {
    background-color: #f5efdf;
    color: #342714;
}

input:focus::-webkit-input-placeholder {
    background-color: #f5efdf;
    color: #342714;
}

/* Firefox < 19 */

input:-moz-placeholder {
    background-color: #f5efdf;
    color: #342714;
}

input:focus:-moz-placeholder {
    background-color: #f5efdf;
    color: #342714;
}

/* Firefox > 19 */

input::-moz-placeholder {
    background-color: #f5efdf;
    color: #342714;
}

input:focus::-moz-placeholder {
    background-color: #f5efdf;
    color: #342714;
}

/* Internet Explorer 10 */

input:-ms-input-placeholder {
    background-color: #f5efdf;
    color: #342714;
}

input:focus:-ms-input-placeholder {
    background-color: #f5efdf;
    color: #342714;
}

/* Textaera Feld */

::-webkit-input-placeholder {
    background-color: #f5efdf;
    color: #342714
}

::-moz-placeholder {
    background-color: #f5efdf;
    color: #342714
}

:-moz-placeholder {
    background-color: #f5efdf;
    color: #342714
}

::-moz-placeholder {
    opacity: 1;
}

div.wpforms-container-full .wpforms-form input[type="email"] {
    background-color: #f5efdf !important;
}

div.wpforms-container-full .wpforms-form input[type="tel"] {
    background-color: #f5efdf !important;
}

div.wpforms-container-full .wpforms-form textarea {
    background-color: #f5efdf !important;
}

div.wpforms-container-full.wpforms-form textarea {
    background-color: #f5efdf !important;
}

div.wpforms-container-full .wpforms-form input[type="text"] {
    background-color: #f5efdf !important;
}


/* remove standard-styles */

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 1em;
    width: 100%
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 1em;
    width: 100%;
}

/* styling */

/* remove standard-styles */

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 1em;
    width: 100%
}

select {
    width: 100%;
    padding: .25rem;
    background-color: #f5efdf;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    color: #a68c5d;
    font-size: 1.375rem
}

.wpforms-valid {
    font-family: Cervo Neue, Arial, Noto Sans, sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    color: #004f38
}

.wpforms-submit-container {
    display: block;
    margin: 2rem 0 0 0;
    position: relative
}

button.wpforms-submit.wpforms-btn-send[type="submit"] {
    width: 360px;
    height: 60px;
    margin: 0;
    display: block;
    color: #ecddc9 !important;
    font-size: 1.375rem;
    line-height: 2.5rem;
    font-weight: 700;
    text-align: center;
    background: #ab303a !important;
    border: 0 !important;
    border-radius: 2px !important;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    text-indent: inherit !important;
    letter-spacing: .3rem;
    text-transform: uppercase;
}

button.wpforms-submit.wpforms-btn-send[type="submit"]:hover {
    background: #bd9e56 !important;
    color: #fff !important;
}

.wpforms-confirmation-container {
    display: block;
    width: 580px;
    margin: 2rem auto 0
}

.wpforms-confirmation-container p {
    color: #ab303a;
    font-size: 2.75rem;
    line-height: 2.875rem;
    text-align: center;
    text-transform: uppercase;
}

.wpforms-confirmation-container p span {
    display: block;
    color: #ab303a;
    font-size: 1.75rem;
    line-height: 2rem;
    text-align: center;
}

.btn-wpforms {
    position: relative;
    margin: 0 25%
}

label.wpforms-field-label-inline {
    color: #342714;
    font-size: 1.2rem;
    line-height: 1.5rem;
    text-align: left;
}

label.wpforms-field-label-inline a {
    color: #ab303a;
}

input#wpforms-55-field_16_1 {
    width: 20px;
    height: 20px;
    border: 1px solid #ab303a;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
    cursor: pointer;
}

input#wpforms-55-field_18_1 {
    display: inline-block;
    margin: 0 .5rem;
    width: 25px;
    height: 25px;
    padding: .5rem;
    border-radius: 0;
}

input[type='checkbox'],
input[type='radio'] {
    width: auto;
    float: left;
    margin-right: .25em;
    background: #f5efdf;
    border: none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
    background: transparent;
    position: relative;
    visibility: hidden;
    margin: 0;
    padding: 0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
    cursor: pointer;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    background-color: #f5efdf;
    font-family: Cervo Neue, Arial, Noto Sans, sans-serif;
    font-size: 16px;
    color: #342714
}

input[type='checkbox'],
input[type='radio'] {
    width: auto;
    float: left;
    margin-right: .25em;
    background: #eee;
    border: none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
    background: transparent;
    position: relative;
    visibility: hidden;
    margin: 0;
    padding: 0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
    cursor: pointer;
}


input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content: ' ';
    display: inline-block;
    width: 17px;
    height: 17px;
    position: relative;
    top: 2px;
    left: -25px;
    border: 1px solid #f5efdf;
    background: #f5efdf;
    -webkit-box-shadow: inset 0 0 0 1px #342714;
    box-shadow: inset 0 0 0 1px #342714;
    margin-right: .25rm;
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
    border-radius: 30px;
}

input[type='checkbox']:hover + label::before,
input[type='radio']:checked + label::before {
    background: #B52B02;
    -webkit-box-shadow: inset 0 0 0 2px #F6F9F5;
    box-shadow: inset 0 0 0 2px #F6F9F5;
}

input[type='checkbox']:checked + label::before,
input[type='radio']:checked + label::before {
    background: #B52B02;
    -webkit-box-shadow: inset 0 0 0 2px #F6F9F5;
    box-shadow: inset 0 0 0 2px #F6F9F5;
}


div.wpforms-field.wpforms-field-hp {
    display: none
}

.wpforms-confirmation-container-full {
    background: transparent !important;
    border: 1px solid #f5efdf !important;
}

.wpforms-confirmation-container-full p {
    font-family: Cervo Neue, Arial, Noto Sans, sans-serif;
    font-size: 22px;
    color: #342714;
    margin: 0 auto 24px;
    padding: 1rem 0;
}