@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
} :root {
--unit-100vh: 100vh;
}
@supports (height: 100dvh) {
:root {
--unit-100vh: 100dvh;
}
}
html {
padding: env(safe-area-inset);
}
body { --lightColor: #fff;
--lightGray: #f2f2f2;
--Gray: #e7eaee;
--darkGray: #999898;
--darkColor: #000;
--primaryColor: #308740;
--secondaryColor: #4AB033;
--ctaColor: #B7234A; --primaryHead: 5rem;
--secondaryHead: 3.75rem;
--tertiaryHead: 2rem;
--quaternaryHead: 1.6875rem;
--biggerParagraphs: 1.375rem;
--paragraphs: 1.25rem;
--smallerParagraphs: 1.125rem;
--btnFS: 1.125rem;
--smallFS: 0.875rem;
--menuFS: 1.25rem;
--radius: 30px;
}
@media screen and (max-width: 1199px) {
body {
--menuFS: 1.625rem;
}
}
@media screen and (max-width: 991px) {
body {
--primaryHead: 2.5rem;
--secondaryHead: 2.5rem;
--tertiaryHead: 1.625rem;
--quaternaryHead: 1.375rem;
--biggerParagraphs: 1.25rem;
--paragraphs: 1.125rem;
--smallerParagraphs: 0.9375rem;
--btnFS: 1rem;
--smallFS: 0.75rem;
--menuFS: 1.625rem;
}
}
@media screen and (max-width: 767px) {
body {
--primaryHead: 1.875rem;
--secondaryHead: 1.875rem;
--tertiaryHead: 1.625rem;
--quaternaryHead: 1.375rem;
--biggerParagraphs: 1.125rem;
--paragraphs: 1.125rem;
--smallerParagraphs: 0.9375rem;
--btnFS: 1rem;
--smallFS: 0.625rem;
}
} * {
outline: none;
}
html, body {
height: calc(100% - 0px);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
body {
line-height: 1;
overflow: overlay;
color: var(--darkColor);
}
@media screen and (max-width:991px) {
body.no-scroll {
overflow: hidden;
}
}
#overallwrap {
display: flex;
flex-wrap: wrap;
row-gap: 0px;
width: 100%;
overflow: hidden;
min-height: 100%;
margin: 0 auto;
}
@media screen and (max-width:1406px) {
#overallwrap {
padding: 0 20px;
}
}
@media screen and (max-width:767px) {
#overallwrap {
padding: 0 10px;
}
}
header {
flex: 0 0 100%;
transition: 0.5s transform, 0.5s opacity;
z-index: 12;
}
#contentwrap {
flex: 0 0 100%;
} #fader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999999;
background: var(--lightColor);
opacity: 0.7;
animation-duration: 300ms;
animation-timing-function: ease-in-out;
pointer-events: none;
}
@keyframes fade-out {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fade-in {
from {
opacity: 0
}
to {
opacity: 1
}
}
#fader.fade-out {
opacity: 0;
animation-name: fade-out;
}
#fader.fade-in {
opacity: 1;
animation-name: fade-in;
}  html, body, h1, h2, h3, h4, h5, p, ul {
margin: 0px;
padding: 0px;
}
h1, .h1 {
font: normal 300 var(--primaryHead) 'calibri', sans-serif;
line-height: 1;
margin-bottom: 10px;
color: var(--primaryColor);
}
h2, .h2 {
font: normal 300 var(--secondaryHead) 'calibri', sans-serif;
line-height: 1;
margin-bottom: 20px;
color: var(--primaryColor);
}
h2:after, .h2:after {
content: ".";
color: var(--ctaColor);
}
h3, .h3 {
font: normal 300 var(--tertiaryHead) 'calibri', sans-serif;
line-height: 1.125;
color: var(--primaryColor);
}
h4, .h4 {
font: normal 300 var(--biggerParagraphs) 'calibri', serif;
line-height: 1.125;
color: var(--primaryColor);
margin-bottom: 7.5px;
}
p, h5 {
line-height: 1.5 !important;
font: 300 normal var(--paragraphs) 'calibri', sans-serif;
}
h5 {
font-weight: 700;
margin-bottom: 10px;
}
.smallerParagraphs, .smallerParagraphs p {
font: 300 normal var(--smallerParagraphs) 'calibri', sans-serif;
}
.biggerParagraphs, .biggerParagraphs p, .biggerParagraphs li {
font: 300 normal var(--biggerParagraphs) 'calibri', sans-serif;
}
#contentwrap ul li {
font: 300 normal var(--paragraphs) 'calibri', sans-serif;
line-height: 1.5;
}
#contentwrap ul {
list-style-type: none;
}
p strong {
font-weight: 700;
}
small {
font-size: var(--smallFS);
}
a {
text-decoration: none;
transition: 0.35s all;
cursor: pointer;
pointer-events: auto;
cursor: hand;
position: relative;
z-index: 2;
}
a:hover {
cursor: pointer;
}
#contentwrap section {
padding-top: 80px;
padding-bottom: 80px;
}
#contentwrap section.margin-section {
margin-top: 80px;
margin-bottom: 80px;
}
#contentwrap>section:first-of-type {
margin-top: 110px;
}
.section-spacer {
padding-bottom: 80px;
width: 100%;
}
@media screen and (max-width:1199px) {
#contentwrap>section:first-of-type {
margin-top: 75px;
}
}
@media screen and (max-width:991px) {
#contentwrap section {
padding-top: 40px;
padding-bottom: 40px;
}
#contentwrap section.margin-section {
margin-top: 40px;
margin-bottom: 40px;
}
#contentwrap>section:first-of-type {
margin-top: 75px;
}
h2, .h2 {
margin-bottom: 15px;
}
.section-spacer {
padding-bottom: 40px;
width: 100%;
}
}
@media screen and (max-width:767px) {
#contentwrap section:first-of-type {
margin-top: 70px;
}
}  .p-0 {
padding: 0px !important;
}
.p-r-0 {
padding-right: 0px !important;
}
.p-h-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.p-v-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.p-t-0 {
padding-top: 0px !important;
}
.p-b-0 {
padding-bottom: 0px !important;
}
.p-t-small {
padding-top: 40px !important;
}
.p-t-large {
padding-top: 80px !important;
}
.p-t-box {
padding-top: 20px !important;
}
.p-b-small {
padding-bottom: 40px !important;
}
.p-b-large {
padding-bottom: 80px !important;
}
.p-b-box {
padding-bottom: 20px !important;
}
.m-t-0 {
margin-top: 0px !important;
}
.m-t-box {
margin-top: 20px !important;
}
.m-b-0 {
margin-bottom: 0px !important;
}
.m-b-box {
margin-bottom: 20px !important;
}
.m-t-small {
margin-top: 25px !important;
}
.m-t-large {
margin-top: 60px !important;
}
.m-b-small {
margin-bottom: 25px !important;
}
.m-b-large {
margin-bottom: 60px !important;
}
@media screen and (max-width:991px) {
.p-t-small {
padding-top: 20px !important;
}
.p-t-large {
padding-top: 40px !important;
}
.p-b-small {
padding-bottom: 20px !important;
}
.p-b-large {
padding-bottom: 40px !important;
}
.m-t-small {
margin-top: 20px !important;
}
.m-t-large {
margin-top: 40px !important;
}
.m-b-small {
margin-bottom: 20px !important;
}
.m-b-large {
margin-bottom: 40px !important;
}
}
@media screen and (max-width:767px) {
.m-t-box {
margin-top: 10px !important;
}
.p-b-box {
padding-bottom: 10px !important;
}
.p-t-box {
padding-top: 10px !important;
}
.m-b-box {
margin-bottom: 10px !important;
}
} .p-r {
position: relative !important;
}
.p-a {
position: absolute !important;
} @media screen and (min-width:768px) {
.two-col {
columns: 2;
column-gap: 20px;
}
.two-col p {
break-inside: avoid-column;
}
.two-col>div {
break-inside: avoid-column;
}
} .h-100 {
height: 100% !important;
} .TextprimaryColor {
color: var(--primaryColor) !important;
}
.TextsecondaryColor {
color: var(--secondaryColor) !important;
}
.TextctaColor {
color: var(--ctaColor) !important;
}
.TextlightColor,
.TextlightColor h1,
.TextlightColor h2,
.TextlightColor h3,
.TextlightColor h4 {
color: var(--lightColor) !important;
}
.TextdarkColor {
color: var(--darkColor) !important;
}
.TextdarkGray {
color: var(--darkGray) !important;
}
.BGlightColor {
background-color: var(--lightColor);
color: var(--tertiaryColor);
}
.BGlightGray {
background-color: var(--lightGray);
color: var(--tertiaryColor);
}
.BGprimaryColor {
background-color: var(--primaryColor);
color: var(--lightColor);
}
.BGgradient {
background-image: linear-gradient(to right, var(--primaryColor), var(--secondaryColor));
color: var(--lightColor);
}
.BGsecondaryColor {
background-color: var(--secondaryColor);
color: var(--lightColor);
}
.BGdarkColor {
background-color: var(--darkColor);
color: var(--lightColor);
}
.BGctaColor {
background-color: var(--ctaColor);
color: var(--lightColor);
} body .d-none {
display: none;
}
@media screen and (max-width:1199px) {
.lg-off {
display: none !important;
}
.lg-block {
display: block !important;
}
}
@media screen and (max-width:991px) {
.md-off {
display: none !important;
}
.md-block {
display: block !important;
}
}
@media screen and (max-width:767px) {
.sm-off {
display: none !important;
}
.sm-block {
display: block !important;
}
}
@media screen and (max-width:624px) {
.xs-off {
display: none !important;
}
} svg,
svg:hover,
svg path,
svg path:hover,
svg rect,
svg rect:hover {
transition: 0.35s all;
}
.full-width-img {
width: 100%;
height: auto;
line-height: 1;
}
.img-wrap {
display: flex;
position: relative;
overflow: hidden;
border-radius: var(--radius);
}
.img-wrap::before {
content: '';
float: left;
padding-bottom: 56.25%;
}
.img-wrap.wrap-square::before {
content: '';
float: left;
padding-bottom: 100%;
}
.img-wrap img,
img.stretch-parent {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}
img.alignright,
img.alignleft,
img.aligncenter,
img.alignnone {
border-radius: var(--radius);
}
img.alignright, .wp-caption.alignright {
float: right;
margin: 7.5px 0 22.5px 30px;
display: inline;
}
img.alignleft, .wp-caption.alignleft {
float: left;
margin: 7.5px 30px 22.5px 0;
display: inline;
}
img.aligncenter, .wp-caption.aligncenter {
display: block;
margin: 0px 0px 30px 0;
margin-left: auto;
margin-right: auto;
}
a img.alignright {
float: right;
margin: 7.5px 0 22.5px 30px
}
a img.alignleft {
float: left;
margin: 7.5px 30px 22.5px 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption-text {
font-size: var(--smallFS);
margin-top: 10px !important;
font-weight: 600;
}
.wp-caption {
margin: 50px 0;
max-width: 100%;
}
.wp-caption img {
height: auto !important;
}
.wp-caption:not(.size-large),
.wp-caption:not(.size-full) {
width: 33.333% !important;
}
.wp-caption.size-large,
.wp-caption.size-full,
.wp-caption img,
.wp-caption img {
width: 100% !important;
max-width: 33.333%;
}
img.aligncenter:not(.wp-caption img.aligncenter),
img.alignleft:not(.wp-caption img.alignleft) {
width: 33.333% !important;
height: auto !important;
}
@media screen and (max-width:1199px) {
.wp-caption {
margin: 25px 0;
}
}
@media screen and (max-width:991px) {
.wp-caption:not(.size-large),
.wp-caption:not(.size-full) {
width: 50% !important;
}
.wp-caption.size-large,
.wp-caption.size-full,
.wp-caption img,
.wp-caption img {
width: 50% !important;
}
img.aligncenter:not(.wp-caption img.aligncenter),
img.alignleft:not(.wp-caption img.alignleft) {
width: 50% !important;
}
}
@media screen and (max-width:576px) {
.wp-caption:not(.size-large),
.wp-caption:not(.size-full) {
width: 100% !important;
}
img.aligncenter:not(.wp-caption img.aligncenter),
img.alignleft:not(.wp-caption img.alignleft) {
width: 100% !important;
}
.wp-caption.size-large,
.wp-caption.size-full,
.wp-caption img,
.wp-caption img {
max-width: 100%;
}
} .gallery {
margin: -10px !important;
margin-bottom: 10px !important;
}
.gallery-item {
padding: 10px;
}
@media screen and (max-width:767px) {
.gallery {
margin: -5px !important;
margin-bottom: 10px !important;
}
.gallery-item {
padding: 5px;
}
}
.gallery img {
width: 100% !important;
height: auto !important;
border: 1px solid rgba(0, 0, 0, 0) !important;
border-radius: var(--radius);
} .video-wrap,
.social-embed-container.video-container {
position: relative;
padding-bottom: 56.25%;
width: 100%;
border-radius: var(--radius);
overflow: hidden;
}
.video-wrap iframe,
.video-wrap video,
.social-embed-container.video-container iframe {
position: absolute;
width: 100% !important;
height: 100% !important;
top: 0;
border: none;
left: 0;
border-radius: var(--radius);
}
.social-embed-container.video-container {
margin: 20px 0;
} .map-wrap {
position: relative;
padding-bottom: 42.85%;
width: 100%;
}
.map-wrap iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.disable_scrollwheel iframe {
pointer-events: none;
} .center {
text-align: center;
} #contentwrap ul li {
padding-left: 15px;
margin-left: 15px;
position: relative;
}
#contentwrap ul li:before {
content: "• ";
color: var(--ctaColor);
display: inline-block;
position: absolute;
left: 0;
top: 0px
} .btn {
padding: 0 30px 3px 30px;
margin-right: 12.5px;
max-height: 45px;
min-height: 45px;
margin-top: 25px;
border-radius: var(--radius);
line-height: 1 !important;
font: normal 700 var(--btnFS) 'calibri', sans-serif !important;
display: inline-flex;
align-items: center;
text-align: center;
justify-content: center;
cursor: pointer;
outline: none !important;
appearance: none;
-webkit-appearance: none;
border: none;
position: relative;
color: var(--lightColor);
border: 2px solid rgba(0, 0, 0, 0);
max-width: calc(100% - 20px);
}
.btn:hover {
transform: translateY(-7.5px);
box-shadow: 0 7.5px 7.5px rgba(0, 0, 0, 0.15);
}
.btn.btn-filled {
background-color: var(--ctaColor);
}
.btn.btn-filled:hover {
filter: brightness(1.1 5);
}
.btn.btn-primary {
border-color: var(--ctaColor);
color: var(--ctaColor);
}
.btn.btn-secondary {
border-color: var(--lightColor);
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5));
}
.btn-secondary:hover,
.btn-primary:hover {
border-color: var(--ctaColor);
background-color: var(--ctaColor);
color: var(--lightColor);
}
@media screen and (max-width:991px) {
.btn {
padding: 0 20px 2px 20px;
max-height: 40px;
min-height: 40px;
align-content: center;
line-height: 1 !important;
margin-right: 10px;
margin-top: 20px;
}
.btn:hover {
transform: translateY(-5px);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
} @media screen and (max-width:767px) {
.col-mobile-height:before {
content: '';
float: left;
padding-bottom: 75%;
}
} .toggle-head {
font: 300 normal var(--smallerParagraphs) 'calibri', sans-serif;
display: inline-block;
color: var(--primaryColor);
margin: 10px 0 0 0;
border-bottom: 1px dotted var(--primaryColor);
cursor: pointer;
}
.toggle-content {
display: none;
padding: 15px 0px 0px 0px;
width: 100%;
}
.toggle-content.text p:not(:last-of-type),
.toggle-content.text ul {
margin-bottom: 10px;
hyphens: auto;
}
.toggle-head.active span:first-of-type,
.toggle-head:not(.active) span:last-of-type {
opacity: 0;
width: 0px;
font-size: 0px;
pointer-events: none;
}  .video-hero {
margin-bottom: 20px;
}
.video-hero .slider-text {
z-index: 11;
position: relative;
}
.video-hero .video-wrap:after {
content: "";
position: absolute;
width: 100% !important;
height: 100% !important;
top: 0;
border: none;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
}
@media screen and (min-width:992px) {
.video-hero .video-wrap {
aspect-ratio: 16/9;
padding-bottom: 0;
min-width: 100%;
max-height: calc(100vh - 85px);
}
}
@media screen and (min-width:992px) {
.video-hero .video-wrap {
max-height: calc(100vh - 120px);
}
}
.video-hero .video-wrap video {
object-fit: cover;
}
@media screen and (min-width:992px) {
.video-text .btn {
min-height: 60px;
max-height: 60px;
}
}
@media screen and (min-width:768px) and (min-height:601px) {
.video-text h1 {
color: var(--lightColor);
text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
.video-text {
top: 50%;
transform: translateY(-50%);
position: absolute;
left: 20px;
right: 20px;
width: calc(100% - 40px);
}
}
@media screen and (max-width:767px),
screen and (max-height:600px) {
.video-text .btn {
filter: none;
border-color: var(--ctaColor);
color: var(--ctaColor);
text-shadow: none;
}
.video-text {
margin-bottom: 40px;
}
.slider-text {
margin-left: -10px;
}
.video-text h1 {
margin-bottom: 0px;
}
.video-text h1 span {
color: var(--ctaColor);
}
.video-text .btn:hover {
color: var(--lightColor);
}
}
@media screen and (max-width:576px) {
.video-wrap {
aspect-ratio: 1/1;
padding-bottom: 0;
min-width: 100%;
max-height: calc(100vh - 80px);
}
.video-wrap video {
object-fit: cover;
}
} .text h1,
.text h2,
.text h3 {
margin-bottom: 15px;
}
.text p:not(:last-of-type),
.text ul {
margin-bottom: 25px;
}
.text p+ul {
margin-top: 25px;
}
.text li {
color: var(--darkColor);
}
.text p a {
color: var(--primaryColor);
border-bottom: 1px dotted var(--primaryColor);
}
.text blockquote {
color: var(--ctaColor);
border-left: 7px solid var(--ctaColor);
padding: 12.5px 0 12.5px 20px;
margin: 30px 0 30px 3px;
}
.text blockquote p {
font-style: italic !important;
font-weight: 700 !important;
}
.text p a:hover {
color: var(--darkColor);
}
#contentwrap .text .stoerer-wrap {
position: absolute;
bottom: auto;
top: 15px;
right: 10px;
}
@media screen and (max-width:767px) {
.text p:not(:last-of-type) {
margin-bottom: 20px;
}
#contentwrap .text .stoerer-wrap {
position: relative;
top: 5px;
right: 10px;
margin-left: calc(100% - 60px);
margin-bottom: -15px;
}
}
@media screen and (max-width:1406px) {
.text-content .row {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width:1086px) and (min-width:768px) {
.text-content .row {
margin-left: -30px;
margin-right: -30px;
}
} @media screen and (max-width:1406px) {
.raw-code .row {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width:1086px) and (min-width:768px) {
.raw-code .row {
margin-left: -30px;
margin-right: -30px;
}
} @media screen and (min-width:768px) {
.bild .img-wrap::before {
padding-bottom: 42.85%;
}
}
@media screen and (max-width:1406px) {
.bild .row {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width:1086px) and (min-width:768px) {
.bild .row {
margin-left: -30px;
margin-right: -30px;
}
}
.bild.full-container-width .image-container.container {
max-width: 100%;
padding: 0;
}
@media screen and (min-width:1407px) {
.bild.full-container-width .img-wrap::before {
padding-bottom: 37.5%;
}
}
@media screen and (max-width:1086px) and (min-width:768px) {
.bild.full-container-width .row {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width:767px) {
.bild.full-container-width .row {
margin-left: -10px;
margin-right: -10px;
}
} @media screen and (max-width:1406px) {
section.video .row {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width:1086px) and (min-width:768px) {
section.video .row {
margin-left: -30px;
margin-right: -30px;
}
} @media screen and (max-width:1406px) {
.akkordion .row {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width:1086px) and (min-width:768px) {
.akkordion .row {
margin-left: -30px;
margin-right: -30px;
}
}
#contentwrap .akkordion h2 {
margin-bottom: 40px;
}
#contentwrap .akkordion .accordion ul {
list-style: none !important;
padding: 0;
}
#contentwrap .akkordion .accordion h3 {
margin-bottom: 25px;
}
#contentwrap .akkordion ul.accordion {
margin-bottom: -10px;
margin-top: -10px;
}
#contentwrap .akkordion .accordion ul .inner {
padding: 40px 20px 20px 20px;
display: none;
margin-bottom: 0px;
background-color: var(--lightGray);
border-bottom-left-radius: var(--radius);
border-bottom-right-radius: var(--radius);
position: relative;
top: -22.5px;
margin-bottom: -22.5px;
}
#contentwrap .akkordion .accordion ul .inner:after {
content: "";
height: 1.5px;
width: 100%;
background-color: var(--lightColor);
position: absolute;
top: 22.5px;
left: 0;
z-index: 11;
}
#contentwrap .akkordion .accordion ul .inner ol li {
padding-left: 40px;
font-size: var(--smallerParagraphs);
margin-left: 0 !important;
}
#contentwrap .akkordion .accordion ul .inner ol li:before {
padding-left: 2px;
width: 25.5px;
height: 27.5px;
top: -2px;
}
#contentwrap .akkordion .accordion ul .inner ol,
#contentwrap .akkordion .accordion ul .inner ul {
margin: 20px 0;
}
#contentwrap .akkordion .accordion ul .inner li {
font-size: var(--smallerParagraphs) !important;
margin-left: 0 !important;
}
#contentwrap .akkordion .accordion ul .inner p {
margin-bottom: 15px;
}
#contentwrap .akkordion .accordion ul .inner p:last-of-type {
margin-bottom: 0px;
}
#contentwrap .akkordion .accordion ul .inner p a,
#contentwrap .akkordion .accordion ul .inner li a {
border-width: 1px;
}
#contentwrap .akkordion .accordion>li:before {
display: none;
}
#contentwrap .akkordion .accordion>li {
margin: 10px 0;
padding: 0;
border-top: 1px solid var(--lightColor);
font: normal 400 var(--paragraphs) 'calibri', sans-serif;
}
#contentwrap .akkordion .accordion>li>a {
border: none;
}
#contentwrap .akkordion ul.accordion {
border-bottom: 1px solid var(--lightColor);
}
#contentwrap .akkordion .accordion ul>li a.toggle-acc {
width: 100%;
position: relative;
display: block;
color: var(--darkColor);
padding: 12.5px 50px 15px 20px;
transition: background 0.3s ease;
background-color: var(--lightGray);
border-radius: var(--radius);
font: normal 700 var(--paragraphs) 'calibri', sans-serif;
}
#contentwrap .akkordion .accordion ul>li a.toggle-acc:hover {
background-color: #f7f7f7;
}
#contentwrap .akkordion .accordion ul>li a.toggle-acc.active,
#contentwrap .akkordion .accordion ul .inner {
background-color: #f7f7f7 !important;
}
#contentwrap .akkordion .accordion ul>li a.toggle-acc .icon-down {
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto 0;
height: 36px;
width: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
line-height: 1;
transition: 0.35s all;
}
#contentwrap .akkordion .accordion ul>li a.toggle-acc .icon-down svg {
transition: 0.35s all;
transform-origin: 50% 50%;
margin-top: 2px;
}
#contentwrap .akkordion .accordion ul>li a.toggle-acc .icon-down svg path {
stroke: var(--darkColor);
}
#contentwrap .akkordion .accordion ul>li:hover a.toggle-acc svg path {
stroke: var(--darkColor);
}
#contentwrap .akkordion .accordion ul>li a.toggle-acc.active .icon-down {
transform: rotate(180deg);
}
#contentwrap .akkordion .accordion ul>li a.toggle-acc.active .icon-down path {
stroke-width: 3px !important;
}
#contentwrap .akkordion ul .inner p {
font-size: var(--smallerParagraphs);
}
#contentwrap .akkordion ul .inner p:not(:last-of-type) {
margin-bottom: 20px;
}
#contentwrap .akkordion ul .inner img {
width: 100px;
height: 100px;
border-radius: 50%;
float: left;
margin: 0 30px 30px 0;
}
@media screen and (max-width:991px) {
#contentwrap .akkordion .accordion ul>li a.toggle-acc .icon-down {
height: 30px;
width: 30px;
}
#contentwrap .akkordion .accordion ul>li a.toggle-acc {
padding: 10px 20px;
}
#contentwrap .akkordion .accordion ul>li a.toggle-acc .icon-down svg {
width: 14px;
height: 8px;
}
#contentwrap .akkordion ul .inner {
padding: 10px 0;
}
} #contentwrap .text-box {
border-radius: var(--radius);
background-color: var(--lightGray);
padding-top: 0;
padding-bottom: 0;
}
#contentwrap .text-box .row {
padding-top: 50px;
padding-bottom: 50px;
}
@media screen and (max-width:1406px) {
#contentwrap .text-box .row {
padding-left: 20px;
padding-right: 20px;
}
#contentwrap .text-box .row {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media screen and (max-width:767px) {
#contentwrap .text-box .row {
padding-left: 15px;
padding-right: 15px;
}
#contentwrap .text-box .row {
padding-top: 25px;
padding-bottom: 25px;
}
}
#contentwrap .text-box.highlight-list ul {
list-style-type: none;
padding: 0;
margin-top: 25px;
}
#contentwrap .text-box.highlight-list ul li {
font-size: var(--biggerParagraphs);
break-inside: avoid-column;
list-style-type: none !important;
position: relative;
padding: 10px 0 10px 55px;
margin-left: 0;
}
#contentwrap .text-box.highlight-list ul li:before {
background: var(--ctaColor) url(//www.vgs-koeln.de/wp-content/themes/FGR/_img/plus.svg) no-repeat center center;
background-size: 15px 15px;
border-radius: 50%;
width: 37.5px;
height: 37.5px;
position: absolute;
left: 0;
content: "";
top: 11.5px;
}
@media screen and (min-width:992px) {
.text-box.highlight-list ul {
columns: 2;
}
}
@media screen and (max-width:991px) {
#contentwrap .text-box.highlight-list ul {
margin-top: 15px;
margin-bottom: 0px !important;
}
#contentwrap .text-box.highlight-list ul li {
padding: 5px 0 5px 35px;
}
#contentwrap .text-box.highlight-list ul li:before {
background-size: 8.5px 8.5px;
width: 22.5px;
height: 22.5px;
top: 8.5px;
}
}
@media screen and (max-width:767px) {
#contentwrap .text-box.highlight-list ul li {
padding: 5px 0 5px 30px;
}
#contentwrap .text-box.highlight-list ul li:before {
background-size: 7.5px 7.5px;
width: 20px;
height: 20px;
}
} #contentwrap .text-bild {
overflow: hidden;
border-radius: var(--radius);
position: relative;
padding-top: 0;
padding-bottom: 0;
}
#contentwrap .text-bild p:not(:last-of-type) {
margin-bottom: 7.5px;
}
.text-bild-box {
padding-top: 45px;
padding-bottom: 50px;
position: relative;
border-top-right-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
.text-bild-box.stoerer-box {
padding-bottom: 90px;
}
.text-bild-box>div {
padding-right: 45px;
}
#contentwrap .stoerer-wrap {
position: absolute;
bottom: 30px;
right: 30px;
}
#contentwrap .stoerer-wrap .img-wrap {
width: 105px;
transition: 0.35s all;
transform: rotate(10deg) scale(1);
}
@media screen and (max-width: 1406px) {
#contentwrap .stoerer-wrap .img-wrap {
width: 85px;
}
.text-bild-box>div {
padding-right: 30px;
padding-left: 0px;
}
}
@media screen and (max-width: 1199px) {
.text-bild-box {
padding-left: 30px;
}
}
@media screen and (max-width: 1084px) {
.text-bild-box {
border-radius: var(--radius);
}
}
@media screen and (max-width: 1084px) and (min-width:768px) {
.text-bild-box {
max-width: calc(66.66667% - 20px);
margin-right: 20px;
}
}
@media screen and (max-width: 991px) {
#contentwrap .stoerer-wrap .img-wrap {
width: 72.5px;
}
.text-bild-box {
padding-top: 40px;
padding-bottom: 45px;
}
.text-bild-box>div {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (max-width: 767px) {
#contentwrap .stoerer-wrap .img-wrap {
width: 60px;
}
.text-bild-box {
padding-top: 35x;
padding-bottom: 40px;
margin-top: 10px;
}
.text-bild-box>div {
padding-right: 15px;
padding-left: 0px;
}
}
#contentwrap .stoerer-wrap:hover .img-wrap {
transform: rotate(370deg) scale(1.1);
}
#contentwrap .text-bild-box {
background-color: var(--lightGray);
}
@media screen and (min-width: 1084px) {
.text-bild-box:after {
content: "";
height: 100%;
width: 200vw;
right: 20px;
top: 0;
position: absolute;
background-color: var(--lightGray);
z-index: -1;
border-radius: var(--radius);
}
}
@media screen and (max-width: 1084px) {}
.bild-box img.stretch-parent {
border-radius: var(--radius);
}
@media screen and (min-width: 1084px) {
.bild-box img.stretch-parent {
margin-left: 20px;
}
.bild-box img.stretch-parent {
width: calc(472px + ((100% - 1366px) / 2));
width: calc(472px + 10px);
}
} .bild-box-small>img {
border-radius: var(--radius);
}
.text-bild-small-box>div {
padding: 30px;
border-radius: var(--radius);
}
.text-bild-small-box h3 {
margin-bottom: 15px;
}
@media screen and (max-width:1406px) {
.text-bild.text-bild-small .row {
margin-left: -10px;
margin-right: -10px;
}
}
@media screen and (max-width:1140px) {
.text-bild.text-bild-small .row {
margin-left: -5px;
margin-right: -5px;
}
}
@media screen and (max-width:1086px) and (min-width:768px) {
.text-bild.text-bild-small .row {
margin-left: -30px;
margin-right: -30px;
}
}
@media screen and (min-width:768px) {
.text-bild-small-box>div {
margin-right: -10px;
}
}
@media screen and (min-width:1407px) {
.text-bild.text-bild-small .row {
margin-left: 0px;
margin-right: 0px;
}
}
@media screen and (max-width:991px) {
#contentwrap .text-bild-small {
border-radius: 0px !important;
}
}
@media screen and (max-width:767px) {
.bild-box-small {
margin-bottom: 10px;
}
.text-bild.text-bild-small .row {
margin-left: -10px;
margin-right: -10px;
}
.text-bild-small-box {
padding: 0;
}
} .infobox {
padding: 30px;
border-radius: var(--radius);
}
.infobox p a {
border-bottom: 1px dotted var(--lightColor);
color: var(--lightColor);
}
.infobox p a:hover {
opacity: 0.5;
}
.infobox p:not(:last-of-type) {
margin-bottom: 15px;
}
@media screen and (max-width:1086px) {
.text-infobox .row {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width:767px) {
.infobox {
margin-top: 20px;
}
} .full-link {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
}
.slider {
max-width: 1084px;
}
.card-slider {
margin-top: 5px;
}
.slider .slide-item .full-link {
display: flex;
align-items: flex-end;
justify-content: center;
}
.slider .slide-item .img-wrap:before {
padding-bottom: 75%;
}
@media screen and (min-width:992px) {
.slider .slide-item .img-wrap:before {
padding-bottom: 100%;
}
}
@media screen and (max-width:991px) and (min-width:577px) {
.card-slider {
width: 50%;
margin: 0 auto;
}
}
@media screen and (max-width:991px) {
.slider h2 {
margin-left: -10px;
}
}
@media screen and (max-width:576px) {
.card-slider {
margin-left: -10px;
margin-right: -10px;
}
}
@media screen and (min-width:577px) {
.slider .slick-list {
overflow: visible !important;
}
}
.slider .slide-item .full-link:hover:after {
background-color: rgba(0, 0, 0, 0);
}
.slider .slide-item .full-link:hover .btn {
background-color: var(--ctaColor);
transform: translateY(-7.5px);
box-shadow: 0 7.5px 7.5px rgba(0, 0, 0, 0.15);
border-color: rgba(0, 0, 0, 0);
}
.slider .slide-item .full-link:after {
width: 100%;
content: "";
height: 100%;
position: absolute;
left: 0;
top: 0;
transition: 0.45s all;
z-index: 2;
background-color: rgba(0, 0, 0, 0.3);
}
.slider .slide-item .btn {
position: absolute;
margin-bottom: 30px;
margin-right: 0px;
z-index: 11;
transition: 0.35s all;
} .karten .row {
margin-top: -10px;
margin-bottom: -10px;
}
.karten .row>div {
margin-top: 10px;
margin-bottom: 10px;
}
.karten .row {
margin-left: -20px;
margin-right: -20px;
}
body .karten .slide-item .img-wrap::before {
padding-bottom: 75%;
}
@media screen and (max-width:1406px) {
.karten .row {
margin-left: -30px;
margin-right: -30px;
}
}
@media screen and (max-width:767px) {
.karten .row {
margin-left: -20px;
margin-right: -20px;
}
.karten .row {
margin-top: -5px;
margin-bottom: -5px;
}
.karten .row>div {
margin-top: 5px;
margin-bottom: 5px;
}
} .karten-content .row>div>div {
border-radius: var(--radius);
height: 100%;
display: flex;
align-items: flex-start;
flex-direction: column;
flex-wrap: wrap;
width: 100%;
padding-bottom: 30px;
}
.karten-content .desc {
padding: 25px 30px 0px 30px;
width: 100%;
}
.karten-content .desc h3 {
margin-bottom: 5px;
}
.karten-content p:not(:last-of-type){
margin-bottom: 10px;
}
.karten-content .img-wrap {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
width: 100%;
}
.karten-content .large-card .img-wrap::before {
padding-bottom: 25%;
}
.karten-content .btn-wrap {
padding: 0px 30px 0px 30px;
margin-top: auto;
width: 100%;
}
.karten-content h2{
margin-bottom: 5px;
}
@media screen and (min-width:1087px) {
.karten-content .large-card .desc {
padding: 25px 90px 0px 90px;
}
.karten-content .large-card .btn-wrap {
padding: 0px 90px 0px 90px;
}
}
@media screen and (max-width:991px) {
.karten-content .btn-wrap {
padding: 0px 20px 0px 20px;
}
.karten-content .desc {
padding: 15px 20px 0px 20px;
}
.karten-content .row>div>div {
padding-bottom: 20px;
}
.karten-content h2 {
margin-left: 0px;
margin-bottom: 0px;
}
}
@media screen and (max-width:767px) {
.karten-content h2 {
margin-bottom: 10px;
}
} .aktuelles-feed h3 {
color: var(--primaryColor);
}
.aktuelles-slider {
margin-left: -10px;
margin-right: -10px;
}
.aktuelles-slider .slick-slide>div>div>div {
display: flex;
flex-direction: column;
}
.post-date {
position: absolute;
left: 0;
bottom: -2px;
padding: 10px 30px 0 0;
border-top-right-radius: var(--radius);
background-color: var(--lightColor);
color: var(--primaryColor);
font: 300 normal var(--paragraphs) 'calibri', sans-serif;
}
.aktuelles-desc {
flex: 0 0;
}
.aktuelles-slider .slick-slide>div>div>div>div:last-of-type,
#insight-wrap .btn-wrap {
margin-top: auto;
}
.blog .aktuelles-feed .row:not(.insights-archive-hero)>div>div {
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
flex-direction: column;
width: 100%;
}
.aktuelles-feed .img-wrap,
.blog .aktuelles-feed .row:not(.insights-archive-hero)>div>div>div {
width: 100%;
}
.aktuelles-feed .img-wrap {
border-bottom-left-radius: 0px;
}
.aktuelles-feed h3 {
margin: 25px 0px 20px 0px;
}
@media screen and (min-width:1407px) {
.aktuelles-feed.more-posts .row {
margin: 0px;
}
}
@media screen and (max-width:991px) {
.aktuelles-feed h3 {
margin: 15px 0px 15px 0px;
}
} .team h3 {
margin-bottom: 0px;
}
.team h4 {
margin-top: 20px;
font-weight: 700;
color: var(--darkColor);
margin-bottom: 0;
}
.team p.smallerParagraphs {
margin-bottom: 0;
}
.team p.smallerParagraphs.position {
margin-top: 10px;
}
.team p.smallerParagraphs.profession {
line-height: 1 !important;
margin-top: 2.5px;
color: var(--darkGray);
}
.team .toggle-content p strong {
display: block;
}
.team .row {
margin-top: -20px;
margin-bottom: -20px;
}
.team .row>div {
margin-top: 20px;
margin-bottom: 20px;
}
.team .row {
margin-left: -10px;
margin-right: -10px;
}
@media screen and (max-width:1086px) and (min-width:768px) {
.team .row {
margin-left: -30px;
margin-right: -30px;
}
}
@media screen and (max-width:767px) {
.team .row {
margin-left: -20px;
margin-right: -20px;
}
} .jobs .BGlightGray {
height: 100%;
}
.jobs .BGlightGray p,
.jobs .BGlightGray li,
.jobs .BGlightGray h5 {
font: 300 normal var(--smallerParagraphs) 'calibri', sans-serif !important;
}
.jobs .BGlightGray h5,
.jobs .BGlightGray p strong {
font-weight: 600 !important;
}
.jobs .container {
margin-top: -20px;
margin-bottom: -20px;
}
.jobs.text h3 {
margin-bottom: 10px;
}
.jobs .container .row {
margin-top: 20px;
margin-bottom: 20px;
}
.jobs .img-wrap {
height: 100%;
transition: 0.5s all;
transform: translate3d(0, 0, 0);
}
.jobs .img-wrap img {
transition: 0.5s all;
transform: translate3d(0, 0, 0);
}
.jobs .row>div {
transition: 0.5s all;
margin-left: 0% !important;
}
.jobs .img-wrap::before {
padding-bottom: 75%;
}
@media screen and (min-width:768px) {
.jobs .opened-toggle.row>div:last-of-type {
margin-left: calc(-33.3333% + 10px) !important;
max-width: 83.3333% !important;
flex: 83.3333% !important;
}
.jobs .opened-toggle.row .img-wrap {
opacity: 0;
}
}
@media screen and (min-width:992px) {
.jobs .opened-toggle.row>div:last-of-type {
margin-left: calc(-25% + 10px) !important;
max-width: 83.3333% !important;
flex: 83.3333% !important;
}
}
.jobs .opened-toggle.row>div:last-of-type>div {
border-radius: var(--radius);
}
@media screen and (min-width:768px) {
.jobs .row>div:first-of-type {
padding-right: 0;
}
.jobs .row>div:last-of-type {
padding-left: 0;
}
.jobs .img-wrap {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.jobs .BGlightGray {
border-top-right-radius: var(--radius);
border-bottom-right-radius: var(--radius);
padding: 30px 30px 35px 30px;
}
}
@media screen and (max-width:991px) {
.jobs .container {
margin-top: -10px;
margin-bottom: -10px;
}
.jobs .container .row {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media screen and (max-width:767px) {
.jobs .img-wrap {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.jobs .img-wrap::before {
padding-bottom: 56.25%;
}
.jobs .BGlightGray {
border-bottom-right-radius: var(--radius);
border-bottom-left-radius: var(--radius);
padding: 20px 30px 30px 30px;
}
}
.jobs .row {
margin-left: -10px;
margin-right: -10px;
}
@media screen and (max-width:1086px) and (min-width:768px) {
.jobs .row {
margin-left: -30px;
margin-right: -30px;
}
}
@media screen and (max-width:767px) {
.jobs .row {
margin-left: -20px;
margin-right: -20px;
}
}
body .jobs .post-cat #tabs-nav {
width: 100%;
transform: translateY(0px);
display: table;
}
.jobs .post-cat {
margin-bottom: 40px !important;
}
@media screen and (max-width:1086px) {
.jobs .post-cat {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width:991px) {
.jobs .post-cat {
margin-bottom: 20px !important;
}
}
@media screen and (max-width:767px) {
.jobs .post-cat {
margin-left: -10px;
margin-right: -10px;
}
} .linkbox .BGgradient {
border-radius: var(--radius);
padding: 20px 30px;
}
.linkbox .row {
margin-top: -10px;
margin-bottom: -10px;
}
.linkbox .row>div {
margin-top: 10px;
margin-bottom: 10px;
}
.linkbox .btn {
filter: none;
text-shadow: none;
}
@media screen and (min-width:768px) {
.linkbox .BGgradient {
display: flex;
justify-content: space-between;
align-items: center;
}
.linkbox .btn {
margin-top: 0;
margin-left: 30px;
margin-right: 0;
}
.linkbox h3 {
margin-bottom: 0;
padding-bottom: 1px;
}
}
@media screen and (max-width:991px) {
.linkbox .row {
margin-top: -5px;
margin-bottom: -5px;
}
.linkbox .row>div {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media screen and (max-width:767px) {
.linkbox .BGgradient {
border-radius: var(--radius);
padding: 30px 30px;
}
}
.linkbox .row {
margin-left: -10px;
margin-right: -10px;
}
@media screen and (max-width:1086px) and (min-width:768px) {
.linkbox .row {
margin-left: -30px;
margin-right: -30px;
}
}
@media screen and (max-width:767px) {
.linkbox .row {
margin-left: -20px;
margin-right: -20px;
}
} .linkbox.highlightbox {
color: var(--lightColor);
}
.linkbox.highlightbox p a {
color: var(--lightColor) !important;
border-color: var(--lightColor) !important;
}
.linkbox.highlightbox p:not(:last-of-type) {
margin-bottom: 10px;
}
.linkbox.highlightbox p a:hover {
opacity: 0.5;
}
.linkbox.highlightbox .BGgradient {
border-radius: var(--radius);
padding: 30px 30px;
}
.linkbox.highlightbox .img-wrap {
width: 100px;
flex: 0 0 100px;
margin-bottom: 15px;
border-radius: 0;
}
@media screen and (min-width:768px) {
.linkbox.highlightbox .BGgradient {
display: flex;
align-items: center;
justify-content: flex-start;
}
.linkbox.highlightbox .img-wrap {
margin-bottom: 0px;
margin-right: 30px;
}
} .ansprechpartner{
border-radius:0px !important;
}
.ansprechpartner h3 {
margin-bottom: 17.5px;
}
.ansprechpartner div.position {
margin-bottom: 10px;
}
.ansprechpartner h4 {
font-weight: 700;
color: var(--darkColor);
margin-bottom: 0;
font-size: var(--biggerParagraphs);
}
.ansprechpartner p.smallerParagraphs {
margin-bottom: 0;
}
.ansprechpartner p.smallerParagraphs.position {
margin-top: 10px;
margin-bottom: 10px;
}
.ansprechpartner p.smallerParagraphs.profession {
line-height: 1 !important;
margin-top: 2.5px;
color: var(--darkGray);
}
.ansprechpartner p a {
color: var(--darkColor);
}
.ansprechpartner p a:hover {
opacity: 0.5;
}
@media screen and (min-width:1087px) {
.ansprechpartner .col-mobile-height img {
width: calc(100% - 10px);
}
}
@media screen and (min-width:768px) and (max-width:1086px){
.ansprechpartner .col-mobile-height img {
width: calc(100% - 30px);
clip-path: inset(0 0px 0 0px round 30px 30px  30px 30px);
margin-left: 20px;}
}
.ansprechpartner h3 {
margin-left: -10px;
}
@media screen and (max-width:1087px) and (min-width:768px){
.ansprechpartner h3 {
margin-left: 10px;
}
}
@media screen and (max-width:767px) {
.ansprechpartner .bild-box-small {
margin-bottom: 10px;
}
} .downloads h3 {
margin-bottom: 7.5px;
}
.file-wrap span.ext {
font: normal 400 var(--smallerParagraphs) 'calibri', sans-serif;
color: #727272;
padding-top: 1px;
text-decoration: none !important;
padding-left: 7.5px;
}
.downloads a {
font: normal 400 var(--paragraphs) 'calibri', sans-serif;
color: var(--darkColor);
margin: 7.5px 0;
position: relative;
display: inline-flex;
align-items: center;
}
.downloads a span.file-desc {
border-bottom: 1px dotted var(--primaryColor);
}
.downloads a:hover span.file-desc {
color: var(--primaryColor);
}
.downloads div.file-wrap:last-of-type a {
margin-bottom: 0;
}
.downloads a:before {
content: "";
display: inline-block;
width: 20px;
flex: 0 0 20px;
height: 20px;
background: no-repeat center center;
background-size: contain;
transition: 0.35s ease-in;
margin-right: 10px;
margin-top: 5px;
background-image: url(//www.vgs-koeln.de/wp-content/themes/FGR/_img/icon-download.svg);
}
.downloads .ext {
text-transform: uppercase;
}
@media screen and (max-width:991px) {
.file-wrap span.ext {
padding-bottom: 1px;
}
}
@media screen and (max-width:767px) {
.downloads a:last-of-type {
margin-bottom: 0;
}
}
@media screen and (max-width:1406px) {
.downloads .row {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width:1086px) and (min-width:768px) {
.downloads .row {
margin-left: -30px;
margin-right: -30px;
}
} .blog .aktuelles-item,
.category.archive .aktuelles-item {
margin-top: 20px;
margin-bottom: 20px;
}
@media screen and (min-width:768px) {
.blog .aktuelles-item:not(.col-md-6) .img-wrap::before,
.category.archive .aktuelles-item:not(.col-md-6) .img-wrap::before {
padding-bottom: 42.85%;
}
}
.blog h1,
.category.archive h1 {
margin-bottom: 5px;
}
@media screen and (max-width:1406px) {
.blog #aktuelles-wrap,
.category.archive #aktuelles-wrap {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width:1086px) and (min-width:768px) {
.blog #aktuelles-wrap,
.category.archive #aktuelles-wrap {
margin-left: -30px;
margin-right: -30px;
}
}
@media screen and (max-width:991px) {
.blog h1,
.category.archive h1 {
margin-left: -20px;
margin-bottom: 0px;
}
}
@media screen and (max-width:767px) {
.blog h1,
.category.archive h1 {
margin-left: -10px;
margin-bottom: 5px;
}
}
.blog #tabs-nav,
.category.archive #tabs-nav {
margin-top: 10px;
margin-bottom: 5px;
}
@media screen and (max-width:991px) {
.blog #tabs-nav,
.category.archive #tabs-nav {
margin-bottom: -5px;}
}
@media screen and (max-width:1086px) {
.blog #tabs-nav,
.category.archive #tabs-nav {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px) !important;
} 
}
@media screen and (max-width:767px) {
.blog #tabs-nav,
.category.archive #tabs-nav {
margin-left: -10px;
margin-right: -10px;
width: calc(100% + 20px) !important;
} 
}
.post-cat {
flex-direction: initial !important;
justify-content: flex-end;
flex-wrap: nowrap;
}
.post-cat #tabs-nav,
.post-cat #tabs-nav {
width: 100%;
transform: translateY(5px);
display: table;
}
.post-cat #tabs-nav li,
.post-cat #tabs-nav li {
width: 33.333%;
display: table-cell;
float: none;
}
#tabs-nav li.term-allgemein {
display: none;
} .single #contentwrap .aktuelles-desc p:not(:last-of-type) {
margin-bottom: 20px;
}
.single #contentwrap .img-wrap {
margin-top: 5px;
}
@media screen and (min-width:768px) {
.single .single-hero .img-wrap::before {
padding-bottom: 42.85%;
}
}
.single-hero-cta {
margin-top: 10px;
}
.single-post .single-post-meta {
margin-top: 30px;
color: var(--darkGray);
}
.single-post .single-post-meta a {
color: var(--darkGray);
pointer-events: none;
}
@media screen and (max-width:1406px) {
.single #contentwrap section:not(.more-posts) .row {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width:1086px) and (min-width:768px) {
.single #contentwrap section:not(.more-posts) .row {
margin-left: -30px;
margin-right: -30px;
}
} .single-schule .single-hero .img-wrap {
border-bottom-left-radius: var(--radius);
}
.single-schule .downloads .row>div>div {
padding: 30px 30px 40px 30px;
border-radius: var(--radius);
}
.single-schule .contact-box>div {
padding: 30px;
border-radius: var(--radius);
}
.single-schule .contact-box>div p {
font-size: var(--smallerParagraphs);
flex: 0 0 100%;
}
.single-schule .contact-box div.contact-fields {
margin-top: 15px;
}
.single-schule .profession {
color: var(--lightColor) !important;
opacity: 0.7;
}
.single-schule .contact-box:not(.contact-box-schule) .contact-fields .phone,
.single-schule .contact-box:not(.contact-box-schule) .contact-fields p.times {
margin-top: 10px;
}
.single-schule .contact-fields h4 {
margin-top: 10px;
flex: 0 0 100%;
}
.single-schule .contact-box:not(.contact-box-schule) .contact-fields p a {
color: var(--lightColor) !important;
border-bottom: 1px dotted var(--lightColor)
}
.single-schule .contact-box>div p a {
color: var(--darkColor);
}
.single-schule .contact-box:not(.contact-box-schule)>div p a:hover {
opacity: 0.5;
}
.single-schule .contact-box.contact-box-schule {
margin-top: 60px;
}
.single-schule .contact-box .img-wrap {
width: 110px;
height: 110px;
flex: 0 0 110px;
border-radius: 50%;
filter: grayscale(100%);
margin-bottom: 0px;
margin-top: 20px !important;
}
.single-schule .cpt-body {
padding-top: 20px;
}
.single-schule .contact-fields{
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.single-schule .contact-fields > div{
flex:0 0 33.3333%;
padding: 0 10px;
}
@media screen and (max-width:991px) {
.single-schule .contact-box.contact-box-schule {
margin-top: 40px;
}
}
@media screen and (max-width:767px) {
.single-schule .contact-box:not(.contact-box-schule) {
margin-top: 40px;
}
.single-schule .cpt-body {
padding-top: 30px;
}
.single-schule .contact-box.contact-box-schule {
margin-top: 10px;
}
.single-schule .contact-box.contact-box-schule .contact-fields .phone {
margin-top: 10px;
}
.single-schule .contact-box.contact-box-schule .contact-fields p.times {
margin-bottom: 10px;
}
}
@media screen and (min-width:577px) {
.single-schule .aktuelles-slider .slick-list {
overflow: visible !important;
}
} .tabs {
width: 100%;
}
ul#tabs-nav {
list-style: none;
margin: 0;
overflow: auto;
border-bottom: 2px solid var(--primaryColor);
}
.hidden-tabs ul#tabs-nav {
display: none;
}
.hidden-tabs .row.p-t-box {
padding-top: 0px !important;
}
ul#tabs-nav li {
float: left;
width: 50%;
margin: 0;
padding: 0;
cursor: pointer;
list-style-type: none !important;
}
ul#tabs-nav li:before {
display: none;
}
ul#tabs-nav li:hover a {
background-color: #d9d9d9;
}
ul#tabs-nav li.active a {
background-color: var(--primaryColor);
color: var(--lightColor);
}
#tabs-nav li a {
text-decoration: none;
width: 500%;
color: var(--darkColor);
padding: 2px 30px 3px 30px;
max-height: 45px;
min-height: 45px;
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius);
line-height: 1 !important;
font: normal 700 var(--btnFS) 'calibri', sans-serif !important;
display: inline-flex;
align-items: center;
text-align: center;
justify-content: center;
cursor: pointer;
outline: none !important;
appearance: none;
-webkit-appearance: none;
border: none;
position: relative;
background-color: var(--lightGray);
max-width: calc(100% - 0px);
}
#tabs-content .row {
margin-left: -10px !important;
margin-right: -10px !important;
}
@media screen and (max-width:991px) {
#tabs-nav li a {
padding: 0 20px 2px 20px;
max-height: 40px;
min-height: 40px;
align-content: center;
line-height: 1 !important;
}
}
@media screen and (max-width:767px) {
#tabs-nav li a {
max-height: 32.5px;
min-height: 32.5px;
}
} .screen-reader-text {
display: none;
}
.pagination-row {
margin-left: -5px;
margin-right: -5px;
}
.pagination-row .page-numbers {
font: normal 700 var(--btnFS) 'calibri', serif;
border: 2px solid var(--ctaColor);
width: 45px;
padding-bottom: 2px;
color: var(--ctaColor);
height: 45px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 0;
margin: 0 5px;
}
.pagination-row a.page-numbers:hover,
.pagination-row .page-numbers.current {
background-color: var(--ctaColor);
color: var(--lightColor);
}
.pagination-row a.page-numbers:hover {
transform: translateY(-5px);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
.pagination-row .page-numbers.next,
.pagination-row .page-numbers.prev {
font: normal 700 var(--btnFS) 'calibri', serif;
}
.pagination-row .nav-links {
display: flex;
}
.pagination-row .pagination {
display: flex;
justify-content: center;
width: 100%;
padding-top: 30px;
padding-bottom: 0px;
}
@media screen and (max-width:991px) {
.pagination-row .pagination {
padding-top: 20px;
padding-bottom: 20px;
}
.pagination-row .page-numbers {
width: 40px;
height: 40px;
}
} .page-impressum h1:after,
.page-datenschutz h1:after {
content: ".";
color: var(--ctaColor);
}
.page-impressum h2,
.page-datenschutz h2 {
font-size: var(--tertiaryHead);
}
.page-datenschutz h3 {
font-size: var(--biggerParagraphs);
}
.page-datenschutz h4 {
font-size: var(--paragraphs);
}
.page-impressum h2:after,
.page-datenschutz h2:after {
content: "";
} footer {
margin-top: auto;
flex: 0 0 100%;
}
footer p a {
color: var(--primaryColor);
}
footer p a:hover {
text-decoration: underline;
}
#footer-top {
padding-bottom: 20px;
}
@media screen and (min-width:992px) {
#footer-top {
padding-bottom: 80px;
}
}
@media screen and (max-width:1406px) {
#footer-top .row {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width:1086px) {
#footer-top .row {
margin-left: -30px;
margin-right: -30px;
}
}
@media screen and (max-width:767px) {
#footer-top .row {
margin-left: -20px;
margin-right: -20px;
}
#footer-top p {
margin-bottom: 20px;
}
}
.footer-cta .btn {
position: absolute;
right: 60px;
margin-top: 0;
bottom: -40px;
line-height: 1 !important;
transform-style: preserve-3d;
transform: translateZ(-1px);
}
@media screen and (min-width:992px) {
.footer-cta .btn {
min-height: 60px;
max-height: 60px;
bottom: -110px;
right: 0;
}
.footer-cta .btn:hover:before {
bottom: 55px;
}
.footer-cta .btn:before {
content: "";
width: 100%;
height: 165px;
margin-left: -30px;
position: absolute;
bottom: 47.5px;
transition: 0.35s all;
z-index: -1;
background: url(//www.vgs-koeln.de/wp-content/themes/FGR/_img/footer-cta.png) no-repeat center bottom;
background-size: contain;
transform: translateZ(-1px);
}
}
@media screen and (max-width:767px) {
.footer-cta .btn {
right: 30px;
}
}
#footer-middle {
margin-bottom: 20px;
border-radius: var(--radius);
}
#footer-middle .row {
padding-top: 45px;
padding-bottom: 45px;
}
#footer-middle ul {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
#footer-middle ul li {
display: inline-block;
margin-right: 30px;
margin-top: 10px;
margin-bottom: 10px;
}
#footer-middle ul li img {
width: 155px;
max-height: 50px;
object-fit: contain;
height: auto;
transition: 0.35s all;
object-position: left center;
}
#footer-middle ul li:hover img {
opacity: 0.6;
}
#footer-middle p {
text-transform: uppercase;
margin-right: 20px;
display: flex;
}
@media screen and (max-width:1086px) {
#footer-middle p {
display: block;
}
#footer-middle p {
margin-bottom: 10px;
}
#footer-middle .row {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 45px;
}
}
@media screen and (max-width:991px) {
#footer-middle ul li img {
width: 125px;
max-height: 40px;
}
#footer-middle {
margin-bottom: 10px;
}
}
@media screen and (max-width:767px) {
#footer-middle .row {
padding-top: 25px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 32.5px;
}
#footer-middle ul li img {
width: 115px;
max-height: 37.5px;
}
}
@media screen and (max-width:576px) {
#footer-middle p {
font-size: var(--smallFS);
margin-bottom: 5px;
}
#footer-middle .row {
padding-bottom: 15px;
}
}
#footer-top ul,
#footer-middle ul {
list-style-type: none;
}
#footer-top ul {
margin-top: 5px;
}
#footer-top ul li {
margin-bottom: 15px;
}
#footer-top ul li img,
#footer-top ul li svg {
height: 30px;
width: 30px;
object-fit: contain;
transition: 0.35s all;
}
#footer-top ul li svg path {
fill: var(--darkColor);
}
@media screen and (max-width:991px) {
#footer-top ul li img,
#footer-top ul li svg svg {
height: 22.5px;
width: 22.5px;
object-fit: contain;
}
#footer-top ul li {
margin-bottom: 10px;
}
}
#footer-top ul li:hover img {
opacity: 0.7;
}
#footer-top a:not(.btn) {
color: var(--darkColor);
}
#footer-top a:not(.btn):hover {
opacity: 0.5;
text-decoration: none;
}
#footer-bottom {
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius);
}
@media screen and (max-width:1086px) {
#footer-bottom .row {
padding-left: 20px;
padding-right: 20px;
}
}  .wpcf7 .novalidate {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.wpcf7 blockquote {
color: var(--ctaColor);
border-left: 4px solid var(--ctaColor);
padding: 5px 0 10px 0px;
margin: 10px 0 10px 5px;
}
.wpcf7 blockquote p {
font-style: italic !important;
font-weight: 700 !important;
margin-bottom: 0 !important;
line-height: 1 !important;
}
body .wpcf7 form h3 {
margin-bottom: 10px;
margin-top: 20px;
}
body .wpcf7 form h4 {
margin-bottom: 10px;
margin-top: 20px;
}
.wpcf7 form p {
padding: 0 0px;
margin-bottom: 15px;
}
.wpcf7 label, label {
color: var(--darkColor);
font: normal 300 var(--smallFS) 'calibri', sans-serif;
display: block;
margin-bottom: 3.5px;
}
.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="file"]),
.wpcf7 textarea,
.wpcf7 select,
input[type="password"],
input[type="text"],
input[type="email"] {
appearance: none;
-webkit-appearance: none;
border-radius: var(--radius);
background-color: var(--lightGray);
appearance: none;
padding: 0px 20px 0px 20px;
margin: 10px 0 7.5px 0;
width: 100%;
outline: 0;
border: none;
font: normal 300 var(--btnFS) 'calibri', sans-serif;
resize: none;
color: var(--darkColor);
max-height: 45px;
min-height: 45px;
}
.wpcf7 input[type="file"] {
margin-bottom: 20px;
}
.wpcf7 select {
color: var(--tertiaryColor);
background: url(//www.vgs-koeln.de/wp-content/themes/FGR/_img/arrow-down.svg) no-repeat calc(100% - 15px) center;
background-size: 12px 7px;
}
.wpcf7 small {
color: var(--shadedTertiaryColor);
}
@media screen and (max-width:991px) {
.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="file"]),
.wpcf7 select,
input[type="password"],
input[type="text"],
input[type="email"]  {
max-height: 40px !important;
min-height: 40px !important;
}
}
.wpcf7 .submit-wrap {
display: inline-flex;
align-items: center;
margin-top: 30px;
margin-left: 10px;
}
.wpcf7 .submit-wrap:after {
display: inline-block;
margin-left: 10px;
width: 45px;
height: 45px;
content: "";
border-radius: 50%;
background: var(--primaryColor) url(//www.vgs-koeln.de/wp-content/themes/FGR/_img/arrow-right.svg) no-repeat center center;
background-size: 14.5px 13px;
}
.wpcf7 input[type="submit"] {
height: 100%;
margin: 0 !important;
color: var(--lightColor);
appearance: none;
-webkit-appearance: none;
line-height: 0 !important;
border-radius: var(--radius) !important;
transition: 0.35s all;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover {
color: var(--lightColor) !important;
}
.wpcf7 input[type="submit"]:disabled:hover,
.wpcf7input[type="submit"]:disabled:hover {
background-position: 0 0;
}
.wpcf7 input[type="submit"]:disabled,
.wpcf7 input[type="submit"]:disabled {
opacity: 1;
}
.ajax-loader,
.wpcf7-spinner,
.wpcf7 .wpcf7-response-output {
display: none !important;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
position: relative;
display: none !important;
}
.wpcf7-not-valid-tip {
color: var(--ctaColor) !important;
font-size: var(--smallerFS) !important;
display: block !important;
margin: 0px 15px 5px 0px !important;
font: 400 normal var(--smallFS) 'calibri', sans-serif !important;
}
.wpcf7 textarea {
min-height: 150px;
max-height: auto !important;
padding: 15px;
}
::placeholder {
color: var(--darkColor);
font: normal 300 var(--btnFS) 'calibri', sans-serif;
opacity: 1;
}
.DatenschutzCheck {
display: block;
transition: 0.75s all;
text-align: left;
width: calc(100% - 0px);
font: 400 normal var(--smallFS) 'calibri', sans-serif;
transition: 0.5s all;
color: var(--shadedTertiaryColor);
line-height: 175% !important;
font-size: 0.6875rem !important;
}
.DatenschutzCheck .wpcf7-list-item-label,
.DatenschutzCheck p {
line-height: 175% !important;
font-size: 0.6875rem !important;
font: 400 normal var(--smallFS) 'calibri', sans-serif;
}
.DatenschutzCheck p {
margin: 7.5px 0 2.5px 0 !important;
}
.DatenschutzCheck a:hover {
opacity: 0.5;
}
.DatenschutzCheck label {
margin-top: 2.5px;
}
.DatenschutzCheck a:hover {
color: var(--primaryColor);
}
.DatenschutzCheck small {
font-weight: 300 !important;
}
.DatenschutzCheck a {
border-bottom: 1px dotted var(--darkColor);
color: var(--darkColor) !important;
}
.DatenschutzCheck input[type="checkbox"] {
margin: 0px 5px -3px 0px;
padding: 0;
-webkit-appearance: none;
appearance: none;
padding: 3px;
height: 14px !important;
width: 14px !important;
border-radius: 50%;
border: none;
background-color: var(--Gray);
position: relative;
transition: 0.25s all;
cursor: pointer;
}
.DatenschutzCheck {
pointer-events: auto;
opacity: 1;
max-height: 600px;
transition: 0.5s all;
margin: 10px 10px 0px 10px;
}
.DatenschutzCheck small:first-of-type {
display: block;
margin-bottom: -5px;
}
@media screen and (max-width:991px) {
.DatenschutzCheck input[type="checkbox"] {
height: 12.5px !important;
width: 12.5px !important;
margin: 0 5px -2px 0px;
}
}
.wpcf7-list-item {
margin: 0 0 0px 0px !important;
}
.wpcf7-form.sent p,
.wpcf7-form.sent .acceptance-text,
.wpcf7-form.sent h4,
.wpcf7-form.sent .DatenschutzCheck {
opacity: 0;
height: 0;
pointer-events: none;
transition: 0.25s all;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: transparent !important;
margin: 0 !important;
padding: 0px !important;
position: absolute;
top: calc(50% - 50px);
font: normal 300 var(--quaternaryHead) 'calibri', sans-serif;
}
@media screen and (max-width:767px) {
.acceptance-text {
margin: -5px 15px 0px 0px;
}
} .wpcf7-form-control-wrap {
position: relative;
width: 100%;
}
.wpcf7, .wpcf7-form {
margin: 20px -5px;
}
.wpcf7 label, .wpcf7-form label {
flex: 0 0 calc(50% - 0px);
padding: 0 10px 0px 10px;
margin-bottom: 10px;
margin-right: 0;
}
.wpcf7 label.full, .wpcf7-form label.full {
flex: 0 0 calc(100% - 0px);
}
.wpcf7 p {
font-size: var(--smallerParagraphs);
}
.wpcf7 p a {
color: var(--primaryColor);
border-bottom: 1px dotted var(--primaryColor);
}
.wpcf7 p a:hover {
color: var(--darkColor);
}
@media screen and (max-width:767px) {
.wpcf7 label, .wpcf7-form label {
flex: 0 0 calc(100% - 0px);
}
.wpcf7 label.full, .wpcf7-form label.full {
flex: 0 0 calc(100% - 0px);
}
} #newsletter img{
z-index: -2;
border-radius: var(--radius);
}
#newsletter h3{
margin-bottom: 5px;
}
#newsletter > div > div > div > div{
padding: 45px;
align-items: center;
}
@media screen and (max-width:991px) {
#newsletter > div > div > div > div{
padding: 30px 20px;
}      
}
@media screen and (max-width:767px) {
#newsletter form{
margin-top: 10px;
}      
}
#newsletter .p-r:after{
width: 100%;
content: "";
height: 100%;
position: absolute;
left: 0;
top: 0;
transition: 0.45s all;
z-index: 2;
background-color: rgba(0, 0, 0, 0.5);
border-radius: var(--radius);
z-index: -1;
}
#newsletter img{
transform: translateY(0,0,0);
}
#newsletter input[type="email"]{
padding-bottom: 3px;
text-align: center;
margin-bottom: 15px;
}
#newsletter input[type="email"]::placeholder{
color: var(--darkGray);
font-style: italic;
padding-top: 3px;
}
#newsletter input[type="submit"] {
padding: 0 30px 3px 30px;
max-height: 45px;
min-height: 45px;
border-radius: var(--radius);
line-height: 1 !important;
font: normal 700 var(--btnFS) 'calibri', sans-serif !important;
display: inline-flex;
align-items: center;
text-align: center;
justify-content: center;
cursor: pointer;
outline: none !important;
appearance: none;
-webkit-appearance: none;
border: none;
position: relative;
color: var(--lightColor);
border: 2px solid rgba(0, 0, 0, 0);
width: calc(100% - 0px);
background-color: var(--primaryColor);
transition: 0.35s all;
}
#newsletter input[type="submit"]:hover {
transform: translateY(-7.5px);
box-shadow: 0 7.5px 7.5px rgba(0, 0, 0, 0.15);
filter: brightness(1.1 5);
}
@media screen and (max-width:991px) {
#newsletter input[type="submit"] {
padding: 0 20px 2px 20px;
max-height: 40px;
min-height: 40px;
align-content: center;
line-height: 1 !important;
}
#newsletter input[type="submit"]:hover {
transform: translateY(-5px);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
}
#newsletter .DatenschutzCheck{
margin-bottom: 0;
line-height: 1.4 !important; 
pointer-events: none;
height: 0px;
opacity: 0;
margin: 10px 10px 0px 0px;
transition: 0.75s all;
text-align: center;
}
#newsletter .DatenschutzCheck.activated{
pointer-events: auto;
opacity: 1;
height: auto;
padding-top: 5px;
}
#newsletter .DatenschutzCheck a{
border-color:var(--lightColor);
color:var(--lightColor) !important;
}
@media screen and (min-width:1407px){
#newsletter > div > div{
margin-left: 0px;
margin-right: 0px;
}
}
@media screen and (max-width:1406px) and (min-width:1087px){
#newsletter > div > div{
margin-left: -10px;
margin-right: -10px;
}
}
@media screen and (max-width:1086px) and (min-width:767px){
#newsletter > div > div{
margin-left: -20px;
margin-right: -20px;
}
} .slick-prev, .slick-next {
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
width: 30px;
height: 30px;
border-radius: 0;
background-color: transparent;
border: none;
font-size: 0px;
cursor: pointer;
transform: translate3d(0, 0, 0);
}
.slick-prev {
left: -20px;
}
.slick-next {
right: -20px;
}
.slick-prev:before, .slick-next:before {
width: 30px;
height: 30px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0; transition: 0.25s all;
transform-origin: 50% 50%;
transform: translate3d(0, 0, 0);
font-family: var(--fa-style-family, "Font Awesome 6 Free");
color: var(--lightColor);
font-size: 1.25rem;
}
.slick-prev:before {
content: "\f053";
font-weight: 700;
}
.slick-next:before {
content: "\f054";
font-weight: 700;
}
@media screen and (max-width:1470px) {
.slick-prev, .slick-next {
top: auto;
bottom: -30px;
}
.slick-prev {
left: 20px;
}
.slick-next {
right: auto;
left: 20px
}
}
@media screen and (max-width:991px) {
.slick-next:before,
.slick-prev:before {
font-size: 1rem;
}
.slick-next {
left: 10px
}
.slick-slider {
padding-bottom: 10px;
}
.slick-prev, .slick-next {
bottom: -20px;
}
}
.slick-prev:before {
left: -15px;
transform: translate3d(0, 0, 0);
}
.slick-next:before {
right: -15px;
}
.slick-prev:hover:before,
.slick-next:hover:before {
opacity: 0.7;
}
.slick-slider {
-ms-touch-action: pan-y !important;
touch-action: pan-y !important;
}
* {
min-height: 0;
min-width: 0;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: 1;
}
.slick-slide>div,
.slick-slide>div>div,
.slick-slide>div>div>div {
height: 100%;
}
.slick-slide>div>div>div {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width:767px) {
.slick-slide {
margin: 0px 0px;
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
display: flex !important;
}
.slick-slide {
height: inherit !important;
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
zoom: 1;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
margin: 0 10px;
min-height: 1px;
display: none;
}
.slick-slide img {
display: block;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-slide>.slick-slider-img {
margin: 0 15px;
padding: 2%;
position: relative;
display: block;
width: 100%;
}
.slick-slide .image {
padding: 10px;
}
.slick-slide img:not(.btn-img) {
display: block;
width: 100%;
}
.slick-slide img.slick-loading {
display: none;
} .slick-dots {
display: flex;
justify-content: center;
margin-top: 29px !important;
}
.slick-dots li {
display: inline-block;
margin-right: 10px;
margin-left: 0px !important;
margin-bottom: 5px;
padding: 0px !important;
border: 2px solid var(--ctaColor);
height: 20px;
width: 20px;
border-radius: 50%;
text-transform: uppercase;
cursor: pointer;
transition: 0.35s all;
}
.slick-dots li.slick-active {
background: var(--ctaColor);
border: 1px solid var(--ctaColor);
color: var(--ctaColor) !important;
}
.slick-dots li:not(.slick-active):hover {
background: var(--ctaColor);
}
.slick-dots li button {
display: none;
}
.slick-dots li:before {
display: none !important;
}
.slick-dots {
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (max-width:991px) {
.slick-dots {
margin-top: 20px;
}
.slick-dots li {
margin-right: 7.5px;
height: 15px;
width: 15px;
}
}
@media screen and (max-width:767px) {
.slick-dots {
margin-top: 15px;
}
.slick-dots li {
margin-right: 6px;
border: 1px solid var(--ctaColor);
height: 12.5px;
width: 12.5px;
}
} #contentwrap .shariff-button {
width: auto !important;
background-color: rgba(0, 0, 0, 0) !important;
border-radius: 0px !important;
margin: 0 !important;
}
#contentwrap .shariff {
display: inline-block !important;
}
#contentwrap .shariff-button:not(:last-of-type) a:after {
content: '· ';
margin: 0 5px;
color: var(--darkColor);
opacity: 1;
}
#contentwrap .shariff-wrap {
display: inline-block;
margin-bottom: 25px;
}
@media screen and (max-width:991px) {
#contentwrap .shariff-wrap {
margin-bottom: 5px;
}
}
#contentwrap .shariff-wrap p {
text-transform: uppercase;
margin-right: 15px;
display: inline-block;
}
.shariff-button a {
background-color: rgba(0, 0, 0, 0) !important;
color: var(--darkColor) !important;
width: auto !important;
border-radius: 0px !important;
font: normal 300 var(--paragraphs) 'calibri', sans-serif !important;
}
.shariff-button a * {
display: none !important;
}
.shariff-button a:hover:before {
opacity: 0.5;
}
.shariff-button.linkedin a:before {
content: "LinkedIn";
}
.shariff-button.facebook a:before {
content: "Facebook";
}
.shariff-button.whatsapp a:before {
content: "WhatsApp";
}
.shariff-button.mailto a:before {
content: "Email";
} .uacf7-multisetp-form {
width: 100%;
}
.uacf7-multisetp-form .ajax-loader,
.uacf7-multisetp-form .wpcf7-spinner {
display: block !important;
position: absolute;
left: 225px;
}
body .uacf7-step.step-content {
display: flex;
flex-wrap: wrap;
}
.btn-circle, .uacf7-btn-active.btn-circle {
display: inline-flex !important;
padding: 0 !important;
transform: scale(1) translateY(-7.5px) !important;
box-shadow: none !important;
pointer-events: none !important;
width: 45px !important;
padding-bottom: 2px !important;
}
@media screen and (max-width:991px) {
.btn-circle, .uacf7-btn-active.btn-circle {
transform: scale(1) translateY(-5px) !important;
width: 40px !important;
}
}
body .steps-form .steps-row .steps-step .btn-circle.uacf7-btn-active {
background-color: var(--primaryColor) !important;
}
body .steps-form .steps-row .steps-step .btn-circle:not(.uacf7-btn-active) {
color: var(--secondaryColor) !important;
background-color: var(--lightColor) !important;
border: 1px solid var(--secondaryColor) !important;
font-weight: 400;
font-size: 16px;
}
.steps-form .steps-row .steps-step {
text-align: left !important;
}
.steps-form {
margin: 30px 0 20px 0;
}
.steps-form .steps-row .steps-step p {
font: normal 700 var(--smallerParagraphs) 'calibri', sans-serif !important;
}
.steps-form .steps-row .steps-step .inactive {
font: normal 400 var(--smallerParagraphs) 'calibri', sans-serif !important;
}
.uacf7-step.step-content button.uacf7-next,
.uacf7-step.step-content button.uacf7-prev {
margin-top: 10px !important;
transition: 0.35s all;
margin-left: 10px !important;
}
.uacf7-step.step-content button.uacf7-prev:not(:hover) {
background-color: var(--lightColor) !important;
}
.uacf7-step.step-content button.uacf7-next {
margin-right: 0px !important;
}
.wpcf7 .uacf7-multisetp-form input[type="submit"] {
float: right;
}
body .steps-form .steps-row:before {
top: 15px;
}
@media screen and (max-width:991px) {
.steps-form {
margin-bottom: 20px;
}
}
@media screen and (max-width:767px) {
.steps-form {
display: none !important;
}
} .conditional-show {
display: none;
}
.conditional-show,
.conditional-show input {
margin-top: 0px !important;
}
.conditional-show input {
margin-top: 2.5px !important;
} .wpcf7-sign-wrap {
width: 100%;
}
.control_div button, .cf7sg-sign {
appearance: none !important;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.16) !important;
font: normal 400 var(--smallFS) 'calibri', sans-serif;
display: flex;
border: none;
color: var(--primaryColor);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--lightColor);
padding: 0 10px;
height: auto !important;
border-radius: 0px !important;
margin: 10px 10px 20px 0;
text-align: center;
padding: 0 !important;
transform: none !important;
filter: none !important;
color: var(--primaryColor) !important;
font-weight: 300 !important;
border-bottom: 1px dotted var(--primaryColor) !important;
min-height: 0px !important;
max-height: auto !important;
}
.control_div button:hover, .cf7sg-sign:hover {
background-color: var(--lightColor);
color: var(--darkColor) !important;
}
button#clear-button,
button#convertButton,
.cf7sg-sign {
font-size: 0px !important;
}
button#clear-button:after,
.cf7sg-sign:after {
font-size: var(--smallFS) !important;
content: 'Löschen';
}
button#convertButton:after {
font-size: var(--smallFS) !important;
content: 'Bestätigen';
}
#confirm_message {
font: italic 400 var(--smallFS) 'calibri', sans-serif;
color: var(--secondaryColor) !important;
}
canvas {
border: 1px solid #dedede;
border-radius: 30px;
display: inline-block !important;
}
.canvas-head {
margin-bottom: -60px !important;
pointer-events: none;
position: relative;
z-index: 1;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
@media screen and (max-width:445px) {
.canvas-head:after {
position: absolute;
right: -20px;
top: 23px;
height: 200px;
background-color: #fff;
z-index: 11;
content: "";
width: 24px;
}
canvas {
border: 0px solid #dedede;
border-radius: 0px;
}
.canvas-head:before {
position: absolute;
left: 10px;
top: 23px;
pointer-events: none;
height: 200px;
z-index: 12;
border: 1px solid #dedede;
border-radius: 30px;
content: "";
width: calc(100% - 20px);
}
} .geworben {
margin-top: 15px;
}
.uacf7-multisetp-form p,
.uacf7-multisetp-form img,
.uacf7-multisetp-form blockquote,
.wpcf7-sign-wrap,
.uacf7-steps.steps-form {
margin-left: 10px;
margin-right: 10px;
}
.uacf7-multisetp-form img {
margin-bottom: 40px;
}
.uacf7-multisetp-form .iban {
position: relative;
}
.uacf7-multisetp-form .iban input {
padding-left: 45px !important;
padding-bottom: 0px !important;
}
.uacf7-multisetp-form .iban:before {
content: 'DE';
font: normal 300 var(--smallerParagraphs) 'calibri', sans-serif !important;
position: absolute;
top: 38.5px;
left: 30px;
z-index: 11;
} .brlbs-cmpnt-dialog,
.brlbs-cmpnt-dialog * {
box-shadow: none !important;
outline: none !important;
}
.brlbs-cmpnt-dialog .brlbs-cmpnt-btn,
.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-btn {
transition: 0.35s all !important;
margin: 2px 0 !important;
}
.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-btn {
font-size: 11px !important;
padding: 8.5px 15px !important;
margin: 5px 0px !important;
letter-spacing: -0.1px !important;
}
.brlbs-cmpnt-dialog .brlbs-cmpnt-btn:hover,
.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-btn:hover {
transform: translateY(-5px) !important;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15) !important;
}
.brlbs-cmpnt-content-blocker,
.brlbs-cmpnt-content-blocker * {
font-family: 'calibri', sans-serif !important;
}
body .brlbs-cmpnt-content-blocker{
max-height: initial !important;
}
.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description {
padding-bottom: 10px !important;
}
body .brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main {
margin: 20px 20px 20px 20px !important;
}
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main {
padding: 10px !important;
border-radius: 0px !important;
}
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description {
letter-spacing: -0.25px;
line-height: 1.4 !important;
}
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b {
padding: 0px !important;
}
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons {
gap: initial !important;
}
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons,
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-content {
flex-basis: auto !important;
}
body div.brlbs-cmpnt-container input::placeholder, body div.brlbs-cmpnt-container textarea::placeholder {
font-size: 14px;
}
.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="youtube-content-blocker"] {
margin-bottom: 25px;
}
.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="youtube-content-blocker"] .brlbs-cmpnt-cb-description {
margin: 10px 0 0 0 !important;
padding: 0px !important;
}
.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="youtube-content-blocker"] .brlbs-cmpnt-cb-buttons {
gap: 0px !important;
}
.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-provider-toggle {
border-bottom: 1px dotted var(--darkColor) !important;
transition: 0.35s all !important;
font-size: 10px !important;
display: inline-block!important;
margin: 0 auto !important;
}
.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-provider-toggle:hover {
color: var(--darkColor) !important;
opacity: 0.5 !important;
}
.brlbs-cmpnt-dialog-entrance-description a:hover {
border-color: var(--primaryColor) !important;
}
.brlbs-cmpnt-dialog-entrance-description a {
border-bottom: 1px dotted var(--primaryColor) !important;
transition: 0.35s all !important;
font-weight: 400 !important;
}
.brlbs-cmpnt-dialog-entrance-description a:hover,
.brlbs-cmpnt-dialog-details-header button:hover,
.brlbs-cmpnt-dialog-details-header button,
.brlbs-cmpnt-inline-link:hover, .brlbs-cmpnt-inline-link:hover span,
.brlbs-cmpnt-inline-link,
.brlbs-cmpnt-inline-link span {
color: var(--darkColor) !important;
font-weight: 400 !important;
}
.brlbs-cmpnt-dialog-footer button {
transition: 0.35s all !important;
}
.brlbs-cmpnt-dialog-footer button:hover,
.brlbs-cmpnt-dialog-details-header button:hover,
.brlbs-cmpnt-inline-link:hover span {
opacity: 0.5 !important;
color: var(--darkColor) !important;
}
.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="default"] .brlbs-cmpnt-cb-provider-toggle{
display: table !important;
margin: 0 auto !important;
} #loginform {
width: 100%;
max-width: 500px;
}
#loginform .login-remember {
display: none;
}
#loginform p {
margin-bottom: 12.5px !important;
}
.forget-password {
margin-top: 30px;
} #loginform input[type="submit"] {
padding: 0 30px 3px 30px;
max-height: 45px;
min-height: 45px;
border-radius: var(--radius);
line-height: 1 !important;
font: normal 700 var(--btnFS) 'calibri', sans-serif !important;
display: inline-flex;
align-items: center;
text-align: center;
justify-content: center;
cursor: pointer;
outline: none !important;
appearance: none;
-webkit-appearance: none;
border: none;
position: relative;
color: var(--lightColor);
border: 2px solid rgba(0, 0, 0, 0);
max-width: calc(100% - 20px);
background-color: var(--ctaColor);
transition: 0.35s all;
}
#loginform input[type="submit"]:hover {
transform: translateY(-7.5px);
box-shadow: 0 7.5px 7.5px rgba(0, 0, 0, 0.15);
filter: brightness(1.1 5);
}
@media screen and (max-width:991px) {
#loginform input[type="submit"] {
padding: 0 20px 2px 20px;
max-height: 40px;
min-height: 40px;
align-content: center;
line-height: 1 !important;
}
#loginform input[type="submit"]:hover {
transform: translateY(-5px);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
}