@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*/
/* mulish-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/mulish-v17-latin-regular.woff2") format("woff2"), url("../fonts/mulish-v17-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-slab-v35-latin-regular.woff2") format("woff2"), url("../fonts/roboto-slab-v35-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-slab-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-slab-v35-latin-700.woff2") format("woff2"), url("../fonts/roboto-slab-v35-latin-700.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
#login {
  padding: 5% 0 0;
}

body.login #login > h1 a {
  background-image: url("dist/img/webskipper-logo.png");
  margin-bottom: 0px;
  overflow: visible;
  padding-bottom: 10px;
  position: relative;
  background-size: 300px;
  height: 260px;
  width: 300px;
}

/*#region [Custom Stuff]*/
/*#endregion*/
.entry-header, .site-content {
  word-wrap: normal;
}

nav#site-navigation {
  top: 6px;
  position: relative;
}

.page-id-364 h1, .page-id-364 h2, .page-id-364 h3, .page-id-364 h4,
.page-id-364 .entry-content p,
.page-id-364 .entry-content a, .page-id-3 h1, .page-id-3 h2, .page-id-3 h3, .page-id-3 h4,
.page-id-3 .entry-content p,
.page-id-3 .entry-content a, .page-id-466 h1, .page-id-466 h2, .page-id-466 h3, .page-id-466 h4,
.page-id-466 .entry-content p,
.page-id-466 .entry-content a {
  color: #fff;
}

.site-info .inside-site-info {
  padding: 20px 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;
}

.menu-toggle,
.has-inline-mobile-toggle #site-navigation.toggled {
  background-color: transparent !important;
}

ul#menu-primary {
  padding-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  ul#menu-primary {
    padding-bottom: 0px;
  }
}
/* Stoerer
------------------------------------------------------------*/
/* html-snippet
<div class="ws-stoerer">
<a href="/kontakt/">
<p>Wir suchen</p>
<p>Verstärkung</p>
</a>
</div>
*/
.ws-stoerer {
  background-color: red;
  width: 160px;
  height: 160px;
  border-radius: 80px;
  position: absolute;
  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: 40%;
    right: 28px;
  }
}
@media only screen and (min-width: 640px) {
  .ws-stoerer {
    top: 40%;
    right: 120px;
  }
}
/** 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 */