@charset "UTF-8";
/*
 Theme Name:   Webskipper ws110 Theme
 Theme URI:    https://generatepress.com
 Description:  based on Default GeneratePress child theme from Tom Usborne
 Author:       Webskipper
 Author URI:   https://webskipper.de
 Template:     generatepress
 Version:      0.1
*/
/*#region [Fonts]*/
/*#endregion*/
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/poppins-v21-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/poppins-v21-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/poppins-v21-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*#region [Constants]*/
/*#endregion*/
p {
  -webkit-hyphens: auto;
  hyphens: auto;
}

hr.trenner1 {
  border-bottom: 5px solid #be1ebe;
  max-width: 220px;
  margin: 25px auto 55px;
}
hr.trenner2 {
  border-bottom: 5px solid #be1ebe;
  max-width: 220px;
  margin: 25px 0 55px;
}

ul li::marker, ol li::marker {
  color: #be1ebe;
}
ul ul li::marker, ol ul li::marker {
  color: #05969b;
}

.textspalten-2 {
  margin-bottom: 20px !important;
}
.textspalten-2 .gb-inside-container {
  -moz-column-count: 1;
  column-count: 1;
  -moz-column-gap: 40px;
  column-gap: 40px;
  orphans: 3;
  widows: 3;
}

@media only screen and (min-width: 640px) {
  .textspalten-2 {
    margin-bottom: 80px !important;
  }
  .textspalten-2 .gb-inside-container {
    -moz-column-count: 2;
    column-count: 2;
  }
}
.ws-nowrap {
  white-space: nowrap;
}

.img-right {
  float: right;
  margin-left: 40px;
  margin-bottom: 30px;
}

/*#region [Custom Stuff]*/
/*#endregion*/
.home .site-header .header-image {
  width: 450px;
  padding: 20px 0;
}

.btn-anfrage {
  margin-left: 0;
}
.btn-anfrage a {
  text-decoration: none;
  color: #be1ebe;
  font-size: 24px;
  font-weight: 600;
}
.btn-anfrage img {
  height: 32px;
  width: 32px;
  margin-right: 10px;
}

@media only screen and (min-width: 768px) {
  .btn-anfrage {
    margin-left: auto;
  }
}
.wp-block-ub-content-toggle-accordion {
  border: 0px solid #ffa07a;
  margin-bottom: 20px;
}

.wp-block-ub-content-toggle-accordion-content-wrap {
  background-color: rgba(5, 150, 155, 0.08);
}

/*#region [Structure and Layout]*/
/*#endregion*/
.main-navigation .main-nav ul li a {
  display: block;
  transition: 0.5s ease;
  padding-left: 0;
  padding-right: 0;
  margin-right: 20px;
  margin-left: 20px;
}
.main-navigation .main-nav ul li a::before {
  display: block;
  content: attr(wstitle);
  font-weight: bold;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.main-navigation .main-nav ul li a::after {
  content: "";
  width: 0;
  height: 5px;
  background: #be1ebe;
  display: block;
  transition: 0.5s ease;
  text-align: center;
  position: relative;
}
.main-navigation .main-nav ul li a:hover {
  font-weight: 600;
}
.main-navigation .main-nav ul li a:hover::after {
  width: 100%;
}
.main-navigation .main-nav ul li.current-menu-item > a {
  font-weight: 600;
}
.main-navigation .main-nav ul li.current-menu-item > a:after {
  width: 100% !important;
  left: 0 !important;
}
.main-navigation .main-nav ul .sub-menu li a {
  padding-left: 0;
  padding-right: 0;
}
.main-navigation .main-nav ul .sub-menu li a:hover {
  font-weight: 600;
}
.main-navigation .main-nav ul .sub-menu li a:hover::after {
  width: 0%;
}

.menu-item-has-children .dropdown-menu-toggle {
  padding-right: 10px;
}

.main-navigation .menu-toggle {
  font-size: 32px;
  padding: 10px 0;
}

@media (max-width: 768px) {
  .main-navigation .menu-toggle {
    display: block;
    text-align: right;
  }
}
.site-footer .custom-footer a {
  color: #fff;
  text-decoration: none;
}
.site-footer .site-info {
  display: none;
}

/* Addons for contact form 7
----------------------------------------------- */
.ws-form .ws-form-row {
  display: grid;
  margin-bottom: 10px;
}
.ws-form .ws-form-row.c100 {
  grid-template-columns: 100%;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.ws-form .ws-form-row.c25 {
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.ws-form .ws-form-row.c30-30 {
  grid-template-columns: 48% 48%;
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}
.ws-form .ws-form-row.c60 {
  grid-template-columns: 61% 36%;
  grid-template-rows: 1fr;
  grid-column-gap: 2px;
  grid-row-gap: 0px;
}
.ws-form .ws-form-row.c20-80 {
  grid-template-columns: 20% 80%;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.ws-form .ws-form-row.c40-60 {
  grid-template-columns: 30% 70%;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.ws-form .ws-form-row.space {
  margin-bottom: 40px;
}
.ws-form p {
  position: relative;
  top: 10px;
}
.ws-form h3 {
  margin: 0 0 6px;
}

@media only screen and (min-width: 840px) {
  .ws-form .ws-form-row.c30-30 {
    grid-template-columns: 30% 30%;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
}
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
textarea, select {
  width: 100%;
  padding: 6px 12px;
  color: #333;
  background-color: rgba(5, 150, 155, 0.08);
  border: 0;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus, select:focus {
  color: #333;
  background-color: rgba(5, 150, 155, 0.08);
  border-color: rgba(5, 150, 155, 0.08);
}

textarea {
  resize: none;
  height: 200px;
}

input.btn_senden {
  background-color: #be1ebe;
  border: 2px solid #be1ebe;
  float: right;
  clear: both;
}
input.btn_senden:hover {
  color: #be1ebe;
  background-color: #fff;
  border: 2px solid #be1ebe;
}

.cf7ic-style1 {
  padding: 10px 10px !important;
}

span.wpcf7-form-control-wrap.kc_captcha.gform-theme__disable-reset {
  float: right;
}

span.wpcf7-form-control.wpcf7-checkbox,
span.wpcf7-form-control.wpcf7-radio {
  display: flex;
  flex-direction: column;
}

input[type=radio],
input[type=checkbox] {
  accent-color: #be1ebe;
  margin-right: 6px;
}

::-moz-placeholder {
  font: 400 20px/25px "Poppins", sans-serif;
  color: #be1ebe;
  opacity: 1;
}

::placeholder {
  font: 400 20px/25px "Poppins", sans-serif;
  color: #be1ebe;
  opacity: 1;
}

.error404 .site-main {
  margin: 150px 0;
}

/* Stoerer
------------------------------------------------------------*/
/* html-snippet
<div class="ws-stoerer">
<a href="/kontakt/">
<p>Wir suchen</p>
<p>Verstärkung</p>
</a>
</div>
*/
.ws-stoerer {
  background-color: red;
  width: 160px;
  height: 160px;
  border-radius: 80px;
  position: absolute;
  top: 40%;
  right: 4%;
  padding-top: 45px;
  transform: rotate(6deg);
}
.ws-stoerer p {
  font: 700 20px/30px "Arial", sans-serif;
  color: #fff;
  padding: 0px;
  margin: 0;
  text-align: center;
}
.ws-stoerer a {
  display: block;
  height: 100%;
  text-decoration: none;
}

@media only screen and (min-width: 440px) {
  .ws-stoerer {
    top: 40%;
    right: 28px;
  }
}
@media only screen and (min-width: 640px) {
  .ws-stoerer {
    top: 40%;
    right: 120px;
  }
}
/** Misc
<br class="br-mobil">
<br class="br-desktop">
<span class="nowrap"></span>
------------------------------------------------- */
.br-desktop {
  display: none;
}

.br-mobil {
  display: block;
}

.nowrap {
  white-space: nowrap;
}

@media only screen and (min-width: 640px) {
  .br-desktop {
    display: block;
  }
  .br-mobil {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */