@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 [Constants]*/
/*#endregion*/
html {
  font-size: 62.5%;
}

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

.auto-umbruch {
  hyphens: auto;
}

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

.dashicons, .dashicons-before:before {
  color: #fff;
}

.borlabs-ds-button {
  padding: 20px 0;
  text-align: left;
}

a.button.rot {
  background-color: #E84B36;
}
a.button.rot:hover {
  background-color: rgba(232, 75, 54, 0.8);
}
a.button.orange {
  background-color: #FF9C56;
}
a.button.orange:hover {
  background-color: rgba(255, 156, 86, 0.8);
}
a.button.tuerkis {
  background-color: #8ABDB8;
}
a.button.tuerkis:hover {
  background-color: rgba(138, 189, 184, 0.8);
}

.button .gb-shape svg {
  width: 1.5em !important;
  height: 1.5em !important;
}

span.rot {
  color: #E84B36;
}

span.tuerkis {
  color: #8ABDB8;
}

span.orange {
  color: #FF9C56;
}

.inside-article .post-image {
  margin-bottom: 1em !important;
}
.inside-article .entry-content:not(:first-child) {
  margin-top: 1em;
}

.image {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 10px;
  box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.1);
}
.image.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.image.right {
  display: block;
  margin-left: auto;
}

.ws-content-col img {
  border-radius: 10px;
}
.ws-content-col .row[data-col="1"] {
  text-align: center;
}
.ws-content-col .row[data-col="2"] {
  display: flex;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.ws-content-col .row[data-col="2"] .col-1, .ws-content-col .row[data-col="2"] .co-l2 {
  max-width: 50%;
}

.top-bar {
  position: relative;
  z-index: 9;
}
.top-bar .top-bar-social img {
  height: 20px;
  padding: 0 2px;
}
.top-bar .header-social {
  position: absolute;
  right: 38px;
  top: 70px;
  background-color: #903514;
  padding: 6px 8px 0px;
  border-radius: 10px;
  height: 35px;
  width: 130px;
}
.top-bar .header-social img {
  height: 22px;
  padding: 0 2px;
}

@media only screen and (min-width: 768px) {
  .header-social {
    right: 20%;
    top: 20px;
  }
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
  background-color: #903514;
}

input,
textarea {
  border-radius: 10px !important;
}

.generate-back-to-top,
.gb-block-image img.round {
  border-radius: 10px;
}

.hero-banner {
  position: absolute;
  background-color: rgba(131, 163, 39, 0.8);
  padding: 5px 20px;
  bottom: 40px;
  left: 30px;
  right: 30px;
}
.hero-banner p {
  color: #fff;
  font-size: 22px;
}

@media only screen and (min-width: 768px) {
  .hero-banner {
    left: unset;
    right: unset;
  }
  .hero-banner p {
    font-size: 46px;
  }
}
.container.grid-container {
  border-top: 0px solid #d7dcda;
}

.site-header {
  position: relative;
  left: 0;
  right: 0;
  top: 0px;
}
.site-header .header-image {
  width: 80px;
}

.site-logo {
  z-index: 99;
  position: relative;
  top: 5px;
}

@media only screen and (min-width: 768px) {
  .site-header .header-image {
    width: 120px;
  }
}
.mobile-menu-open .site-header {
  z-index: 999;
}

@media only screen and (min-width: 768px) {
  .container.grid-container {
    border-top: 120px solid #fff;
  }
  .site-header {
    position: absolute;
    top: 10px;
    background-color: transparent;
  }
}
/* navigation line effects */
@media (min-width: 800px) {
  .main-navigation .main-nav > ul > li > a:before {
    position: absolute;
    content: "";
    width: 0px;
    height: 3px;
    background-color: #83a327;
    left: 10px;
    bottom: 0px;
    transform: translateY(-50%);
    transition: all 0.3s ease-out 0s;
  }
  .main-navigation .main-nav > ul > li:hover > a:before {
    width: calc(100% - 20px);
  }
  .main-navigation .main-nav > ul > li.current-menu-item > a:before {
    height: 3px;
    width: calc(100% - 20px);
  }
}
.menu-toggle {
  font-size: 36px;
}
.menu-toggle .gp-icon svg {
  fill: #903514;
}

nav#mobile-menu-control-wrapper .menu-toggle {
  background-color: transparent;
}

.has-inline-mobile-toggle #site-navigation.toggled {
  background-color: rgba(0, 0, 0, 0);
}

.widget-area .widget {
  padding: 20px;
}

.sidebar .widget {
  margin-bottom: 0px;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #444;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}

.toggle-button {
  position: absolute;
  right: 2%;
  bottom: 10%;
  z-index: 99;
}
.toggle-button button {
  display: inline-block;
  cursor: pointer;
  background-color: #903514;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M176 144L176 496L240 496L240 144L176 144zM128 144C128 117.5 149.5 96 176 96L240 96C266.5 96 288 117.5 288 144L288 496C288 522.5 266.5 544 240 544L176 544C149.5 544 128 522.5 128 496L128 144zM400 144L400 496L464 496L464 144L400 144zM352 144C352 117.5 373.5 96 400 96L464 96C490.5 96 512 117.5 512 144L512 496C512 522.5 490.5 544 464 544L400 544C373.5 544 352 522.5 352 496L352 144z"/></svg>');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 50px;
  height: 50px;
}
.toggle-button button.paused {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M147.6 101.6C135.5 108.8 128 121.9 128 136L128 504C128 518.1 135.5 531.2 147.6 538.4C159.7 545.6 174.8 545.9 187.2 539.1L523.2 355.1C536 348.1 544 334.6 544 320C544 305.4 536 291.9 523.2 284.9L187.2 100.9C174.8 94.1 159.8 94.4 147.6 101.6zM176 490.5L176 149.5L487.3 320L176 490.5z"/></svg>');
}

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

/* Site Footer
---------------------------------------------------------------------------- */
.site-footer ul {
  margin: 0;
}

a.cookie-settings {
  color: #fff;
  text-decoration: none;
}

.site-info {
  font-size: 16px;
  font-size: 1.6rem;
}
.site-info a {
  color: #fff;
  text-decoration: none;
}
.site-info .inside-site-info {
  padding: 12px 20px;
}
.site-info .copyright-bar {
  display: flex;
  justify-content: center;
  width: 100%;
}
.site-info .copyright-bar .site-info-left {
  width: 50%;
  text-align: left;
}
.site-info .copyright-bar .site-info-right {
  width: 50%;
  text-align: right;
}

.hurrytimer-campaign .hurrytimer-timer-digit,
.hurrytimer-campaign .hurrytimer-timer-sep {
  font-size: 40px;
}

.hurrytimer-campaign .hurrytimer-timer-label {
  font-size: 20px;
}

@media only screen and (min-width: 640px) {
  .hurrytimer-campaign .hurrytimer-timer-digit,
  .hurrytimer-campaign .hurrytimer-timer-sep {
    font-size: 80px;
  }
}
body.mailpoet_page-template-default .site-content {
  margin-top: 220px;
  margin-bottom: 100px;
}

input.mailpoet_submit {
  padding: 6px 20px !important;
  border-radius: 10px;
  border: 0px solid #903514 !important;
  background-color: #83a327;
  color: #fff;
}
input.mailpoet_submit:hover {
  color: #fff;
  background-color: rgba(131, 163, 39, 0.8);
}

.amelia-app-booking #amelia-booking-wrap div,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking p,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-appointment-times .el-radio-button .el-radio-button__inner,
.el-button {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 18px !important;
}

.am-fs__congrats-main span,
.am-fs__congrats-main img,
.am-fs__congrats-main .am-fs-sb-cs.am-fs__congrats-main-atc {
  display: none;
}

.am-fs__main-footer.am-fs__main-footer-cp button.am-button.am-button--text.am-button--default.am-button--secondary {
  visibility: hidden;
}

/*#region [Blog]*/
/*#endregion*/
.blog #content,
.single-post #content,
.archive #content {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 0 20px;
}
.blog #content .inside-article,
.single-post #content .inside-article,
.archive #content .inside-article {
  border: 2px solid #83a327;
  border-radius: 10px;
  padding: 40px;
}
.blog #content .inside-article img,
.single-post #content .inside-article img,
.archive #content .inside-article img {
  box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.1);
}

a.read-more.button {
  border-radius: 10px;
  padding: 6px 20px;
}

.site-main .post-navigation {
  font-size: 20px;
  margin: 80px 0 0px;
}
.site-main .post-navigation .nav-previous, .site-main .post-navigation .nav-next {
  display: block;
  width: 50%;
  text-align: center;
}
.site-main .post-navigation .nav-previous a, .site-main .post-navigation .nav-next a {
  padding: 10px 0;
}
.site-main .post-navigation .nav-previous {
  float: left;
}
.site-main .post-navigation .nav-next {
  float: right;
}

.single-portfolio .nav-prev a:hover, .single-portfolio .nav-overview a:hover, .single-portfolio .nav-next a:hover,
.single-portfolio .nav-prev a:focus, .single-portfolio .nav-overview a:focus, .single-portfolio .nav-next a:focus {
  color: #fff;
  background-color: #F15A29;
}

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

.ws-jobsuche {
  background: url(/wp-content/uploads/2024/10/tom-chili-sucht-verstaerkung-2.webp) center center no-repeat;
  width: 120px;
  height: 120px;
  background-size: 100%;
  position: absolute;
  top: 18%;
  right: 18%;
  transform: rotate(6deg);
  z-index: 999;
}
.ws-jobsuche p {
  font: 700 24px/38px "PT Sans", sans-serif;
  color: #fff;
  padding: 0px;
  margin: 0;
  text-align: center;
}
.ws-jobsuche a {
  display: block;
  height: 100%;
  text-decoration: none;
}

@media only screen and (min-width: 640px) {
  .ws-jobsuche {
    width: 200px;
    height: 200px;
  }
}
/* Stoerer
------------------------------------------------------------*/
/* html-snippet
<div class="ws-stoerer">
<a href="/kontakt/">
<p>Wir suchen</p>
<p>Verstärkung</p>
</a>
</div>
*/
.ws-stoerer {
  background-color: #903514;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  position: absolute;
  top: 18%;
  right: 18%;
  padding: 26px 15px 0px;
  z-index: 999;
}
.ws-stoerer p {
  font: 700 18px/24px "PT Sans", 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: 640px) {
  .ws-stoerer {
    width: 300px;
    height: 300px;
    top: 18%;
    right: 20%;
    padding: 76px 15px 0px;
  }
  .ws-stoerer p {
    font: 700 20px/30px "PT Sans", sans-serif;
  }
}
/** 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=ws-style.css.map */