@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*/
/* libre-franklin-300 - latin */
@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/libre-franklin-v7-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("fonts/libre-franklin-v7-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/libre-franklin-v7-latin-300.woff2") format("woff2"), url("fonts/libre-franklin-v7-latin-300.woff") format("woff"), url("fonts/libre-franklin-v7-latin-300.ttf") format("truetype"), url("fonts/libre-franklin-v7-latin-300.svg#LibreFranklin") format("svg"); /* Legacy iOS */
}
/* libre-franklin-regular - latin */
@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/libre-franklin-v7-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("fonts/libre-franklin-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/libre-franklin-v7-latin-regular.woff2") format("woff2"), url("fonts/libre-franklin-v7-latin-regular.woff") format("woff"), url("fonts/libre-franklin-v7-latin-regular.ttf") format("truetype"), url("fonts/libre-franklin-v7-latin-regular.svg#LibreFranklin") format("svg"); /* Legacy iOS */
}
/* libre-franklin-600 - latin */
@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/libre-franklin-v7-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("fonts/libre-franklin-v7-latin-600.eot?#iefix") format("embedded-opentype"), url("fonts/libre-franklin-v7-latin-600.woff2") format("woff2"), url("fonts/libre-franklin-v7-latin-600.woff") format("woff"), url("fonts/libre-franklin-v7-latin-600.ttf") format("truetype"), url("fonts/libre-franklin-v7-latin-600.svg#LibreFranklin") format("svg"); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/open-sans-v27-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("fonts/open-sans-v27-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v27-latin-regular.woff2") format("woff2"), url("fonts/open-sans-v27-latin-regular.woff") format("woff"), url("fonts/open-sans-v27-latin-regular.ttf") format("truetype"), url("fonts/open-sans-v27-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/open-sans-v27-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("fonts/open-sans-v27-latin-600.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v27-latin-600.woff2") format("woff2"), url("fonts/open-sans-v27-latin-600.woff") format("woff"), url("fonts/open-sans-v27-latin-600.ttf") format("truetype"), url("fonts/open-sans-v27-latin-600.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/open-sans-v27-latin-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("fonts/open-sans-v27-latin-italic.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v27-latin-italic.woff2") format("woff2"), url("fonts/open-sans-v27-latin-italic.woff") format("woff"), url("fonts/open-sans-v27-latin-italic.ttf") format("truetype"), url("fonts/open-sans-v27-latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/*#region [Constants]*/
/* ------------------------------------------- */
/*#endregion*/
/* Typographical Elements
--------------------------------------------- */
html {
  font-size: 62.5%;
}

/*#region [Custom Stuff]*/
/* ----------------------------------------------- */
/*#endregion*/
.subline {
  font: 600 27px/33px "Libre Franklin", sans-serif;
}

a {
  text-decoration: none;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: disc;
  color: #1a1919;
  margin-left: 20px;
}

hr {
  border: 0;
  border-collapse: collapse;
  border-bottom: 1px solid currentColor;
  clear: both;
  color: #eee;
  margin: 1.65em auto;
}
hr.footer {
  border: 0;
  border-bottom: 2px solid #fff;
  margin: 18px 0;
}
hr.headline {
  border: 0;
  border-bottom: 5px solid #00a982;
  margin: 12px auto 30px;
  width: 225px;
}

.entry-content:not(:first-child),
.entry-summary:not(:first-child),
.page-content:not(:first-child) {
  margin-top: 0em;
}

.relative {
  position: relative;
}

.widget-area .widget {
  padding: 20px 40px 0;
}
.widget-area.sidebar .widget {
  margin-bottom: 0;
}

.subnavi {
  font-size: 20px;
  font-weight: 600;
  line-height: 35px;
  margin-bottom: 15px;
}

.grid-100 {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 0;
}

.mobil-text {
  background-color: #fff;
  opacity: 0.8;
}

@media only screen and (min-width: 768px) {
  .mobil-text {
    background-color: transparent;
    opacity: 1;
  }
}
.ws-carousel-wrap ul.ws-carousel li {
  list-style-type: none;
  margin-left: 0;
}
.ws-carousel-wrap ul.ws-referenz-slider {
  height: 100px !important;
}
.ws-carousel-wrap ul.ws-referenz-slider li {
  list-style-type: none;
  text-align: center;
  margin-left: 0;
}
.ws-carousel-wrap ul.lSPager.lSpg li a {
  background-color: #e9f5f2 !important;
}
.ws-carousel-wrap ul.lSPager.lSpg li.active a {
  background-color: #00a982 !important;
  opacity: 0.5;
}

.ws-kundenstimmen-wrap ul.ws-kundenstimmen {
  text-align: center;
}
.ws-kundenstimmen-wrap ul.ws-kundenstimmen .element {
  max-width: 90%;
  padding-left: 5%;
  padding-right: 5%;
}
.ws-kundenstimmen-wrap ul.ws-kundenstimmen li {
  list-style-type: none;
}
.ws-kundenstimmen-wrap ul.ws-kundenstimmen p {
  color: #fff;
  font-size: 23px;
  line-height: 37px;
  font-style: italic;
  margin: 0 0 12px;
}
.ws-kundenstimmen-wrap ul.ws-kundenstimmen h3 {
  color: #fff;
  font-size: 20px;
  line-height: 35px;
  margin: 0 0 15px;
  text-transform: none;
}
.ws-kundenstimmen-wrap ul.lSPager.lSpg li a {
  background-color: #fff !important;
}
.ws-kundenstimmen-wrap ul.lSPager.lSpg li.active a {
  background-color: #fff !important;
  opacity: 0.5;
}

.ws-toggle {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 15px;
}
.ws-toggle .ws-toggle-right {
  max-width: 100%;
  background-color: #fff;
  text-align: center;
}
.ws-toggle .text-excerpt {
  padding: 30px;
}
.ws-toggle .text-toggle {
  top: 0;
  position: relative;
  background-color: #fff;
  display: block;
  z-index: 99;
  height: 100%;
  overflow: hidden;
  padding: 30px;
}
.ws-toggle .text-toggle p {
  font-size: 18px;
  line-height: 32px;
}
.ws-toggle .ws-toggle-left {
  max-width: 100%;
}
.ws-toggle .image {
  height: auto;
}
.ws-toggle .image-toggle {
  padding: 30px 30px;
  color: #fff;
}
.ws-toggle .image-toggle h5 {
  color: #fff;
}
.ws-toggle h5 {
  color: #00a982;
  text-align: center;
  margin-bottom: 12px;
}
.ws-toggle h6 {
  text-align: center;
  margin: 12px 0 0;
}
.ws-toggle p {
  margin-bottom: 6px;
}
.ws-toggle a {
  cursor: pointer;
}
.ws-toggle li {
  color: #fff;
}
.ws-toggle [class^=toggle-btn].top {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999;
  background-color: #fff;
  background: url(/wp-content/uploads/arrow-down.png) center center no-repeat;
  background-size: 60%;
}

.page-id-130 .ws-toggle #image-toggle-1 {
  min-height: 380px;
}
.page-id-130 .ws-toggle #image-toggle-2 {
  min-height: 390px;
}
.page-id-130 .ws-toggle #image-toggle-3 {
  min-height: 530px;
}
.page-id-130 .ws-toggle #image-toggle-4 {
  min-height: 420px;
}
.page-id-130 .ws-toggle #image-toggle-5 {
  min-height: 280px;
}

.page-id-697 #malerarbeiten-1 .ws-toggle-right,
.page-id-697 #malerarbeiten-2 .ws-toggle-right,
.page-id-697 #malerarbeiten-3 .ws-toggle-right {
  background-color: #fff;
  min-height: 386px;
  height: 100%;
}
.page-id-697 #malerarbeiten-4 .ws-toggle-right,
.page-id-697 #malerarbeiten-5 .ws-toggle-right,
.page-id-697 #malerarbeiten-6 .ws-toggle-right {
  background-color: #e9f5f2;
  min-height: 450px;
  height: 100%;
}

.page-id-785 .ws-toggle-right {
  min-height: 450px;
  height: 100%;
}

@media only screen and (min-width: 960px) {
  .ws-toggle {
    flex-direction: row;
  }
  .ws-toggle .ws-toggle-right {
    max-width: calc(100% - 563px);
  }
  .ws-toggle .ws-toggle-left {
    max-width: 563px;
  }
  .ws-toggle .image {
    height: 334px;
  }
  .ws-toggle .text-toggle {
    position: absolute;
  }
}
.job-post-template h2 a {
  text-decoration: none;
  color: #1a1919;
}

.job-details h4 {
  color: #00a982;
}

.ws-accordion__panel[aria-hidden=true] {
  display: none;
}

.ws-accordion button {
  background-color: #fff;
  padding: 25px 0;
}
.ws-accordion h3 {
  margin: 0;
}
.ws-accordion h3 button {
  font-size: 27px;
  font-weight: 600;
  line-height: 33px;
  color: #1a1919;
  width: 100%;
  text-align: left;
}
.ws-accordion h3 button[aria-expanded=false] {
  border-bottom: 1px solid #00a982;
}
.ws-accordion .js-accordion__panel {
  border-bottom: 1px solid #00a982;
  margin-top: -20px;
}

/* title opened */
.js-accordion__header[aria-expanded=true]:after {
  content: "";
  background: url(/wp-content/uploads/arrow-up.png) center center no-repeat;
  width: 50px;
  height: 25px;
  display: inline-block;
  float: right;
}

/* title closed */
.js-accordion__header[aria-expanded=false]:after {
  content: "";
  background: url(/wp-content/uploads/arrow-down.png) center center no-repeat;
  width: 50px;
  height: 25px;
  display: inline-block;
  float: right;
}

.top-bar {
  background-color: #00a982;
  height: 35px;
  position: relative;
}
.top-bar .wrap {
  max-width: 1440px;
  padding: 0 0px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: right;
}
.top-bar p {
  font: 400 13px/13px "Libre Franklin", sans-serif;
  color: #fff;
}
.top-bar a {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}
.top-bar a:hover {
  color: #fff;
}
.top-bar .col1 .icon-standort,
.top-bar .col1 .icon-phone,
.top-bar .col1 .icon-mail, .top-bar .col2 .icon-standort,
.top-bar .col2 .icon-phone,
.top-bar .col2 .icon-mail, .top-bar .col3 .icon-standort,
.top-bar .col3 .icon-phone,
.top-bar .col3 .icon-mail {
  position: relative;
}
.top-bar .col1 .icon-standort::before,
.top-bar .col1 .icon-phone::before,
.top-bar .col1 .icon-mail::before, .top-bar .col2 .icon-standort::before,
.top-bar .col2 .icon-phone::before,
.top-bar .col2 .icon-mail::before, .top-bar .col3 .icon-standort::before,
.top-bar .col3 .icon-phone::before,
.top-bar .col3 .icon-mail::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 15px;
  left: -22px;
}
.top-bar .col1 .icon-standort::before, .top-bar .col2 .icon-standort::before, .top-bar .col3 .icon-standort::before {
  margin-top: -4px;
}
.top-bar .col1 .icon-phone::before, .top-bar .col2 .icon-phone::before, .top-bar .col3 .icon-phone::before {
  margin-top: 6px;
}
.top-bar .col1 .icon-mail::before, .top-bar .col2 .icon-mail::before, .top-bar .col3 .icon-mail::before {
  margin-top: 6px;
}
.top-bar .col1 {
  display: none;
  padding-right: 40px;
}
.top-bar .col1 .icon-standort::before {
  background: url(images/icon-standort.png) center/100% no-repeat;
}
.top-bar .col2 {
  padding-right: 40px;
  margin-top: -10px;
}
.top-bar .col2 .icon-phone::before {
  background: url(images/icon-phone.png) center/100% no-repeat;
}
.top-bar .col3 {
  padding-right: 10px;
  margin-top: -10px;
}
.top-bar .col3 .icon-mail::before {
  background: url(images/icon-mail.png) center/100% no-repeat;
}

@media only screen and (min-width: 768px) {
  .top-bar .col1 {
    display: inline;
  }
  .top-bar .col1 .wrap {
    padding: 0 30px;
  }
}
.header-area {
  position: relative;
  bottom: 18%;
  left: 0;
  right: 0;
  text-align: center;
  background: url("images/thiel-header-white-rectangle.svg") center center no-repeat;
  height: auto;
  padding: 0 20px;
}
.header-area h1 {
  font-size: 27px;
  text-transform: none;
  position: relative;
  bottom: -25%;
}
.header-area h2 {
  color: #00a982;
  font-size: 34px;
  line-height: 40px;
  letter-spacing: 2.2px;
  padding-top: 30px;
}
.header-area.aussenbereiche h2, .header-area.services h2, .header-area.nuetzliches h2 {
  padding-top: 30px;
}

@media only screen and (min-width: 960px) {
  .header-area {
    position: absolute;
    bottom: 55%;
    background-size: 50%;
    height: 34%;
  }
  .header-area h2 {
    position: relative;
    bottom: -20%;
    max-width: 650px;
    margin: 0 auto;
  }
  .header-area.aussenbereiche h2, .header-area.services h2, .header-area.nuetzliches h2 {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 1300px) {
  .header-area {
    bottom: 55%;
    background-size: 42%;
  }
  .header-area h2 {
    font-size: clamp(34px, 3vw, 46px);
    line-height: 56px;
  }
}
.inhalt-leistungen {
  border-left: 5px solid #00a982;
}
.inhalt-leistungen a {
  text-decoration: none;
}
.inhalt-leistungen li {
  list-style-type: decimal;
  margin-left: 20px;
}

.ws-btn {
  text-align: center;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
}
.ws-btn.left-align {
  float: left;
}
.ws-btn .anrufen {
  background: url("images/btn-anrufen.png") center center no-repeat;
  height: 90px;
  width: 285px;
  background-size: 100%;
}
.ws-btn .mehr-erfahren {
  background: url("images/thiel-btn-bg-285.svg") center center no-repeat;
  height: 90px;
  width: 285px;
  background-size: 100%;
  text-transform: uppercase;
  font-size: 20px;
  padding-bottom: 30px;
  padding-left: 6px;
}
.ws-btn .termin-vereinbaren {
  background: url("images/btn-termin-vereinbaren.png") center center no-repeat;
  height: 90px;
  width: 440px;
  background-size: 100%;
}
.ws-btn .muster-anfragen {
  background: url("images/btn-muster-anfragen.png") center center no-repeat;
  height: 90px;
  width: 312px;
  background-size: 100%;
}
.ws-btn .farbberatung-buchen {
  background: url("images/btn-farbberatung-buchen.png") center center no-repeat;
  height: 90px;
  width: 410px;
  background-size: 100%;
}
.ws-btn.kontakt-aufnehmen {
  background: url("images/btn-kontakt-aufnehmen.png") center center no-repeat;
  height: 90px;
  width: 480px;
  background-size: 100%;
  margin: 0 auto;
}
.ws-btn:hover {
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}

.teaser-wrap {
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2));
}
.teaser-wrap .mit-clip {
  -webkit-clip-path: polygon(100% 0, 100% 85%, 70% 100%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 85%, 70% 100%, 0 100%, 0 0);
}

.green-box {
  background: url(images/thiel-green-mask.svg) center center no-repeat;
  width: 700px;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.green-box.wir-streichen, .green-box.wir-tapezieren {
  height: 570px;
  padding: 100px 80px 0px;
}
.green-box.wir-lackieren, .green-box.maltechniken, .green-box.wir-verlegen {
  height: 480px;
  padding: 60px 80px 0px;
}
.green-box.fassadenarbeiten, .green-box.industrieanstrich {
  height: 570px;
  padding: 100px 75px 0px;
}
.green-box h3 {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.green-box p {
  color: #fff;
  font-size: 23px;
  line-height: 27px;
}
.green-box li {
  color: #fff;
  font-size: 23px;
  line-height: 34px;
  list-style-type: none;
  margin-left: 30px;
  text-indent: -30px;
}
.green-box li:before {
  content: "" !important;
  background-image: url("https://dev.thielfarbdesign.de/wp-content/uploads/thiel-haken-weiss.svg");
  background-size: cover;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 12px;
}

.liste-haken li {
  list-style-type: none;
  margin-left: 25px;
  text-indent: -25px;
}
.liste-haken li::before {
  content: "";
  background: url(/wp-content/uploads/liste-haken.png) center center no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
}

.kategorie-btn .fl-col-group {
  display: flex;
  justify-content: space-evenly;
}
.kategorie-btn .fl-col {
  width: auto !important;
}

.page-id-36 .adress-box p {
  margin: 0 0 32px;
}
.page-id-36 span.icon-home-green,
.page-id-36 span.icon-time-green,
.page-id-36 a.icon-phone-green,
.page-id-36 p.icon-fax-green {
  position: relative;
}
.page-id-36 span.icon-home-green::before,
.page-id-36 span.icon-time-green::before,
.page-id-36 a.icon-phone-green::before,
.page-id-36 p.icon-fax-green::before {
  content: "";
  position: absolute;
  height: 25px;
  width: 25px;
  left: -35px;
}
.page-id-36 .icon-home-green::before {
  background: url(images/icon-home-green.png) center/80% no-repeat;
}
.page-id-36 .icon-time-green::before {
  background: url(images/icon-time-green.png) center/80% no-repeat;
}
.page-id-36 .icon-phone-green::before {
  background: url(images/icon-phone-green.png) center/80% no-repeat;
}
.page-id-36 .icon-fax-green::before {
  background: url(images/icon-fax-green.png) center/80% no-repeat;
}

/* Navigation
--------------------------------------------- */
.main-navigation .main-nav a {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  outline-offset: -1px;
}
.main-navigation .main-nav a::after {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.main-navigation .main-nav a:hover,
.main-navigation .main-nav a:focus,
.main-navigation .main-nav ul li[class*=current-menu-] > a {
  font-weight: 600;
  color: #00a982;
}
.main-navigation .main-nav ul ul {
  width: 250px;
}
.main-navigation .main-nav li {
  list-style-type: none;
}

/* Site Footer
---------------------------------------------------------------------------- */
.site-footer .custom-footer {
  font-family: "Libre Franklin", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 23px;
  color: #fff;
  background-color: #00a982;
}
.site-footer .custom-footer a {
  text-decoration: none;
  color: #fff;
}
.site-footer .custom-footer h3 {
  font-weight: 600;
  font-size: 22px;
  color: #fff;
  letter-spacing: 0.5px;
  margin: 0 0 12px;
  text-transform: none;
}
.site-footer .custom-footer .kontakt-home, .site-footer .custom-footer .kontakt-zeiten,
.site-footer .custom-footer .kontakt-email, .site-footer .custom-footer .kontakt-phone {
  position: relative;
  margin-left: 35px;
}
.site-footer .custom-footer .kontakt-home::before, .site-footer .custom-footer .kontakt-zeiten::before,
.site-footer .custom-footer .kontakt-email::before, .site-footer .custom-footer .kontakt-phone::before {
  content: "";
  position: absolute;
  height: 25px;
  width: 25px;
  left: -35px;
}
.site-footer .custom-footer .kontakt-home::before {
  background: url(images/icon-home.png) center/80% no-repeat;
}
.site-footer .custom-footer .kontakt-zeiten::before {
  background: url(images/icon-buerozeiten.png) center/80% no-repeat;
}
.site-footer .custom-footer .kontakt-phone::before {
  top: -3px;
  background: url(images/icon-phone.png) center/80% no-repeat;
}
.site-footer .custom-footer .kontakt-email::before {
  background: url(images/icon-mail.png) center/80% no-repeat;
}

.site-info {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 22px;
}
.site-info .copyright-bar {
  display: flex;
  justify-content: center;
  width: 100%;
}

.generate-back-to-top {
  font-size: 32px;
  border: 3px solid #fff;
  border-radius: 28px;
  position: fixed;
  bottom: 8%;
  right: 30px;
  line-height: 50px;
  width: 56px;
  text-align: center;
  z-index: 10;
  transition: opacity 300ms ease-in-out;
}

a.generate-back-to-top:hover, a.generate-back-to-top:focus {
  background-color: rgb(0, 169, 130);
  color: #ffffff;
}

a.generate-back-to-top {
  background-color: rgba(0, 169, 130, 0.8);
  color: #ffffff;
}

.archive header.page-header {
  display: none;
}

.single-post .site-content {
  margin-top: 80px;
  margin-bottom: 80px;
}

.post .entry-header {
  text-align: center;
}
.post .entry-header h2 {
  font-size: 22px;
  line-height: 28px;
}
.post .entry-summary {
  text-align: center;
}
.post .entry-summary p {
  font-size: 18px;
  line-height: 32px;
}

.page-id-870 .kontakt-home, .page-id-870 .kontakt-zeiten,
.page-id-870 .kontakt-email, .page-id-870 .kontakt-phone {
  position: relative;
  margin-left: 35px;
}
.page-id-870 .kontakt-home::before, .page-id-870 .kontakt-zeiten::before,
.page-id-870 .kontakt-email::before, .page-id-870 .kontakt-phone::before {
  content: "";
  position: absolute;
  height: 25px;
  width: 25px;
  left: -35px;
  top: 5px;
}
.page-id-870 .kontakt-home::before {
  background: url(images/icon-home-green.png) center/80% no-repeat;
}
.page-id-870 .kontakt-zeiten::before {
  background: url(images/icon-time-green.png) center/80% no-repeat;
}
.page-id-870 .kontakt-phone::before {
  background: url(images/icon-phone-green.png) center/80% no-repeat;
}
.page-id-870 .kontakt-email::before {
  background: url(images/icon-mail-green.png) center/80% no-repeat;
}

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

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

.menu-toggle {
  font-size: 34px;
}

.main-navigation.toggled .main-nav {
  padding-top: 40px;
}
.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
  float: none;
}

/* Addons for contact form 7
----------------------------------------------- */
.ws-form .ws-form-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 37px;
  margin-bottom: 20px;
}
.ws-form .ws-form-row .wpcf7-form-control {
  width: 100%;
}
.ws-form .ws-form-row .ws-form-column {
  flex: 1;
}
.ws-form .ws-form-row .ws-column-50 {
  max-width: 100%;
}
.ws-form p.form-datenschutz {
  font-size: 14px;
  line-height: 16px;
}

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

select {
  accent-color: #00a982;
}

input[type=submit] {
  background-color: #00a982;
}

.wpcf7-list-item {
  margin: 0 0 0 1em;
}
.wpcf7-list-item.first {
  margin: 0 0 0 0;
}

span.wpcf7-form-control.wpcf7-checkbox {
  display: flex;
  flex-direction: column;
}
span.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
  margin: 0 0 0 0;
}

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

@media only screen and (min-width: 480px) {
  .ws-form .ws-form-row {
    flex-direction: row;
  }
  .ws-form .ws-form-row .ws-column-50 {
    max-width: 50%;
  }
}

::-moz-placeholder {
  font: 400 17px/30px "Libre Franklin", sans-serif;
  color: rgba(68, 84, 106, 0.39);
  opacity: 1;
}

::placeholder {
  font: 400 17px/30px "Libre Franklin", sans-serif;
  color: rgba(68, 84, 106, 0.39);
  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 {
  position: absolute;
  display: none;
  z-index: 999;
  height: 200px;
  width: 200px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  background-color: #00a982;
  right: 5%;
  top: 26%;
  transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
}
.ws-stoerer p {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 0;
  line-height: 28px;
  text-align: center;
  padding-top: 53px;
}

@media only screen and (min-width: 960px) {
  .ws-stoerer {
    display: block;
  }
}
@media only screen and (min-width: 1500px) {
  .ws-stoerer {
    right: 15%;
    top: 35%;
  }
}
/** 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 */