@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;
}

hr.trenner1 {
  border-bottom: 5px solid #ff9800;
  max-width: 220px;
  margin: 25px auto 55px;
}
hr.trenner2 {
  border-bottom: 5px solid #ff9800;
  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: 3;
  widows: 3;
}
.textspalten.drei {
  -moz-column-count: 1;
  column-count: 1;
  -moz-column-gap: 30px;
  column-gap: 30px;
  orphans: 1;
  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;
  }
}
.ws-nowrap {
  white-space: nowrap;
}

p.site-description {
  color: #333;
}
p.site-description .title {
  font-size: 20px;
  text-transform: uppercase;
}
p.site-description .subline {
  font-size: 16px;
  font-weight: 700;
}

.site-branding {
  display: none;
}

@media only screen and (min-width: 580px) {
  .site-branding {
    display: block;
  }
}
.menu-toggle,
.has-inline-mobile-toggle #site-navigation.toggled {
  background-color: transparent !important;
}

.contact-wrap {
  position: fixed;
  right: 0;
  top: 25%;
  z-index: 999;
}
.contact-wrap .phone,
.contact-wrap .email {
  width: 50px;
  height: 50px;
  background-color: #ff9800;
  margin-bottom: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  transition: all 0.2s ease-in-out;
}
.contact-wrap .phone a,
.contact-wrap .email a {
  display: block;
  height: 100%;
}
.contact-wrap .phone:hover,
.contact-wrap .email:hover {
  transform: scale(1.08);
  transition: all 0.4s ease-in-out;
}
.contact-wrap .icon {
  position: relative;
  top: 4px;
  left: 4px;
  width: 40px;
}

/* Stoerer
------------------------------------------------------------*/
/* html-snippet
<div class="ws-stoerer">
<a href="/kontakt/">
<p>Wir suchen</p>
<p>Verstärkung</p>
</a>
</div>
*/
.ws-stoerer {
  background-color: #ff9800;
  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: 640px) {
  .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 p {
  position: relative;
  top: 10px;
}
.ws-form-grid label {
  font-size: 18px;
}
.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 {
  color: #fff;
  border: 1px solid #fff;
  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: 100px;
}
.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: #ff9800;
  margin-right: 12px;
  transform: scale(1.5);
}

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

button.wpcf7-submit {
  background-color: #fff;
  color: #333;
}

.cf7ic-style1 {
  font-size: 18px;
  padding: 10px 0 !important;
  text-align: left !important;
}
.cf7ic-style1 span.cf7ic-icon-wrapper {
  display: inline-flex;
  vertical-align: middle;
  padding-left: 15px;
}/*# sourceMappingURL=ws-style.css.map */