@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:      1.0
*/
button#contrast-btn {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='rgb(241, 90, 41)' d='M512 320C512 214 426 128 320 128L320 512C426 512 512 426 512 320zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320z'/></svg>") center center no-repeat;
  border: none;
  order: 3;
  width: 30px;
  height: 30px;
  margin-top: -25px;
  margin-left: 20px;
  transition: 0.7s ease-in-out;
}
button#contrast-btn:hover {
  transform: rotate(180deg);
  transition: 0.7s ease-in-out;
}

.contrast button#contrast-btn {
  transform: rotate(180deg);
}
.contrast button#contrast-btn:hover {
  transform: rotate(0deg);
  transition: 0.7s ease-in-out;
}
.contrast h1 {
  color: red;
}

.auto-umbruch {
  hyphens: auto;
}

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

.textspalten {
  margin-bottom: 20px !important;
}
.textspalten.zwei {
  -moz-column-count: 1;
  column-count: 1;
  -moz-column-gap: 30px;
  column-gap: 30px;
  orphans: 2;
  widows: 3;
}
.textspalten.drei {
  -moz-column-count: 1;
  column-count: 1;
  -moz-column-gap: 30px;
  column-gap: 30px;
  orphans: 2;
  widows: 3;
}

@media only screen and (min-width: 640px) {
  .textspalten {
    margin-bottom: 20px !important;
  }
  .textspalten.zwei {
    -moz-column-count: 2;
    column-count: 2;
  }
  .textspalten.drei {
    -moz-column-count: 3;
    column-count: 3;
  }
}
ul {
  margin: 0 0 1.5em 1em;
}
ul li {
  padding-bottom: 6px;
}
ul li::marker {
  color: #ff5023;
}

.ws-nowrap {
  white-space: nowrap;
}

.site-logo {
  margin: 0 auto;
}

.nav-float-left .mobile-menu-control-wrapper {
  margin-right: 0;
}

.textbox {
  background-color: #ff5023;
  border-top-left-radius: 70px;
  padding: 40px 40px 40px;
  color: #fff;
  position: relative;
  bottom: 0px;
  left: 0px;
  margin-left: 0%;
}
.textbox.zwei {
  bottom: 0px;
}
.textbox h1 {
  font-size: 30px;
  margin: 0;
}
.textbox::before {
  visibility: hidden;
  content: "";
  background: url("/wp-content/uploads/2026/03/funke-weiss.svg") center center no-repeat;
  width: 150px;
  height: 150px;
  display: block;
  position: absolute;
  top: -81px;
  left: -68px;
}

@media only screen and (min-width: 440px) {
  .textbox {
    margin-left: 10%;
  }
}
@media only screen and (min-width: 560px) {
  .textbox {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 768px) {
  .textbox {
    position: absolute;
    left: 42%;
    padding: 40px 60px 40px;
    margin-left: 0;
  }
  .textbox h1 {
    font-size: 35px;
  }
  .textbox::before {
    visibility: visible;
  }
}
@media only screen and (min-width: 1023px) {
  .textbox {
    position: absolute;
    left: 42%;
  }
  .textbox h1 {
    font-size: 50px;
  }
  .textbox::before {
    visibility: visible;
  }
}
p.funke.left::before {
  content: "";
  background: url("/wp-content/uploads/2026/03/funke-orange.svg") center center no-repeat;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: relative;
  margin-right: 15px;
  vertical-align: text-bottom;
}

.site-footer .funke {
  display: inline-flex;
}
.site-footer .funke.white::before {
  content: "";
  background: url("/wp-content/uploads/2026/03/funke-weiss.svg") center center no-repeat;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  top: -11px;
  position: relative;
}

.main-navigation .menu-toggle {
  font-size: 40px;
  color: #ff5023;
  position: relative;
  top: 12px;
}
.main-navigation .menu-toggle:focus, .main-navigation .menu-toggle:hover {
  color: #ff5023;
}
.main-navigation ul {
  background-color: #fff;
}

nav#site-navigation {
  position: absolute;
  top: 167px;
}

.has-inline-mobile-toggle .inside-header {
  flex-wrap: nowrap;
}

nav#mobile-menu-control-wrapper {
  order: 2;
}

.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled {
  background-color: #fff;
}

@media only screen and (min-width: 440px) {
  .main-navigation .menu-toggle {
    top: 56px;
  }
}
@media only screen and (min-width: 768px) {
  nav#mobile-menu-control-wrapper {
    order: -1;
  }
}
.contact-wrap {
  position: fixed;
  display: inline-flex;
  flex-direction: column;
  right: 0%;
  top: 28%;
  z-index: 99999;
}
.contact-wrap .phone,
.contact-wrap .email {
  width: 60px;
  height: 60px;
  background-color: #ff5023;
}
.contact-wrap .phone a,
.contact-wrap .email a {
  display: block;
  height: 100%;
}
.contact-wrap .phone,
.contact-wrap .email {
  transition: all 0.2s ease-in-out;
}
.contact-wrap .phone:hover,
.contact-wrap .email:hover {
  background-color: #32373c;
}
.contact-wrap .phone {
  border-top-left-radius: 20px;
}
.contact-wrap .email {
  border-bottom-left-radius: 20px;
}
.contact-wrap .icon {
  position: relative;
  top: 5px;
  margin: 0 auto;
  width: 40px;
}
.contact-wrap .icon:hover {
  transform: scale(1.08);
  transition: all 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .contact-wrap {
    right: 10%;
    top: 0%;
    flex-direction: row;
  }
  .contact-wrap .phone {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 0;
  }
  .contact-wrap .email {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 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: #ff5023;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  position: absolute;
  z-index: 99;
  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: 14%;
    right: 18%;
    width: 340px;
    height: 340px;
    padding-top: 80px;
  }
  .ws-stoerer p {
    font: 400 24px/30px "Arial", sans-serif;
  }
}
@media only screen and (min-width: 640px) {
  .ws-stoerer {
    top: 14%;
    right: 18%;
  }
}
/** 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: 920px) {
  .br-desktop {
    display: block;
  }
  .br-mobil {
    display: none;
  }
}
.ws-form-grid .ws-form-row {
  display: grid;
  margin-bottom: 10px;
}
.ws-form-grid .ws-form-row.c100 {
  grid-template-columns: 100%;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.ws-form-grid .ws-form-row.c50-50 {
  grid-template-columns: 100%;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
}
.ws-form-grid .ws-form-row.c20-80 {
  grid-template-columns: 20% 80%;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.ws-form-grid .ws-form-row.c40-60 {
  grid-template-columns: 30% 70%;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.ws-form-grid .ws-form-row.c25 {
  grid-template-columns: 100%;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.ws-form-grid p {
  position: relative;
  top: 10px;
}
.ws-form-grid input[type=email],
.ws-form-grid input[type=tel],
.ws-form-grid input[type=text],
.ws-form-grid select,
.ws-form-grid textarea {
  border: 1px solid;
  border-radius: 0;
  padding: 5px 15px;
  max-width: 100%;
  width: 100%;
}
.ws-form-grid input[type=email]:focus,
.ws-form-grid input[type=tel]:focus,
.ws-form-grid input[type=text]:focus,
.ws-form-grid select:focus,
.ws-form-grid textarea:focus {
  border-radius: 0px !important;
}
.ws-form-grid textarea {
  resize: none;
  height: 150px;
}
.ws-form-grid textarea:focus {
  border-radius: 0px !important;
}

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: #ff5023;
  margin-right: 12px;
  transform: scale(1.5);
}

select.wpcf7-form-control.wpcf7-select {
  font-size: 20px;
  font-family: "Roboto";
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background-color: #32373c;
}

button.wpcf7-submit {
  border-radius: 40px;
}

.cf7ic-style1 {
  padding: 10px 0 !important;
  text-align: left !important;
}
.cf7ic-style1 span.cf7ic-icon-wrapper {
  display: inline-flex;
  vertical-align: middle;
  padding-left: 15px;
}

@media only screen and (min-width: 768px) {
  .ws-form-grid .ws-form-row.c50-50 {
    grid-template-columns: 40% 40%;
    grid-template-rows: 1fr;
    grid-column-gap: 2%;
    grid-row-gap: 0px;
  }
  .ws-form-grid .ws-form-row.c25 {
    grid-template-columns: 16% 34% 10% 34%;
    grid-template-rows: 1fr;
    grid-column-gap: 2%;
    grid-row-gap: 0px;
  }
}/*# sourceMappingURL=ws-style.css.map */