@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
*/
.mmnews_newest ul {
  margin: 0px;
  padding: 0 0 0 11px;
}

.mmnews_newest ul li {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 150%;
}

header#masthead {
  border-bottom: 3px solid #fff;
}

.navigation-branding {
  width: 100%;
  background-color: #7099B3;
  justify-content: center;
  margin: 0 auto !important;
  border-bottom: 3px solid #fff;
}

.main-navigation.sticky-navigation-transition .navigation-branding img {
  height: 90px;
  padding: 0;
}

.mobile-logo {
  display: inline;
  width: 220px;
  height: 80px;
}

.site-logo {
  display: none;
}

.header-aligned-center:not([class*=nav-float-]) .inside-header > :not(:first-child) {
  margin-top: 0em;
}

@media only screen and (min-width: 940px) {
  .mobile-logo {
    display: none;
  }
  .site-logo {
    display: inline;
  }
}
ol,
ul {
  margin: 0 0 1.5em 15px;
}
ol li::marker,
ul li::marker {
  color: #90aec4;
}

hr.trenner1 {
  border-bottom: 5px solid #7099B3;
  max-width: 220px;
  margin: 25px auto 55px;
}
hr.trenner2 {
  border-bottom: 5px solid #7099B3;
  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;
}

.main-navigation .main-nav {
  padding-bottom: 30px;
}
.main-navigation .main-nav ul li.no-link {
  display: none;
  top: -2px;
}
.main-navigation .main-nav ul li.no-link a:hover {
  color: #fff;
}

@media only screen and (min-width: 940px) {
  .main-navigation .main-nav {
    padding-bottom: 0;
  }
  .main-navigation .main-nav ul li.no-link {
    display: inline;
  }
}
.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: #7099B3;
  margin-bottom: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.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 {
  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: #7099B3;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  position: absolute;
  top: 40%;
  right: 4%;
  padding-top: 18px;
  transform: rotate(6deg);
  transition: all 0.3s ease-in-out;
}
.ws-stoerer p.titel {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  padding: 0px;
  margin: 0 0 10px;
  text-align: center;
  text-transform: uppercase;
}
.ws-stoerer p.subline {
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
  padding: 0px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.ws-stoerer a {
  display: block;
  height: 100%;
  text-decoration: none;
}
.ws-stoerer:hover {
  transform: rotate(6deg) scale(1.05);
  transition: all 0.3s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .ws-stoerer {
    width: 240px;
    height: 240px;
    top: 55%;
    left: 66%;
    padding-top: 35px;
  }
  .ws-stoerer p.titel {
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 20px;
  }
  .ws-stoerer p.subline {
    font-size: 26px;
    line-height: 1.2;
  }
}
/** 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: 25% 75%;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.ws-form-grid .ws-form-row.vc {
  align-items: center;
}
.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: 2px solid #373D40;
  border-radius: 0;
  padding: 10px 15px;
  max-width: 100%;
  width: 100%;
  /* Nur Outline zeigen wenn via Tastatur navigiert */
}
.ws-form-grid input[type=email]:focus-visible,
.ws-form-grid input[type=tel]:focus-visible,
.ws-form-grid input[type=text]:focus-visible,
.ws-form-grid select:focus-visible,
.ws-form-grid textarea:focus-visible {
  outline: 2px solid #373D40;
  border: 2px solid #fff;
}
.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 {
  /* Bei Mausklick keine Outline */
}
.ws-form-grid input[type=email]:focus:not(:focus-visible),
.ws-form-grid input[type=tel]:focus:not(:focus-visible),
.ws-form-grid input[type=text]:focus:not(:focus-visible),
.ws-form-grid select:focus:not(:focus-visible),
.ws-form-grid textarea:focus:not(:focus-visible) {
  outline: none;
}
.ws-form-grid textarea {
  resize: none;
  height: 150px;
}

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: #7099B3;
  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: #373D40;
  border: 0px solid #7099B3;
  color: #fff;
  padding: 5px 20px;
}

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

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;
}/*# sourceMappingURL=ws-style.css.map */