/* ################################
Core Styles
################################ */

* {
  box-sizing: border-box;
}

/* a:not(.wp-block-button .wp-block-button__link) {
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}

a:not(.wp-block-button .wp-block-button__link):hover {
  color: var(--wp--preset--color--accent-1);
} */

.wp-block-list {
  list-style-type: none;
}

.wp-block-list li {
  position: relative;
  padding-left: 15px;
}

.wp-block-list li::before {
  position: absolute;
  top: 0;
  left: -8px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-style: normal;
  content: "\f061";
  display: inline-block;
  color: var(--wp--preset--color--accent-2);
}

img {
  width: 100%;
  height: auto;
}

/* Getwid Image Slider */
.wp-block-getwid-images-slider figure {
  overflow: hidden;
}

.wp-block-getwid-images-slider figure img {
  border-radius: 10px;
}

/* ################################
WordPress Block Core Styles
################################ */

.wp-block-media-text__media img {
  border-radius: 10px
}

/* Buttom Hover Styles */

/* Buttom Hover Style Blue Accent-3 */
.button-hover-blue.wp-block-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--accent-3);
}

/* Buttom Hover Style Red Accent-1 */
.button-hover-red.wp-block-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--accent-1);
}

/* Buttom Hover Style orange Accent-2 */
.button-hover-orange.wp-block-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--accent-2);
}

/* Outline Buttom Hover Style Red Accent-1 */
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  color: var(--wp--preset--color--accent-1) !important;
  background-color: transparent;
  border-color: var(--wp--preset--color--accent-1) !important;
  /* font-weight: 600; */
}

/* ################################
Navigation
################################ */

.navbar {
  position: fixed;
  width: 100%;
  z-index: 100;
}

.wp-block-navigation-item.wp-block-navigation-link::after {
  content: "";
  width: 0;
  height: 3px;
  display: block;
  position: absolute;
  bottom: -2px;
  left: 4px;
  background-color: var(--wp--preset--color--accent-1);
  transition: 300ms;
}

.wp-block-navigation-item.wp-block-navigation-link:hover:after {
  width: calc(100% - 8px);
}

.wp-block-navigation-item.current-menu-item.wp-block-navigation-link::after {
  width: calc(100% - 8px);
}

/* ################################
Image Carousel
################################ */

.wp-block-carousel-slider-slider .carousel-slider__item {
  /* height: 280px; */
  
}

.wp-block-carousel-slider-slider .carousel-slider__item img {
  height: 280px !important;
  object-fit: cover;
  border-radius: 10px;
}

/* ################################
Header Icon Bar
################################ */

.wp-block-template-part {
  margin-block-start: 0
}

.header-info-bar {
  position: fixed;
  top: 8rem;
  right: 1rem;
  z-index: 200;
}

.header-info-bar .wp-block-group div:hover {
  background-color: #f4e321 !important;
}

/* ################################
Startseite
################################ */

/* Post Event Carousel Frontpage */

.wp-block-getwid-template-post-featured-image {
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.wp-block-getwid-template-post-featured-image img {
  height: 250px;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* Button Reiseveranstalter Frontpage */

/* .hero-header-frontpage {
  position: relative;
}

.wp-block-buttons.btn-reiseveranstalter {
  position: absolute;
  left: 4rem;
  bottom: 8rem;
  z-index: 100;
} */



/* ################################
Page Beach Minigolf
################################ */
.wave-zindex {
  z-index: 10;
}

/* ################################
Page Events
################################ */

/* Events Post Grid */

.events-post-grid figure {
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.events-post-grid img {
  height: 250px;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.events-post-grid .wp-block-query li {
  border: 2px solid #eee;
  border-radius: 10px;
}

.events-post-grid .wp-block-query .wp-block-post-title a {
  color: var(--wp--preset--color--accent-1);
}

.events-post-grid .wp-block-query .wp-block-post-title a:hover {
  text-decoration: underline;
}

/* ################################
Page Schiffe
################################ */

.charter-schiff-details summary {
  text-align: center;
  width: 100%;
}

/* ################################
Page Reiseveranstalter
################################ */

/* Bilder Download */

.image-download figure {
  margin-bottom: 3rem;
}

.image-download figure,
.image-download figure img {
  height: 250px;
}

.image-download figure img {
  object-fit: cover;
}

.image-download .wp-block-file__button.wp-element-button {
  margin-left: 0;
}

.image-download .wp-block-file a:first-of-type {
  display: none;
}


/* ################################
Footer
################################ */


/* ################################
Page Kontakt
################################ */

.kontakt-auswahl .wp-block-column {
  position: relative;
}

.kontakt-auswahl .wp-block-column .wp-block-buttons {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
}

/* Kontaktformular */

.wpcf7-form label {
  color: var(--wp--preset--color--accent-1);
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  padding: 1rem;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
}

.wpcf7-form textarea {
  height: 100px;
  overflow-y: scroll;
}

.wpcf7-form input[type='submit'] {
  color: var(--wp--preset--color--primary);
  background-color: var(--wp--preset--color--accent-3);
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 10px;
}

.wpcf7-form input[type='submit']:hover {
  color: var(--wp--preset--color--secondary-3);
  background-color: var(--wp--preset--color--accent-2);
}

.wpcf7-form input:focus,
.wpcf7-form select:focus {
  border: 1px solid var(--wp--preset--color--accent-2);
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label input {
  width: auto;
}