/* ################################
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);
}

ul {
  list-style-type: square;
}

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

/* ################################
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);
}

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

/* Carousel Frontpage */

.carousel-wrap {
  overflow: hidden;
  margin-left: 280px !important;
}

.gwx-carousel__wrapper {
  margin-right: -280px;
}

.gwx-carousel__arrows {
  margin-right: 350px;
}

.gwx-carousel__viewport {
  padding-bottom: 40px;
}

.wp-block-groundworx-slide.gwx-carousel__slide {
  box-shadow: 10px 10px 20px lightgray;
  border-radius: 10px;
}


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


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


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


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


/* ################################
Kontaktformular
################################ */

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

.wpcf7-form input[type='submit'] {
  font-weight: 700;
  color: #fff;
  background-color: #00b7ee;
}

.wpcf7-form input:focus,
.wpcf7-form select:focus {
  border: 1px solid #00b7ee;
}

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

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