article,
aside,
details,
figure,
footer,
header,
hr,
nav,
section,
summary {
  display: block;
}
:focus,
a:active,
a:hover {
  outline: 0;
}
embed,
img,
object {
  max-width: 100%;
}
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
body div,
caption,
cite,
code,
dd,
del,
details,
dfn,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
}
input[type=checkbox],
th {
  vertical-align: bottom;
}
td,
td img {
  vertical-align: top;
}
*,
:after,
:before {
  box-sizing: inherit;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
th {
  font-weight: 700;
}
td {
  font-weight: 400;
}
hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
input[type=radio] {
  vertical-align: text-bottom;
}
input,
select,
textarea {
  font: 99% sans-serif;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font: 100%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
code,
kbd,
pre,
samp {
  font-family: monospace,sans-serif;
}
button,
input[type=button],
input[type=file],
input[type=submit],
label {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
button,
input[type=button] {
  width: auto;
  overflow: visible;
}
html {
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background: black;
}
* {
  font-style: normal;
  color: #333333;
}
body {
  font-size: 16px;
  font-size: 100%;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 1.3rem;
}
::-moz-selection {
  background: #1d1d1b;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #1d1d1b;
  color: #fff;
  text-shadow: none;
}
a:link {
  -webkit-tap-highlight-color: #1d1d1b;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
img {
  height: auto;
}
#ie8 img {
  width: 100%;
}
/*       [Color codes]
------------------------------------------------------------------
*/
/* TEST
@min768: ~"(min-width: 768px)";
#wrapper {
	@p-left: 100px;
	border-top: @p-right solid red;

	@media @min768 {
    @p-left: 250px;
	border-top: @p-left solid blue;
  }
}
*/
/* # BASIC COLOR ZUORDNUNG */
.is--primary {
  color: #1d1d1b;
}
.is--dark {
  color: #333333;
}
.is--light {
  color: #e9e4e1;
}
.is--white {
  color: #ffffff;
}
.is--white p {
  color: #ffffff;
}
.bg-is--primary {
  background: #1d1d1b;
}
.bg-is--dark {
  background: #1a191b;
}
.bg-is--light {
  background: #e9e4e1;
}
.bg-is--white {
  background: #ffffff;
}
/*

@font-face {
      font-family: 'icons';
      src: url('../../files/wollwinderei/css/./../../../files/wollwinderei/css/font/icons.eot');
      src: url('../../files/wollwinderei/css/./../../../files/wollwinderei/fonts/icons.eot#iefix') format('embedded-opentype'),
           url('../../files/wollwinderei/css/./../../../files/wollwinderei/css/font/icons.woff') format('woff'),
           url('../../files/wollwinderei/css/./../../../files/wollwinderei/css/font/icons.ttf') format('truetype'),
           url('../../files/wollwinderei/css/./../../../files/wollwinderei/css/font/icons.svg#icons') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    
    
@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 600;
  font-display: swap;
  src: url("../../files/wollwinderei/css/./../../../files/wollwinderei/fonts/Inter-SemiBold.woff2?v=3.13") format("woff2"),
       url("../../files/wollwinderei/css/./../../../files/wollwinderei/fonts/Inter-SemiBold.woff?v=3.13") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 800;
  font-display: swap;
  src: url("../../files/wollwinderei/css/./../../../files/wollwinderei/fonts/Inter-ExtraBold.woff2?v=3.13") format("woff2"),
       url("../../files/wollwinderei/css/./../../../files/wollwinderei/fonts/Inter-ExtraBold.woff?v=3.13") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 900;
  font-display: swap;
  src: url("../../files/wollwinderei/css/./../../../files/wollwinderei/fonts/Inter-Black.woff2?v=3.13") format("woff2"),
       url("../../files/wollwinderei/css/./../../../files/wollwinderei/fonts/Inter-Black.woff?v=3.13") format("woff");
}
*/
/* inter-300 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  display: swap;
  src: url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-300.eot');
  src: local(''), url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-300.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* inter-regular - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  display: swap;
  src: url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-regular.eot');
  src: local(''), url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-regular.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* inter-800 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  display: swap;
  src: url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-800.eot');
  src: local(''), url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-800.woff') format('woff'), /* Modern Browsers */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-800.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* inter-900 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  display: swap;
  src: url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-900.eot');
  src: local(''), url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-900.woff') format('woff'), /* Modern Browsers */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/wollwinderei/fonts/inter-v3-latin/inter-v3-latin-900.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
@font-face {
  font-family: 'icons';
  src: url('../../files/wollwinderei/css/font/icons.eot');
  src: url('../../files/wollwinderei/css/font/icons.eot#iefix') format('embedded-opentype'), url('../../files/wollwinderei/css/font/icons.woff') format('woff'), url('../../files/wollwinderei/css/font/icons.ttf') format('truetype'), url('../../files/wollwinderei/css/font/icons.svg#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
      src: url('../../files/wollwinderei/css/./../../../files/wollwinderei/css/font/icons.eot?82597649');
      src: url('../../files/wollwinderei/css/./../../../files/wollwinderei/css/font/icons.eot?82597649#iefix') format('embedded-opentype'),
           url('../../files/wollwinderei/css/./../../../files/wollwinderei/css/font/icons.woff?82597649') format('woff'),
           url('../../files/wollwinderei/css/./../../../files/wollwinderei/css/font/icons.ttf?82597649') format('truetype'),
           url('../../files/wollwinderei/css/./../../../files/wollwinderei/css/font/icons.svg?82597649#icons') format('svg');
*/
/*--------------------------------------------------------------------*/
/*        [Typography]         */
/*-------------------------------------------------------------------*/
/*        [Mediaqueries]
------------------------------------------------------------------
1920     1280     1680    1366     1024     768     480
*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) {
  html {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1024px) {
  html {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1440px) {
  html {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1600px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  html {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1921px) {
  html {
    font-size: 17px;
  }
}
/* Change the Scroolbar */
::-webkit-scrollbar {
  width: .5rem;
  height: 10px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 0px;
  width: 0px;
}
::-webkit-scrollbar-button:vertical:increment,
::-webkit-scrollbar-button:horizontal:increment {
  background-color: transparent;
}
::-webkit-scrollbar-track-piece {
  background-color: #000;
}
::-webkit-scrollbar-thumb:vertical {
  height: 50px;
  background-color: #a9cc21;
}
::-webkit-scrollbar-thumb:horizontal {
  width: 50px;
  background-color: #000;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #a9cc21;
}
::-webkit-scrollbar-corner {
  background-color: #000;
}
.no-js,
.ie8,
.mobile .orientationWarning {
  display: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 999;
}
.mobile .orientationWarning .inside {
  width: 100%;
  height: 100%;
  background-image: url(/files/wollwinderei/bilder/orientation.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: black;
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  body.mobile {
    max-height: 100%;
    overflow: hidden;
  }
  .mobile .orientationWarning {
    display: block;
  }
}
.content-text a,
.content-text a:visited {
  cursor: pointer;
  color: #333;
  text-decoration: none;
  font-size: 1em;
  transition: color 0.2s ease-in-out;
  position: relative;
}
.content-text a.underline:after,
.content-text a:visited.underline:after {
  background: #333;
}
.content-text a:hover {
  color: #1d1d1b;
  text-decoration: none;
}
.content-text.col-60 a {
  font-weight: 600;
}
.content-text.links-uppercase a,
.content-text.links-uppercase a:visited {
  cursor: pointer;
  color: #333;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 0px solid #1d1d1b;
  text-decoration: none;
  font-size: 1em;
  transition: color 0.2s ease-in-out;
}
.content-text.links-uppercase a:hover {
  color: #1d1d1b;
  text-decoration: none;
}
.style-h2 {
  width: 100%;
  font-weight: 900;
  letter-spacing: -0.05em;
  font-size: 3.25rem;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 1.5rem 0;
  font-family: 'Inter', sans-serif;
  color: #1a191b;
  line-height: 1.1;
  font-style: normal;
}
.style-h2 strong {
  font-weight: bold;
}
@media only screen and (max-width: 321px) {
  .style-h2 {
    width: 60%;
    display: flex;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 768px) {
  .style-h2 {
    font-size: 1.9rem;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1200px) {
  .style-h2 {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .style-h2 {
    font-size: 2.75rem;
  }
}
@media only screen and (min-width: 1440px) {
  .style-h2 {
    font-size: 3.25rem;
  }
}
h2 {
  width: 100%;
  font-weight: 900;
  letter-spacing: -0.05em;
  font-size: 3.25rem;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 1.5rem 0;
  font-family: 'Inter', sans-serif;
  color: #1a191b;
  line-height: 1.1;
  font-style: normal;
}
h2 strong {
  font-weight: bold;
}
@media only screen and (max-width: 321px) {
  h2 {
    width: 60%;
    display: flex;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 768px) {
  h2 {
    font-size: 1.9rem;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1200px) {
  h2 {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  h2 {
    font-size: 2.75rem;
  }
}
@media only screen and (min-width: 1440px) {
  h2 {
    font-size: 3.25rem;
  }
}
h2 strong {
  font-weight: bold;
}
@media only screen and (max-width: 321px) {
  h2 {
    width: 60%;
    display: flex;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 768px) {
  h2 {
    font-size: 1.9rem;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1200px) {
  h2 {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  h2 {
    font-size: 2.75rem;
  }
}
@media only screen and (min-width: 1440px) {
  h2 {
    font-size: 3.25rem;
  }
}
h3,
h3 span {
  font-weight: 800;
  font-size: 1.5rem;
  line-height: 1.0;
  letter-spacing: 1px;
  color: white;
  margin-top: 0;
  display: inline-block;
  font-family: 'Inter', sans-serif;
}
h4,
h4 span {
  color: #333333;
  font-size: 1.1rem;
  line-height: 1.0;
  font-weight: 600;
  margin-bottom: 0rem;
  padding-bottom: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: .75em;
}
h4 strong {
  color: #1d1d1b;
  font-weight: 400;
}
h5 {
  color: #333333;
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  font-size: .8rem;
  letter-spacing: 4px;
  font-weight: 800;
  line-height: 2.0;
}
h6 {
  font-weight: 800;
  font-size: 3.25rem;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 1.5rem 0;
  font-family: 'Inter', sans-serif;
  color: #1a191b;
  line-height: 1.1;
}
.bg-is--primary h2 {
  color: #fff;
}
.bg-is--primary h5 {
  color: #efe6d0;
}
p {
  padding-left: 0;
  font-size: 1.2rem;
  line-height: 1.6;
}
p strong {
  font-weight: 500;
  color: #000 !important;
}
.instashow-follow.foot a.btn,
.content-text a.btn,
.instashow-follow.foot a.btn-large,
.content-text a.btn-large,
.instashow-follow.foot a.btn-flat,
.content-text a.btn-flat {
  -webkit-appearance: none;
  margin-top: 1rem;
  border: none;
  display: inline-block;
  height: 2.5rem;
  line-height: 2.5rem;
  outline: 0;
  padding: 0 2rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  color: #fff;
  background-color: #1d1d1b;
  text-align: center;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .5px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  cursor: pointer;
}
.instashow-follow.foot a.btn:hover,
.content-text a.btn:hover,
.instashow-follow.foot a.btn-large:hover,
.content-text a.btn-large:hover {
  background-color: #a9cc21;
}
.instashow-follow.foot a.btn,
.instashow-follow.foot a.btn-large,
.instashow-follow.foot a.btn-flat {
  color: #1a191b;
  background-color: white;
  text-align: center;
  font-size: .9rem;
  font-weight: 600;
  cursor: pointer;
}
.instashow-follow.foot a.btn:hover,
.instashow-follow.foot a.btn-large:hover {
  background-color: #a9cc21;
}
.btn.btn-ltr,
button.btn-ltr {
  height: 40px;
  width: auto;
  text-align: center;
  overflow: hidden;
  background: #474E51;
  position: relative;
  line-height: 40px;
  color: #fff;
}
.btn.btn-ltr::before,
button.btn-ltr::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: #a9cc21;
  transition: transform 0.25s ease-in;
}
.btn.btn-ltr:hover::before,
button.btn-ltr:hover::before {
  transform: translateX(0%);
}
.btn.btn-ltr span,
button.btn-ltr span {
  position: relative;
  z-index: 1;
  display: block;
}
.btn.btn-ltr:hover span,
button.btn-ltr:hover span {
  animation: animButtonSpan 0.4s;
  color: #fff;
}
@keyframes animButtonSpan {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  35% {
    transform: translateX(20px);
    opacity: 0;
  }
  50.001% {
    transform: translateX(-20px);
  }
  60% {
    transform: translateX(0%);
  }
}
.content-text ol {
  margin: 0 0 12px 1em;
  line-height: 1.5;
}
.content-text ol li {
  list-style-type: decimal;
}
.is--center,
.is-center {
  text-align: center;
}
.has--list ul li,
.content-text.list ul li {
  line-height: 1.3;
  margin-bottom: .5rem;
  padding-left: 1rem;
}
.has--list ul li:before,
.content-text.list ul li:before {
  content: "+ ";
  margin-left: -1rem;
  width: 1rem;
  display: inline-block;
}
.image_container img {
  display: block;
}
.no-desktop {
  display: none;
}
.no-mobile {
  display: block;
}
.header--is-desktop,
.is-desktop {
  display: block;
}
.header--is-mobile,
.is-mobile {
  display: none;
}
@media only screen and (max-width: 480px) {
  .header--is-desktop,
  .is-desktop {
    display: none !important;
  }
  .header--is-mobile,
  .is-mobile {
    display: block;
  }
}
@media only screen and (min-width: 480px) {
  .header--is-mobile,
  .is-mobile {
    display: none !important;
  }
}
/* ... Pagination ...
-------------------------------------------------------------------------------------------------*/
.pagination {
  margin-top: 0;
  font-weight: 900;
  text-transform: uppercase;
  color: #333333;
}
.pagination ul,
.pagination li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pagination li,
.pagination li a {
  float: left;
  color: #333333 !important;
}
.pagination a,
.pagination span {
  display: block;
  padding: 5px;
}
.pagination a {
  font-weight: 400;
  padding-left: 0;
  text-transform: uppercase;
}
.pagination li .next,
.pagination li .previous {
  color: #333333 !important;
}
.pagination a.link,
.pagination span {
  padding-left: 0;
  position: relative;
}
.pagination a.link:before,
.pagination span:before {
  position: absolute;
  left: 0;
}
.pagination li[class] + li a.link,
.pagination li:first-child a.link,
.pagination li[class] + li span,
.pagination li:first-child span {
  padding-left: 5px;
}
.pagination li[class] + li a.link:before,
.pagination li:first-child a.link:before,
.pagination li[class] + li span:before,
.pagination li:first-child span:before {
  display: none;
}
.pagination ul li span.current {
  color: #1d1d1b !important;
  font-weight: 800;
}
/* ... Pagination ... END
-------------------------------------------------------------------------------------------------*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*
/////////          /////////
           RASTER
/////////          /////////
*/
.grid {
  clear: both;
  width: 100%;
  max-width: 1920px;
  min-width: 755px;
  margin: 0 auto;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .grid {
    min-width: 300px;
  }
}
.grid.is--light {
  padding: 0 5%;
}
.grid:after,
.grid:before {
  content: "";
  display: table;
  clear: both;
}
[class*='col-'],
[class*='gr-'] {
  float: left;
  padding-right: 0px;
}
.fullwidth {
  margin-left: 0 !important;
  width: 100% !important;
  clear: both;
  margin: 0 auto;
  overflow: hidden;
}
.fullwidth > .grid {
  margin-left: 15% !important;
  width: 70% !important;
  clear: both;
  margin: 0 auto;
  overflow: hidden;
}
.floatleft {
  float: left !important;
}
.floatright {
  float: right !important;
}
.col-5 {
  width: 5%;
}
.col-10 {
  width: 10%;
}
.col-20 {
  width: 20%;
}
.col-25 {
  width: 25%;
}
.col-30 {
  width: 30%;
}
.col-33 {
  width: 33%;
}
.col-35 {
  width: 35%;
}
.col-40 {
  width: 40%;
}
.col-45 {
  width: 45%;
}
.col-50 {
  width: 50%;
}
.col-55 {
  width: 55%;
}
.col-60 {
  width: 60%;
}
.col-65 {
  width: 65%;
}
.col-66 {
  width: 66%;
}
.col-70 {
  width: 70%;
}
.col-75 {
  width: 75%;
}
.col-80 {
  width: 80%;
}
.col-85 {
  width: 82%;
}
.col-90 {
  width: 90%;
}
.col-62 {
  width: 95%;
}
.col-100 {
  width: 100%;
}
.col-50.pad-10 {
  width: 42%;
}
.pad-10 {
  padding: 3% 3% 2% 5%;
}
.pad-r-10 {
  padding-right: 10%;
}
.pad-r-15 {
  padding-right: 15%;
}
.pad-r-20 {
  padding-right: 20%;
}
.pad-r-35 {
  padding-right: 25%;
}
.pad-r-40 {
  padding-right: 40%;
}
.pad-r-45 {
  padding-right: 45%;
}
.pad-r-50 {
  padding-right: 50%;
}
.pad-r-55 {
  padding-right: 55%;
}
.pad-l-5 {
  padding-left: 5%;
}
.pad-l-10 {
  padding-left: 10%;
}
.pad-l-15 {
  padding-left: 15%;
}
.pad-l-20 {
  padding-left: 20%;
}
.pad-l-25 {
  padding-left: 25%;
}
.pad-l-30,
.push-l-30 {
  padding-left: 30%;
}
.pad-l-35 {
  padding-left: 35%;
}
.pad-l-40,
.push-l-40 {
  padding-left: 40%;
}
.pad-l-45 {
  padding-left: 45%;
}
.pad-l-50 {
  padding-left: 50%;
}
.pad-l-600 {
  padding-left: 600px;
}
.pad-l-1200 {
  padding-left: 1200px;
}
.push-25 {
  margin-left: 25%;
}
.push-50 {
  margin-left: 50%;
}
.push-75 {
  margin-left: 75%;
}
.h520 {
  height: 32.5rem;
}
.margin-t-b-50 {
  margin: 4rem 0;
}
.is-light {
  padding: 2rem 6rem;
}
.toggler {
  background: none;
  padding: .15rem 1rem 0 0;
  color: white;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: .2rem;
}
.toggler:after {
  content: "\276F";
  font-weight: bolder;
  font-weight: 800;
  font-size: 1.2rem;
  float: right;
  color: #fff;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: all 0.3s ease;
}
.toggler:hover {
  background: none;
}
.toggler:hover:after {
  color: #fff;
}
.toggler.ui-state-active {
  background: none;
  color: #fff;
}
.toggler.ui-state-active:after {
  content: "\276F";
  font-weight: bolder;
  font-weight: 800;
  font-size: 1.2rem;
  float: right;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ce_accordion.last {
  margin-bottom: 3rem;
}
.ce_accordion.first {
  margin-top: 1.5rem;
}
.accordion {
  padding: 0rem 0rem;
}
.accordion p {
  font-size: 1rem;
  width: 90%;
}
/* Accordeon */
.ce_accordion {
  padding-top: 0.5em;
  padding-bottom: .25em;
}
.ce_accordion .ui-accordion-header {
  cursor: pointer;
  display: block !important;
  font-weight: 900;
  height: auto !important;
  line-height: 1.5em !important;
  outline: none !important;
  letter-spacing: 4px;
  font-size: .85rem;
  color: #fff;
  font-family: 'Inter', sans-serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.99);
}
.ce_accordion .ui-accordion-header:hover {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.ce_accordion .ui-accordion-header.ui-accordion-header-active {
  color: #fff !important;
}
.ce_accordion .ui-accordion-content,
.ce_accordion .ui-accordion-content p {
  margin-top: .7em;
  font-family: 'sun_serif-regular', sans-serif;
  font-style: italic;
  font-weight: normal;
  font-size: .95rem;
}
#wrapper {
  max-width: only screen and (min-width: 1600px);
  max-width: only screen and (min-width: 1920px);
  width: 100%;
  margin: 0;
  padding-left: 0rem;
  z-index: 9999;
}
@media only screen and (max-width: only screen and (min-width: 768px)) {
  #wrapper {
    width: 100vw !important;
    overflow: hidden;
  }
}
body #nav {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 85%;
  height: 100%;
  padding-top: 10px;
  background: #2e2e2e;
  border-radius: 0;
  transform: translate(180%, 0);
  z-index: 99999980;
  transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 480px) {
  body #nav {
    width: 100vw;
  }
}
body.show-menu #nav {
  transform: translate(60%, 0);
  z-index: 999980;
  color: #fff;
  transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 480px) {
  body.show-menu #nav {
    transform: translate(0%, 0);
  }
}
body.show-menu-off #nav {
  transform: translate(180%, 0);
  z-index: 999980;
  color: #fff;
  transition: 3s transform cubic-bezier(0.19, 1, 0.22, 1);
}
#nav .nav-inner {
  margin-top: 150px;
  margin-right: 100px;
  margin-left: 115px;
  padding-left: 0;
  position: relative;
  padding-right: 30px;
  padding-left: 30px;
}
@media only screen and (max-height: 900px) {
  #nav .nav-inner {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 480px) {
  #nav .nav-inner {
    margin-top: 00px;
    margin-right: 10px;
    margin-left: 3rem;
    position: fixed;
    padding-right: 0px;
    padding-left: 0;
  }
}
@media only screen and (max-height: 880px) {
  #nav .nav-inner nav.mod_navigation ul {
    margin-bottom: 2rem;
  }
}
#nav .nav-inner nav.mod_navigation ul li {
  margin: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 44px;
  display: block;
  font-family: 'sun_serif-regular', sans-serif;
  font-weight: 800;
  letter-spacing: 3px;
  transition: all cubic-bezier(0.18, 1, 0.21, 1) 0.9s;
}
#nav .nav-inner nav.mod_navigation ul li span {
  display: block;
  height: 3rem;
}
@media only screen and (max-height: 580px) {
  #nav .nav-inner nav.mod_navigation ul li {
    letter-spacing: 1px;
    font-size: 1.35rem;
    line-height: 1.2rem;
  }
  #nav .nav-inner nav.mod_navigation ul li span {
    height: 1.25rem;
  }
}
@media only screen and (min-height: 581px) and (max-height: 899px) {
  #nav .nav-inner nav.mod_navigation ul li {
    color: red !important;
    letter-spacing: 2px;
    font-size: 2.4rem;
    line-height: 1.1;
  }
  #nav .nav-inner nav.mod_navigation ul li span {
    height: 2.0rem;
  }
}
@media only screen and (min-height: 900px) and (max-height: 950px) {
  #nav .nav-inner nav.mod_navigation ul li {
    font-size: 2rem;
    line-height: 33px;
  }
  #nav .nav-inner nav.mod_navigation ul li span {
    height: 2rem;
  }
}
@media only screen and (min-height: 581px) and (max-height: 579px) {
  #nav .nav-inner nav.mod_navigation ul li #nav-socials {
    margin-top: .7rem;
  }
}
@media only screen and (max-height: 580px) {
  #nav .nav-inner nav.mod_navigation ul li #nav-socials {
    margin-top: .5rem;
  }
}
#nav .nav-inner nav.mod_navigation ul li a span,
#nav .nav-inner nav.mod_navigation ul li a {
  color: #737373;
  border-bottom: 0px solid #727272;
  font-weight: 800;
  text-decoration: none;
}
#nav .nav-inner nav.mod_navigation ul li a span:hover,
#nav .nav-inner nav.mod_navigation ul li a:hover {
  color: #a9cc21;
  border-bottom: 0px solid #a9cc21;
}
#nav .nav-inner nav.mod_navigation ul li.active span,
#nav .nav-inner nav.mod_navigation ul li.active strong {
  color: #fff;
  font-weight: 800;
  height: 3rem;
}
@media only screen and (max-height: 900px) {
  #nav .nav-inner nav.mod_navigation ul li.active span,
  #nav .nav-inner nav.mod_navigation ul li.active strong {
    height: 1em;
  }
}
@media only screen and (max-height: 580px) {
  #nav .nav-inner nav.mod_navigation ul li.active span,
  #nav .nav-inner nav.mod_navigation ul li.active strong {
    height: 1.25rem;
  }
}
@media only screen and (min-height: 581px) and (max-height: 579px) {
  #nav .nav-inner nav.mod_navigation ul li.active span,
  #nav .nav-inner nav.mod_navigation ul li.active strong {
    height: 1.4rem;
  }
}
#nav .nav-inner nav.mod_navigation ul li a.last span {
  color: #a9cc21;
}
#nav .nav-inner nav.mod_navigation ul li a.last:hover {
  color: #a9cc21;
}
nav.mod_navigation ul li {
  text-decoration: none;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  position: relative;
  width: 100%;
  width: auto;
  display: block;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all cubic-bezier(0.18, 1, 0.21, 1) 0.9s;
}
.show-menu nav.mod_navigation ul li:nth-child(0) {
  animation-delay: .3s;
}
.show-menu nav.mod_navigation ul li:nth-child(1) {
  animation-delay: .4s;
}
.show-menu nav.mod_navigation ul li:nth-child(2) {
  animation-delay: .5s;
}
.show-menu nav.mod_navigation ul li:nth-child(3) {
  animation-delay: .6s;
}
.show-menu nav.mod_navigation ul li:nth-child(4) {
  animation-delay: .7s;
}
.show-menu nav.mod_navigation ul li:nth-child(5) {
  animation-delay: .8s;
}
.show-menu nav.mod_navigation ul li:nth-child(6) {
  animation-delay: .9s;
}
.show-menu nav.mod_navigation ul li:nth-child(7) {
  animation-delay: 1.0s;
}
.show-menu nav.mod_navigation ul li {
  margin-left: -10px;
  -webkit-animation: MenuFadeIn 1s ease;
  -moz-animation: MenuFadeIn 1s ease;
  -o-animation: MenuFadeIn 1s ease;
  animation: MenuFadeIn 1s ease;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: MenuFadeIn;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
}
body.show-menu .mod_article {
  transform: translate(-40%, 0);
  transition: 1.5s transform cubic-bezier(0.18, 1.07, 0, 0.99);
}
body.show-menu-off .mod_article {
  transform: translate(0%, 0);
  transition: 2s transform cubic-bezier(0.18, 1.07, 0, 0.99);
}
body.tease-menu #nav {
  transform: translate(153%, 0);
  z-index: 999980;
  color: #fff;
}
#close-button {
  width: 100%;
  height: 70px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
#nav-close-btn-icon {
  width: 37px;
  height: 37px;
  position: absolute;
  left: 55%;
  top: 50%;
  margin-left: -19px;
  margin-top: -23px;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  #nav-close-btn-icon {
    left: 90%;
  }
}
#nav-close-btn-icon div {
  height: 1px;
  width: 37px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -18px;
  background-color: #bcbcbc;
}
#nav-close-btn-icon div:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 100%;
  content: ' ';
  background: #fff;
  transition: 0.5s right cubic-bezier(0.19, 1, 0.22, 1);
}
#nav-close-btn-icon div:nth-child(1) {
  transform: rotate(45deg);
}
#nav-close-btn-icon div:nth-child(2) {
  transform: rotate(-45deg);
}
#nav-close-btn-icon div:nth-child(2):before {
  transition: 0.5s right cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
}
#close-button:hover #nav-close-btn-icon div:before {
  right: 0;
}
#nav-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #51514e;
  opacity: 0;
  z-index: 99999;
  visibility: hidden;
  transition: 1.5s opacity cubic-bezier(0.18, 1.07, 0, 0.99);
}
body.show-menu #nav-overlay {
  opacity: .45;
  visibility: inherit;
  transition: 1.5s opacity cubic-bezier(0.18, 1.07, 0, 0.99);
}
body.show-menu-off #nav-overlay {
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-height: 881px) {
  #nav-socials::before {
    position: absolute;
    margin-top: 10px;
    left: 0;
    width: 0%;
    height: 1px;
    background: #000;
    opacity: .5;
    content: '';
    transition: 3.5s all cubic-bezier(0.18, 1.07, 0, 0.99);
  }
}
body.show-menu .mod_navigation ul li.active:after {
  display: block;
  width: 30%;
  transition-delay: .4s;
}
body.show-menu #nav-socials::before {
  display: block;
  width: 30%;
  transition-delay: .5s;
}
h4#nav-social-title {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: .75rem;
  margin-top: 13px;
  color: #f5f5f5;
  text-transform: uppercase;
  letter-spacing: .2em;
  float: left;
  padding-right: 4px;
  margin-top: 2.2rem;
}
@media only screen and (min-height: 581px) and (max-height: 899px) {
  h4#nav-social-title {
    margin-top: .7rem;
  }
}
@media only screen and (max-height: 580px) {
  h4#nav-social-title {
    margin-top: .5rem;
  }
}
#nav-socials {
  margin-top: 2rem;
}
@media only screen and (min-height: 581px) and (max-height: 899px) {
  #nav-socials {
    margin-top: .65rem;
  }
}
@media only screen and (max-height: 580px) {
  #nav-socials {
    margin-top: .5rem;
  }
}
h4 a {
  color: #fff;
  text-decoration: none;
}
h4 a:hover {
  text-decoration: underline;
}
#nav-socials-links {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  float: left;
  margin-top: 2rem;
}
@media only screen and (min-height: 581px) and (max-height: 899px) {
  #nav-socials-links {
    margin-top: .7rem;
  }
}
@media only screen and (max-height: 580px) {
  #nav-socials-links {
    margin-top: .5rem;
  }
}
.say-hello-nav,
.nav-social-link {
  display: inline-block;
  width: 1rem;
  vertical-align: top;
  margin-right: 8px;
  transition: color .3s;
  color: #616161;
  border-bottom: 0;
  text-decoration: none;
}
.say-hello-nav:before,
.nav-social-link:before {
  color: #616161;
  font-size: 1.2rem;
  transition: color .3s;
  text-decoration: none;
}
.say-hello-nav a:link,
.nav-social-link a:link,
.say-hello-nav a:visited,
.nav-social-link a:visited {
  color: #a9cc21;
}
.say-hello-nav:hover,
.nav-social-link:hover,
.say-hello-nav:hover:before,
.nav-social-link:hover:before {
  color: #a9cc21;
  border: 0;
  text-decoration: none;
}
.say-hello-nav {
  display: block;
  width: 360px;
}
#nav-social-title.hello h4 {
  margin-top: 1.2rem !important;
}
#say-hello {
  margin-top: 0rem;
}
.say-hello-nav {
  display: inline-block;
  width: 1rem;
  vertical-align: top;
  margin-right: 8px;
  transition: color .3s;
  color: #616161;
  border-bottom: 0;
  display: block;
  width: 360px;
}
.say-hello-nav:before {
  color: black;
  font-size: 1.0rem;
  transition: color .3s;
}
.say-hello-nav a:link,
.say-hello-nav a:visited {
  color: #afafaf;
  text-decoration: none;
}
.say-hello-nav:hover,
.say-hello-nav:hover:before {
  color: #a9cc21;
  border: 0;
}
.is--left-bar {
  transform: translate(-5rem, 0);
  transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
  position: fixed;
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: 4rem;
  z-index: 1;
}
@media only screen and (min-width: 1921px) {
  .is--left-bar {
    transform: translate(-5.5rem, 0);
    opacity: 0;
  }
}
.is--left-bar .is--logow {
  background: #000000;
  display: block;
  position: absolute;
  left: 1rem;
  top: 1rem;
  z-index: 99990999999;
  width: 4rem;
  height: 4rem;
  padding: 1.25rem .5rem 0 .5rem;
  box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .is--left-bar .is--logow {
    height: 2.5rem;
    width: 2.5rem;
    padding: .75rem .5rem 0 .5rem;
  }
}
.is--left-bar .is--logow img {
  width: 3rem;
}
@media only screen and (max-width: 480px) {
  .is--left-bar .is--logow img {
    width: 2rem;
  }
}
.is--left-bar .is--btn-grid {
  position: relative;
  display: none;
  width: 4rem;
  height: 6rem;
  padding: 1.5rem 1rem ;
}
.is--left-bar .is--btn-grid img {
  max-width: 3vw;
}
.is--left-bar .is--logo-wollwinderei {
  width: 4rem;
  padding: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .is--left-bar .is--logo-wollwinderei {
    width: 3rem;
    padding: .75rem;
  }
}
.is--left-bar .is--logo-wollwinderei img {
  max-width: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .is--left-bar .is--logo-wollwinderei img {
    width: 1rem;
  }
}
.is--left-bar .is--logo-wollwinderei-txt {
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  transform: rotate(-90deg);
  font-family: 'sun_serif-bold';
  font-size: 2.1rem;
  font-weight: bold;
  font-weight: 600;
  color: #000;
  width: 20rem;
  height: 4rem;
  padding-top: 1rem;
  position: relative;
  left: -6.5rem;
  top: 15rem;
}
@media only screen and (max-width: 768px) {
  .is--left-bar .is--logo-wollwinderei-txt {
    font-size: 1.9rem;
    left: -7.2rem;
    top: 12rem;
  }
}
#header.viewed .is--left-bar {
  transform: translate(0rem, 0);
  z-index: 99999980;
  transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (min-width: 1920px) {
  #header.viewed .is--left-bar {
    transform: translate(1rem, 1rem);
    opacity: 1;
  }
}
.is--right-bar {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999999999;
  width: 4rem;
}
.is--right-bar .is--menu {
  width: 6rem;
  margin-left: -2rem;
}
.is--right-bar .is--menu a {
  text-decoration: none;
  color: white;
}
.is--right-bar .is--menu a span {
  display: none;
}
.is--right-bar .is--menu .a-burger {
  width: 6rem;
  float: left;
  padding: 2rem 0;
  text-decoration: none;
  color: white;
  font-weight: 800;
  letter-spacing: 1px;
  font-size: .9rem;
  line-height: 1.25rem;
  padding-left: .25rem;
}
.is--right-bar .is--menu .burger {
  cursor: pointer;
  float: right;
  position: relative;
  width: 2rem;
  height: 1.25rem;
  right: .75rem;
  border-top: .2rem solid white;
  top: 0;
}
.is--right-bar .is--menu .burger:before,
.is--right-bar .is--menu .burger:after {
  content: '';
  position: absolute;
  background: white;
  height: .175rem;
  width: 1.5rem;
  display: block;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(0deg) translateX(0) translateY(0);
  -ms-transform: rotate(0deg) translateX(0) translateY(0);
  transform: rotate(0deg) translateX(0) translateY(0);
  transition: -webkit-transform 0.3s ease-in, background 0.5s ease;
}
.is--right-bar .is--menu .burger:before {
  width: 1.8rem;
  top: .34rem;
}
.is--right-bar .is--menu .burger:after {
  width: 1.3rem;
  bottom: 0;
}
.is--right-bar .is--menu .a-burger:hover .burger {
  border: none;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
}
.is--right-bar .is--menu .a-burger:hover .burger:before {
  -webkit-transform: rotate(45deg) translateX(0) translateY(-4px);
  -ms-transform: rotate(45deg) translateX(0) translateY(-4px);
  transform: rotate(45deg) translateX(0) translateY(-4px);
}
.is--right-bar .is--menu .a-burger:hover .burger:after {
  width: 1.8rem;
  -webkit-transform: rotate(-45deg) translateX(-4px) translateY(4px);
  -ms-transform: rotate(-45deg) translateX(-0.25rem) translateY(0.25rem);
  transform: rotate(-45deg) translateX(-4px) translateY(4px);
}
.is--right-bar body.show-menu .is--menu {
  transform: translate(-20%, 0);
  transition: transform 500ms ease-out;
}
.is--right-bar .is--slogan {
  position: absolute;
  top: 20rem;
  right: -10.5rem;
  width: 27rem;
  height: 4rem;
  text-align: center;
  vertical-align: middle;
  display: block;
  transform: rotate(-90deg);
}
@media only screen and (max-width: 1024px) {
  .is--right-bar .is--slogan {
    width: 29rem;
    right: -12rem;
  }
}
.is--right-bar .is--slogan p {
  height: 6rem;
  width: 490px;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 6rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: white;
}
@media only screen and (min-width: only screen and (min-width: 1920px)) {
  .is--right-bar .is--slogan p {
    color: #444;
  }
}
.is--right-bar .is--slogan p em {
  font-family: 'Inter', sans-serif;
}
.is--left-bar.black .is--logo-wollwinderei-txt {
  transition: 2s color cubic-bezier(0.19, 1, 0.22, 1);
  color: black;
}
.is--left-bar.white .is--logo-wollwinderei-txt {
  transition: 2s color cubic-bezier(0.19, 1, 0.22, 1);
  color: white;
}
.is--right-bar.black .is--menu a {
  color: black;
  transition: 2s color cubic-bezier(0.19, 1, 0.22, 1);
}
.is--right-bar.black .is--menu .a-burger {
  color: black;
}
.is--right-bar.black .burger {
  border-top-color: black;
}
.is--right-bar.black .burger:before,
.is--right-bar.black .burger:after {
  background: black;
}
.is--right-bar.black .is--slogan p {
  color: black;
  transition: 2s color cubic-bezier(0.19, 1, 0.22, 1);
}
.is--right-bar.white .is--menu a {
  color: white;
}
.is--right-bar.white .is--menu .a-burger {
  color: white;
}
.is--right-bar.white .burger {
  border-top-color: white;
}
.is--right-bar.white .burger:before,
.is--right-bar.white .burger:after {
  background: white;
}
.is--right-bar.white .is--slogan p {
  color: white;
  transition: 2s color cubic-bezier(0.19, 1, 0.22, 1);
}
.start-slider {
  max-width: 100%;
  max-height: 792px;
  height: 792px;
  padding: 0 5rem 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .start-slider {
    height: 100vh;
    min-width: 100vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .start-slider {
    padding-right: calc(5rem - 1.5rem);
    max-height: 300px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .start-slider {
    padding-right: calc(5rem - 1.5rem);
    height: 560px;
    max-height: 560px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .start-slider {
    height: 440px;
    max-height: 440px;
  }
}
@media only screen and (min-width: 1024px) {
  .start-slider {
    font-size: 2.1rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1200px) {
  .start-slider {
    font-size: 2.4rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1600px) {
  .start-slider {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1920px) {
  .start-slider {
    font-size: 2.85rem;
  }
}
.start-slider .slick-arrow.slick-next,
.start-slider .slick-arrow.slick-prev {
  position: absolute;
  bottom: 2rem;
  right: -50px;
  display: none;
}
@media only screen and (max-width: 768px) {
  .start-slider .slick-arrow.slick-next,
  .start-slider .slick-arrow.slick-prev {
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .start-slider .slick-arrow.slick-next,
  .start-slider .slick-arrow.slick-prev {
    right: -28px;
  }
}
@media only screen and (min-width: 1200px) {
  .start-slider .slick-arrow.slick-next,
  .start-slider .slick-arrow.slick-prev {
    right: -42px;
  }
}
@media only screen and (min-width: 1440px) {
  .start-slider .slick-arrow.slick-next,
  .start-slider .slick-arrow.slick-prev {
    right: -44px;
  }
}
@media only screen and (min-width: 1600px) {
  .start-slider .slick-arrow.slick-next,
  .start-slider .slick-arrow.slick-prev {
    right: -48px;
  }
}
@media only screen and (min-width: 1600px) {
  .start-slider .slick-arrow.slick-next,
  .start-slider .slick-arrow.slick-prev {
    right: -50px;
  }
}
.start-slider .slick-arrow.slick-next::before,
.start-slider .slick-arrow.slick-prev::before {
  display: block;
  content: "\203a";
  font-size: 2rem;
  color: white;
}
.start-slider .slick-arrow.slick-prev {
  bottom: 4rem;
}
.start-slider .slick-arrow.slick-prev::before {
  content: "\2039";
}
.start-slider .content-text.text-slider,
.start-slider .heroimage-background-overlay {
  background: #1a191b;
  background: -moz-linear-gradient(bottom, rgba(27, 26, 28, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(bottom, rgba(27, 26, 28, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top, rgba(27, 26, 28, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  position: relative;
  top: 0rem;
  height: 792px;
  left: 0rem;
  color: #fff;
  width: 100%;
  z-index: 9999;
}
@media only screen and (max-width: 768px) {
  .start-slider .content-text.text-slider,
  .start-slider .heroimage-background-overlay {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .start-slider .content-text.text-slider,
  .start-slider .heroimage-background-overlay {
    height: 450px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .start-slider .content-text.text-slider,
  .start-slider .heroimage-background-overlay {
    padding-right: calc(5rem - 1.5rem);
    max-height: 560px;
  }
}
.start-slider .content-text.text-slider .heroimage-content-box,
.start-slider .heroimage-background-overlay .heroimage-content-box {
  background: none;
  margin: 0;
  padding: 0;
}
.start-slider .content-text.text-slider .heroimage-content-box h2,
.start-slider .heroimage-background-overlay .heroimage-content-box h2 {
  color: #fff;
  font-weight: bold;
  text-transform: none;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  font-size: 3.2rem;
}
.start-slider .content-text.text-slider .heroimage-content-box h2 a,
.start-slider .heroimage-background-overlay .heroimage-content-box h2 a {
  font-style: italic;
  color: #fff;
}
.start-slider .content-text.text-slider .heroimage-content-box h2 a:hover,
.start-slider .heroimage-background-overlay .heroimage-content-box h2 a:hover {
  border-bottom: 0px solid white;
}
@media only screen and (max-width: 768px) {
  .start-slider .content-text.text-slider .heroimage-content-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box {
    max-height: 100px;
    height: 3em;
    width: 80%;
    padding-left: 0rem;
    bottom: 3.5rem;
    left: 2rem;
  }
  .start-slider .content-text.text-slider .heroimage-content-box h2,
  .start-slider .heroimage-background-overlay .heroimage-content-box h2 {
    font-size: 1.35rem;
    letter-spacing: 0px;
    letter-spacing: -0.05em;
    line-height: 1.25;
  }
  .start-slider .content-text.text-slider .heroimage-content-box h2 a,
  .start-slider .heroimage-background-overlay .heroimage-content-box h2 a {
    font-style: italic;
    color: #fff;
  }
  .start-slider .content-text.text-slider .heroimage-content-box h2 a:hover,
  .start-slider .heroimage-background-overlay .heroimage-content-box h2 a:hover {
    border-bottom: 0px solid white;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .start-slider .content-text.text-slider .heroimage-content-box h2,
  .start-slider .heroimage-background-overlay .heroimage-content-box h2 {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .start-slider .content-text.text-slider .heroimage-content-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box {
    max-height: 100px;
    height: 3em;
    width: 80%;
    padding-left: 0rem;
  }
  .start-slider .content-text.text-slider .heroimage-content-box h2,
  .start-slider .heroimage-background-overlay .heroimage-content-box h2 {
    font-size: 2.25rem;
    letter-spacing: 0px;
    letter-spacing: -0.05em;
    line-height: 1.25;
  }
  .start-slider .content-text.text-slider .heroimage-content-box h2 a,
  .start-slider .heroimage-background-overlay .heroimage-content-box h2 a {
    font-style: italic;
    color: #fff;
  }
  .start-slider .content-text.text-slider .heroimage-content-box h2 a:hover,
  .start-slider .heroimage-background-overlay .heroimage-content-box h2 a:hover {
    border-bottom: 0px solid white;
  }
}
@media only screen and (min-width: 1200px) {
  .start-slider .content-text.text-slider .heroimage-content-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box {
    width: 80%;
  }
}
@media only screen and (min-width: 1600px) {
  .start-slider .content-text.text-slider .heroimage-content-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box {
    width: 10%;
  }
}
.start-slider .content-text.text-slider .heroimage-content-box .heroimage-text-box,
.start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-text-box {
  z-index: 9999;
  position: absolute;
  bottom: 2.4em;
  left: 4rem;
  width: 80%;
  display: table;
}
@media only screen and (max-width: 768px) {
  .start-slider .content-text.text-slider .heroimage-content-box .heroimage-text-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-text-box {
    left: 2rem;
    bottom: 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .start-slider .content-text.text-slider .heroimage-content-box .heroimage-text-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-text-box {
    width: 60%;
    left: 3rem;
    bottom: 6rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .start-slider .content-text.text-slider .heroimage-content-box .heroimage-text-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-text-box {
    width: 80%;
    left: 3rem;
    bottom: 4rem;
  }
}
@media only screen and (min-width: 1200px) {
  .start-slider .content-text.text-slider .heroimage-content-box .heroimage-text-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-text-box {
    width: 80%;
  }
}
@media only screen and (min-width: 1600px) {
  .start-slider .content-text.text-slider .heroimage-content-box .heroimage-text-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-text-box {
    width: 70%;
  }
}
@media only screen and (min-width: 1920px) {
  .start-slider .content-text.text-slider .heroimage-content-box .heroimage-text-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-text-box {
    width: 70%;
  }
}
.start-slider .content-text.text-slider .heroimage-content-box .heroimage-button-box,
.start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-button-box {
  background: none;
  margin: 0;
  padding: 0;
  z-index: 9999;
  position: absolute;
  bottom: 4rem;
  left: 4rem;
}
@media only screen and (max-width: 768px) {
  .start-slider .content-text.text-slider .heroimage-content-box .heroimage-button-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-button-box {
    bottom: 2rem;
    left: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .start-slider .content-text.text-slider .heroimage-content-box .heroimage-button-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-button-box {
    left: 3rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .start-slider .content-text.text-slider .heroimage-content-box .heroimage-button-box,
  .start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-button-box {
    left: 3rem;
    bottom: 2rem;
  }
}
.start-slider .content-text.text-slider .heroimage-content-box .heroimage-button-box .btn,
.start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-button-box .btn {
  background: none;
  margin: 0;
  padding: 0;
  color: #fff !important;
  font-family: 'Inter', sans-serif;
  color: #fff;
  font-weight: 800;
  letter-spacing: 4px;
  font-size: 0.9rem;
  line-height: 1.4;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  font-style: normal;
  padding: .25rem 0;
  display: inline-block;
  position: relative;
  transition: 3s all cubic-bezier(0.19, 1, 0.22, 1);
}
.start-slider .content-text.text-slider .heroimage-content-box .heroimage-button-box .btn::after,
.start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-button-box .btn::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  top: 1.5rem;
  left: 0;
  background-color: #fff;
  transform-origin: bottom right;
  transition: transform 0.4s cubic-bezier(0.86, 0, 0.07000000000000001, 1);
}
.start-slider .content-text.text-slider .heroimage-content-box .heroimage-button-box .btn:hover::after,
.start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-button-box .btn:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
@media only screen and (max-width: 768px) {
  .start-slider .content-text.text-slider .heroimage-content-box .heroimage-button-box .btn,
  .start-slider .heroimage-background-overlay .heroimage-content-box .heroimage-button-box .btn {
    letter-spacing: 1px;
    font-size: .85rem;
  }
}
.start-slider .slick-slide h2 {
  opacity: .0;
}
.start-slider .slick-slide .heroimage-button-box a {
  opacity: 0;
}
.start-slider .slick-slide.slick-active h2 {
  animation: textHidden 0.1s 2.1s forwards;
}
.start-slider .slick-slide.slick-active h2:before,
.start-slider .slick-slide.slick-active h2:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 10;
}
.start-slider .slick-slide.slick-active h2:before {
  background-color: #1d1d1b;
  animation-delay: .5s;
  animation: revealLTR 1.8s 1.2s ease;
}
.start-slider .slick-slide.slick-active h2:after {
  background-color: #a9cc21;
  animation-delay: 2.5s;
  animation: revealLTR 1s 1.6s ease;
}
.start-slider .slick-slide.slick-active .heroimage-button-box a {
  animation: textHidden 0.1s 2.1s forwards;
}
.start-slider .slick-slide.slick-active .heroimage-button-box a:before,
.start-slider .slick-slide.slick-active .heroimage-button-box a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 10;
}
.start-slider .slick-slide.slick-active .heroimage-button-box a:before {
  background-color: #1d1d1b;
  animation-delay: 1.5s;
  animation: revealLTR 1.8s 1.2s ease;
}
.start-slider .slick-slide.slick-active .heroimage-button-box a:after {
  background-color: #a9cc21;
  animation-delay: 2.5s;
  animation: revealLTR 1s 1.6s ease;
}
.start-slider .slick-slide.slick-active .heroimage-wrapper:before,
.start-slider .slick-slide.slick-active .heroimage-wrapper:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 9999;
}
.start-slider .slick-slide.slick-active .heroimage-wrapper:before {
  background-color: #1a191b;
  animation: revealLTR 1.1s ease;
}
.start-slider .slick-slide.slick-active .heroimage-wrapper:after {
  background-color: #a9cc21;
  animation-delay: 4.2s;
  animation: revealLTR 1s .6s ease;
}
@keyframes textHidden {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}
/* Old shadow dom for play button */
*::--webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}
/* New shadow dom for play button */
/* This one works */
*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
.welcome {
  background: #1a191b;
  /*
		&.bg-grad {
		    animation: bgfadein_black_grad 2s .1s both;
		}
*/
  background: -moz-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: -webkit-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: linear-gradient(to bottom, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='rgba(243, 243, 243, 0)', GradientType=0);
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .welcome.p-left {
    padding-left: 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .welcome.p-left {
    padding-left: calc(10rem - 4rem);
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .welcome.p-left {
    padding-left: calc(10rem - 4rem);
  }
  .welcome.p-right {
    padding-right: calc(5rem - 1rem);
  }
}
.welcome h2 {
  position: relative;
  font-family: 'sun_serif-bold';
  font-weight: normal;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.85rem;
  line-height: 1.25;
  display: inline-block;
  margin-bottom: 0.95em;
}
@media only screen and (max-width: 768px) {
  .welcome h2 {
    line-height: 1;
  }
}
.welcome h2 strong,
.welcome h2 em {
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
  letter-spacing: -0.05em;
  font-size: 2.85rem;
  color: #fff;
  display: inline;
}
@media only screen and (max-width: 768px) {
  .welcome h2 strong,
  .welcome h2 em {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .welcome h2 strong,
  .welcome h2 em {
    font-size: 2.1rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1200px) {
  .welcome h2 strong,
  .welcome h2 em {
    font-size: 2.4rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1600px) {
  .welcome h2 strong,
  .welcome h2 em {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1920px) {
  .welcome h2 strong,
  .welcome h2 em {
    font-size: 2.85rem;
  }
}
.welcome h2 em {
  font-style: italic;
  font-weight: normal;
  font-family: 'sun_serif-italic';
}
.welcome .content-text p {
  position: relative;
  width: 80%;
  font-size: 1.5rem;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.welcome .content-text p strong,
.welcome .content-text p a,
.welcome .content-text p em a {
  font-weight: 900;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1em;
  color: #fff;
  display: inline;
  color: #fff !important;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  .welcome .content-text p {
    font-size: 1.6rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .welcome .content-text p {
    font-size: 1.75rem;
    width: 100%;
    padding-bottom: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .welcome .content-text p {
    width: 85%;
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .welcome .content-text p {
    font-size: 1.8rem;
    width: 80%;
  }
}
@media only screen and (min-width: 1600px) {
  .welcome .content-text p {
    width: 70%;
  }
}
.welcome .content-text a.content__text-link {
  color: #fff;
  font-weight: normal;
  display: inline-block;
  font-style: italic;
}
.welcome .content-text a.content__text-link::after {
  display: block;
  content: '';
  z-index: 1;
  width: 100%;
  bottom: 0.25rem;
  left: 0;
  position: absolute;
  height: 2px;
  background: white;
}
.welcome .col-30.off-canvas {
  margin-left: -100px;
}
@media only screen and (max-width: 480px) {
  .welcome .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 101%;
    z-index: -9;
    width: 80vw;
  }
}
@media only screen and (max-width: 321px) {
  .welcome .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 140%;
    z-index: -9;
    width: 85vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .welcome .col-30.off-canvas {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 1200px) {
  .welcome .col-30.off-canvas {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .welcome .col-80 {
    padding: 3rem 2rem 4rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .welcome .col-80 {
    padding-top: 3rem;
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .welcome .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .welcome .col-80 {
    padding: 4rem 2rem 4rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .welcome .col-80 {
    padding: 5rem 5rem 5rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .welcome .col-80 {
    padding: 7rem 5rem 5rem 0rem;
  }
}
.content-text strong {
  text-transform: uppercase;
  color: #333;
  font-weight: 800;
  line-height: 1.1;
  font-size: 1.3rem;
  letter-spacing: 4px;
  margin: 1.5rem 0 2.0rem 0;
  display: inline-block;
}
@media only screen and (max-width: 321px) {
  .content-text strong {
    width: 60%;
    display: flex;
    font-size: 1.1rem;
  }
}
.kundenliste {
  background: url("../../files/wollwinderei/bilder/background-start-kunden.jpg") #1a191b;
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media only screen and (max-width: 767px) {
  .kundenliste {
    background-size: 70%;
    background-position: 28vw -70px !important;
  }
}
@media only screen and (max-width: 321px) and (max-width: 767px) {
  .kundenliste {
    background-size: 50%;
    background-position: 16vw -85px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1600px) {
  .kundenliste {
    background-size: 55%;
    background-position: right top !important;
  }
}
@media only screen and (min-width: 1024px) {
  .kundenliste {
    background-size: 47%;
  }
}
@media only screen and (min-width: 1200px) {
  .kundenliste {
    background-size: 50%;
  }
}
@media only screen and (min-width: 1440px) {
  .kundenliste {
    background-size: 55%;
  }
}
@media only screen and (min-width: 1600px) {
  .kundenliste {
    background-size: 55%;
  }
}
.kundenliste.grid {
  padding: 8rem 0rem 5rem 10rem;
}
@media only screen and (max-width: 480px) {
  .kundenliste.grid {
    padding: 4rem 4rem 0rem 3.5rem;
  }
}
@media only screen and (max-width: 321px) {
  .kundenliste.grid {
    padding: 3rem 4rem 0rem 3.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .kundenliste.grid {
    padding: 4rem 0rem 3rem 5rem;
    min-width: 100vw;
    max-width: 100vw;
  }
}
.kundenliste .slider-control {
  display: none;
}
.kundenliste h2,
.kundenliste h4,
.kundenliste h5,
.kundenliste h6,
.kundenliste p {
  color: #fff;
}
.kundenliste span em {
  color: #fff;
  font-style: normal;
}
.kundenliste .col-40 {
  padding-right: 5%;
}
.kundenliste .col-20 {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  padding-left: 3rem;
  position: relative;
}
.kundenliste .col-20 p {
  font-size: .8rem;
}
.kundenliste .col-20 p a:hover {
  cursor: pointer;
}
.kundenliste .col-20 p a:hover:after {
  content: '\e80b';
  font-family: "icons";
  margin-left: 4px;
}
.kundenliste .col-20 hr {
  border: 0;
  height: 1rem;
  display: block;
}
.kundenliste .col-20 h6 {
  position: absolute;
  margin-left: -2rem;
  font-family: 'sun_serif-bold';
  color: #f0f0f0;
  font-size: 5rem;
  z-index: -99;
  font-weight: 800;
  padding-top: .25rem;
}
.kundenliste .col-60 {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .kundenliste .col-60 {
    width: 90%;
    float: none;
  }
  .kundenliste .col-60 p {
    font-size: 1.0rem;
  }
  .kundenliste .col-60.first {
    padding-top: 9rem;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .kundenliste .col-60 {
    width: 60%;
  }
}
@media only screen and (max-width: 321px) {
  .kundenliste .col-60 {
    width: 210px;
    float: none;
  }
  .kundenliste .col-60 p {
    font-size: 1.0rem;
  }
}
@media only screen and (min-width: 1024px) {
  .kundenliste .col-60 {
    width: 64%;
  }
}
@media only screen and (min-width: 1600px) {
  .kundenliste .col-60.content-text {
    width: 55%;
  }
}
.kundenliste .kunden-has--items .is--item {
  float: left;
  width: 23%;
  padding-right: 2%;
  height: 8.5rem;
  padding: auto 0;
  display: block;
  transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.2s ease-in-out;
}
.kundenliste .kunden-has--items .is--item h2 {
  display: none;
}
@media only screen and (max-width: 768px) {
  .kundenliste .kunden-has--items .is--item {
    width: 50%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .kundenliste .kunden-has--items .is--item {
    width: 25%;
  }
}
@media only screen and (min-width: 765px) and (max-width: 1000px) {
  .kundenliste .kunden-has--items .is--item {
    width: 33%;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1400px) {
  .kundenliste .kunden-has--items .is--item {
    width: 25%;
  }
}
@media only screen and (min-width: 1024px) {
  .kundenliste .kunden-has--items .is--item {
    height: 5.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .kundenliste .kunden-has--items .is--item {
    height: 7.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .kundenliste .kunden-has--items .is--item.center {
    padding-top: 1.0rem;
  }
}
.kundenliste .kunden-has--items .is--item:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.is--testimonial {
  background: #1a191b;
  padding: 0rem 8rem 8rem 10rem;
}
.is--testimonial h4,
.is--testimonial h5,
.is--testimonial h6,
.is--testimonial p,
.is--testimonial .content-text strong {
  color: #fff;
}
.is--testimonial h5 {
  /*
		font-family: @font-serif;
		font-weight: bold;
		font-style: italic;
		text-transform: none;
		letter-spacing: 0;
*/
}
@media only screen and (max-width: 480px) {
  .is--testimonial h2,
  .is--testimonial .content-text strong {
    width: 150% !important;
  }
}
.is--testimonial h2,
.is--testimonial h2 strong {
  font-family: 'Inter', sans-serif;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
  font-style: normal;
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: 1.85rem;
}
@media only screen and (max-width: 768px) {
  .is--testimonial {
    padding: 4rem 4rem 4rem 5rem;
  }
}
@media only screen and (max-width: 480px) {
  .is--testimonial .col-20,
  .is--testimonial .col-80 {
    width: 100%;
    float: none;
  }
}
.is--testimonial .is--testimonial-item p {
  width: 80%;
}
@media only screen and (max-width: 480px) {
  .is--testimonial .is--testimonial-item p {
    width: 100%;
  }
}
.is--testimonial .is--testimonial-item ul {
  margin-left: 0rem;
  margin-top: 1.5rem;
  position: relative;
  font-family: 'sun_serif-regular', sans-serif;
  font-weight: normal;
  font-style: italic;
  line-height: 1.5;
}
.is--testimonial .is--testimonial-item ul li:nth-child(1) {
  font-size: 1.0rem;
  font-weight: bold;
  color: #fff;
  font-style: italic;
}
.is--testimonial .is--testimonial-item ul li,
.is--testimonial .is--testimonial-item ul li a {
  color: #c5c5c5;
}
.is--testimonial .is--testimonial-item ul li a:hover {
  color: #fff;
}
.jobs {
  padding-bottom: 5rem;
  background: #1a191b;
}
@media only screen and (min-width: 1024px) {
  .jobs {
    padding: 0rem 10rem 5rem 10rem;
  }
}
@media only screen and (min-width: 1920px) {
  .jobs {
    padding-left: 0 !important;
  }
}
.jobs .col-40 {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.jobs .col-40 video {
  height: 650px;
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .jobs .col-40 video {
    height: 466px !important;
    left: -30%;
    width: auto;
    margin-top: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 321px) {
  .jobs .col-40 video {
    height: 940px !important;
    width: auto !important;
    margin-top: 0 !important;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .jobs .col-40 video {
    width: 100vw !important;
    height: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .jobs .col-40 video {
    left: -7% !important;
  }
}
@media only screen and (max-width: 768px) {
  .jobs .col-40 {
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .jobs .col-40 {
    width: 100vw !important;
    height: auto;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .jobs .col-40 {
    width: 40%;
  }
  .jobs .col-40 video {
    height: 440px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .jobs .col-40 {
    width: 40%;
  }
  .jobs .col-40 video {
    height: 440px;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .jobs .col-40 {
    width: 45%;
  }
  .jobs .col-40 video {
    height: 570px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .jobs .col-40 {
    width: 45%;
  }
  .jobs .col-40 video {
    height: 600px;
  }
}
.jobs .content-text {
  font-family: 'sun_serif-regular', sans-serif;
  font-style: italic;
  font-weight: normal;
  font-size: 1rem;
}
.jobs .content-text strong {
  color: #fff;
}
.jobs .content-text h5 {
  margin-top: 6rem;
  color: #ffffff;
}
@media only screen and (max-width: 480px) {
  .jobs .content-text h5 {
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 1024px) {
  .jobs .content-text h5 {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .jobs .content-text h5 {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 1440px) {
  .jobs .content-text h5 {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 1600px) {
  .jobs .content-text h5 {
    margin-top: 6rem;
  }
}
.jobs .content-text.no-pad h5 {
  margin-top: 1rem;
  font-family: 'sun_serif-bold';
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
  font-size: .95rem;
  padding-bottom: .1em;
}
@media only screen and (max-width: 480px) {
  .jobs .content-text.no-pad h5 {
    margin-top: 1rem;
  }
}
.jobs .content-text h3 {
  margin: 1.5rem 0 2rem 0;
  line-height: 1.4;
}
.jobs h2,
.jobs h2 a {
  color: white !important;
  display: inline-block;
  position: relative;
  font-size: 1.75rem;
}
@media only screen and (max-width: 480px) {
  .jobs h2,
  .jobs h2 a {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 481px) and (max-width: 1440px) {
  .jobs h2,
  .jobs h2 a {
    font-size: 1.1rem;
  }
}
.jobs p {
  color: #fff;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: .0rem;
  z-index: 2;
  font-style: italic;
  font-size: 1rem;
}
.jobs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .jobs ul {
    margin-top: .5rem;
  }
}
.jobs ul li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 0px;
  padding-top: .5rem;
}
.jobs ul li a {
  display: inline-block;
  position: relative;
}
.jobs ul li a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: white;
  transform-origin: bottom right;
  transition: transform 0.4s cubic-bezier(0.86, 0, 0.07000000000000001, 1);
}
.jobs ul li a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.jobs ul li h2 a {
  color: #fff;
}
.jobs-left-vid {
  float: left;
}
.jobs-left-vid.col-40 {
  width: 45%;
}
@media only screen and (min-width: 1920px) {
  .jobs-left-vid.col-40 {
    padding-left: 10rem;
  }
}
.jobs-right-txt {
  float: left;
  margin-left: 4%;
  width: 50%;
}
@media only screen and (min-width: 1920px) {
  .jobs-right-txt {
    padding-right: 5rem;
  }
}
.jobs-right-txt .content-text {
  margin-left: 0;
  width: 100%;
}
@media only screen and (max-width: 768px), only screen and (min-width: 768px) and (max-width: 1023px) {
  .jobs {
    height: auto !important;
  }
  .jobs .jobs .col-40 video {
    width: 100% !important;
    height: auto !important;
    margin: 0;
  }
  .jobs .jobs-left-vid {
    float: none;
  }
  .jobs .jobs-left-vid.col-40 {
    width: 100vw;
  }
  .jobs .jobs-right-txt {
    float: none;
    width: 80vw;
    margin-left: 5rem;
  }
  .jobs .jobs-right-txt .content-text {
    position: inherit;
    margin-left: 0;
    width: 100%;
  }
  .jobs .jobs-right-txt .content-text.teaser p {
    font-size: 1.3rem;
  }
  .jobs .jobs-right-txt .content-text p {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .jobs {
    height: auto !important;
  }
}
@media only screen and (min-width: 1024px) {
  .jobs {
    height: auto !important;
    padding-left: 5rem;
    padding-right: 2rem;
  }
}
.is--subsite .jobs .content-text.teaser {
  padding-top: 1.5rem;
}
.is--subsite .jobs .content-text.teaser p {
  font-size: 1.15rem;
  line-height: 1.6;
}
.is--subsite .jobs .content-text em {
  font-weight: bold;
  font-style: italic;
  color: #fff;
}
.is--subsite .jobs .content-text h5 {
  font-size: 1.2rem;
}
.is--subsite .jobs .content-text h4 {
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-size: .85rem;
  font-weight: 900;
  letter-spacing: 3px;
  margin-bottom: 0.2rem;
  margin-top: .5rem;
}
.einblicke .content-text,
.einblicke .ce_image {
  float: left;
}
.einblicke .ce_image {
  width: 75%;
  max-width: 1300px;
  padding-left: 4rem;
  transition: all 1.5s ease-in;
  opacity: .4;
}
.einblicke.viewed .ce_image {
  transition: all 1.5s ease-in;
  opacity: 1;
}
.einblicke .content-text {
  width: 22%;
  padding: 10rem 0 0 3rem;
}
.einblicke:before {
  content: ' ';
  background: #eaeaea;
  width: 90%;
  max-width: 1600px;
  height: 800px;
  position: absolute;
  left: 0;
  margin-top: -5rem;
  z-index: -99;
  transition: all 1s ease-in;
  opacity: 0;
}
.einblicke.viewed:before {
  transition: all 1s ease-in;
  opacity: 1;
}
@media only screen and (max-width: 480px) {
  .mod_article.kontakt .ce_image.col-30,
  .mod_article.kontakt .mod_rocksolid_slider.col-30,
  .mod_article.kontakt .ce_dlh_googlemaps.col-30 {
    width: 100vw;
    height: auto;
  }
}
7 .footer-kontakt {
  padding-bottom: 4rem;
  display: inline-block;
}
7 .footer-kontakt .footer-big-nav.content-text a {
  letter-spacing: 5px;
  font-size: 3.0em;
  font-weight: 600;
  text-align: center;
  font-family: 'sun_serif-regular', sans-serif;
  color: #dedede;
  font-style: italic;
  line-height: 1em;
  padding-left: 7rem;
}
7 .footer-kontakt .kontakt-item .content-text strong {
  margin: 0 !important;
  font-weight: normal;
  text-transform: none;
}
7 .footer-kontakt .kontakt-item em {
  padding-top: 5rem;
  display: inline-block;
  font-family: 'sun_serif-regular', sans-serif;
  letter-spacing: 1px;
  font-size: 1.5em;
  font-weight: 600;
  color: #000 !important;
}
7 .footer-kontakt .kontakt-item p strong {
  font-size: 1rem;
  margin: 0 !important;
}
7 .footer-kontakt .kontakt-item:before {
  content: "w";
  font-family: 'sun_serif-bold';
  font-size: 25rem;
  position: absolute;
  z-index: -99;
  font-weight: bold;
  margin-left: -5rem;
  margin-top: 5rem;
  color: #e8e8e8;
}
.kontakt-black .checkbox_container input[type=checkbox],
.kontakt .checkbox_container input[type=checkbox] {
  vertical-align: baseline;
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  background: #fff;
  position: relative;
  top: 1px;
  border: 2px solid #fff;
}
.kontakt-black .checkbox_container input[type=checkbox]:hover,
.kontakt .checkbox_container input[type=checkbox]:hover {
  background: #a9cc21;
}
.kontakt-black .checkbox_container input[type=checkbox]:checked,
.kontakt .checkbox_container input[type=checkbox]:checked {
  background: #a9cc21;
  border-color: #a9cc21;
}
.footer-big-nav ul li {
  position: relative;
  width: 100%;
  display: block;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all cubic-bezier(0.18, 1, 0.21, 1) 1.4s;
}
.footer-big-nav.viewed ul li:nth-child(1) {
  animation-delay: .5s;
}
.footer-big-nav.viewed ul li:nth-child(2) {
  animation-delay: .8s;
}
.footer-big-nav.viewed ul li:nth-child(3) {
  animation-delay: 1.1s;
}
.footer-big-nav.viewed ul li:nth-child(4) {
  animation-delay: 1.3s;
}
.footer-big-nav.viewed ul li {
  margin-left: -10px;
  -webkit-animation: MenuFadeIn 1s ease;
  -moz-animation: MenuFadeIn 1s ease;
  -o-animation: MenuFadeIn 1s ease;
  animation: MenuFadeIn 1s ease;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: MenuFadeIn;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
}
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .footer-kontakt .footer-big-nav {
    padding-top: .5rem;
  }
  .footer-kontakt .footer-big-nav.content-text a {
    letter-spacing: 3px;
    font-size: 2.7em;
    text-align: left;
  }
}
@media only screen and (max-width: 480px) {
  .footer-kontakt {
    padding-bottom: 4rem;
  }
  .footer-kontakt .footer-big-nav.col-40 {
    width: 100%;
    float: none;
  }
  .footer-kontakt .footer-big-nav.content-text a {
    letter-spacing: 3px;
    font-size: 2.0em;
    text-align: left;
    padding-left: 3rem;
  }
  .footer-kontakt .col-50.kontakt-item {
    width: 100%;
    float: none;
    padding-left: 3rem;
  }
  .footer-kontakt .col-50.kontakt-item em {
    font-family: 'sun_serif-regular', sans-serif;
    letter-spacing: 1px;
    font-size: 1.5em;
    font-weight: 600;
    color: #000 !important;
  }
  .footer-kontakt .col-50.kontakt-item p strong {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 321px) {
  .footer-kontakt {
    padding-bottom: 2rem;
  }
  .footer-kontakt .footer-big-nav.content-text a {
    font-size: 1.5em;
  }
  .footer-kontakt .col-50.kontakt-item {
    width: 100%;
    float: none;
    padding-left: 3rem;
  }
  .footer-kontakt .col-50.kontakt-item em {
    font-size: 1.4em;
  }
  .footer-kontakt .col-50.kontakt-item p strong {
    font-size: .9rem;
  }
  .footer-kontakt .content-text strong {
    width: 90% !important;
  }
}
footer {
  background-color: #F3F3F3;
  height: 100vh;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -5;
  max-width: only screen and (min-width: 1600px);
  max-width: only screen and (min-width: 1920px);
}
@media only screen and (max-width: 480px) {
  footer {
    position: inherit;
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  footer {
    position: inherit;
    height: auto;
    z-index: 9;
  }
}
@media only screen and (min-width: 1921px) {
  footer {
    position: inherit;
    height: auto;
    z-index: 999;
  }
}
#container {
  background: #f3f3f3;
  position: relative;
  margin-bottom: 100vh;
  padding-bottom: 0px;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  #container {
    margin-bottom: 0em;
  }
}
@media only screen and (min-width: 1921px) {
  #container {
    margin-bottom: 0em;
  }
}
footer {
  background-color: #1a191b;
  background: url("../../files/wollwinderei/bilder/wollwinderei_kontakt_footer.gif");
  background-size: cover;
}
footer::before {
  content: '';
  background: #1a191b;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  display: block;
  opacity: .3;
}
.kontakt-black,
.kontakt {
  height: 100vh;
}
@media only screen and (max-width: 768px) {
  .kontakt-black,
  .kontakt {
    height: auto;
  }
}
.kontakt-black a,
.kontakt a {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .kontakt-black .kontakt-footer,
  .kontakt .kontakt-footer {
    width: 85%;
    float: none;
    padding: 5rem calc(5rem * 1.5);
  }
  .kontakt-black .kontakt-footer::after,
  .kontakt .kontakt-footer::after {
    content: '';
    clear: both;
    display: table;
  }
  .kontakt-black .kontakt-footer .content-text.about,
  .kontakt .kontakt-footer .content-text.about {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .kontakt-black .kontakt-footer,
  .kontakt .kontakt-footer {
    width: 85%;
    float: none;
    padding: 5rem calc(5rem * 1.5);
  }
  .kontakt-black .kontakt-footer::after,
  .kontakt .kontakt-footer::after {
    content: '';
    clear: both;
    display: table;
  }
  .kontakt-black .kontakt-footer .content-text.about,
  .kontakt .kontakt-footer .content-text.about {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .kontakt-black .kontakt-footer,
  .kontakt .kontakt-footer {
    padding: 8rem 4rem 6rem calc(10rem * 1);
  }
}
@media only screen and (min-width: 1440px) {
  .kontakt-black .kontakt-footer,
  .kontakt .kontakt-footer {
    padding: 8rem 6rem 6rem calc(10rem * 1);
  }
}
@media only screen and (min-width: 1920px) {
  .kontakt-black .kontakt-footer,
  .kontakt .kontakt-footer {
    padding: 8rem 6rem 6rem calc(10rem + 10rem/2);
  }
}
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .kontakt-black .kontakt-footer,
  .kontakt .kontakt-footer {
    padding: 4.5rem 2rem 2rem calc(10rem - 2rem);
  }
}
.kontakt-black .kontakt-footer strong,
.kontakt .kontakt-footer strong {
  font-family: 'sun_serif-bold';
  text-transform: none;
  letter-spacing: 0;
  color: #fff !important;
  font-size: 1.5rem;
  margin: 0;
}
.kontakt-black #nav-socials-links .nav-social-link,
.kontakt #nav-socials-links .nav-social-link {
  margin-right: 1.5em;
  display: inline-block;
}
.kontakt-black #nav-socials-links .nav-social-link:before,
.kontakt #nav-socials-links .nav-social-link:before {
  color: #fff;
  font-size: 1.5rem;
  text-decoration: none;
}
.kontakt-black p,
.kontakt p,
.kontakt-black h3,
.kontakt h3 {
  color: #fff;
}
.kontakt-black h3,
.kontakt h3 {
  font-size: 3rem;
  font-family: 'Inter', sans-serif;
  font-weight: 900;
  letter-spacing: -0.02em;
  padding-bottom: .5em;
}
.kontakt-black p,
.kontakt p {
  margin-bottom: 2rem;
}
.kontakt-black .ce_form.col-60,
.kontakt .ce_form.col-60 {
  padding: 8rem;
}
.kontakt-black .ce_form.col-60 p strong,
.kontakt .ce_form.col-60 p strong {
  color: white !important;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.3;
  margin: 0;
}
.kontakt-black .ce_form.col-60 a,
.kontakt .ce_form.col-60 a {
  font-family: 'sun_serif-bold';
  font-size: 1.9rem;
  font-weight: bold;
  display: inline-block;
  text-transform: none;
  color: #fff;
  margin-bottom: 0;
  letter-spacing: 0;
  text-decoration: underline;
  transition: 3s all cubic-bezier(0.19, 1, 0.22, 1);
}
.kontakt-black .ce_form.col-60 a:hover,
.kontakt .ce_form.col-60 a:hover {
  border: 0;
  text-decoration: none;
  transition: 3s all cubic-bezier(0.19, 1, 0.22, 1);
}
.kontakt-black .ce_form.col-60 p,
.kontakt .ce_form.col-60 p {
  margin: 0;
  margin: 1em 0;
}
@media only screen and (max-width: 768px) {
  .kontakt-black .ce_form.col-60,
  .kontakt .ce_form.col-60 {
    width: 90%;
    padding: 5rem calc(5rem * 1.5);
    padding-top: 0;
    float: none;
    display: block !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .kontakt-black .ce_form.col-60,
  .kontakt .ce_form.col-60 {
    width: 90%;
    padding: 5rem calc(5rem * 1.5);
    padding-top: 0;
    float: none;
    display: block !important;
  }
}
.kontakt-black input[type="text"],
.kontakt input[type="text"],
.kontakt-black input[type="password"],
.kontakt input[type="password"],
.kontakt-black input[type="date"],
.kontakt input[type="date"],
.kontakt-black input[type="datetime"],
.kontakt input[type="datetime"],
.kontakt-black input[type="email"],
.kontakt input[type="email"],
.kontakt-black input[type="number"],
.kontakt input[type="number"],
.kontakt-black input[type="search"],
.kontakt input[type="search"],
.kontakt-black input[type="tel"],
.kontakt input[type="tel"],
.kontakt-black input[type="time"],
.kontakt input[type="time"],
.kontakt-black input[type="url"],
.kontakt input[type="url"],
.kontakt-black input:not([type]),
.kontakt input:not([type]),
.kontakt-black textarea,
.kontakt textarea {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-size: 1.0rem;
  font-family: 'sun_serif-regular', sans-serif;
  background: transparent;
  border-bottom: 2px solid #2e2e2e;
}
.kontakt-black input[type="text"],
.kontakt input[type="text"] {
  width: 500px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .kontakt-black input[type="text"],
  .kontakt input[type="text"] {
    width: 350px;
  }
}
.kontakt-black textarea,
.kontakt textarea {
  vertical-align: top;
}
.kontakt-black label,
.kontakt label {
  color: #fff;
  font-size: 1.0rem;
  line-height: 1rem;
  font-weight: normal;
  letter-spacing: 0px;
  text-transform: none;
  font-style: italic;
  padding: .5rem 0 5px 4px;
  width: 7rem;
  display: inline-block;
  font-family: 'sun_serif-regular', sans-serif;
  display: none;
}
.kontakt-black .checkbox_container label,
.kontakt .checkbox_container label {
  width: 95% !important;
  font-size: .9rem;
  display: inline-block;
}
.kontakt-black .checkbox_container label a,
.kontakt .checkbox_container label a {
  color: #fff;
}
.kontakt-black .checkbox_container input[type=checkbox],
.kontakt .checkbox_container input[type=checkbox] {
  vertical-align: baseline;
}
.kontakt-black .widget-textarea,
.kontakt .widget-textarea {
  margin-bottom: 2rem;
}
.kontakt-black .widget-textarea label,
.kontakt .widget-textarea label {
  padding-top: 0;
}
.kontakt-black .widget.widget-text,
.kontakt .widget.widget-text {
  height: 3rem;
}
@media only screen and (max-width: 1200px) {
  .kontakt-black .widget.widget-text,
  .kontakt .widget.widget-text {
    height: 6rem;
  }
}
.kontakt-black input:focus,
.kontakt input:focus,
.kontakt-black textarea:focus,
.kontakt textarea:focus {
  transition: border 1.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border-bottom-color: #ffffff;
}
.kontakt-black input[type="submit"],
.kontakt input[type="submit"],
.kontakt-black button,
.kontakt button {
  display: inline-block;
  padding: .6rem 1.5em;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2em;
  font-size: 1.1rem;
  cursor: pointer;
  border: 0px solid #ccc;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: #fff;
  color: #000;
  background-image: none;
  background-repeat: repeat-x;
  -moz-transition: background .15s linear;
  -webkit-transition: background .15s linear;
  -o-transition: background .15s linear;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-appearance: none;
  margin-top: 1.5rem;
}
.kontakt-black input[type="submit"]:hover,
.kontakt input[type="submit"]:hover,
.kontakt-black button:hover,
.kontakt button:hover {
  background: #a9cc21;
  color: #fff;
}
.kontakt-black ::-webkit-input-placeholder,
.kontakt ::-webkit-input-placeholder,
.kontakt-black ::-moz-placeholder,
.kontakt ::-moz-placeholder,
.kontakt-black :-ms-input-placeholder,
.kontakt :-ms-input-placeholder,
.kontakt-black :-moz-placeholder,
.kontakt :-moz-placeholder {
  color: rgba(197, 235, 211, 0.77);
  opacity: .5;
}
.kontakt-black button,
.kontakt button {
  padding: .6rem 1.5em;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  color: #000;
  font-size: .95rem;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-appearance: none;
}
.kontakt-black button:hover,
.kontakt button:hover {
  background: #1d1d1b;
  color: #fff;
}
.kontakt-black .getincontact,
.kontakt .getincontact {
  height: 3rem;
}
.kontakt-black .getincontact a,
.kontakt .getincontact a {
  width: 100%;
  line-height: 3rem;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.kontakt-black.content-text p strong {
  color: white !important;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
}
.kontakt-black input[type="text"] {
  width: 65%;
}
@media only screen and (max-width: 760px) {
  .kontakt-black input[type="text"] {
    width: 100%;
  }
}
.kontakt-black label {
  width: 10rem;
}
.job-white.kontakt h2 {
  font-family: 'sun_serif-bold' !important;
  text-transform: none;
}
.job-white.kontakt strong {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: .7em;
  letter-spacing: 2px;
}
.job-white.kontakt h4 {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 1em;
  letter-spacing: 2px;
}
.job-white.kontakt p {
  color: #111 !important;
}
/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2016 Leo Feyer
 *
 * @package   EuF-Overlay
 * @author    Sebastian Buck
 * @license   LGPL
 * @copyright Erdmann & Freunde
 */
.euf_overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999999;
}
.euf_overlay__content {
  max-width: 400px;
  width: 100%;
  padding: 2em;
  margin: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
  position: absolute;
  margin: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  color: #000;
}
.euf_overlay__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem 0.75rem;
  border: 0;
  background: none;
  font-weight: 800;
  cursor: pointer;
}
.euf_overlay__close:hover {
  opacity: 0.5;
}
.euf_overlay__content {
  max-width: 28.5rem;
  width: 100%;
  height: 21rem;
  padding: 2em 7.5em 2em 18em;
  margin: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
  position: absolute;
  margin: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  color: #000;
}
.euf_overlay__close {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0;
  border: none;
  background-color: #E8E8E8;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 800;
  height: 2rem;
  width: 2rem;
  outline: 0 !important;
}
.euf_overlay__close:hover {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.euf_overlay__image {
  position: absolute;
  height: 25.1rem;
  left: 0;
  top: 0;
}
.euf_overlay__content h2 {
  font-family: serif;
  font-size: 2rem;
  margin: 0;
}
.euf_overlay__content p {
  font-size: 1.25rem;
  margin: .7rem 0 2rem 0;
}
.euf_overlay__content form label {
  display: inline-block;
  float: left;
  width: 30%;
  padding-top: .2rem;
  font-family: sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.euf_overlay__content .cr_ipe_item {
  padding-bottom: 1.2rem;
}
.euf_overlay__content form input[type="text"] {
  border: none;
  background-color: #E8E8E8;
  padding: .4rem;
  width: 60%;
  outline: 0 !important;
}
.euf_overlay__content form input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  width: 1.625rem;
  height: 1.625rem;
  background-color: #E8E8E8;
  cursor: pointer;
}
.euf_overlay__content form input[type="radio"]:hover {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
}
.euf_overlay__content form input[type="radio"]:checked,
.euf_overlay__content form input[type="radio"]:active {
  background-color: #000;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  outline: 0 !important;
}
.label_gender {
  padding: 0;
  margin-top: -1rem;
  display: inline-block;
}
.euf_overlay__content form button[type="submit"] {
  border: none;
  background-color: #000;
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: .6;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: .5rem;
  width: 30%;
}
.euf_overlay__content form button[type="submit"]:hover {
  cursor: pointer;
}
.label_gender {
  text-transform: uppercase;
  display: inline-block;
  padding: 0 2rem 0 .5rem;
  font-family: sans-serif;
  font-size: 1rem;
}
#fullwidth {
  position: relative;
  max-height: 32rem;
  overflow: hidden;
  z-index: 0;
}
#fullwidth .head-img {
  width: 100%;
  margin: 0 auto;
  background: #000;
}
#fullwidth .head-img ul {
  max-width: only screen and (min-width: 1600px);
  width: 100%;
  margin: 0 auto;
}
#fullwidth .head-img {
  max-width: 1920px;
  width: 100%;
  min-width: only screen and (min-width: 1440px);
  margin: 0 auto;
  background: white;
}
#fullwidth .head-img img {
  margin-top: -100px;
}
#fullwidth .head-img:after {
  position: absolute;
  top: 0rem;
  left: 0;
  width: 100%;
  height: 32rem;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
  content: " ";
}
/*
	&.is-secundary {
		#fullwidth {
			.head-img:after {
			background-color:  rgba(176, 138, 14, 0.91);
			}

		}
	}
*/
.content-text.head-txt {
  position: absolute;
  top: 0px;
  left: 10rem;
  color: #fff;
  z-index: 99;
  display: block;
  max-width: 1921px;
  width: 100%;
}
.content-text.head-txt h2 {
  color: #fff;
  font-family: 'sun_serif-bold';
  font-size: 12rem;
  text-transform: none;
  text-align: center;
  width: 100%;
  padding-right: 20rem;
  display: inline-block;
  margin-top: 150px;
}
.content-text.head-txt h5 {
  font-weight: 800;
  color: #fff;
  font-size: 1.5rem;
  padding-bottom: .5rem;
}
.content-text.head-txt h1,
.content-text.head-txt h1 span {
  font-size: 2.9rem;
  line-height: 1.3;
  font-weight: 800;
}
.content-text.head-txt ul li {
  float: left;
  margin-top: 1rem;
  color: #a9cc21;
  margin-right: 10px;
}
.content-text.head-txt ul li a {
  color: #a9cc21;
  transition: all 0.2s ease-in-out;
  text-shadow: 0px 0px 5px rgba(21, 43, 61, 0.5);
  border-bottom: 2px solid #a9cc21;
}
.content-text.head-txt ul li a:hover {
  border-bottom: 2px solid #1d1d1b;
  color: #fff;
}
.content-text.head-txt ul li:after {
  content: "  · ";
}
.content-text.head-txt ul li:last-child:after {
  content: "";
}
.content-text.head-txt p,
.content-text.head-txt span {
  color: #fff;
}
.content-text.head-txt p strong,
.content-text.head-txt span strong {
  color: #fff;
}
@media only screen and (max-width: only screen and (min-width: 768px)) {
  .head-img:after {
    position: absolute;
    top: 3rem;
    left: 0;
    width: 100%;
    height: 36rem;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2;
    content: " ";
  }
  .head-txt {
    position: absolute;
    top: 140px;
    left: 2rem;
    width: 80vw;
  }
  .head-txt h5 {
    font-weight: 800;
    color: #fff;
    font-size: 1.3rem;
    padding-bottom: .5rem;
  }
  .head-txt h1,
  .head-txt h1 span {
    font-size: 2.0rem;
    line-height: 1.3;
    font-weight: 400;
  }
}
.header-typo h2 {
  font-size: 20rem;
  position: absolute;
  right: -30px;
  top: -10px;
  text-align: right;
  color: #eeeeee;
  font-family: 'sun_serif-bold';
  text-transform: none;
  line-height: .8;
}
@media only screen and (max-width: 320px) {
  .header-typo h2 {
    font-size: 6rem;
    top: 3rem;
    right: 5px;
    width: 100%;
  }
}
@media only screen and (min-width: 321px) and (max-width: 680px) {
  .header-typo h2 {
    font-size: 7rem;
    top: 1rem;
    right: -10px;
  }
}
.jobs-head {
  padding: 10rem 5rem 0 10rem;
  /*
	@media only screen and (min-width: 1px) and (max-width: 680px){padding: 0rem;}
	@media only screen and (min-width: @768) and (max-width: 1000px) {padding: 5rem;}
	@media only screen and (min-width: @1024) and (max-width: 1680px) {padding: 19rem 6rem;}
	@media only screen and (min-width: @1680) {padding: 9rem;}
*/
  margin-top: 0rem;
}
@media only screen and (max-width: 768px) {
  .jobs-head {
    padding: 0 2rem;
    height: auto;
  }
}
@media only screen and (min-width: 768px) {
  .jobs-head {
    padding: 0 2rem;
    height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .jobs-head {
    padding: 0 5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .jobs-head {
    padding: 10rem 5rem 0 10rem;
  }
}
.jobs-head .col-50.job-black {
  position: relative;
  background-color: #121212;
  width: 50%;
  height: 622px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 70px 1rem;
}
@media only screen and (max-width: 320px) {
  .jobs-head .col-50.job-black {
    height: 920px;
  }
}
@media only screen and (min-width: 321px) and (max-width: 680px) {
  .jobs-head .col-50.job-black {
    height: 780px;
  }
}
.jobs-head .col-50.job-black h5 {
  padding-bottom: .4rem;
  color: #999999;
}
.jobs-head .col-50.job-black h3 {
  font-size: 2.7rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1px) and (max-width: 680px) {
  .jobs-head .col-50.job-black h3 {
    font-size: 1.4rem;
  }
}
.jobs-head .col-50.job-black a,
.jobs-head .col-50.job-black p {
  color: #fff;
}
.jobs-head .col-50.job-black a {
  font-weight: 400;
}
.jobs-head .col-50.job-black a:hover {
  color: #a9cc21;
}
.jobs-head .col-50.job-white {
  position: relative;
  margin-top: 3rem;
  background-color: #fff;
  width: 50%;
  height: 622px;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(https://die-wollwinderei.de/files/wollwinderei/bilder/BG_jobs_col-right.jpg);
  opacity: .7;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 70px 100px;
}
@media only screen and (max-width: 320px) {
  .jobs-head .col-50.job-white {
    height: 1010px;
  }
}
@media only screen and (min-width: 321px) and (max-width: 680px) {
  .jobs-head .col-50.job-white {
    height: 910px;
    margin-bottom: 4rem;
  }
}
.jobs-head .col-50.job-white h5 {
  padding-bottom: .4rem;
}
.jobs-head .col-50.job-white h3 {
  font-size: 2.7rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.jobs-head .col-50.job-white .content-text p {
  color: #000;
  font-size: 1.1rem;
  text-shadow: 0px 0px 18px rgba(255, 255, 255, 0.86);
}
.jobs-head .col-50.job-white .content-text p strong {
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
  display: inline;
  padding: 0;
  letter-spacing: 0;
  margin: 0;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  .jobs-head .col-50.job-black,
  .jobs-head .col-50.job-white {
    width: 100%;
    padding: 80px 3rem;
    margin-top: 0rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .jobs-head .col-50.job-black,
  .jobs-head .col-50.job-white {
    width: 50%;
    height: 722px;
    padding: 60px 40px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .jobs-head .col-50.job-black,
  .jobs-head .col-50.job-white {
    width: 50%;
    padding: 70px 80px;
  }
}
@media only screen and (min-width: 1440px) {
  .jobs-head .col-50.job-black,
  .jobs-head .col-50.job-white {
    width: 50%;
    height: 722px;
  }
}
.job-black.kontakt-black,
.job-white.kontakt-black {
  height: 860px !important;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  .job-black.kontakt-black,
  .job-white.kontakt-black {
    width: 100%;
    padding: 80px 3rem;
    margin-top: 0rem;
    height: 1002px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .job-black.kontakt-black,
  .job-white.kontakt-black {
    width: 45%;
    height: 722px;
    padding: 60px 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .job-black.kontakt-black,
  .job-white.kontakt-black {
    width: 50%;
    padding: 70px 80px;
  }
}
@media only screen and (min-width: 1440px) {
  .job-black.kontakt-black,
  .job-white.kontakt-black {
    width: 50%;
    height: 722px;
  }
}
.job-black.kontakt-black {
  background: url(https://die-wollwinderei.de/files/wollwinderei/bilder/background-kontakt-footer_JUL.jpg);
  background-image: none;
  background-color: transparent !important;
  background-position: center bottom;
}
.header-typo-jobs {
  position: relative;
  height: 50rem;
}
.header-typo-jobs h2 {
  padding-top: 10rem;
  font-size: 20rem;
  position: absolute;
  right: 0;
  top: -9rem;
  text-align: right;
  color: #d4d4d4;
  font-family: 'sun_serif-bold';
  text-transform: none;
  line-height: .8;
  z-index: -9999;
}
.jobs-grid {
  background: rgba(24, 23, 25, 0.95);
  background: #1a191b;
}
@media only screen and (max-width: 480px) {
  .jobs-grid {
    padding: 2rem;
  }
}
@media only screen and (min-width: 481px) and (max-width: 680px) {
  .jobs-grid {
    padding: 3rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .jobs-grid {
    padding: 5rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .jobs-grid {
    padding: 6rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 1440px) {
  .jobs-grid {
    padding: 9rem;
    padding-bottom: 2rem;
  }
}
.jobs-grid .jobs-grid--item {
  width: 30%;
  margin-right: 3%;
  padding: 2rem 1rem 3rem 2rem;
  min-height: 350px;
  color: #fff;
  float: left;
  margin-bottom: 3rem;
  transition: all cubic-bezier(0.18, 1, 0.21, 1) 1.3s;
  position: relative;
}
@media only screen and (min-width: 1px) and (max-width: 1200px) {
  .jobs-grid .jobs-grid--item {
    background: #191818;
  }
}
.jobs-grid .jobs-grid--item.push {
  margin-left: 0%;
}
.jobs-grid .jobs-grid--item h2 {
  color: #fff;
}
.jobs-grid .jobs-grid--item ul,
.jobs-grid .jobs-grid--item li,
.jobs-grid .jobs-grid--item p,
.jobs-grid .jobs-grid--item a {
  font-size: 1rem;
  color: #e6e6e6;
}
.jobs-grid .jobs-grid--item:hover {
  background: #000000;
}
.jobs-grid .jobs-grid--item a {
  padding-top: 1rem;
  color: #a9cc21;
  font-family: 'sun_serif-bold_italic';
  font-weight: bold;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0px;
  -moz-opacity: 0;
  opacity: 0;
  display: inline-block;
  position: inherit;
  filter: alpha(opacity=0);
  transition: all cubic-bezier(0.18, 1, 0.21, 1) 0.9s;
}
@media only screen and (min-width: 1px) and (max-width: 1200px) {
  .jobs-grid .jobs-grid--item a {
    opacity: 1;
  }
}
.jobs-grid .jobs-grid--item:hover a {
  opacity: 1;
  -webkit-animation: MenuFadeIn 1s ease;
  -moz-animation: MenuFadeIn 1s ease;
  -o-animation: MenuFadeIn 1s ease;
  animation: MenuFadeIn 1s ease;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: MenuFadeIn;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
}
@media only screen and (max-width: 480px) {
  .jobs-grid .jobs-grid--item {
    width: 100%;
  }
}
@media only screen and (max-width: 321px) {
  .jobs-grid .jobs-grid--item {
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 680px) {
  .jobs-grid .jobs-grid--item {
    width: 45%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .jobs-grid .jobs-grid--item {
    width: 45%;
  }
}
@media only screen and (min-width: 1200px) {
  .jobs-grid .jobs-grid--item {
    width: 28%;
  }
}
@media only screen and (min-width: 1440px) {
  .jobs-grid .jobs-grid--item {
    width: 25%;
  }
  .jobs-grid .jobs-grid--item.push {
    margin-left: 28%;
  }
}
.jobs-grid .jobs-grid--item h5 {
  margin-bottom: .25rem;
  color: #999999;
}
.jobs-grid .jobs-grid--item.first {
  background: none;
  border: none;
}
.jobs-grid .jobs-grid--item.first h2 {
  color: #fff;
}
.jobs-grid .jobs-grid--item.first h5 {
  line-height: 1.4 !important;
}
.jobs-grid .jobs-grid--item.first p,
.jobs-grid .jobs-grid--item.first a {
  color: #e6e6e6;
  font-size: 1.2rem;
  line-height: 1.3;
}
.jobs-grid .jobs-grid--item.first a {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  opacity: 1;
  position: inherit;
}
.jobs-grid .jobs-grid--item.first a:hover {
  color: #a9cc21;
}
.header-typo.soon {
  height: 30rem;
}
@media only screen and (max-width: 480px) {
  .header-typo.soon {
    height: 39rem;
  }
}
.header-typo.soon .is-text {
  margin: 5.5rem 0 0 15%;
  width: 50%;
}
@media only screen and (max-width: 480px) {
  .header-typo.soon .is-text {
    width: 70%;
    margin-top: 12rem;
  }
}
.header-typo.soon .is-text h3 {
  color: #333;
}
.header-typo.soon h3 {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.2;
  letter-spacing: 3px;
  color: #444;
  margin-top: 0;
  margin-bottom: .75em;
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
}
@media only screen and (max-width: 321px) {
  .header-typo.soon h3 {
    width: 60%;
    display: flex;
    font-size: 1.1rem;
  }
}
.header-typo.soon h2 {
  z-index: -9999;
}
/*
.newsletteranmeldung {


	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]),textarea {
		border: 0;
		border-radius: 0;
		box-shadow: none;
		color: #333;
		font-size: 1.05rem;
		background: transparent;
		border-bottom: 2px solid #2e2e2e;
	}

	input[type="text"] {
	}


	textarea {
		vertical-align: top;
	}

	label {
		color: #333;
		font-size: 1.0rem;
		line-height: 2rem;
		font-weight: 600;
		letter-spacing: 1px;
		text-transform: uppercase;
		padding: .5rem 0 5px 4px;
		display: inline-block;
	}

	.widget-textarea {
		margin-bottom: 2rem;

		label {
			padding-top: 0;
		}
	}
	.widget.widget-text {
		height: 3rem;
		@media only screen and (max-width: @1024){height: 6rem;}

	}


.cr_ipe_item input.cr_ipe_radio,
input.cr_ipe_checkbox {-moz-binding: none;-moz-box-sizing: border-box;background-color: -moz-field !important;border: 2px inset threedface !important;color: -moz-fieldtext !important;cursor: default;height: 13px;padding: 0 !important;width: 13px;}
.cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 3px 5px;}



	input:focus,
	textarea:focus {
		transition:border 1.3s cubic-bezier(.175,.885,.32,1.275);
		border-bottom-color: #333
	}

	input[type="submit"], .cr_button {
	    display: inline-block;
	    padding: .6rem 1.5em;
	    margin-bottom: 0;
	    text-align: center;
	    vertical-align: middle;
	    line-height: 1.2em;
	    font-size: 1.1rem;
	    color: #fff;
	    cursor: pointer;
	    border: 0px solid #ccc;
	    -moz-border-radius: 0px;
	    -webkit-border-radius: 0px;
	    border-radius: 0px;
	    background-color: #333;
	    background-image: none;
	    background-repeat: repeat-x;
	    -moz-transition: background .15s linear;
	    -webkit-transition: background .15s linear;
	    -o-transition: background .15s linear;
	    font-weight: 600;
	    letter-spacing: 1px;
	    text-transform: uppercase;

	    margin-top: 2rem;

	    &:hover {
		    background: @secondary;
		    color: #fff;
	    }
	    }

		::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {
			color: rgba(197, 235, 211, 0.77);
			opacity: .5;
		}


}


*/
.euf_overlay__container {
  position: relative;
  height: 100vh;
  width: 100%;
}
.euf_overlay__content {
  width: 40%;
  max-width: 28.5rem;
  height: 21rem;
  padding: 2em 7.5em 2em 18em;
  margin: 1.25rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
  position: absolute;
  margin: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  color: #000;
  box-sizing: content-box;
}
.euf_overlay__close {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0;
  border: none;
  background-color: #f2f2f2;
  color: #D4D4D4;
  font-size: 1.25rem;
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  height: 2rem;
  width: 2rem;
  outline: 0 !important;
  transition: all ease-in-out 0.1s;
}
.euf_overlay__close:hover {
  color: #999;
}
.euf_overlay__image {
  position: absolute;
  height: 25.1rem;
  left: -190px;
  top: 0;
}
.euf_overlay__content h2 {
  font-family: 'sun_serif-regular', sans-serif;
  font-size: 2rem;
  margin: 0;
}
.euf_overlay__content p {
  font-size: 1.25rem;
  margin: .7rem 0 2rem 0;
}
.euf_overlay__content form label {
  display: inline-block;
  float: left;
  width: 30%;
  padding-top: .2rem;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 1.1rem;
  text-transform: uppercase;
}
.euf_overlay__content .cr_ipe_item {
  padding-bottom: 1.2rem;
}
.euf_overlay__content form input[type="text"] {
  border: none;
  background-color: #E8E8E8;
  padding: .4rem;
  width: 60%;
  outline: 0 !important;
  transition: all ease-in-out 0.1s;
}
.euf_overlay__content form input[type="text"]:hover,
.euf_overlay__content form input[type="text"]:focus {
  background-color: #F2F2F2;
}
.euf_overlay__content form input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  width: 1.625rem;
  height: 1.625rem;
  background-color: #E8E8E8;
  cursor: pointer;
}
.euf_overlay__content form input[type="radio"]:hover {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
}
.euf_overlay__content form input[type="radio"]:checked,
.euf_overlay__content form input[type="radio"]:active {
  background-color: #000;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  outline: 0 !important;
}
.euf_overlay__content form button[type="submit"] {
  border: none;
  background-color: #000;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: .5rem;
  width: 28%;
  height: 2rem;
  transition: all ease-in-out 0.3s;
}
.euf_overlay__content form button[type="submit"]:hover {
  background: #444;
}
.euf_overlay__content form button[type="submit"]:hover {
  cursor: pointer;
}
#Frau2165109,
#Herr2165109 {
  /* DISPLAY CHECKBOX */
  display: none;
}
.label_gender_1,
.label_gender_2 {
  /* LABEL CHECKBOX */
  width: 28% !important;
  padding: 0.2rem 0;
  text-transform: none !important;
  text-align: center;
  line-height: 2;
  font-weight: 400 !important;
  border: 1px solid #F2F2F2;
  color: #D4D4D4;
  margin-bottom: 1rem;
  transition: all ease-in-out 0.2s;
}
.label_gender_1 {
  margin-right: 3%;
}
.label_gender_1:hover,
.label_gender_2:hover {
  background-color: #F2F2F2;
  color: #D4D4D4;
}
#Frau2165109:checked + .label_gender_1,
#Herr2165109:checked + .label_gender_2 {
  /* LABEL CHECKED */
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}
@media only screen and (max-width: 1280px) {
  .label_gender_1,
  .euf_overlay__content form input[type="text"] {
    margin-left: 2rem;
  }
  .euf_overlay__image {
    left: -150px;
  }
}
@media only screen and (max-width: 880px) {
  .euf_overlay__image {
    display: none;
  }
  .euf_overlay__content {
    padding-left: 4rem;
    width: 50%;
  }
  .euf_overlay__content form button[type="submit"] {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 700px) {
  .euf_overlay__content {
    padding: 2rem;
    height: auto;
    width: 70%;
  }
}
@media only screen and (max-width: 600px) {
  .euf_overlay__content form button[type="submit"] {
    width: 45%;
  }
}
@media only screen and (max-width: 500px) {
  .euf_overlay__content form label {
    float: none;
    width: 100%;
    padding-bottom: 1rem;
  }
  .euf_overlay__content form input[type="text"] {
    width: 80%;
  }
  .label_gender_1,
  .label_gender_2 {
    padding-bottom: 0.2rem !important;
  }
}
@media only screen and (max-width: 400px) {
  .euf_overlay__content form button[type="submit"] {
    width: 50%;
  }
}
.grid.is--light.impressum .col-100 {
  padding: 0 5%;
}
.grid.is--light.impressum .col-50 {
  width: 45%;
  padding: 0 5%;
}
.grid.is--light.impressum h5 {
  color: #1a191b;
}
#datenschutzerklaerung {
  z-index: 9999;
  position: relative;
  margin-top: 5rem;
  width: 80%;
}
#cookiebar span {
  color: white;
}
#cookiebar button {
  height: 26px;
  padding: 0 12px;
  border: 0;
  background-color: #1d1d1b;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  line-height: 26px;
}
#cookiebar button:hover {
  background: #a9cc21;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icons';
    src: url('../../files/wollwinderei/font/icons.svg?80493384#icons') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-right:before {
  content: '\e800';
}
/* '' */
.icon-right-open:before {
  content: '\e801';
}
/* '' */
.icon-left-open:before {
  content: '\e802';
}
/* '' */
.icon-right-open-1:before {
  content: '\e803';
}
/* '' */
.icon-xing:before {
  content: '\e804';
}
/* '' */
.icon-facebook:before {
  content: '\e805';
}
/* '' */
.icon-instagram:before {
  content: '\e806';
}
/* '' */
.icon-left-open-1:before {
  content: '\e807';
}
/* '' */
.icon-up-open:before {
  content: '\e808';
}
/* '' */
.icon-down-open:before {
  content: '\e809';
}
/* '' */
.icon-left:before {
  content: '\e80a';
}
/* '' */
.icon-link-ext:before {
  content: '\e80b';
}
/* '' */
.icon-link-ext-alt:before {
  content: '\e80c';
}
/* '' */
@font-face {
  font-family: 'icons2';
  src: url('../../files/wollwinderei/css/font/icons2.eot?67113086');
  src: url('../../files/wollwinderei/css/font/icons2.eot?67113086#iefix') format('embedded-opentype'), url('../../files/wollwinderei/css/font/icons2.woff?67113086') format('woff'), url('../../files/wollwinderei/css/font/icons2.ttf?67113086') format('truetype'), url('../../files/wollwinderei/css/font/icons2.svg?67113086#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icons';
    src: url('../../files/wollwinderei/font/icons.svg?67113086#icons') format('svg');
  }
}
*/
[class^="icon2-"]:before,
[class*=" icon2-"]:before {
  font-family: "icons2";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon2-whatsapp:before {
  content: '\f232';
}
/* '' */
.icon2-contao:before {
  content: '\f26d';
}
/* '' */
.underline {
  display: inline-block;
}
.underline:after {
  content: "";
  position: absolute;
  bottom: 2px;
  width: 100%;
  height: 2px;
  left: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background-color: #a9cc21;
  display: block;
}
.underline:hover:after {
  width: 0;
  outline: 0;
}
@keyframes bgfadein_black {
  0% {
    background: #1a191b;
  }
  100% {
    background: none;
  }
}
@keyframes bgfadein_black_bg {
  0% {
    background: #f3f3f3;
  }
  100% {
    background: #1a191b;
  }
}
@keyframes bgfadein_white {
  0% {
    background: #1a191b;
  }
  100% {
    background: #f3f3f3;
  }
}
@keyframes bgfadein_black_grad {
  0% {
    background: -moz-linear-gradient(top, #1a191b 85%, #1a191b 85%);
    background: -webkit-linear-gradient(top, #1a191b 85%, #1a191b 85%);
    background: linear-gradient(to bottom, #1a191b 85%, #1a191b 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='@ww_black', GradientType=0);
  }
  100% {
    background: -moz-linear-gradient(top, #1a191b 85%, #f3f3f3 85%);
    background: -webkit-linear-gradient(top, #1a191b 85%, #f3f3f3 85%);
    background: linear-gradient(to bottom, #1a191b 85%, #f3f3f3 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='#F3F3F3', GradientType=0);
  }
}
@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}
/** animated boxes **/
.w-fadeIn,
.welcome .content-text,
.kundenliste > div,
.fadeIn,
.animLeft,
.animTop,
.animRight,
.ballon {
  display: inline-block;
  position: relative;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
}
.animRight {
  right: -20%;
}
.welcome-img {
  margin-top: .5rem;
}
.animLeft {
  left: -20%;
}
.animTop {
  top: -5%;
}
.animLeft.viewed {
  left: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.w-fadeIn.viewed {
  opacity: 1;
  filter: alpha(opacity=100);
}
.animTop.viewed {
  top: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.animRight.viewed {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
.kundenliste.viewed > div,
.welcome.viewed .content-text {
  opacity: 1;
  filter: alpha(opacity=100);
}
.welcome-img.viewed {
  margin-top: 0rem;
}
.ballon.viewed {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ballonimg {
  -webkit-animation-name: fly;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-name: fly;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
  animation-name: fly;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes fly {
  from {
    -webkit-transform: translate(0, 0px);
  }
  50% {
    -webkit-transform: translate(0, -25px);
  }
  to {
    -webkit-transform: translate(0, 0px);
  }
}
@-moz-keyframes fly {
  from {
    -moz-transform: translate(0, 0px);
  }
  50% {
    -moz-transform: translate(0, -25px);
  }
  to {
    -moz-transform: translate(0, 0px);
  }
}
@keyframes fly {
  from {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, -25px);
  }
  to {
    transform: translate(0, 0px);
  }
}
/* loading option */
.loadingw,
.loadingw:after {
  width: 3rem;
  height: 3rem;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  content: "w";
  font-weight: bold;
  font-family: 'sun_serif-bold';
  color: #fff;
  font-size: 2.5rem;
  text-align: center;
  margin-left: -1.5rem;
  margin-top: -.7rem;
}
.loadingw {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-color: black;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1.0s;
  animation-duration: 1.0s;
  -webkit-animation-name: loadingw-loading;
  animation-name: loadingw-loading;
}
@-webkit-keyframes loadingw-loading {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes loadingw-loading {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes MenuFadeIn {
  0% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-left: -10px;
  }
  100% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin-left: 0;
  }
}
@-moz-keyframes MenuFadeIn {
  0% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-left: -10px;
  }
  100% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin-left: 0;
  }
}
@-o-keyframes MenuFadeIn {
  0% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-left: -10px;
  }
  100% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin-left: 0;
  }
}
@keyframes MenuFadeIn {
  0% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-left: -10px;
  }
  100% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1921px) {
  body {
    background: #1A191B;
  }
  #wrapper,
  #footer,
  footer {
    width: 1920px !important;
    overflow: hidden !important;
    margin: 0 auto;
    position: relative;
  }
  .is--right-bar {
    position: fixed;
    right: 50%;
    margin-right: -960px;
  }
  .is--left-bar {
    left: 50%;
    margin-left: -960px;
  }
  .is--ctl-Startseite footer {
    margin-top: -15.1rem !important;
  }
}
header {
  position: relative;
  z-index: 6;
}
.is--ctl-Startseite #container {
  top: -12.1rem;
}
.is--ctl-Startseite #container .leistungen {
  padding-top: 12rem;
}
.has--transition {
  transition: 3s all cubic-bezier(0.19, 1, 0.22, 1);
}
.p-left {
  padding-left: 10rem;
}
.p-right {
  padding-right: 5rem;
}
.is--subsite .col-80 {
  margin-top: -2rem;
}
@media only screen and (max-width: 768px) {
  .is--subsite .col-80 {
    margin-top: .5rem;
  }
}
.is--subsite h2 a strong {
  position: relative;
  color: #fff;
}
.is--subsite h2 a strong::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transform-origin: bottom right;
  transition: transform 0.4s cubic-bezier(0.86, 0, 0.07000000000000001, 1);
}
.is--subsite h2 a strong:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.is--subsite h5 {
  color: #fff;
  padding-bottom: 1rem;
  font-weight: 900;
}
.slick-dots-noprogress {
  position: absolute;
  bottom: 0rem;
  width: 100%;
  left: 0;
  height: 2px;
}
.slick-dots-noprogress li {
  cursor: pointer;
  float: left;
  width: 1.5rem;
  background: white;
  padding: 0;
  border-right: 0px solid #fff;
  margin-right: 4px;
}
.slick-dots-noprogress li,
.slick-dots-noprogress li button {
  outline: none;
}
.slick-dots-noprogress li button {
  background: #a9cc21;
  border: none;
  width: 0px;
  height: 2px;
  padding: 0;
  cursor: pointer;
  display: block;
  font-size: 1;
  text-indent: -9999px;
}
.slick-dots-noprogress li.slick-active {
  background: #a9cc21;
}
.slick-counter {
  display: none;
}
.slider-has--numbers .slick-counter {
  display: block;
  color: #fff;
  position: absolute;
  bottom: 7rem;
  right: -3.25rem;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  .slider-has--numbers .slick-counter {
    bottom: 80%;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .slider-has--numbers .slick-counter {
    right: -32px;
  }
}
.slider-has--numbers .slick-counter .divider,
.slider-has--numbers .slick-counter .current,
.slider-has--numbers .slick-counter .total {
  font-size: 1rem;
  color: #fff;
  width: 1em;
  display: block;
  width: 1.25rem;
  float: none;
  line-height: 1rem;
  text-align: center;
}
.slider-has--numbers .slick-counter .current {
  text-align: left;
}
.slider-has--numbers .slick-counter .total {
  text-align: right;
}
.slider-has--numbers .slick-counter .divider {
  font-size: 1.5rem;
  transform: skewX(-35deg);
}
.slider-has--numbers .slick-counter,
.slider-has--numbers .slick-arrow {
  transform: translate(0rem, 0);
  transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .slider-has--numbers .slick-arrow {
    transform: translate(15.5rem, 0);
  }
}
.slider-has--numbers.hide .slick-counter,
.slider-has--numbers.hide .slick-arrow {
  transform: translate(-5.5rem, 0);
  transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .slider-has--numbers.hide .slick-arrow {
    transform: translate(15.5rem, 0);
  }
}
.block[data-fx="5"] a::after,
a.content__text-link[data-fx="5"]::after {
  content: '';
  z-index: 1;
  width: 100%;
  bottom: 0.25rem;
  left: 0;
  position: absolute;
  height: 2px;
  background: currentColor;
  transform: scale3d(1, 1, 1);
  transform-origin: 100% 50%;
  transition: transform 0.7s cubic-bezier(0.86, 0, 0.07000000000000001, 1);
}
a.content__text-link[data-fx="5"]::after {
  bottom: 0;
}
.block[data-fx="5"] a:hover::after,
a.content__text-link[data-fx="5"]:hover::after {
  transform: scale3d(0, 1, 1);
}
.hover-reveal {
  position: fixed;
  width: 15rem;
  height: 10rem;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}
.hover-reveal__inner,
.hover-reveal__img {
  width: 100%;
  height: 100%;
  position: relative;
}
.hover-reveal__deco {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #a9cc21;
}
.hover-reveal__img {
  background-size: cover;
  background-position: 50% 50%;
}
.leistungen {
  padding-bottom: 10rem;
  z-index: -2;
  background: #1a191b;
}
.leistungen.intro {
  animation: bgfadein_black_bg .7s .6s both;
}
@media only screen and (max-width: 768px) {
  .leistungen {
    padding: 0rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .leistungen {
    padding-bottom: calc(10rem - 4rem);
  }
  .leistungen.p-left {
    padding-left: calc(10rem - 4rem);
  }
  .leistungen.p-right {
    padding-right: calc(5rem - 1.7rem);
  }
}
.leistungen.intro.viewed {
  animation: bgfadein_white .9s .2s both;
}
.leistungen .leistungen-teaser {
  width: 70%;
  padding: 6rem 0 calc(5rem - 2rem) 0;
  padding-left: calc(5rem - 1rem);
}
.leistungen .leistungen-teaser h5 {
  color: #1a191b;
}
.leistungen .leistungen-teaser h2 {
  letter-spacing: -0.025em;
}
@media only screen and (max-width: 768px) {
  .leistungen .leistungen-teaser {
    width: 95%;
    padding: 0;
    padding-top: 3rem;
    padding-left: 5rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .leistungen .leistungen-teaser {
    padding-left: 5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .leistungen .leistungen-teaser {
    width: 80%;
  }
}
@media only screen and (min-width: 1440px) {
  .leistungen .leistungen-teaser {
    width: 70%;
  }
}
.leistungen .leistungen-teaser h6 {
  width: 100%;
  font-weight: 400;
  font-size: 3.25rem;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 1.5rem 0;
  font-family: 'Inter', sans-serif;
  color: #1a191b;
  line-height: 1.1;
}
.leistungen .leistungen-teaser p {
  width: 80%;
  font-family: 'sun_serif-bold';
  color: #1a191b;
  font-size: 1.2rem;
  font-weight: bold;
  font-style: italic;
}
@media only screen and (min-width: 1200px) {
  .leistungen .leistungen-teaser p {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) {
  .leistungen .leistungen-teaser p {
    width: 90%;
  }
}
@media only screen and (min-width: 1440px) {
  .leistungen .leistungen-teaser p {
    width: 90%;
  }
}
.leistungen .leistungen-item {
  width: 25%;
  z-index: 2 !important;
  position: relative;
  /*
		&:hover {
 			opacity: .6;
		}
*/
  background-color: #1a191b;
  background-position: bottom right;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  height: 40.375rem;
  max-height: 646px;
  padding: 2.75rem 2rem;
  color: #fff;
  transition: 3s all cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 768px) {
  .leistungen .leistungen-item {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .leistungen .leistungen-item {
    width: 50%;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .leistungen .leistungen-item {
    width: 50%;
  }
}
.leistungen .leistungen-item.websites {
  background: url("../../files/wollwinderei/bilder/ww-start-leistungen-web.png");
}
.leistungen .leistungen-item.ecommerce {
  background: url("../../files/wollwinderei/bilder/ww-start-leistungen-ecommerce.png");
}
.leistungen .leistungen-item.print {
  background: url("../../files/wollwinderei/bilder/ww-start-leistungen-print.png");
}
.leistungen .leistungen-item.branding {
  background: url("../../files/wollwinderei/bilder/ww-start-leistungen-branding.png");
}
@media only screen and (max-width: 768px) {
  .leistungen .leistungen-item {
    height: 30rem;
    padding: 2.5rem 5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .leistungen .leistungen-item {
    height: 30rem;
    padding: 2rem 2rem 2rem 5rem;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .leistungen .leistungen-item {
    height: 35rem;
  }
}
.leistungen .leistungen-item.active {
  opacity: .75;
  background: #000;
}
.leistungen .leistungen-item.hideme {
  opacity: .7;
  transition: 3s all cubic-bezier(0.19, 1, 0.22, 1);
  background: #000;
}
.leistungen .leistungen-item.hideme h4 {
  opacity: 0;
}
.leistungen .leistungen-item.hideme h5 {
  opacity: .6;
}
.leistungen .leistungen-item h4 {
  font-weight: 800;
  color: #fff;
  text-transform: none;
  font-size: 2.25rem;
  line-height: 1.2;
  letter-spacing: -1px;
}
@media only screen and (max-width: 768px) {
  .leistungen .leistungen-item h4 {
    font-size: 1.95rem;
  }
}
.leistungen .leistungen-item h4::after {
  content: '';
  border: 0px solid white;
  width: 0rem;
  display: block;
  margin-top: 1.7rem;
  transition: 0.5s all cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 768px) {
  .leistungen .leistungen-item h4::after {
    width: 3rem;
    border: 2px solid white;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .leistungen .leistungen-item h4::after {
    width: 2rem;
    border: 2px solid white;
  }
}
.leistungen .leistungen-item h5 {
  color: #fff;
  margin-bottom: 1rem;
}
.leistungen .leistungen-item p {
  color: #fff;
  font-size: 1rem;
  transition: 3s all cubic-bezier(0.19, 1, 0.22, 1);
  top: -5px;
  opacity: 0;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .leistungen .leistungen-item p {
    opacity: 1;
    top: 0;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .leistungen .leistungen-item p {
    opacity: 1;
    top: 0;
  }
}
.leistungen .leistungen-item a {
  margin-top: 1rem;
  font-family: 'sun_serif-bold_italic';
  font-weight: bold;
  font-style: italic;
  color: #fff;
  font-size: .9rem;
  bottom: -15px;
  opacity: 0;
  position: relative;
  display: inline-block;
  /*
			height: 2rem;
			padding: 0 .5rem;
			line-height: 2rem;
			border: 2px solid white;
		    text-transform: uppercase;
		    font-size: .8rem;
		    letter-spacing: 4px;
		    font-weight: 800;
		    line-height: 2.0rem;
*/
  transition: 0.5s all cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 768px) {
  .leistungen .leistungen-item a {
    opacity: 1;
    bottom: 0;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .leistungen .leistungen-item a {
    opacity: 1;
    bottom: 0;
  }
}
.leistungen .leistungen-item a::after {
  content: "";
  border-bottom: 2px solid white;
  width: 0px;
  display: block;
}
.leistungen .leistungen-item a:hover::after {
  transition: 0.5s all cubic-bezier(0.19, 1, 0.22, 1);
  border-bottom: 2px solid white;
  width: 100%;
}
.leistungen .leistungen-item:hover p {
  opacity: 1;
  top: 0;
}
.leistungen .leistungen-item:hover a {
  opacity: 1;
  bottom: 0;
}
.leistungen .leistungen-item:hover h4::after {
  top: 0;
  width: 3rem;
  border: 2px solid white;
}
.leistungen .leistungen-preview {
  position: relative;
  height: 40.375rem;
  max-height: 646px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .leistungen .leistungen-preview {
    height: 120rem;
    max-height: 120rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .leistungen .leistungen-preview {
    height: 60rem;
    max-height: 60rem;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .leistungen .leistungen-preview {
    height: 70rem;
    max-height: 70rem;
  }
}
.leistungen .leistungen-preview .has-bg--videos .bg-item {
  display: none;
  transition: 3s all cubic-bezier(0.19, 1, 0.22, 1);
}
.leistungen .leistungen-preview .has-bg--videos .bg-item.showvid {
  display: block;
}
.leistungen .leistungen-preview .has-bg--videos .bg-item video {
  opacity: 1;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.leistungen .leistungen-preview .has-bg--videos.video-branding {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* Seitenverhältnis 16:9 (9/16 = 0.5625 = 56.25%) */
  position: relative;
  overflow: hidden;
  border: 1px solid red;
}
.leistungen .leistungen-preview .has-bg--videos.video-branding figure {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.leistungen .leistungen-preview .has-bg--videos.video-branding video {
  width: 100%;
  height: auto;
  object-fit: cover;
  /* Füllt den Container und schneidet ggf. Inhalte ab */
  display: block;
}
@media only screen and (max-width: 768px) {
  .leistungen .leistungen-preview .has-bg--videos {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .is--footer {
    width: 100vw;
    overflow: hidden;
  }
}
.instagram-footer {
  background: #1a191b;
  animation: bgfadein_black_bg .5s 0s both;
  padding: calc(5rem + 2rem) 5rem 10rem 10rem;
}
.instagram-footer.viewed {
  animation: bgfadein_white 1.5s .6s both;
}
@media only screen and (max-width: 768px) {
  .instagram-footer {
    padding: 12rem 0 0 0;
    width: 100vw;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .instagram-footer {
    padding-left: 0;
    padding-right: 0;
    padding: 12rem 0 0 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .instagram-footer {
    padding: 5rem calc(5rem - 5rem) calc(10rem - 5rem) calc(10rem - 5rem);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .instagram-footer {
    padding: 5rem calc(5rem - 4rem) calc(10rem - 4rem) calc(10rem - 4rem);
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .instagram-footer {
    padding: 5rem calc(5rem - 2rem) calc(10rem - 2rem) calc(10rem - 2rem);
  }
}
.instagram-footer h5 {
  width: 100%;
  font-weight: 400;
  font-size: 2.25rem;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 1.5rem 0;
  font-family: 'sun_serif-bold_italic';
  color: white;
  line-height: 1.1;
  font-style: italic;
  font-weight: bold;
  text-align: left;
  z-index: 9;
  width: 18%;
  margin-top: 3rem;
  position: absolute;
  left: 62%;
}
@media only screen and (max-width: 768px) {
  .instagram-footer h5 {
    left: 6rem;
    margin-top: -8rem;
    width: 70%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .instagram-footer h5 {
    left: 6rem;
    margin-top: -8rem;
    width: 100%;
  }
}
.instagram-footer h5 strong,
.instagram-footer h5 a {
  font-weight: 400;
  font-size: 2.25rem;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 0rem 0;
  font-family: 'sun_serif-bold_italic';
  color: white;
  line-height: 1.1;
  font-style: italic;
  font-weight: bold;
}
.instagram-footer h5 strong:hover,
.instagram-footer h5 a:hover {
  color: #fff;
}
.instagram-footer .instashow-follow.foot {
  text-align: center;
  padding: 6rem 0 3rem 0;
}
/* .mod_cfg_instagram */
.insta-feed {
  /* progress bar + nav */
}
.insta-feed .is--item {
  width: 40%;
  position: relative;
  float: left;
  height: 640px;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  transition: 1s transform cubic-bezier(0.19, 1, 0.22, 1);
}
.insta-feed .is--item.item-1,
.insta-feed .is--item.item-6 {
  width: 43%;
  height: 640px;
  margin-right: 1%;
}
.insta-feed .is--item.item-2,
.insta-feed .is--item.item-3,
.insta-feed .is--item.item-4,
.insta-feed .is--item.item-5,
.insta-feed .is--item.item-7,
.insta-feed .is--item.item-8,
.insta-feed .is--item.item-9,
.insta-feed .is--item.item-10 {
  width: 28%;
  height: 320px;
  margin-right: 1%;
}
.insta-feed .is--item .is--desc {
  bottom: -500px;
  width: 94%;
  height: auto;
  background: #1a191b;
  color: #fff;
  text-decoration: none;
  display: block;
  position: absolute;
  left: 0;
  margin: 3%;
  padding: 1rem;
  opacity: .0;
  z-index: 99999980;
  transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);
  font-size: .7rem;
}
@media only screen and (max-width: 768px) {
  .insta-feed .is--item .is--desc {
    display: none;
  }
}
.insta-feed .is--item:hover .is--desc {
  bottom: 0;
  opacity: .95;
}
.insta-feed .is--item.item-1,
.insta-feed .is--item.item-7 {
  margin-top: 10rem;
  width: 25%;
  height: 340px;
}
.insta-feed .is--item.item-2,
.insta-feed .is--item.item-8 {
  width: 32%;
  height: 26rem;
}
.insta-feed .is--item.item-3,
.insta-feed .is--item.item-9 {
  width: 15%;
  height: 12rem;
  margin-top: 14rem;
}
.insta-feed .is--item.item-4,
.insta-feed .is--item.item-10 {
  margin-top: 18rem;
  width: 20%;
  height: 22rem;
  position: relative;
}
.insta-feed .is--item.item-5,
.insta-feed .is--item.item-11 {
  width: 18%;
  height: 14rem;
  margin-left: 26%;
  margin-top: -13rem;
}
.insta-feed .is--item.item-6,
.insta-feed .is--item.item-12 {
  width: 29%;
  height: 21rem;
  margin-left: 45%;
  margin-top: -13.85em;
}
@media only screen and (max-width: 768px) {
  .insta-feed .is--item.item-1,
  .insta-feed .is--item.item-2,
  .insta-feed .is--item.item-3,
  .insta-feed .is--item.item-4,
  .insta-feed .is--item.item-5,
  .insta-feed .is--item.item-6,
  .insta-feed .is--item.item-7,
  .insta-feed .is--item.item-8,
  .insta-feed .is--item.item-9,
  .insta-feed .is--item.item-10,
  .insta-feed .is--item.item-11,
  .insta-feed .is--item.item-12 {
    width: 50%;
    height: 200px !important;
    margin: 0;
    padding: 0;
    position: inherit;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .insta-feed .is--item.item-1,
  .insta-feed .is--item.item-2,
  .insta-feed .is--item.item-3,
  .insta-feed .is--item.item-4,
  .insta-feed .is--item.item-5,
  .insta-feed .is--item.item-6,
  .insta-feed .is--item.item-7,
  .insta-feed .is--item.item-8,
  .insta-feed .is--item.item-9,
  .insta-feed .is--item.item-10,
  .insta-feed .is--item.item-11,
  .insta-feed .is--item.item-12 {
    width: 50%;
    height: 340px !important;
    margin: 0;
    padding: 0;
    position: inherit;
  }
}
.insta-feed .slide-6-10 .item-1,
.insta-feed .slide-6-10 .item-2,
.insta-feed .slide-6-10 .item-3,
.insta-feed .slide-6-10 .item-4,
.insta-feed .slide-6-10 .item-5,
.insta-feed .slide-6-10 .item-6 {
  display: none;
}
.insta-feed .slick-dots {
  position: absolute;
  top: 9.2rem;
  width: 6%;
  left: 60.3%;
  height: 2px;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .insta-feed .slick-dots {
    top: 11.2rem;
    left: 59.4%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .insta-feed .slick-dots {
    left: 60.7%;
  }
}
.insta-feed .slick-dots li {
  cursor: pointer;
  float: left;
  width: 33.3%;
  background: #1a191b;
  padding: 0;
  border-right: 0px solid #fff;
  margin-right: 4px;
}
.insta-feed .slick-dots li:last-child {
  border: none;
}
.insta-feed .slick-dots li,
.insta-feed .slick-dots li button {
  outline: none;
}
.insta-feed .slick-dots li button {
  background: #a9cc21;
  border: none;
  width: 0px;
  height: 2px;
  padding: 0;
  cursor: pointer;
  display: block;
  font-size: 1;
  text-indent: -9999px;
}
.insta-feed .is--item {
  animation: Slick-SlideOut 1s both;
}
.insta-feed .is--item::after {
  content: '';
  width: 0%;
  left: 0;
  right: 0;
  height: 100%;
  display: block;
  background: #000;
  position: absolute;
}
.insta-feed .slick-active .is--item {
  animation: Slick-SlideIn 1s both;
}
.insta-feed .slick-active .is--item::after {
  animation: revealRTL 1s 1 ease;
}
@keyframes revealRTL {
  0% {
    width: 100%;
    right: 0;
  }
  65% {
    width: 100%;
    right: 0;
  }
  100% {
    width: 0;
    right: 100%;
  }
}
@keyframes revealLTR {
  0% {
    width: 0;
    left: 0;
  }
  65% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@keyframes Slick-SlideIn {
  from {
    transform: rotate3d(0, 1, 0, -60deg) skewX(2deg) perspective(400px);
  }
  to {
    transform: rotate3d(0, 1, 0, 0deg) skewX(0deg) perspective(400px);
  }
}
@keyframes Slick-SlideOut {
  from {
    transform: rotate3d(0, 1, 0, 0deg) skewX(0deg) perspective(400px);
  }
  to {
    transform: rotate3d(0, 1, 0, -60deg) skewX(10deg) perspective(400px);
  }
}
.kontakt-footer .contact p {
  margin-bottom: 1rem;
  font-size: 1rem;
}
@media only screen and (max-width: 768px) {
  .kontakt-footer .nav-social-link {
    width: 3rem;
  }
}
.kontakt-footer .nav-social-link:before {
  color: white !important;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .kontakt-footer .nav-social-link:before {
    font-size: 3rem;
  }
}
.kontakt-footer .about {
  opacity: .8;
  margin-top: calc(5rem/2);
}
.kontakt-footer .about:hover {
  opacity: 1;
}
.kontakt-footer .about h1 {
  color: #fff;
  font-family: 'sun_serif-bold_italic';
  font-weight: bold;
  font-style: italic;
}
.kontakt-footer .about p {
  font-size: .95rem;
}
.kontakt-footer .about p a {
  color: #fff;
}
.kontakt-footer .about p a:hover {
  text-decoration: underline;
}
@keyframes bgfadein_black {
  0% {
    background: #1a191b;
  }
  100% {
    background: none;
  }
}
@keyframes bgfadein_black_bg {
  0% {
    background: #f3f3f3;
  }
  100% {
    background: #1a191b;
  }
}
@keyframes bgfadein_white {
  0% {
    background: #1a191b;
  }
  100% {
    background: #f3f3f3;
  }
}
@keyframes bgfadein_black_grad {
  0% {
    background: -moz-linear-gradient(top, #1a191b 85%, #1a191b 85%);
    background: -webkit-linear-gradient(top, #1a191b 85%, #1a191b 85%);
    background: linear-gradient(to bottom, #1a191b 85%, #1a191b 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='@ww_black', GradientType=0);
  }
  100% {
    background: -moz-linear-gradient(top, #1a191b 85%, #f3f3f3 85%);
    background: -webkit-linear-gradient(top, #1a191b 85%, #f3f3f3 85%);
    background: linear-gradient(to bottom, #1a191b 85%, #f3f3f3 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='#F3F3F3', GradientType=0);
  }
}
/* ----- PRELOADER ----- styles defined in system/modules/preloader-icon/assets/preloader-icon.css*/
#preloaderOverlay {
  background-color: #1a191b;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9998;
}
#preloaderOverlay .preloader-icon {
  z-index: 9999;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  border-radius: 50%;
  border-left: 2px solid #e6e6e6;
  border-right: 2px solid #e6e6e6;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #2acfff;
  -webkit-animation: rotation 1.6s infinite linear;
  -moz-animation: rotation 1.6s infinite linear;
  -ms-animation: rotation 1.6s infinite linear;
  -o-animation: rotation 1.6s infinite linear;
  animation: rotation 1.6s infinite linear;
}
#preloaderOverlay .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loop {
  0% {
    transform-origin: 0% 50%;
    transform: scale3d(0, 1, 1);
  }
  50% {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
  }
  51% {
    transform-origin: 100% 50%;
  }
  100% {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
  }
}
@media only screen and (max-width: 768px) {
  .header-subs .col-80 {
    padding: 2.5rem 2rem 1rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-subs .col-80 {
    padding: 3rem 2rem 1.5rem 0;
    width: 95%;
  }
  .header-subs .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-subs .col-80 {
    padding: 5.5rem 2rem 1rem 0;
  }
  .header-subs .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1200px) {
  .header-subs .col-80 {
    padding: 6.5rem 2rem 2rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-subs .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-subs .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
.header-jobs,
.header-agentur {
  /*
		&.bg-grad {
		    animation: bgfadein_black_grad 2s .1s both;
		}
*/
  background: -moz-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: -webkit-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: linear-gradient(to bottom, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='rgba(243, 243, 243, 0)', GradientType=0);
  color: #fff;
  background: #1a191b;
}
@media only screen and (max-width: 768px) {
  .header-jobs.p-left,
  .header-agentur.p-left {
    padding-left: 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .header-jobs.p-left,
  .header-agentur.p-left {
    padding-left: calc(10rem - 4rem);
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .header-jobs.p-left,
  .header-agentur.p-left {
    padding-left: calc(10rem - 4rem);
  }
  .header-jobs.p-right,
  .header-agentur.p-right {
    padding-right: calc(5rem - 1rem);
  }
}
.header-jobs h2,
.header-agentur h2 {
  position: relative;
  font-family: 'sun_serif-bold';
  font-weight: normal;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.85rem;
  line-height: 1.25;
  display: inline-block;
  margin-bottom: 0.95em;
}
@media only screen and (max-width: 768px) {
  .header-jobs h2,
  .header-agentur h2 {
    line-height: 1;
  }
}
.header-jobs h2 strong,
.header-agentur h2 strong,
.header-jobs h2 em,
.header-agentur h2 em {
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
  letter-spacing: -0.05em;
  font-size: 2.85rem;
  color: #fff;
  display: inline;
}
@media only screen and (max-width: 768px) {
  .header-jobs h2 strong,
  .header-agentur h2 strong,
  .header-jobs h2 em,
  .header-agentur h2 em {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-jobs h2 strong,
  .header-agentur h2 strong,
  .header-jobs h2 em,
  .header-agentur h2 em {
    font-size: 2.1rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs h2 strong,
  .header-agentur h2 strong,
  .header-jobs h2 em,
  .header-agentur h2 em {
    font-size: 2.4rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1600px) {
  .header-jobs h2 strong,
  .header-agentur h2 strong,
  .header-jobs h2 em,
  .header-agentur h2 em {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1920px) {
  .header-jobs h2 strong,
  .header-agentur h2 strong,
  .header-jobs h2 em,
  .header-agentur h2 em {
    font-size: 2.85rem;
  }
}
.header-jobs h2 em,
.header-agentur h2 em {
  font-style: italic;
  font-weight: normal;
  font-family: 'sun_serif-italic';
}
.header-jobs .content-text p,
.header-agentur .content-text p {
  position: relative;
  width: 80%;
  font-size: 1.5rem;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.header-jobs .content-text p strong,
.header-agentur .content-text p strong,
.header-jobs .content-text p a,
.header-agentur .content-text p a,
.header-jobs .content-text p em a,
.header-agentur .content-text p em a {
  font-weight: 900;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1em;
  color: #fff;
  display: inline;
  color: #fff !important;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  .header-jobs .content-text p,
  .header-agentur .content-text p {
    font-size: 1.6rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-jobs .content-text p,
  .header-agentur .content-text p {
    font-size: 1.75rem;
    width: 100%;
    padding-bottom: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs .content-text p,
  .header-agentur .content-text p {
    width: 85%;
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-jobs .content-text p,
  .header-agentur .content-text p {
    font-size: 1.8rem;
    width: 80%;
  }
}
@media only screen and (min-width: 1600px) {
  .header-jobs .content-text p,
  .header-agentur .content-text p {
    width: 70%;
  }
}
.header-jobs .content-text a.content__text-link,
.header-agentur .content-text a.content__text-link {
  color: #fff;
  font-weight: normal;
  display: inline-block;
  font-style: italic;
}
.header-jobs .content-text a.content__text-link::after,
.header-agentur .content-text a.content__text-link::after {
  display: block;
  content: '';
  z-index: 1;
  width: 100%;
  bottom: 0.25rem;
  left: 0;
  position: absolute;
  height: 2px;
  background: white;
}
.header-jobs .col-30.off-canvas,
.header-agentur .col-30.off-canvas {
  margin-left: -100px;
}
@media only screen and (max-width: 480px) {
  .header-jobs .col-30.off-canvas,
  .header-agentur .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 101%;
    z-index: -9;
    width: 80vw;
  }
}
@media only screen and (max-width: 321px) {
  .header-jobs .col-30.off-canvas,
  .header-agentur .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 140%;
    z-index: -9;
    width: 85vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .header-jobs .col-30.off-canvas,
  .header-agentur .col-30.off-canvas {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs .col-30.off-canvas,
  .header-agentur .col-30.off-canvas {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    padding: 3rem 2rem 4rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    padding-top: 3rem;
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    padding: 4rem 2rem 4rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    padding: 5rem 5rem 5rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    padding: 7rem 5rem 5rem 0rem;
  }
}
@media only screen and (max-width: 768px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    padding: 2.5rem 2rem 1rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    padding: 3rem 2rem 1.5rem 0;
    width: 95%;
  }
  .header-jobs .col-80 h5,
  .header-agentur .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    padding: 5.5rem 2rem 1rem 0;
  }
  .header-jobs .col-80 h5,
  .header-agentur .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    padding: 6.5rem 2rem 2rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
.header-jobs h5,
.header-agentur h5 {
  color: white;
  font-weight: 900;
  letter-spacing: 4px;
}
@media only screen and (max-width: 768px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .header-jobs .col-80,
  .header-agentur .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs h2,
  .header-agentur h2 {
    width: 70%;
  }
}
.is--team {
  background: #1a191b;
  background: -moz-linear-gradient(top, #1a191b 60%, #f3f3f3 60%);
  background: -webkit-linear-gradient(top, #1a191b 60%, #f3f3f3 60%);
  background: linear-gradient(to bottom, #1a191b 60%, #f3f3f3 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='@ww_hell', GradientType=0);
  display: flex;
  justify-content: space-between;
  padding: 0 5rem calc(10rem * 0.75) 10rem;
}
@media only screen and (max-width: 768px) {
  .is--team {
    background: -moz-linear-gradient(top, #1a191b 5%, #f3f3f3 5%);
    background: -webkit-linear-gradient(top, #1a191b 5%, #f3f3f3 5%);
    background: linear-gradient(to bottom, #1a191b 5%, #f3f3f3 5%);
  }
}
.is--team.secondrow {
  background: #f3f3f3;
  margin-top: -2rem;
}
@media only screen and (max-width: 768px) {
  .is--team {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  .is--team {
    padding: 0 5rem calc(10rem * 0.75) 5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .is--team {
    padding: 0 5rem calc(10rem * 0.75) 5rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .is--team {
    padding: 0 5rem calc(10rem * 0.75) 5rem;
  }
}
.is--team .is--team-item {
  flex: 0 1 32.5%;
}
@media only screen and (max-width: 768px) {
  .is--team .is--team-item {
    flex: 0 1 100%;
    padding-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 1600px) {
  .is--team .is--team-item {
    flex: 0 1 24.5%;
  }
}
.is--team .is--team-item h4,
.is--team .is--team-item h4 span {
  font-weight: 400;
  font-size: 1.85rem;
  margin: .7em 0 .5rem 0;
  font-family: 'sun_serif-bold';
  color: #1a191b;
  line-height: 1.1;
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 1600px) {
  .is--team .is--team-item.blanko {
    display: inline-block;
  }
}
.is--team .is--team-item.blanko:hover {
  filter: brightness(85%);
}
.is--team .is--team-item.blanko:hover h4 {
  text-decoration: underline;
}
.is--team-einblicke {
  background: #1a191b;
  background: -moz-linear-gradient(top, #1a191b 60%, #f3f3f3 60%);
  background: -webkit-linear-gradient(top, #1a191b 60%, #f3f3f3 60%);
  background: linear-gradient(to bottom, #1a191b 60%, #f3f3f3 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='@ww_hell', GradientType=0);
  display: flex;
  justify-content: space-between;
  padding: 0 5rem calc(10rem * 0.75) 10rem;
  padding-top: calc(10rem * 0.4);
  background: -moz-linear-gradient(top, #f3f3f3 30%, #1a191b 30%);
  background: -webkit-linear-gradient(top, #f3f3f3 30%, #1a191b 30%);
  background: linear-gradient(to bottom, #f3f3f3 30%, #1a191b 30%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_hell', endColorstr='@@ww_black', GradientType=0);
}
@media only screen and (max-width: 768px) {
  .is--team-einblicke {
    background: -moz-linear-gradient(top, #1a191b 5%, #f3f3f3 5%);
    background: -webkit-linear-gradient(top, #1a191b 5%, #f3f3f3 5%);
    background: linear-gradient(to bottom, #1a191b 5%, #f3f3f3 5%);
  }
}
.is--team-einblicke.secondrow {
  background: #f3f3f3;
  margin-top: -2rem;
}
@media only screen and (max-width: 768px) {
  .is--team-einblicke {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  .is--team-einblicke {
    padding: 0 5rem calc(10rem * 0.75) 5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .is--team-einblicke {
    padding: 0 5rem calc(10rem * 0.75) 5rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .is--team-einblicke {
    padding: 0 5rem calc(10rem * 0.75) 5rem;
  }
}
.is--team-einblicke .is--team-item {
  flex: 0 1 32.5%;
}
@media only screen and (max-width: 768px) {
  .is--team-einblicke .is--team-item {
    flex: 0 1 100%;
    padding-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 1600px) {
  .is--team-einblicke .is--team-item {
    flex: 0 1 24.5%;
  }
}
.is--team-einblicke .is--team-item h4,
.is--team-einblicke .is--team-item h4 span {
  font-weight: 400;
  font-size: 1.85rem;
  margin: .7em 0 .5rem 0;
  font-family: 'sun_serif-bold';
  color: #1a191b;
  line-height: 1.1;
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 1600px) {
  .is--team-einblicke .is--team-item.blanko {
    display: inline-block;
  }
}
.is--team-einblicke .is--team-item.blanko:hover {
  filter: brightness(85%);
}
.is--team-einblicke .is--team-item.blanko:hover h4 {
  text-decoration: underline;
}
.is--team-einblicke .is--inside-item {
  flex-grow: auto;
  flex-shrink: 1;
  flex-basis: 1;
}
@media only screen and (max-width: 768px) {
  .is--team-einblicke {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .is--team-einblicke {
    padding: 0;
  }
}
.is--team-einblicke.firstrow {
  padding-bottom: 0;
}
.is--team-einblicke.secondrow {
  padding-top: 0;
  background: #1a191b;
}
.jobs-vorteile {
  padding: 0rem 9rem 6rem 13rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4%;
}
.jobs-vorteile h5 {
  color: black;
  padding-bottom: .5rem;
}
.jobs-vorteile h2 {
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  .jobs-vorteile {
    padding: 4rem 3rem 2rem 3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .jobs-vorteile {
    padding: 4em 3rem 2rem 3rem;
  }
}
@media only screen and (min-width: 1024px) {
  .jobs-vorteile {
    padding: 7rem 9rem 0rem 13rem;
  }
}
.jobs-vorteile .jobs-vorteile--item {
  text-align: center;
  padding: 0 4% 2% 4%;
  flex-basis: 31%;
  flex-grow: 1;
  flex-shrink: 1;
}
.jobs-vorteile .jobs-vorteile--item p {
  font-family: 'sun_serif-regular', sans-serif;
  font-size: .95rem;
}
@media only screen and (max-width: 768px) {
  .jobs-vorteile .jobs-vorteile--item {
    flex-basis: 100%;
    padding: 0 15% 10% 15%;
  }
}
@media only screen and (min-width: 768px) {
  .jobs-vorteile .jobs-vorteile--item {
    flex-basis: 50%;
    padding: 0 5% 10% 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .jobs-vorteile .jobs-vorteile--item {
    flex-basis: 31%;
    padding: 0 4% 8% 4%;
  }
}
.why-ww {
  padding: 0rem 9rem 6rem 13rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4%;
  margin-top: 0;
  padding-bottom: calc(10rem * 0.75);
  padding-top: 2rem !important;
}
.why-ww h5 {
  color: black;
  padding-bottom: .5rem;
}
.why-ww h2 {
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  .why-ww {
    padding: 4rem 3rem 2rem 3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .why-ww {
    padding: 4em 3rem 2rem 3rem;
  }
}
@media only screen and (min-width: 1024px) {
  .why-ww {
    padding: 7rem 9rem 0rem 13rem;
  }
}
.why-ww .jobs-vorteile--item {
  text-align: center;
  padding: 0 4% 2% 4%;
  flex-basis: 31%;
  flex-grow: 1;
  flex-shrink: 1;
}
.why-ww .jobs-vorteile--item p {
  font-family: 'sun_serif-regular', sans-serif;
  font-size: .95rem;
}
@media only screen and (max-width: 768px) {
  .why-ww .jobs-vorteile--item {
    flex-basis: 100%;
    padding: 0 15% 10% 15%;
  }
}
@media only screen and (min-width: 768px) {
  .why-ww .jobs-vorteile--item {
    flex-basis: 50%;
    padding: 0 5% 10% 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .why-ww .jobs-vorteile--item {
    flex-basis: 31%;
    padding: 0 4% 8% 4%;
  }
}
@media only screen and (min-width: 768px) {
  .why-ww {
    margin-top: 0rem;
  }
}
@media only screen and (max-width: 768px) {
  .why-ww .jobs-vorteile--item {
    flex-basis: 100%;
    padding: 0 15% 10% 15%;
  }
}
@media only screen and (min-width: 768px) {
  .why-ww .jobs-vorteile--item {
    flex-basis: 50%;
    padding: 0 5% 10% 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .why-ww .jobs-vorteile--item {
    flex-basis: 31%;
    padding: 0 4% 4% 4%;
  }
}
.why-ww.story {
  background: #1a191b;
}
.why-ww.story h2,
.why-ww.story h2 em,
.why-ww.story h2 strong,
.why-ww.story h5,
.why-ww.story p {
  color: white;
}
.why-ww.story .content-text.col-70 {
  margin-left: 15%;
}
.why-ww.story .content-text strong {
  text-transform: none;
  color: #fff !important;
  font-style: italic;
  font-family: 'sun_serif-italic';
  letter-spacing: 0;
  position: relative;
  top: -6rem;
  margin-left: -1rem;
  font-size: 1rem;
}
.why-ww.story .content-text img {
  margin-top: 2rem;
  margin-left: -6rem;
}
.header-jobs {
  /*
		&.bg-grad {
		    animation: bgfadein_black_grad 2s .1s both;
		}
*/
  background: -moz-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: -webkit-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: linear-gradient(to bottom, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='rgba(243, 243, 243, 0)', GradientType=0);
  color: #fff;
  background: #1a191b;
}
@media only screen and (max-width: 768px) {
  .header-jobs.p-left {
    padding-left: 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .header-jobs.p-left {
    padding-left: calc(10rem - 4rem);
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .header-jobs.p-left {
    padding-left: calc(10rem - 4rem);
  }
  .header-jobs.p-right {
    padding-right: calc(5rem - 1rem);
  }
}
.header-jobs h2 {
  position: relative;
  font-family: 'sun_serif-bold';
  font-weight: normal;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.85rem;
  line-height: 1.25;
  display: inline-block;
  margin-bottom: 0.95em;
}
@media only screen and (max-width: 768px) {
  .header-jobs h2 {
    line-height: 1;
  }
}
.header-jobs h2 strong,
.header-jobs h2 em {
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
  letter-spacing: -0.05em;
  font-size: 2.85rem;
  color: #fff;
  display: inline;
}
@media only screen and (max-width: 768px) {
  .header-jobs h2 strong,
  .header-jobs h2 em {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-jobs h2 strong,
  .header-jobs h2 em {
    font-size: 2.1rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs h2 strong,
  .header-jobs h2 em {
    font-size: 2.4rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1600px) {
  .header-jobs h2 strong,
  .header-jobs h2 em {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1920px) {
  .header-jobs h2 strong,
  .header-jobs h2 em {
    font-size: 2.85rem;
  }
}
.header-jobs h2 em {
  font-style: italic;
  font-weight: normal;
  font-family: 'sun_serif-italic';
}
.header-jobs .content-text p {
  position: relative;
  width: 80%;
  font-size: 1.5rem;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.header-jobs .content-text p strong,
.header-jobs .content-text p a,
.header-jobs .content-text p em a {
  font-weight: 900;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1em;
  color: #fff;
  display: inline;
  color: #fff !important;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  .header-jobs .content-text p {
    font-size: 1.6rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-jobs .content-text p {
    font-size: 1.75rem;
    width: 100%;
    padding-bottom: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs .content-text p {
    width: 85%;
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-jobs .content-text p {
    font-size: 1.8rem;
    width: 80%;
  }
}
@media only screen and (min-width: 1600px) {
  .header-jobs .content-text p {
    width: 70%;
  }
}
.header-jobs .content-text a.content__text-link {
  color: #fff;
  font-weight: normal;
  display: inline-block;
  font-style: italic;
}
.header-jobs .content-text a.content__text-link::after {
  display: block;
  content: '';
  z-index: 1;
  width: 100%;
  bottom: 0.25rem;
  left: 0;
  position: absolute;
  height: 2px;
  background: white;
}
.header-jobs .col-30.off-canvas {
  margin-left: -100px;
}
@media only screen and (max-width: 480px) {
  .header-jobs .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 101%;
    z-index: -9;
    width: 80vw;
  }
}
@media only screen and (max-width: 321px) {
  .header-jobs .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 140%;
    z-index: -9;
    width: 85vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .header-jobs .col-30.off-canvas {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs .col-30.off-canvas {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .header-jobs .col-80 {
    padding: 3rem 2rem 4rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-jobs .col-80 {
    padding-top: 3rem;
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-jobs .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs .col-80 {
    padding: 4rem 2rem 4rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-jobs .col-80 {
    padding: 5rem 5rem 5rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-jobs .col-80 {
    padding: 7rem 5rem 5rem 0rem;
  }
}
@media only screen and (max-width: 768px) {
  .header-jobs .col-80 {
    padding: 2.5rem 2rem 1rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-jobs .col-80 {
    padding: 3rem 2rem 1.5rem 0;
    width: 95%;
  }
  .header-jobs .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-jobs .col-80 {
    padding: 5.5rem 2rem 1rem 0;
  }
  .header-jobs .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs .col-80 {
    padding: 6.5rem 2rem 2rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-jobs .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-jobs .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
.header-jobs h5 {
  color: white;
  font-weight: 900;
  letter-spacing: 4px;
}
@media only screen and (max-width: 768px) {
  .header-jobs .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-jobs .col-80 {
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-jobs .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-jobs .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .header-jobs .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-jobs h2 {
    width: 70%;
  }
}
.header-leistungen {
  /*
		&.bg-grad {
		    animation: bgfadein_black_grad 2s .1s both;
		}
*/
  background: -moz-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: -webkit-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: linear-gradient(to bottom, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='rgba(243, 243, 243, 0)', GradientType=0);
  color: #fff;
  background: #1a191b;
}
@media only screen and (max-width: 768px) {
  .header-leistungen.p-left {
    padding-left: 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .header-leistungen.p-left {
    padding-left: calc(10rem - 4rem);
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .header-leistungen.p-left {
    padding-left: calc(10rem - 4rem);
  }
  .header-leistungen.p-right {
    padding-right: calc(5rem - 1rem);
  }
}
.header-leistungen h2 {
  position: relative;
  font-family: 'sun_serif-bold';
  font-weight: normal;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.85rem;
  line-height: 1.25;
  display: inline-block;
  margin-bottom: 0.95em;
}
@media only screen and (max-width: 768px) {
  .header-leistungen h2 {
    line-height: 1;
  }
}
.header-leistungen h2 strong,
.header-leistungen h2 em {
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
  letter-spacing: -0.05em;
  font-size: 2.85rem;
  color: #fff;
  display: inline;
}
@media only screen and (max-width: 768px) {
  .header-leistungen h2 strong,
  .header-leistungen h2 em {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-leistungen h2 strong,
  .header-leistungen h2 em {
    font-size: 2.1rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1200px) {
  .header-leistungen h2 strong,
  .header-leistungen h2 em {
    font-size: 2.4rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1600px) {
  .header-leistungen h2 strong,
  .header-leistungen h2 em {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1920px) {
  .header-leistungen h2 strong,
  .header-leistungen h2 em {
    font-size: 2.85rem;
  }
}
.header-leistungen h2 em {
  font-style: italic;
  font-weight: normal;
  font-family: 'sun_serif-italic';
}
.header-leistungen .content-text p {
  position: relative;
  width: 80%;
  font-size: 1.5rem;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.header-leistungen .content-text p strong,
.header-leistungen .content-text p a,
.header-leistungen .content-text p em a {
  font-weight: 900;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1em;
  color: #fff;
  display: inline;
  color: #fff !important;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  .header-leistungen .content-text p {
    font-size: 1.6rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-leistungen .content-text p {
    font-size: 1.75rem;
    width: 100%;
    padding-bottom: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .header-leistungen .content-text p {
    width: 85%;
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-leistungen .content-text p {
    font-size: 1.8rem;
    width: 80%;
  }
}
@media only screen and (min-width: 1600px) {
  .header-leistungen .content-text p {
    width: 70%;
  }
}
.header-leistungen .content-text a.content__text-link {
  color: #fff;
  font-weight: normal;
  display: inline-block;
  font-style: italic;
}
.header-leistungen .content-text a.content__text-link::after {
  display: block;
  content: '';
  z-index: 1;
  width: 100%;
  bottom: 0.25rem;
  left: 0;
  position: absolute;
  height: 2px;
  background: white;
}
.header-leistungen .col-30.off-canvas {
  margin-left: -100px;
}
@media only screen and (max-width: 480px) {
  .header-leistungen .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 101%;
    z-index: -9;
    width: 80vw;
  }
}
@media only screen and (max-width: 321px) {
  .header-leistungen .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 140%;
    z-index: -9;
    width: 85vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .header-leistungen .col-30.off-canvas {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-leistungen .col-30.off-canvas {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .header-leistungen .col-80 {
    padding: 3rem 2rem 4rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-leistungen .col-80 {
    padding-top: 3rem;
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-leistungen .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-leistungen .col-80 {
    padding: 4rem 2rem 4rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-leistungen .col-80 {
    padding: 5rem 5rem 5rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-leistungen .col-80 {
    padding: 7rem 5rem 5rem 0rem;
  }
}
@media only screen and (max-width: 768px) {
  .header-leistungen .col-80 {
    padding: 2.5rem 2rem 1rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-leistungen .col-80 {
    padding: 3rem 2rem 1.5rem 0;
    width: 95%;
  }
  .header-leistungen .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-leistungen .col-80 {
    padding: 5.5rem 2rem 1rem 0;
  }
  .header-leistungen .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1200px) {
  .header-leistungen .col-80 {
    padding: 6.5rem 2rem 2rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-leistungen .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-leistungen .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
.header-leistungen h5 {
  color: white;
  font-weight: 900;
  letter-spacing: 4px;
}
@media only screen and (max-width: 768px) {
  .header-leistungen .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-leistungen .col-80 {
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-leistungen .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-leistungen .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-leistungen .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .header-leistungen .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-leistungen h2 {
    width: 70%;
  }
}
.is--ctl-Leistungen .leistungen-teaser {
  background: transparent;
}
.is--ctl-Leistungen .leistungen {
  padding-bottom: 6rem;
  animation: inherit;
  background: #1a191b;
  /*
			background: -moz-linear-gradient(top, @ww_black 60%, @ww_hell 60%);
			background: -webkit-linear-gradient(top, @ww_black 60%, @ww_hell 60%);
			background: linear-gradient(to bottom, @ww_black 60%, @ww_hell 60%);
*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='@ww_hell', GradientType=0);
}
@media only screen and (max-width: 768px) {
  .is--ctl-Leistungen .leistungen {
    /*
			background: -moz-linear-gradient(top, @ww_black 5%, @ww_hell 5%);
			background: -webkit-linear-gradient(top, @ww_black 5%, @ww_hell 5%);
			background: linear-gradient(to bottom, @ww_black 5%, @ww_hell 5%);
*/
  }
}
.is--ctl-Leistungen .why-ww {
  background: #1a191b;
}
.is--ctl-Leistungen .why-ww h2,
.is--ctl-Leistungen .why-ww h2 em {
  color: #fff;
}
.is--ctl-Leistungen .why-ww .jobs-vorteile--item h5,
.is--ctl-Leistungen .why-ww .jobs-vorteile--item p {
  color: #fff;
}
.header-projekte {
  /*
		&.bg-grad {
		    animation: bgfadein_black_grad 2s .1s both;
		}
*/
  background: -moz-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: -webkit-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: linear-gradient(to bottom, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='rgba(243, 243, 243, 0)', GradientType=0);
  color: #fff;
  background: #1a191b;
}
@media only screen and (max-width: 768px) {
  .header-projekte.p-left {
    padding-left: 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .header-projekte.p-left {
    padding-left: calc(10rem - 4rem);
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .header-projekte.p-left {
    padding-left: calc(10rem - 4rem);
  }
  .header-projekte.p-right {
    padding-right: calc(5rem - 1rem);
  }
}
.header-projekte h2 {
  position: relative;
  font-family: 'sun_serif-bold';
  font-weight: normal;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.85rem;
  line-height: 1.25;
  display: inline-block;
  margin-bottom: 0.95em;
}
@media only screen and (max-width: 768px) {
  .header-projekte h2 {
    line-height: 1;
  }
}
.header-projekte h2 strong,
.header-projekte h2 em {
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
  letter-spacing: -0.05em;
  font-size: 2.85rem;
  color: #fff;
  display: inline;
}
@media only screen and (max-width: 768px) {
  .header-projekte h2 strong,
  .header-projekte h2 em {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-projekte h2 strong,
  .header-projekte h2 em {
    font-size: 2.1rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1200px) {
  .header-projekte h2 strong,
  .header-projekte h2 em {
    font-size: 2.4rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1600px) {
  .header-projekte h2 strong,
  .header-projekte h2 em {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1920px) {
  .header-projekte h2 strong,
  .header-projekte h2 em {
    font-size: 2.85rem;
  }
}
.header-projekte h2 em {
  font-style: italic;
  font-weight: normal;
  font-family: 'sun_serif-italic';
}
.header-projekte .content-text p {
  position: relative;
  width: 80%;
  font-size: 1.5rem;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.header-projekte .content-text p strong,
.header-projekte .content-text p a,
.header-projekte .content-text p em a {
  font-weight: 900;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1em;
  color: #fff;
  display: inline;
  color: #fff !important;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  .header-projekte .content-text p {
    font-size: 1.6rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-projekte .content-text p {
    font-size: 1.75rem;
    width: 100%;
    padding-bottom: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .header-projekte .content-text p {
    width: 85%;
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-projekte .content-text p {
    font-size: 1.8rem;
    width: 80%;
  }
}
@media only screen and (min-width: 1600px) {
  .header-projekte .content-text p {
    width: 70%;
  }
}
.header-projekte .content-text a.content__text-link {
  color: #fff;
  font-weight: normal;
  display: inline-block;
  font-style: italic;
}
.header-projekte .content-text a.content__text-link::after {
  display: block;
  content: '';
  z-index: 1;
  width: 100%;
  bottom: 0.25rem;
  left: 0;
  position: absolute;
  height: 2px;
  background: white;
}
.header-projekte .col-30.off-canvas {
  margin-left: -100px;
}
@media only screen and (max-width: 480px) {
  .header-projekte .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 101%;
    z-index: -9;
    width: 80vw;
  }
}
@media only screen and (max-width: 321px) {
  .header-projekte .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 140%;
    z-index: -9;
    width: 85vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .header-projekte .col-30.off-canvas {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-projekte .col-30.off-canvas {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .header-projekte .col-80 {
    padding: 3rem 2rem 4rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-projekte .col-80 {
    padding-top: 3rem;
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-projekte .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-projekte .col-80 {
    padding: 4rem 2rem 4rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-projekte .col-80 {
    padding: 5rem 5rem 5rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-projekte .col-80 {
    padding: 7rem 5rem 5rem 0rem;
  }
}
@media only screen and (max-width: 768px) {
  .header-projekte .col-80 {
    padding: 2.5rem 2rem 1rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-projekte .col-80 {
    padding: 3rem 2rem 1.5rem 0;
    width: 95%;
  }
  .header-projekte .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-projekte .col-80 {
    padding: 5.5rem 2rem 1rem 0;
  }
  .header-projekte .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1200px) {
  .header-projekte .col-80 {
    padding: 6.5rem 2rem 2rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-projekte .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-projekte .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
.header-projekte h5 {
  color: white;
  font-weight: 900;
  letter-spacing: 4px;
}
@media only screen and (max-width: 768px) {
  .header-projekte .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-projekte .col-80 {
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-projekte .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-projekte .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-projekte .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .header-projekte .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-projekte h2 {
    width: 70%;
  }
}
.is--ctl-Projekte .instagram-footer {
  background: #1a191b;
  animation: inherit;
}
.is--ctl-Projekte .instagram-footer.viewed {
  animation: inherit;
}
.is--referenzen-projekte {
  background: -moz-linear-gradient(top, #1a191b 60%, #f3f3f3 60%);
  background: -webkit-linear-gradient(top, #1a191b 60%, #f3f3f3 60%);
  background: linear-gradient(to bottom, #1a191b 60%, #f3f3f3 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='@ww_hell', GradientType=0);
  display: flex;
  justify-content: space-between;
  padding: 0 5rem calc(10rem * 0.75) 10rem;
  padding-top: calc(10rem * 0.4);
  background: -moz-linear-gradient(top, #f3f3f3 30%, #1a191b 30%);
  background: -webkit-linear-gradient(top, #f3f3f3 30%, #1a191b 30%);
  background: linear-gradient(to bottom, #f3f3f3 30%, #1a191b 30%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_hell', endColorstr='@@ww_black', GradientType=0);
  background: #1a191b;
}
@media only screen and (max-width: 768px) {
  .is--referenzen-projekte {
    background: -moz-linear-gradient(top, #1a191b 5%, #f3f3f3 5%);
    background: -webkit-linear-gradient(top, #1a191b 5%, #f3f3f3 5%);
    background: linear-gradient(to bottom, #1a191b 5%, #f3f3f3 5%);
  }
}
.is--referenzen-projekte.secondrow {
  background: #f3f3f3;
  margin-top: -2rem;
}
@media only screen and (max-width: 768px) {
  .is--referenzen-projekte {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  .is--referenzen-projekte {
    padding: 0 5rem calc(10rem * 0.75) 5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .is--referenzen-projekte {
    padding: 0 5rem calc(10rem * 0.75) 5rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .is--referenzen-projekte {
    padding: 0 5rem calc(10rem * 0.75) 5rem;
  }
}
.is--referenzen-projekte .is--team-item {
  flex: 0 1 32.5%;
}
@media only screen and (max-width: 768px) {
  .is--referenzen-projekte .is--team-item {
    flex: 0 1 100%;
    padding-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 1600px) {
  .is--referenzen-projekte .is--team-item {
    flex: 0 1 24.5%;
  }
}
.is--referenzen-projekte .is--team-item h4,
.is--referenzen-projekte .is--team-item h4 span {
  font-weight: 400;
  font-size: 1.85rem;
  margin: .7em 0 .5rem 0;
  font-family: 'sun_serif-bold';
  color: #1a191b;
  line-height: 1.1;
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 1600px) {
  .is--referenzen-projekte .is--team-item.blanko {
    display: inline-block;
  }
}
.is--referenzen-projekte .is--team-item.blanko:hover {
  filter: brightness(85%);
}
.is--referenzen-projekte .is--team-item.blanko:hover h4 {
  text-decoration: underline;
}
.is--referenzen-projekte .is--inside-item {
  flex-grow: auto;
  flex-shrink: 1;
  flex-basis: 1;
}
@media only screen and (max-width: 768px) {
  .is--referenzen-projekte {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .is--referenzen-projekte {
    padding: 0;
  }
}
.is--referenzen-projekte .is--projekt-item {
  flex-grow: auto;
  flex-shrink: 1;
  flex-basis: 1;
  float: left;
  z-index: 2 !important;
  position: relative;
  background-color: #1a191b;
  background-color: #000;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: 2.5s background cubic-bezier(0.19, 1, 0.22, 1);
  width: 33.333333%;
  width: 25%;
  max-width: 565px;
}
@media only screen and (max-width: 768px) {
  .is--referenzen-projekte .is--projekt-item {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .is--referenzen-projekte .is--projekt-item {
    height: calc(1.6 * 50vw);
  }
}
.is--referenzen-projekte .is--projekt-item .is--project-content {
  opacity: 1;
  left: 0;
  width: 100%;
  height: calc(1.6 * 29vw);
  height: calc(1.6 * 20vw);
  max-height: 661px;
  display: inline-block;
  position: relative;
  z-index: 1;
  display: flex;
  flex-flow: wrap;
  justify-content: left;
  align-content: flex-start;
  align-content: space-between;
}
@media only screen and (max-width: 768px) {
  .is--referenzen-projekte .is--projekt-item .is--project-content {
    height: calc(1.6 * 50vw);
  }
}
.is--referenzen-projekte .is--projekt-item .is--project-content .is--top {
  width: 100%;
}
.is--referenzen-projekte .is--projekt-item .is--project-content h2,
.is--referenzen-projekte .is--projekt-item .is--project-content p,
.is--referenzen-projekte .is--projekt-item .is--project-content p span,
.is--referenzen-projekte .is--projekt-item .is--project-content span {
  color: white;
}
.is--referenzen-projekte .is--projekt-item .is--project-content h2,
.is--referenzen-projekte .is--projekt-item .is--project-content p {
  padding-left: 3rem;
}
.is--referenzen-projekte .is--projekt-item .is--project-content h2 {
  font-size: 2.25rem;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  transition: 0.5s all cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .is--referenzen-projekte .is--projekt-item .is--project-content h2 {
    font-size: 1.5rem;
  }
}
.is--referenzen-projekte .is--projekt-item .is--project-content p {
  font-size: 1rem;
  width: 85%;
  margin-top: -.75rem;
  opacity: 0;
  transition: 0.5s all cubic-bezier(0.19, 1, 0.22, 1);
}
.is--referenzen-projekte .is--projekt-item .is--project-content .tags {
  padding-left: 3rem;
  position: relative;
  padding-bottom: 0rem;
  transition: 0.5s all cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: .25s;
  opacity: 0;
}
.is--referenzen-projekte .is--projekt-item .is--project-content .tags ul li {
  color: #fff;
  text-transform: uppercase;
  font-size: .8rem;
  letter-spacing: 4px;
  font-weight: 800;
  line-height: 2.0;
}
.is--referenzen-projekte .is--projekt-item .is--project-content .tags:before {
  position: absolute;
  top: -1rem;
  width: 0rem;
  border: 2px solid white;
  content: '';
  transition: 0.4s all cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: .35s;
}
.is--referenzen-projekte .is--projekt-item .is--project-content .image_container_logo {
  width: 95%;
  margin-top: .7rem;
  margin-right: 4rem;
  text-align: right;
  transition: 0.8s all cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: .15s;
  opacity: 0;
}
.is--referenzen-projekte .is--projekt-item .is--project-content .image_container_logo img {
  max-width: 12rem;
}
.is--referenzen-projekte .is--projekt-item:hover .is--project-content {
  opacity: 1;
  background: rgba(0, 0, 0, 0.75);
}
.is--referenzen-projekte .is--projekt-item:hover .is--project-content p {
  opacity: 1;
  margin-top: 0;
}
.is--referenzen-projekte .is--projekt-item:hover .is--project-content .tags {
  padding-bottom: 3.5rem;
  opacity: 1;
}
.is--referenzen-projekte .is--projekt-item:hover .is--project-content .tags:before {
  width: 3rem;
}
.is--referenzen-projekte .is--projekt-item:hover .is--project-content h2 {
  margin-top: 2rem;
  opacity: 1;
}
.is--referenzen-projekte .is--projekt-item:hover .is--project-content .image_container_logo {
  margin-top: 1rem;
  opacity: 1;
}
.header-kontakt {
  /*
		&.bg-grad {
		    animation: bgfadein_black_grad 2s .1s both;
		}
*/
  background: -moz-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: -webkit-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: linear-gradient(to bottom, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='rgba(243, 243, 243, 0)', GradientType=0);
  color: #fff;
  background: #1a191b;
}
@media only screen and (max-width: 768px) {
  .header-kontakt.p-left {
    padding-left: 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .header-kontakt.p-left {
    padding-left: calc(10rem - 4rem);
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .header-kontakt.p-left {
    padding-left: calc(10rem - 4rem);
  }
  .header-kontakt.p-right {
    padding-right: calc(5rem - 1rem);
  }
}
.header-kontakt h2 {
  position: relative;
  font-family: 'sun_serif-bold';
  font-weight: normal;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.85rem;
  line-height: 1.25;
  display: inline-block;
  margin-bottom: 0.95em;
}
@media only screen and (max-width: 768px) {
  .header-kontakt h2 {
    line-height: 1;
  }
}
.header-kontakt h2 strong,
.header-kontakt h2 em {
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
  letter-spacing: -0.05em;
  font-size: 2.85rem;
  color: #fff;
  display: inline;
}
@media only screen and (max-width: 768px) {
  .header-kontakt h2 strong,
  .header-kontakt h2 em {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-kontakt h2 strong,
  .header-kontakt h2 em {
    font-size: 2.1rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1200px) {
  .header-kontakt h2 strong,
  .header-kontakt h2 em {
    font-size: 2.4rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1600px) {
  .header-kontakt h2 strong,
  .header-kontakt h2 em {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1920px) {
  .header-kontakt h2 strong,
  .header-kontakt h2 em {
    font-size: 2.85rem;
  }
}
.header-kontakt h2 em {
  font-style: italic;
  font-weight: normal;
  font-family: 'sun_serif-italic';
}
.header-kontakt .content-text p {
  position: relative;
  width: 80%;
  font-size: 1.5rem;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.header-kontakt .content-text p strong,
.header-kontakt .content-text p a,
.header-kontakt .content-text p em a {
  font-weight: 900;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1em;
  color: #fff;
  display: inline;
  color: #fff !important;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  .header-kontakt .content-text p {
    font-size: 1.6rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-kontakt .content-text p {
    font-size: 1.75rem;
    width: 100%;
    padding-bottom: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .header-kontakt .content-text p {
    width: 85%;
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-kontakt .content-text p {
    font-size: 1.8rem;
    width: 80%;
  }
}
@media only screen and (min-width: 1600px) {
  .header-kontakt .content-text p {
    width: 70%;
  }
}
.header-kontakt .content-text a.content__text-link {
  color: #fff;
  font-weight: normal;
  display: inline-block;
  font-style: italic;
}
.header-kontakt .content-text a.content__text-link::after {
  display: block;
  content: '';
  z-index: 1;
  width: 100%;
  bottom: 0.25rem;
  left: 0;
  position: absolute;
  height: 2px;
  background: white;
}
.header-kontakt .col-30.off-canvas {
  margin-left: -100px;
}
@media only screen and (max-width: 480px) {
  .header-kontakt .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 101%;
    z-index: -9;
    width: 80vw;
  }
}
@media only screen and (max-width: 321px) {
  .header-kontakt .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 140%;
    z-index: -9;
    width: 85vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .header-kontakt .col-30.off-canvas {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-kontakt .col-30.off-canvas {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .header-kontakt .col-80 {
    padding: 3rem 2rem 4rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-kontakt .col-80 {
    padding-top: 3rem;
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-kontakt .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-kontakt .col-80 {
    padding: 4rem 2rem 4rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-kontakt .col-80 {
    padding: 5rem 5rem 5rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-kontakt .col-80 {
    padding: 7rem 5rem 5rem 0rem;
  }
}
@media only screen and (max-width: 768px) {
  .header-kontakt .col-80 {
    padding: 2.5rem 2rem 1rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-kontakt .col-80 {
    padding: 3rem 2rem 1.5rem 0;
    width: 95%;
  }
  .header-kontakt .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-kontakt .col-80 {
    padding: 5.5rem 2rem 1rem 0;
  }
  .header-kontakt .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1200px) {
  .header-kontakt .col-80 {
    padding: 6.5rem 2rem 2rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-kontakt .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header-kontakt .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
.header-kontakt h5 {
  color: white;
  font-weight: 900;
  letter-spacing: 4px;
}
@media only screen and (max-width: 768px) {
  .header-kontakt .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .header-kontakt .col-80 {
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .header-kontakt .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-kontakt .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .header-kontakt .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .header-kontakt .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .header-kontakt h2 {
    width: 70%;
  }
}
.is--ctl-Kontakt {
  background: #1a191b;
  padding-top: 0;
  padding-bottom: 0;
}
.is--ctl-Kontakt .col-50.job-white {
  opacity: .95;
}
.is--ctl-Kontakt .col-50.job-white h5,
.is--ctl-Kontakt .col-50.job-white a {
  color: #1a191b;
}
.is--ctl-Kontakt .col-50.job-white a.btn {
  color: #fff;
}
.is--ctl-Kontakt .jobs-head {
  background: #1a191b;
  padding-top: 0;
  padding-bottom: 0;
}
.is--ctl-Kontakt .jobs-head .col-50.job-white {
  opacity: .95;
}
.is--ctl-Kontakt .jobs-head .col-50.job-white h5,
.is--ctl-Kontakt .jobs-head .col-50.job-white a {
  color: #1a191b;
}
.is--ctl-Kontakt .jobs-head .col-50.job-white a.btn {
  color: #fff;
}
.is--ctl-Kontakt .impressum {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
/*

body {
	display: none;
}
body.loaded {
	display: block;
}
*/
.loaded .loadingw {
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s .4s;
}
.loadingw {
  opacity: 1;
  visibility: visible;
  z-index: 9999999;
}
.cover-layer {
  /* layer that covers the content when the animation is triggered */
  position: fixed;
  left: 0%;
  top: 100vh;
  bottom: 0;
  right: auto;
  height: 100vh;
  width: 100vw;
  opacity: 1;
  visibility: hidden;
  background-color: black;
  /*
	-webkit-transition: all .4s .4s;
	-moz-transition: all .4s .4s;
	transition: all .4s .4s;
*/
  transition: all 0.3s cubic-bezier(0.04, 0.89, 0.74, 0.87);
  /* linear */
  z-index: 999998;
  transform: scaleY(0);
}
.is-changing .cover-layer {
  transform: scaleY(1);
  opacity: 1;
  top: 0vh;
  visibility: visible;
}
/*


.cover-layer2 {
	position: fixed;
	left: 0%;
	top: 240vh;
	bottom: 0;
	right: auto;
	height: 100vh;
	width: 100vw;
	opacity: 1;
	visibility: hidden;
	background-color: black;
	z-index: 999999;
	opacity: 0;
	transition: all 0.8s cubic-bezier(.19,.83,.55,.96);

}

.is-changing .cover-layer2 {
	opacity: 1;
	visibility: visible;
	top: 0;
}
*/
.cover-layer-intro {
  position: fixed;
  left: 0%;
  top: 50vh;
  bottom: 0;
  right: auto;
  height: 100vh;
  width: 100vw;
  visibility: hidden;
  background-color: black;
  /*
	-webkit-transition: all .4s .4s;
	-moz-transition: all .4s .4s;
*/
  transition: all 0.4s cubic-bezier(0.01, 0.98, 0.54, 0.98);
  /* linear */
  z-index: 9999999;
  opacity: 1;
  top: 0vh;
  visibility: visible;
}
.loaded .cover-layer-intro {
  /* layer that covers the content when the animation is triggered */
  top: 100vh;
}
.mod_cms_accept_tags.ww_cookieoptin {
  position: fixed;
  bottom: 2rem !important;
  right: 7rem !important;
  left: inherit !important;
  top: inherit !important;
  z-index: 1000;
  width: 35vw;
  min-width: 400px;
  max-width: 650px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
  background: #1a191b !important;
  max-height: 400px;
  min-height: 250px;
  height: inherit !important;
  height: auto;
  padding: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .mod_cms_accept_tags.ww_cookieoptin {
    width: 96% !important;
    min-width: 96% !important;
    bottom: 2% !important;
    right: 2% !important;
    left: 2% !important;
  }
}
.mod_cms_accept_tags.ww_cookieoptin form {
  margin: 0;
  background: none;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
.mod_cms_accept_tags.ww_cookieoptin form > .formbody {
  margin: 0rem;
  padding: 0;
}
.mod_cms_accept_tags.ww_cookieoptin form > .formbody .info {
  margin-bottom: .75rem;
}
.mod_cms_accept_tags.ww_cookieoptin form > .formbody .info p,
.mod_cms_accept_tags.ww_cookieoptin form > .formbody .info p a {
  font-size: .8rem;
  line-height: 1.5;
  color: #cdcdcd;
}
.mod_cms_accept_tags.ww_cookieoptin form .tags > div {
  padding: 1.5rem 1.5rem 0 0;
}
.mod_cms_accept_tags.ww_cookieoptin form .tags > div .head,
.mod_cms_accept_tags.ww_cookieoptin form .tags > div .head span {
  font-family: 'Inter', sans-serif;
  color: #ffffff;
  font-size: .85rem;
  margin-bottom: .1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mod_cms_accept_tags.ww_cookieoptin form .tags > div .description p {
  font-size: .75rem;
  line-height: 1.5;
  color: #cdcdcd;
}
.mod_cms_accept_tags.ww_cookieoptin form button[name="submit"][value="accept"].first {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  background: none;
  color: #fff;
  font-size: .75rem;
}
.mod_cms_accept_tags.ww_cookieoptin form button[value=accept]:not(.first),
.mod_cms_accept_tags.ww_cookieoptin form button[name="submit"][value="accept"]:not(.first) {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  background: #a9cc21;
  color: #fff;
  font-size: .75rem;
}
.contao-cookiebar.cc-active * {
  border-radius: 0;
}
.contao-cookiebar.cc-active .cc-inner {
  position: absolute;
  right: 2rem;
  bottom: 0rem;
  box-shadow: none;
  max-width: 580px;
  border-radius: 0;
  background: #000;
}
@media only screen and (min-width: 768px) {
  .contao-cookiebar.cc-active .cc-inner {
    position: static;
  }
}
.contao-cookiebar.cc-active .cc-inner .cc-head p {
  color: #fff;
  font-size: 1.5rem;
}
.contao-cookiebar.cc-active .cc-inner .cc-group {
  border: 1px solid white;
  border-radius: 0px;
  margin-bottom: 10px;
}
.contao-cookiebar.cc-active .cc-inner .cc-group p {
  color: white;
}
.contao-cookiebar.cc-active .cc-inner .cc-group label,
.contao-cookiebar.cc-active .cc-inner .cc-group button span {
  color: white;
  background-image: none;
}
.contao-cookiebar.cc-active .cc-cookies {
  background: none;
}
.contao-cookiebar.cc-active .cc-cookies .cc-cookie-info {
  border-radius: 0;
  border: 0;
}
.contao-cookiebar.cc-active .cc-cookies .cc-cookie .cc-cookie-info {
  background: transparent;
  color: white;
  border-radius: 0;
}
.contao-cookiebar.cc-active .cc-cookies .cc-cookie .cc-cookie-info div,
.contao-cookiebar.cc-active .cc-cookies .cc-cookie .cc-cookie-info strong,
.contao-cookiebar.cc-active .cc-cookies .cc-cookie .cc-cookie-info div strong {
  color: white;
}
.contao-cookiebar.cc-active .cc-footer {
  text-align: left;
}
.contao-cookiebar.cc-active .cc-footer .cc-btn {
  font-weight: 500;
  border: 1px solid white;
  background: #1d1d1b;
  color: white;
  border-radius: 0;
}
.contao-cookiebar.cc-active .cc-footer .cc-btn:hover {
  background: white;
  color: black;
}
.contao-cookiebar.cc-active .cc-footer .cc-btn.success {
  background: white;
  border: white;
  color: black;
}
.contao-cookiebar.cc-active .cc-footer .cc-btn.warn {
  display: none;
}
@media only screen and (min-width: 768px) {
  .contao-cookiebar.cc-active .cc-footer {
    display: block;
  }
}
.contao-cookiebar.cc-active .cc-info {
  text-align: left;
}
.contao-cookiebar.cc-active .cc-info p {
  color: white;
}
.contao-cookiebar.cc-active .cc-info a {
  color: white;
  text-decoration: underline;
}
.btn--change-gdpr {
  padding-left: 5%;
  margin-bottom: 2rem;
}
.btn--change-gdpr a {
  cursor: pointer;
  color: #333333;
  font-weight: 700;
  letter-spacing: 0px;
  border-bottom: 2px solid #1d1d1b;
  text-decoration: none;
  font-size: 1rem;
  transition: color 0.2s ease-in-out;
}
.btn--change-gdpr a:hover {
  color: #1d1d1b;
  text-decoration: none;
}
.jobs .teaser--jobs p,
.jobs .teaser--jobs p a {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 800;
  margin-bottom: 3rem;
  color: #fff;
}
.jobs .teaser--jobs p a {
  text-decoration: underline;
}
.jobs .teaser--jobs h2 {
  font-size: 2rem;
  margin: 0;
  padding: 0;
  margin-top: .75em;
  margin-bottom: .25em;
}
.jobs .mod_newslist p.info {
  font-size: .7rem;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 900;
  font-family: 'Inter', sans-serif;
  letter-spacing: 2px;
}
.jobs .mod_newslist h2 a span,
.jobs .mod_newslist h2 a,
.jobs .mod_newslist h2 {
  width: 100%;
  font-weight: 900;
  letter-spacing: -0.05em;
  font-size: 3.25rem;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 1.5rem 0;
  font-family: 'Inter', sans-serif;
  color: #1a191b;
  line-height: 1.1;
  font-style: normal;
  color: white;
  text-decoration: none;
}
.jobs .mod_newslist h2 a span strong,
.jobs .mod_newslist h2 a strong,
.jobs .mod_newslist h2 strong {
  font-weight: bold;
}
@media only screen and (max-width: 321px) {
  .jobs .mod_newslist h2 a span,
  .jobs .mod_newslist h2 a,
  .jobs .mod_newslist h2 {
    width: 60%;
    display: flex;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 768px) {
  .jobs .mod_newslist h2 a span,
  .jobs .mod_newslist h2 a,
  .jobs .mod_newslist h2 {
    font-size: 1.9rem;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1200px) {
  .jobs .mod_newslist h2 a span,
  .jobs .mod_newslist h2 a,
  .jobs .mod_newslist h2 {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .jobs .mod_newslist h2 a span,
  .jobs .mod_newslist h2 a,
  .jobs .mod_newslist h2 {
    font-size: 2.75rem;
  }
}
@media only screen and (min-width: 1440px) {
  .jobs .mod_newslist h2 a span,
  .jobs .mod_newslist h2 a,
  .jobs .mod_newslist h2 {
    font-size: 3.25rem;
  }
}
.jobs .mod_newslist h2 a span:hover,
.jobs .mod_newslist h2 a:hover,
.jobs .mod_newslist h2:hover {
  text-decoration: underline;
}
.jobs .mod_newslist h2 a span::after {
  content: "m/w/d";
  font-size: .3em;
  vertical-align: top;
  font-weight: 700;
  margin-left: .15em;
}
.jobs .mod_newslist .content-text {
  display: none;
}
.jobs .mod_newslist .featured h2 a span,
.jobs .mod_newslist .featured h2 a,
.jobs .mod_newslist .featured h2 {
  pointer-events: none;
  cursor: default;
  text-decoration: line-through;
  text-decoration-thickness: .15em;
}
.jobs .mod_newslist .featured h2 a span::after {
  text-decoration: none;
  content: "";
}
.jobs .jobs--contact {
  padding: 2rem;
}
.jobs .jobs--contact p {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 800;
  margin-bottom: 3rem;
  color: #fff;
}
.jobs .jobs--contact p a {
  color: white;
  text-decoration: underline;
}
.is--job-detail {
  /*
		&.bg-grad {
		    animation: bgfadein_black_grad 2s .1s both;
		}
*/
  background: -moz-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: -webkit-linear-gradient(top, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  background: linear-gradient(to bottom, #1a191b 85%, rgba(243, 243, 243, 0) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ww_black', endColorstr='rgba(243, 243, 243, 0)', GradientType=0);
  color: #fff;
  background: #1a191b;
  padding-left: 10rem;
}
@media only screen and (max-width: 768px) {
  .is--job-detail.p-left {
    padding-left: 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .is--job-detail.p-left {
    padding-left: calc(10rem - 4rem);
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .is--job-detail.p-left {
    padding-left: calc(10rem - 4rem);
  }
  .is--job-detail.p-right {
    padding-right: calc(5rem - 1rem);
  }
}
.is--job-detail h2 {
  position: relative;
  font-family: 'sun_serif-bold';
  font-weight: normal;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.85rem;
  line-height: 1.25;
  display: inline-block;
  margin-bottom: 0.95em;
}
@media only screen and (max-width: 768px) {
  .is--job-detail h2 {
    line-height: 1;
  }
}
.is--job-detail h2 strong,
.is--job-detail h2 em {
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
  letter-spacing: -0.05em;
  font-size: 2.85rem;
  color: #fff;
  display: inline;
}
@media only screen and (max-width: 768px) {
  .is--job-detail h2 strong,
  .is--job-detail h2 em {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .is--job-detail h2 strong,
  .is--job-detail h2 em {
    font-size: 2.1rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1200px) {
  .is--job-detail h2 strong,
  .is--job-detail h2 em {
    font-size: 2.4rem;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1600px) {
  .is--job-detail h2 strong,
  .is--job-detail h2 em {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 1920px) {
  .is--job-detail h2 strong,
  .is--job-detail h2 em {
    font-size: 2.85rem;
  }
}
.is--job-detail h2 em {
  font-style: italic;
  font-weight: normal;
  font-family: 'sun_serif-italic';
}
.is--job-detail .content-text p {
  position: relative;
  width: 80%;
  font-size: 1.5rem;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.is--job-detail .content-text p strong,
.is--job-detail .content-text p a,
.is--job-detail .content-text p em a {
  font-weight: 900;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1em;
  color: #fff;
  display: inline;
  color: #fff !important;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  .is--job-detail .content-text p {
    font-size: 1.6rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .is--job-detail .content-text p {
    font-size: 1.75rem;
    width: 100%;
    padding-bottom: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .is--job-detail .content-text p {
    width: 85%;
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .is--job-detail .content-text p {
    font-size: 1.8rem;
    width: 80%;
  }
}
@media only screen and (min-width: 1600px) {
  .is--job-detail .content-text p {
    width: 70%;
  }
}
.is--job-detail .content-text a.content__text-link {
  color: #fff;
  font-weight: normal;
  display: inline-block;
  font-style: italic;
}
.is--job-detail .content-text a.content__text-link::after {
  display: block;
  content: '';
  z-index: 1;
  width: 100%;
  bottom: 0.25rem;
  left: 0;
  position: absolute;
  height: 2px;
  background: white;
}
.is--job-detail .col-30.off-canvas {
  margin-left: -100px;
}
@media only screen and (max-width: 480px) {
  .is--job-detail .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 101%;
    z-index: -9;
    width: 80vw;
  }
}
@media only screen and (max-width: 321px) {
  .is--job-detail .col-30.off-canvas {
    position: absolute;
    left: 4.5rem;
    margin-top: 140%;
    z-index: -9;
    width: 85vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .is--job-detail .col-30.off-canvas {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 1200px) {
  .is--job-detail .col-30.off-canvas {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .is--job-detail .col-80 {
    padding: 3rem 2rem 4rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .is--job-detail .col-80 {
    padding-top: 3rem;
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .is--job-detail .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .is--job-detail .col-80 {
    padding: 4rem 2rem 4rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .is--job-detail .col-80 {
    padding: 5rem 5rem 5rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .is--job-detail .col-80 {
    padding: 7rem 5rem 5rem 0rem;
  }
}
@media only screen and (max-width: 768px) {
  .is--job-detail .col-80 {
    padding: 2.5rem 2rem 1rem 0rem;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .is--job-detail .col-80 {
    padding: 3rem 2rem 1.5rem 0;
    width: 95%;
  }
  .is--job-detail .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1024px) {
  .is--job-detail .col-80 {
    padding: 5.5rem 2rem 1rem 0;
  }
  .is--job-detail .col-80 h5 {
    padding-bottom: 0rem;
  }
}
@media only screen and (min-width: 1200px) {
  .is--job-detail .col-80 {
    padding: 6.5rem 2rem 2rem 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .is--job-detail .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
@media only screen and (min-width: 1600px) {
  .is--job-detail .col-80 {
    padding: 7rem 5rem 2rem 0rem;
  }
}
.is--job-detail h5 {
  color: white;
  font-weight: 900;
  letter-spacing: 4px;
}
@media only screen and (max-width: 768px) {
  .is--job-detail .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .is--job-detail .col-80 {
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) {
  .is--job-detail .col-80 {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .is--job-detail .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .is--job-detail .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .is--job-detail .col-80 {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .is--job-detail h2 {
    width: 70%;
  }
}
.is--job-detail .content-text.col-80 {
  display: block;
  float: none;
  margin-top: -2rem;
}
.is--job-detail .content-text.col-80 a {
  color: white;
}
.is--job-detail .content-text.col-80 a:hover {
  text-decoration: underline;
}
.is--job-detail h1 {
  width: 100%;
  font-weight: 900;
  letter-spacing: -0.05em;
  font-size: 3.25rem;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 1.5rem 0;
  font-family: 'Inter', sans-serif;
  color: #1a191b;
  line-height: 1.1;
  font-style: normal;
  color: #fff;
}
.is--job-detail h1 strong {
  font-weight: bold;
}
@media only screen and (max-width: 321px) {
  .is--job-detail h1 {
    width: 60%;
    display: flex;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 768px) {
  .is--job-detail h1 {
    font-size: 1.9rem;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1200px) {
  .is--job-detail h1 {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .is--job-detail h1 {
    font-size: 2.75rem;
  }
}
@media only screen and (min-width: 1440px) {
  .is--job-detail h1 {
    font-size: 3.25rem;
  }
}
.is--job-detail .mod_newsreader p.back {
  display: none;
}
.is--job-detail .rscontent-text_image .image {
  float: left;
  width: 48%;
  margin-right: 2%;
}
@media only screen and (max-width: 768px) {
  .is--job-detail .rscontent-text_image .image {
    float: none;
    width: 90%;
  }
}
@media only screen and (min-width: 768px) {
  .is--job-detail .rscontent-text_image .image {
    float: none;
    width: 95%;
  }
}
@media only screen and (min-width: 1200px) {
  .is--job-detail .rscontent-text_image .image {
    float: left;
    width: 48%;
    margin-right: 2%;
  }
}
.is--job-detail .rscontent-text_image .container--text {
  float: left;
  width: 48%;
}
@media only screen and (max-width: 768px) {
  .is--job-detail .rscontent-text_image .container--text {
    float: none;
    width: 85%;
  }
}
@media only screen and (min-width: 768px) {
  .is--job-detail .rscontent-text_image .container--text {
    float: none;
    width: 95%;
  }
}
@media only screen and (min-width: 1200px) {
  .is--job-detail .rscontent-text_image .container--text {
    float: left;
    width: 48%;
  }
}
.is--job-detail .rscontent-text_image .container--text h5 {
  margin-top: .75rem;
}
.is--job-detail .rscontent-text_image .container--text h1 {
  width: 100%;
  font-weight: 900;
  letter-spacing: -0.05em;
  font-size: 3.25rem;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 1.5rem 0;
  font-family: 'Inter', sans-serif;
  color: #1a191b;
  line-height: 1.1;
  font-style: normal;
  color: #fff;
}
.is--job-detail .rscontent-text_image .container--text h1 strong {
  font-weight: bold;
}
@media only screen and (max-width: 321px) {
  .is--job-detail .rscontent-text_image .container--text h1 {
    width: 60%;
    display: flex;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 768px) {
  .is--job-detail .rscontent-text_image .container--text h1 {
    font-size: 1.9rem;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1200px) {
  .is--job-detail .rscontent-text_image .container--text h1 {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .is--job-detail .rscontent-text_image .container--text h1 {
    font-size: 2.75rem;
  }
}
@media only screen and (min-width: 1440px) {
  .is--job-detail .rscontent-text_image .container--text h1 {
    font-size: 3.25rem;
  }
}
.is--job-detail .rscontent-text_image .container--text p {
  font-size: 1.1rem;
  line-height: 1.45;
}
.is--job-detail .rscontent-text_image.jobs-teaser-01 .container--text p {
  font-size: 1.75rem;
  font-weight: 800;
}
.is--job-detail .has--job-features {
  width: 50%;
  padding: 7rem 2% 3rem 0;
  float: left;
}
.is--job-detail .has--job-features.jb33 {
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .is--job-detail .has--job-features {
    padding-top: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .is--job-detail .has--job-features {
    padding-top: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .is--job-detail .has--job-features {
    float: none;
    width: 95%;
  }
}
.is--job-detail .has--job-features h5 {
  margin: 2rem 0 1rem 0;
}
@media only screen and (max-width: 768px) {
  .is--job-detail .has--job-features h5 {
    padding-top: 1rem;
  }
}
.is--job-detail .has--job-features ul li {
  color: #fff;
  position: relative;
  padding-left: 1.25em;
  font-size: 1.1em;
  margin-bottom: 1em;
  font-size: 1.1rem;
  width: 80%;
}
.is--job-detail .has--job-features ul li:before {
  position: absolute;
  left: 0;
  font-family: 'Inter', sans-serif !important;
  content: "× ";
  font-weight: 900;
  width: 1.25rem;
  top: -.05em;
}
.is--job-detail .job--btn-call2action {
  padding-top: 3rem;
}
.is--job-detail .job--btn-call2action h2 {
  width: 100%;
  font-weight: 900;
  letter-spacing: -0.05em;
  font-size: 3.25rem;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 1.5rem 0;
  font-family: 'Inter', sans-serif;
  color: #1a191b;
  line-height: 1.1;
  font-style: normal;
}
.is--job-detail .job--btn-call2action h2 strong {
  font-weight: bold;
}
@media only screen and (max-width: 321px) {
  .is--job-detail .job--btn-call2action h2 {
    width: 60%;
    display: flex;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 768px) {
  .is--job-detail .job--btn-call2action h2 {
    font-size: 1.9rem;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1200px) {
  .is--job-detail .job--btn-call2action h2 {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .is--job-detail .job--btn-call2action h2 {
    font-size: 2.75rem;
  }
}
@media only screen and (min-width: 1440px) {
  .is--job-detail .job--btn-call2action h2 {
    font-size: 3.25rem;
  }
}
.jobs-form #container {
  background: transparent;
}
.jobs-form .is--footer {
  display: none;
}
.jobs-form .ww_jobs_form_lp {
  padding-top: 6rem;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}
.jobs-form .ww_jobs_form_lp .n-right,
.jobs-form .ww_jobs_form_lp .n-left {
  float: left;
  width: 35%;
}
.jobs-form .ww_jobs_form_lp .n-right {
  width: 50%;
  padding-left: 15%;
  max-width: 600px;
}
.jobs-form .ww_jobs_form_lp h2,
.jobs-form .ww_jobs_form_lp p,
.jobs-form .ww_jobs_form_lp a {
  color: white;
  text-align: left;
}
.jobs-form .ww_jobs_form_lp .invisible {
  display: none;
}
.jobs-form .ww_jobs_form_lp .message.ajaxconfirm {
  font-size: 4rem;
  text-align: center;
  padding-top: 30%;
}
.jobs-form .ww_jobs_form_lp .message.ajaxconfirm p {
  font-size: 5rem;
  font-weight: 800;
}
.jobs-form .ww_jobs_form_lp .message.ajaxconfirm a {
  font-size: 2rem;
  color: #fff;
}
.jobs-form input[type="text"],
.jobs-form input[type="password"],
.jobs-form input[type="date"],
.jobs-form input[type="datetime"],
.jobs-form input[type="email"],
.jobs-form input[type="number"],
.jobs-form input[type="search"],
.jobs-form input[type="tel"],
.jobs-form input[type="time"],
.jobs-form input[type="url"],
.jobs-form input:not([type]),
.jobs-form textarea {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-size: 1.0rem;
  font-family: 'Inter', sans-serif;
  background: transparent;
  border-bottom: 2px solid #2e2e2e;
}
.jobs-form input[type="text"] {
  width: 500px;
}
.jobs-form textarea {
  vertical-align: top;
}
.jobs-form label,
.jobs-form legend {
  color: #fff;
  font-size: 1.0rem;
  line-height: 1.0rem;
  font-weight: normal;
  letter-spacing: 0px;
  text-transform: none;
  padding: .5rem 0 5px 4px;
  width: auto;
  display: inline-block;
  font-family: 'Inter', sans-serif;
  margin: .25rem .5rem .5rem 0;
}
.jobs-form legend {
  padding: 0;
  font-weight: 700;
}
.jobs-form .checkbox_container label {
  /*
 			width: 80% !important;
			font-size: .9rem;
			display: inline-block;
			a {color: #fff;}
*/
}
.jobs-form .checkbox_container input[type=checkbox] {
  vertical-align: baseline;
}
.jobs-form .widget {
  margin: .75rem 0 1.5rem 0;
}
.jobs-form .widget.widget-textarea {
  width: 100%;
}
.jobs-form .widget.widget-textarea label {
  width: 100%;
}
.jobs-form input:focus,
.jobs-form textarea:focus {
  transition: border 1.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border-bottom-color: #ffffff;
}
.jobs-form .widget-checkbox span {
  display: block;
}
.jobs-form input[type="submit"],
.jobs-form button {
  display: inline-block;
  padding: .8rem 1.5em;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5em;
  font-size: 1.2rem;
  cursor: pointer;
  border: 0px solid #ccc;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: #fff;
  color: #000;
  background-image: none;
  background-repeat: repeat-x;
  -moz-transition: background .15s linear;
  -webkit-transition: background .15s linear;
  -o-transition: background .15s linear;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-appearance: none;
  margin-top: 1.5rem;
}
.jobs-form input[type="submit"]:hover,
.jobs-form button:hover {
  background: #a9cc21;
  color: #fff;
}
.jobs-form ::-webkit-input-placeholder,
.jobs-form ::-moz-placeholder,
.jobs-form :-ms-input-placeholder,
.jobs-form :-moz-placeholder {
  color: rgba(197, 235, 211, 0.77);
  opacity: .5;
}
.jobs-form button {
  padding: .6rem 1.5em;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  color: #000;
  font-size: .95rem;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-appearance: none;
}
.jobs-form button:hover {
  background: #1d1d1b;
  color: #fff;
}
.bewerbungsform_short {
  background: #1a191b;
}
.bewerbungsform_short .ce_form {
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
}
.bewerbungsform_short .ce_form .formbody .flex--wrap {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .bewerbungsform_short .ce_form .formbody .flex--wrap {
    flex-direction: row;
    margin: 0;
  }
}
.bewerbungsform_short .ce_form .formbody .flex--wrap h2,
.bewerbungsform_short .ce_form .formbody .flex--wrap p,
.bewerbungsform_short .ce_form .formbody .flex--wrap a {
  color: #fff;
}
.bewerbungsform_short .ce_form .formbody .flex--wrap a {
  font-weight: 700;
}
.bewerbungsform_short .ce_form .formbody .flex--wrap p,
.bewerbungsform_short .ce_form .formbody .flex--wrap a {
  font-size: 1rem;
}
.bewerbungsform_short .ce_form .formbody .flex--wrap .n-left {
  flex-basis: 40%;
  padding-right: 7%;
}
.bewerbungsform_short .ce_form .formbody .flex--wrap .n-left.job-call2center {
  text-align: center;
  flex-basis: auto;
}
.bewerbungsform_short .ce_form .formbody .flex--wrap .n-right {
  flex-basis: 53%;
}
.bewerbungsform_short .ce_form .formbody .flex--wrap h2 a {
  width: 100%;
  font-weight: 900;
  letter-spacing: -0.05em;
  font-size: 3.25rem;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 1.5rem 0;
  font-family: 'Inter', sans-serif;
  color: #1a191b;
  line-height: 1.1;
  font-style: normal;
  color: #fff;
}
.bewerbungsform_short .ce_form .formbody .flex--wrap h2 a strong {
  font-weight: bold;
}
@media only screen and (max-width: 321px) {
  .bewerbungsform_short .ce_form .formbody .flex--wrap h2 a {
    width: 60%;
    display: flex;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 768px) {
  .bewerbungsform_short .ce_form .formbody .flex--wrap h2 a {
    font-size: 1.9rem;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1200px) {
  .bewerbungsform_short .ce_form .formbody .flex--wrap h2 a {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .bewerbungsform_short .ce_form .formbody .flex--wrap h2 a {
    font-size: 2.75rem;
  }
}
@media only screen and (min-width: 1440px) {
  .bewerbungsform_short .ce_form .formbody .flex--wrap h2 a {
    font-size: 3.25rem;
  }
}
.bewerbungsform_short .ce_form .formbody .flex--wrap h2 a:hover {
  text-decoration: none;
}
.bewerbungsform_short .ce_form .prefilled {
  display: none;
}
.bewerbungsform_short .ce_form .message.ajaxconfirm {
  padding: 3rem 0;
}
.bewerbungsform_short .ce_form .message.ajaxconfirm > * {
  color: #fff;
  text-align: center;
}
.bewerbungsform_short .ce_form input[type="text"],
.bewerbungsform_short .ce_form input[type="password"],
.bewerbungsform_short .ce_form input[type="date"],
.bewerbungsform_short .ce_form input[type="datetime"],
.bewerbungsform_short .ce_form input[type="email"],
.bewerbungsform_short .ce_form input[type="number"],
.bewerbungsform_short .ce_form input[type="search"],
.bewerbungsform_short .ce_form input[type="tel"],
.bewerbungsform_short .ce_form input[type="time"],
.bewerbungsform_short .ce_form input[type="url"],
.bewerbungsform_short .ce_form input:not([type]),
.bewerbungsform_short .ce_form textarea {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-size: 1.0rem;
  font-family: 'Inter', sans-serif;
  background: transparent;
  border-bottom: 2px solid #2e2e2e;
  width: 95%;
}
@media only screen and (min-width: 768px) {
  .bewerbungsform_short .ce_form input[type="text"],
  .bewerbungsform_short .ce_form input[type="password"],
  .bewerbungsform_short .ce_form input[type="date"],
  .bewerbungsform_short .ce_form input[type="datetime"],
  .bewerbungsform_short .ce_form input[type="email"],
  .bewerbungsform_short .ce_form input[type="number"],
  .bewerbungsform_short .ce_form input[type="search"],
  .bewerbungsform_short .ce_form input[type="tel"],
  .bewerbungsform_short .ce_form input[type="time"],
  .bewerbungsform_short .ce_form input[type="url"],
  .bewerbungsform_short .ce_form input:not([type]),
  .bewerbungsform_short .ce_form textarea {
    width: 80%;
  }
}
.bewerbungsform_short .ce_form textarea {
  vertical-align: top;
}
.bewerbungsform_short .ce_form label,
.bewerbungsform_short .ce_form legend {
  color: #fff;
  font-size: 1.0rem;
  line-height: 1.0rem;
  font-weight: normal;
  letter-spacing: 0px;
  text-transform: none;
  padding: .5rem 0 5px 4px;
  width: auto;
  display: inline-block;
  font-family: 'Inter', sans-serif;
  margin: .25rem .5rem .5rem 0;
}
.bewerbungsform_short .ce_form legend {
  padding: 0;
  font-weight: 700;
}
.bewerbungsform_short .ce_form .widget {
  margin: .75rem 0 1.5rem 0;
}
.bewerbungsform_short .ce_form .widget.widget-textarea,
.bewerbungsform_short .ce_form .widget.widget-text {
  width: 100%;
}
.bewerbungsform_short .ce_form .widget.widget-textarea label,
.bewerbungsform_short .ce_form .widget.widget-text label {
  width: 100%;
}
.bewerbungsform_short .ce_form input:focus,
.bewerbungsform_short .ce_form textarea:focus {
  transition: border 1.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border-bottom-color: #ffffff;
}
.bewerbungsform_short .ce_form .widget-checkbox span {
  display: block;
}
.bewerbungsform_short .ce_form input[type="submit"],
.bewerbungsform_short .ce_form button {
  display: inline-block;
  padding: .8rem 1.5em;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5em;
  font-size: 1.2rem;
  cursor: pointer;
  border: 0px solid #ccc;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: #fff;
  color: #000;
  background-image: none;
  background-repeat: repeat-x;
  -moz-transition: background .15s linear;
  -webkit-transition: background .15s linear;
  -o-transition: background .15s linear;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-appearance: none;
  margin-top: 1.5rem;
}
.bewerbungsform_short .ce_form input[type="submit"]:hover,
.bewerbungsform_short .ce_form button:hover {
  background: #a9cc21;
  color: #fff;
}
.bewerbungsform_short .ce_form ::-webkit-input-placeholder,
.bewerbungsform_short .ce_form ::-moz-placeholder,
.bewerbungsform_short .ce_form :-ms-input-placeholder,
.bewerbungsform_short .ce_form :-moz-placeholder {
  color: rgba(197, 235, 211, 0.77);
  opacity: .5;
}
.bewerbungsform_short .ce_form .checkPrivacy input[type=checkbox] {
  vertical-align: baseline;
}
.bewerbungsform_short .ce_form .checkPrivacy [type="checkbox"] + label {
  position: absolute;
}
.bewerbungsform_short .ce_form .checkPrivacy [type="checkbox"] {
  position: relative;
  left: 15px;
  top: -7px;
  z-index: 0;
  -webkit-appearance: none;
}
.bewerbungsform_short .ce_form .checkPrivacy [type="checkbox"] + label::before {
  width: 15px;
  height: 15px;
  border: 1px solid white;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  top: 1px;
  z-index: 5;
  position: relative;
}
.bewerbungsform_short .ce_form .checkPrivacy input[type="checkbox"]:checked + label::before {
  background-color: #a9cc21;
}
.bewerbungsform_short .ce_form button {
  padding: .6rem 1.5em;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  color: #000;
  font-size: .95rem;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-appearance: none;
}
.bewerbungsform_short .ce_form button:hover {
  background: #1d1d1b;
  color: #fff;
}
.jntxff,
.BubbleContent__BubbleContentText-sc-9iwasx-1 {
  color: white !important;
}
.ButtonBase__ButtonIcon-sc-p43e7i-0 svg {
  fill: #ffffff !important;
}