@font-face {
font-family:'SourceSansPro';
font-weight: 500;
font-display: swap;
src:
local('SourceSansPro-Light'),
url(//solar.comparista.de/wp-content/themes/lieblingsort/SourceSansPro-Light.ttf) format('truetype');
}
@font-face {
font-family:'SofiaPro';
font-weight: 300;
font-display: swap;
src:
local('sofiapro-light'),
url(//solar.comparista.de/wp-content/themes/lieblingsort/sofiapro-light.otf) format('opentype');
}
@font-face {
font-family:'SofiaPro';
font-weight: 700;
font-display: swap;
src:
local('sofiapro-bold'),
url(//solar.comparista.de/wp-content/themes/lieblingsort/sofiapro-bold.ttf) format('truetype');
}   html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth; font-display: swap;
}  body {
margin: 0;
} main {
display: block;
overflow: hidden;
} h1 {
margin: 0 0 2rem;
padding: 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: 900;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 0 none ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
border: none;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #6A6A6A;
font: 500 1.2rem/1.4 SourceSansPro, "Helvetica Neue", sans-serif;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
body,
button,
input,
select,
optgroup,
textarea {
font-weight: 200;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
color: #243453;
font: 700  24px/1.2 SofiaPro, "Helvetica Neue", sans-serif;
hyphens: none;
margin-left: auto;
margin-right: auto;
}
h1 {
text-align: center;
}
h2 {
margin-bottom: 1.5rem;
margin-top: .25rem;
padding: 0;
}
h3,
h4,
h5,
h6 {
margin-bottom: 1rem;
}
.text-left h2 {
padding: 0;
}
h3 {
font: 500  25px/1.2 SourceSansPro, "Helvetica Neue", sans-serif;
text-transform: uppercase;
text-align: center;
}
.subline {
display: block;
margin-bottom: 1rem;
font: 700 1.625rem/1 SofiaPro, "Helvetica Neue", sans-serif;
}
.text-left h2, .text-left .subline {
text-align: left;
}
p {
margin-top: 0;
margin-bottom: 1.5em;
}
p:last-of-type {
margin-bottom: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 1rem auto;
padding: 0 0 0 1.5rem;
}
ul:last-of-type,
ol:last-of-type {
margin-bottom: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li{
margin-bottom: .5rem;
}
li > ul,
li > ol {
margin: 1rem 0;
}
li:last-of-type, li:last-of-type ul, li:last-of-type ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
display: block;
max-width: 100%;
border: 0 none;
margin: 0 auto;
border-radius: 15px;
}
video {
width: 100%;
height: auto;
border-radius: 15px;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} .container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
}
img,
svg {
vertical-align: middle;
} a:not(.no-hover),
a:not(.no-hover):visited {
color: #243453;
outline: 0;
text-decoration: none;
}
a:hover,
a:focus,
a:focus-visible,
a:focus-within,
a:active {
color: #6B9AC4;
outline: 0;
} .wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border: 4px solid #fff;
border-radius: 15px;
padding: 1.5rem;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border: 4px solid #fff;
border-radius: 15px;
padding: 1.5rem;
}
.wpcf7 form.spam .wpcf7-response-output {
border: 4px solid #fff;
border-radius: 15px;
padding: 1.5rem;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border: 4px solid #fff;
border-radius: 15px;
padding: 1.5rem;
}
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
} form {
width: 100%;
margin: 0 auto;
margin-bottom: 3rem;
}
form > p:last-of-type {
text-align: center;
position: relative;
}
form > p:last-of-type .wpcf7-spinner {
position: absolute;
top: 1.5rem;
}
form > p label, form > p label span, form > p label span input {
width: 100%;
}
.frm_forms .frm_progress_line input, .frm_forms .frm_progress_line input:disabled, .frm_forms .frm_progress_line .frm_current_page input[type="button"], .frm_forms .frm_rootline.frm_no_numbers input, .frm_forms .frm_rootline.frm_no_numbers .frm_current_page input[type="button"] {
color: transparent !important;
}
ul.frm_page_bar {
list-style-type: none;
margin: 0 !important;
padding: 0;
width: 100%;
float: left;
display: table;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
ul.frm_page_bar li {
display: inline-block;
-ms-flex: 1;
flex: 1;
}
.frm_forms {
margin-top: 3rem;
}
.frm_display_format_buttons.vertical_radio .frm_opt_container, .frm_display_format_buttons.horizontal_radio .frm_opt_container {
gap: 25px !important;
}
.frm_fields_container .frm_form_field {
display: flex;
flex-direction: column;
margin-bottom: 3rem;
}
.frm_fields_container .frm_form_field label {
margin-bottom: .5rem;
text-align: left;
}
.frm_progress_line .frm_rootline_single {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin: 0;
}
.frm_forms .frm_progress_line input, .frm_forms .frm_progress_line input:disabled {
width: 100%;
border: none;
background-color: #F8F8F8;
box-shadow: inset 0 2px 10px -10px rgba(41, 58, 82, 0.31);
margin: 5px 0;
padding: 6px 0;
border-radius: 0;
font-size: 0;
line-height: 6px;
}
.frm_forms .frm_progress_line input:hover, .frm_forms .frm_progress_line input:disabled:hover {
background-color: #F8F8F8;
}
frm_form_field .frm_checkbox.frm_image_option, .frm_form_field .frm_checkbox.frm_image_option + .frm_checkbox, .frm_form_field .frm_radio.frm_image_option, .frm_form_field .frm_radio.frm_image_option + .frm_radio {
margin: 10px;
flex-grow: 1;
flex-basis: 180px;
}
.frm_display_format_buttons.frm_text_align_center .frm_image_option_container, .frm_display_format_buttons.frm_text_align_center .frm_label_button_container {
justify-content: center;
min-height: 200px;
border-radius: 15px;
border: none;
background-color: #F8F8F8;
flex-direction: column-reverse;
padding: 1.5rem;
}
.frm_display_format_buttons input[type="radio"]:checked + .frm_label_button_container, .frm_display_format_buttons input[type="radio"]:checked + .frm_image_option_container, .frm_display_format_buttons input[type="checkbox"]:checked + .frm_label_button_container, .frm_display_format_buttons input[type="checkbox"]:checked + .frm_image_option_container, .frm_nps__button.frm_nps__button--active, .frm_nps__buttons input[type="radio"]:focus + .frm_nps__button, .frm_nps__buttons input[type="radio"]:checked + .frm_nps__button {
background-color: #243453 !important;
color: #FFF !important;
}
.frm_display_format_buttons input[type="radio"]:checked + .frm_label_button_container > img, .frm_display_format_buttons input[type="radio"]:checked + .frm_image_option_container > img, .frm_display_format_buttons input[type="checkbox"]:checked + .frm_label_button_container > img, .frm_display_format_buttons input[type="checkbox"]:checked + .frm_image_option_container > img, .frm_nps__button.frm_nps__button--active img, .frm_nps__buttons input[type="radio"]:focus + .frm_nps__button > img, .frm_nps__buttons input[type="radio"]:checked + .frm_nps__button > img {
filter: brightness(100);
}
.frm_primary_label {
font: 700  24px/1.2 SofiaPro, "Helvetica Neue", sans-serif;
color: #243453;
text-align: center;
margin-bottom: 3rem;
}
.frm_forms .frm_page_bar .frm_current_page input[type="button"] {
background-color: #E1AA30;
border: none !important;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
}
.frm_forms .frm_progress_line input.frm_page_back {
background-color: #E1AA30;
border: none !important;
}
.frm_display_format_buttons.frm_image_options .frm_image_option_container > img, .frm_display_format_buttons.frm_image_options .frm_image_option_container .frm_empty_url > img {
background: transparent;
max-width: 70px;
height: 70px;
max-height: 80%;
}
.frm_display_format_buttons.frm_image_options .frm_image_option_container .frm_text_label_for_image {
margin-bottom: 1.5rem;
font-family: SofiaPro;
font-size: 16px;
}
.frm_message p {
font: 700 26px/1.2 SofiaPro, "Helvetica Neue", sans-serif;
text-align: center;
}
.frm_description {
font-size: 16px;
color: #6A6A6A;
margin-left: 15px;
}
.frm_submit {
display: flex;
flex-direction: row;
justify-content: center;
gap: 1.5rem;
}
.frm_percent_complete {
display: none;
visibility: hidden;
}
.safety-advice p {
text-align: center;
font-size: 16px;
line-height: 1;
color: #6A6A6A;
}
.safety {
display: block;
margin-bottom: 1.5rem;
text-align: center;
font: 500 24px/1 SofiaPro, "Helvetica Neue", sans-serif;
color: #6A6A6A;
}
.safety::before {
content: ' ';
color: transparent;
display: inline-block;
width: 18px;
height: 18px;
margin-right: 1rem;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDE3IDIwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzU3IC04NTkpIj48cmVjdCB3aWR0aD0iMTciIGhlaWdodD0iMTIiIHJ4PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NTcgODY3KSIgZmlsbD0iIzZhNmE2YSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc1OSA4NTkpIiBmaWxsPSJub25lIiBzdHJva2U9IiM2YTZhNmEiIHN0cm9rZS13aWR0aD0iMyI+PHJlY3Qgd2lkdGg9IjEzIiBoZWlnaHQ9IjE1IiByeD0iNSIgc3Ryb2tlPSJub25lIi8+PHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMiIgcng9IjMuNSIgZmlsbD0ibm9uZSIvPjwvZz48L2c+PC9zdmc+) center center / contain no-repeat;
} .button-wrapper {
margin-top: 2rem;
margin-bottom: 2rem;
text-align: center;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
span.button,
.button span{
padding: 1rem 3rem;
font: 300 16px/1 SofiaPro, "Helvetica Neue", sans-serif;
text-decoration: none;
border: 0 none;
border-radius: 500px;
background-color: #B5E9ED;
color: #000;
transition: .2s ease-in-out;
cursor: pointer;
}
.button, .button span {
display: inline-block;
text-decoration: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
span.button,
#primary-menu li a, #footer-menu-left li a, #footer-menu-right li a {
transition: background-color .1s ease-in-out;
}
#footer-menu-left li a, #footer-menu-right li a, #footer-menu-contact li a {
border-radius: 500px;
padding: .25em .5em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
span.button:hover,
span.button:active,
span.button:focus,
.button span:hover,
.button span:active,
.button span:focus {
background-color: #243453;
color: #FFF;
outline: 2px solid #FFF;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #000;
border: 4px solid #0002;
border-radius: 15px;
padding: 1rem 1.5rem;
background: #FFF;
font-size: 1rem;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
input[type="text"]:focus-visible,
input[type="email"]:focus-visible,
input[type="url"]:focus-visible,
input[type="password"]:focus-visible,
input[type="search"]:focus-visible,
input[type="number"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="range"]:focus-visible,
input[type="date"]:focus-visible,
input[type="month"]:focus-visible,
input[type="week"]:focus-visible,
input[type="time"]:focus-visible,
input[type="datetime"]:focus-visible,
input[type="datetime-local"]:focus-visible,
input[type="color"]:focus-visible,
textarea:focus-visible {
color: #000;
border-color: #243453;
outline: none;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
border-radius: 15px 15px 60px 15px;
resize: vertical;
}
label {
text-align: center;
} #masthead {
position: fixed;
top: 0;
width: 100%;
padding: 1.5rem 0;
z-index: 999;
background-color: #F8F8F8;
transition: .2s ease-in-out;
}
#masthead.scroll, .sub-menu.scroll {
padding: .2rem 0;
}
#siegel.scroll {
right: calc(-260px - 4.5rem);
}
.tel {
margin-bottom: 0;
}
.tel a {
font: 700 18px/1.2 SofiaPro, "Helvetica Neue", sans-serif;
text-decoration: none;
white-space: nowrap;
}
.tel_subline {
font: 500 16px/1 SourceSansPro, "Helvetica Neue", sans-serif;
}
.entry-text ul {
list-style-image: url(//solar.comparista.de/wp-content/themes/lieblingsort/assets/images/list-white.svg)
}
.text_section ul {
list-style-image: url(//solar.comparista.de/wp-content/themes/lieblingsort/assets/images/list-orange.svg)
} section {
position: relative;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
overflow: hidden;
}
.row > * {
padding-right: 1.5rem;
padding-left: 1.5rem;
padding-bottom: 1.5rem;
}
.row-reverse {
flex-direction: row-reverse;
}
.article-header {
display: flex;
flex-direction: column;
justify-content: start;
padding-top: 168px;
}
.full-height {
min-height: calc(100vh - 118px);
display: flex;
flex-direction: column;
justify-content: center;
}
.bottom-text-padding {
padding-bottom: 3rem;
}
.seperator {
width: 50px;
height: 5px;
margin: 0 auto 2rem;
border-radius: 5px;
background-color: #E1AA30;
line-height: 0;
}
.section-bg {
background-size: 100%;
background-position: center bottom;
background-repeat: no-repeat;
aspect-ratio: 1/2.5;
margin-top: 3rem;
margin-bottom: 3rem;
}
.sub-menu {
background-color: rgba(255,255,255,.75);
}
.header-wrapper {
background-color: #243453;
color: #FFF;
padding: 2.5rem;
border-radius: 15px;
box-shadow: 0 0 50px -45px #000;
}
.pos-rel {
position: relative;
}
.height-100 {
height: 100%;
}
.bottom-pos {
position: absolute;
bottom: 0;
width: 100%;
font-size: 16px;
text-align: center;
text-transform: uppercase;
}
.flex-center {
display: flex;
flex-direction: column;
justify-content: center;
}
.justify-content-center {
justify-content: center;
}
#wischer {
display: none;
}
.eyecatcher {
position: relative;
text-align: center;
}
.eyecatcher-div {
position: absolute;
width: calc(100% - 3rem);
height: 100%;
border-radius: 15px;
background: #F1EBE7;
top: -44px;
right: -36px;
}
.eye-catcher-margin {
margin-top: 44px;
}
.text_section  .row-reverse .eyecatcher-div {
left: -36px;
}
.eyecatcher img {
position: relative;
z-index: 1;
}
.no-margin-top {
margin-top: 0;
}
.no-padding {
padding: 0;
}
.no-padding-right {
padding-right: 0;
}
.bottom-padding, .row > div.bottom-padding {
padding-bottom: 1.5rem;
}
.mobile-bottom-padding {
padding-bottom: .5rem;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.bg-beige {
background-color: #F1EBE7 !important;
}
.max-800 {
max-width: 800px;
margin: 0 auto;
}
.max-1000 {
max-width: 1000px;
margin: 0 auto;
}
.text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .header-wrapper h1, .header-wrapper h2 {
color: #FFF;
}
.bg-blue {
background-color: #243453;
}
.extra-padding {
padding-top: 11rem;
} .text_section {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.text_section .container {
position: relative;
z-index: 1;
}
.textsection ul, .columntext_section ul {
margin: 0;
list-style: url(data:image/svg+xml;base64,PHN2ZyBpZD0iZUI5ZVRucVN3a00xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDg3IDQ4NyIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAgMS0xIDAgNDg2Ljk5OTk5My0uMDAwMDA5KSI+PHBhdGggZD0iTTM5Ny43LDM3Ni4xYzIwLjQsMjAuNCw1My42LDIwLjQsNzQsMHMyMC40LTUzLjYsMC03NEwyODAuNSwxMTAuOWMtMjAuNC0yMC40LTUzLjYtMjAuNC03NCwwTDE1LjMsMzAyLjFjLTIwLjQsMjAuNC0yMC40LDUzLjYsMCw3NHM1My42LDIwLjQsNzQsMEwyNDMuNSwyMjEuOUwzOTcuNywzNzYuMVoiLz48L2c+PC9zdmc+);
}
.textsection div > ul, .columntext_section div > ul {
margin: 0 auto 1.5rem;
}
.textsection div > ul > li, .columntext_section div > ul > li {
margin-bottom: 1rem;
}
.textsection div > ul > li:last-of-type, .columntext_section div > ul > li:last-of-type {
margin-bottom: 0rem;
}
.textsection div > ul > li ul, .columntext_section div > ul > li ul {
font-weight: initial;
margin: 0;
}
.textsection-flowing-icons {
position: absolute;
width: 75px;
} .columntextsection_button-wrapper {
position: absolute;
width: calc(100% - 3rem);
bottom: 1rem;
}
.row > div.button-padding {
padding-bottom: 6rem;
}
.eyecatcher img, .columntext_section  .columntextsection_icon img, .counterpart_section .img-wrapper {
border-radius: 15px;
}
.columntext_section .columntextsection_icon img {
aspect-ratio: 1/1;
}
.columntext_section header{
margin-bottom: 3rem;
}
.columntext_section h3.icon-margin {
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
height: 180px;
margin: 0 0 3rem;
z-index: 2;
}
.columntext_section i.fa-solid, .columntext_section i.fa-regular {
display: block;
text-align: center;
font-size: 120px;
color: #CAE2B5;
} .row-section-row {
padding: 2.5rem 0;
}
.row-section-row:not(:last-of-type) {
border-bottom: 2px dashed #0004;
}
.row-section-row:last-of-type {
margin-bottom: 0;
}
.rowtext_section i.fa-solid, .rowtext_section i.fa-regular {
font-size: 120px;
color: #84BC4F;
margin: 0 auto;
} .iconsection_icon {
text-align: center;
}
.icon-img {
display: inline-flex;
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 100px;
height: 200px;
padding: 20px;
background-color: #CAE2B5;
border-radius: 500px;
transition: .2s ease-in-out;
}
.icon-img img {
width: 60px;
height: 60px;
}
.icon-img-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
width: 100px;
height: 200px;
}
.iconsection_icon h3 {
display: inline-block;
margin: 0;
padding-top: .5rem;
}
.iconsection_icon a, .iconsection_icon span {
display: inline-block;
text-decoration: none;
}
.iconsection_icon a:hover, .iconsection_icon a:focus {
background-color: transparent;
}
.iconsection_icon a:hover .icon-img, .iconsection_icon a:focus .icon-img {
background-color: #84bd51;
height: 100px;
} .row > .training-wrapper {
padding: 1.5rem;
}
.training-wrapper {
text-align: center;
}
.training-wrapper a {
margin: 0;
padding: 0;
}
.training-wrapper h3 {
margin: 0 auto 1rem;
font-size: 1.4rem;
}
.training-wrapper a {
text-decoration: none;
}
.training-wrapper p {
margin-bottom: .5rem;
}
.training-wrapper .training small {
display: block;
background-color: #84bc4f;
color:#FFF;
margin: 0 -1.5rem 1.5rem;
transition: .2s ease-in-out;
}
.training-wrapper a:hover .training,
.training-wrapper a:focus .training,
.training-wrapper a:active .training {
background-color: #2b4f3f;
color: #FFF;
}
.training-wrapper a:hover .training small,
.training-wrapper a:focus .training small,
.training-wrapper a:active .training small {
background-color: #cae2b5;
color: #000;
}
.training {
position: relative;
aspect-ratio: 1/1;
padding: 1.5rem;
background-color: #f1ebe7;
border-radius: 15px;
transition: .2s ease-in-out;
box-shadow: 0 0 50px -45px #000;
}
.training .button-wrapper {
position: absolute;
bottom: 1.5rem;
width: 100%;
margin: 0 -1.5rem;
text-align: center;
}
.training span.button {
display: inline-block;
background-color: #2b4f3f;
} .agenda-wrapper {
background-color: #f1ebe7;
padding: 3rem;
border-radius: 15px;
}
.seminar {
display: block;
width: fit-content;
margin: 1rem auto;
padding: .25rem 1rem;
background-color: #2B4F3F;
color: #FFF;
border-radius: 500px;
text-transform: uppercase;
font-size: .7rem;
font-style: normal;
letter-spacing: .2rem;
}
table.infos {
border-radius: 15px;
border-collapse: collapse;
overflow: hidden;
}
table.infos tr:nth-child(2n+1) td {
background-color: #f1ebe7;
}
table.infos td{
padding: 1rem 1.5rem;
}
table.infos td b{
white-space: nowrap;
font-family: SourceSansPro;
font-weight: normal !important;
font-size: 1.4rem;
}
table.infos tr td:first-of-type {
border-right: 3px solid #fff;
}
.pricetag {
display: flex;
flex-direction: column;
justify-content: center;
width: fit-content;
aspect-ratio: 1/1;
margin: 3rem auto 0;
padding: 2.5rem;
background-color: #84BC4F;
background-clip: padding-box;
text-align: center;
border: 35px solid rgba(255,255,255,.25);
border-radius: 500px;
}
.pricetag b {
margin-top: .5rem;
margin-bottom: .25rem;
font: 700 2.5rem/.75 SofiaPro, "Helvetica Neue", sans-serif;
text-decoration: underline;
border-bottom: 2px solid;
}
@keyframes pricetag {
0%   {border-width: 30px;}
50%  {border-width: 40px;}
100% {border-width: 30px;}
} .slidersection_slide {
max-width: 800px;
margin: 10px;
text-align: center;
border-radius: 15px;
box-shadow: 0 2px 10px -5px #000;
}
.slidersection_slide h3 {
margin-top: 0;
}
.slidersection_slide p {
margin-bottom: .5em;
}
.slidersection_slide p strong {
display: block;
margin-bottom: -.5em;
}
.slidersection_slide p.counterpart-name {
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: .2rem;
}
.slidersection_slide p.counterpart-fullname {
display: none;
}
.slidersection_slide .eyecatcher.quote-bg {
background: #F1EBE7 url(data:image/svg+xml;base64,PHN2ZyBpZD0iZTlVbEN0WlRlNksxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzYgMjgiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMS4wMTUxMTcgMCAwLTEuMDQzMjQxIDQzLjAzNzc2IDM4Ljk3NzI1MikiPjxnIHRyYW5zZm9ybT0ibWF0cml4KC41Njg3MDggMCAwIDAuNTY4NzE0IDAuNjM3Nzc1IDEwLjMyNTgzOSkiPjxyZWN0IHdpZHRoPSIyNy4xNzEwODciIGhlaWdodD0iMjcuMTcxMDg3IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjA4OTQ0NCAyMC4zNjc0ODEpIiBmaWxsPSIjZDlkMGM1IiBzdHJva2Utd2lkdGg9IjAiLz48cmVjdCB3aWR0aD0iOC45MjcwMjMiIGhlaWdodD0iMjQuMDk0Mjk3IiByeD0iNC40NiIgcnk9IjQuNDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjA4OTQ0NSA0LjI0NjgzOCkiIGZpbGw9IiNkOWQwYzUiIHN0cm9rZS13aWR0aD0iMCIvPjxyZWN0IHdpZHRoPSI4LjkyNzAyMyIgaGVpZ2h0PSIyNC4wOTQyOTciIHJ4PSI0LjQ2IiByeT0iNC40NiIgdHJhbnNmb3JtPSJtYXRyaXgoLS4yNTg4MTktLjk2NTkyNiAwLjk2NTkyNi0uMjU4ODE5IDEyLjM3ODI0NSAxNC4yMDI3ODUpIiBmaWxsPSIjZDlkMGM1IiBzdHJva2Utd2lkdGg9IjAiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLjU2ODcwOCAwIDAgMC41Njg3MTQgMjAuNjM3Nzc1IDEwLjMyNTgzOSkiPjxyZWN0IHdpZHRoPSIyNy4xNzEwODciIGhlaWdodD0iMjcuMTcxMDg3IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjA4OTQ0NCAyMC4zNjc0ODEpIiBmaWxsPSIjZDlkMGM1IiBzdHJva2Utd2lkdGg9IjAiLz48cmVjdCB3aWR0aD0iOC45MjcwMjMiIGhlaWdodD0iMjQuMDk0Mjk3IiByeD0iNC40NiIgcnk9IjQuNDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjA4OTQ0NSA0LjI0NjgzOCkiIGZpbGw9IiNkOWQwYzUiIHN0cm9rZS13aWR0aD0iMCIvPjxyZWN0IHdpZHRoPSI4LjkyNzAyMyIgaGVpZ2h0PSIyNC4wOTQyOTciIHJ4PSI0LjQ2IiByeT0iNC40NiIgdHJhbnNmb3JtPSJtYXRyaXgoLS4yNTg4MTktLjk2NTkyNiAwLjk2NTkyNi0uMjU4ODE5IDEyLjM3ODI0NSAxNC4yMDI3ODUpIiBmaWxsPSIjZDlkMGM1IiBzdHJva2Utd2lkdGg9IjAiLz48L2c+PC9nPjwvc3ZnPg==) bottom 2rem right -1rem / 250px no-repeat;
}
.slidersection_slide .eyecatcher.quote-bg .side-padding p {
font-style: italic;
}
.slidersection_slide .eyecatcher img {
border: 0;
border-radius: 0;
}
.slidersection_slide .eyecatcher.quote-bg > img {
border-bottom: calc(1rem + 6px) solid #84bd51;
}
.slider-counterpart-wrapper {
position: relative;
z-index: 1;
top: calc(-1rem - 135px);
width: 200px;
height: 200px;
margin: 0 auto calc(-1rem - 135px);
}
.eyecatcher .slider-counterpart-wrapper > img {
border-radius: 15px;
}
.flexslider .slidersection_slide {
height: 96%;
padding: 2rem 1.5rem;
}
.slider-text-padding {
margin-bottom: 5rem;
} .counterpart_section .img-wrapper {
width: 100%;
max-width: 300px;
margin: 0 auto;
padding-bottom: 2rem;
text-align: center;
overflow: hidden;
background-color: #F1EBE7;
box-shadow: 0 0 50px -45px #000;
}
.counterpart_section .img-wrapper p {
margin-bottom: .5rem;
}
.counterpart_section h3 {
margin: 0 0 1.5rem;
padding: .5rem 0;
background-color: #2B4F3F;
color: #FFF;
}
.counterpart_section a {
text-decoration: none;
display: inline-block;
}
.counterpart_section a:hover, .counterpart_section a:focus {
color: #000;
background-color: transparent;
}
.counterpart_section a:hover .icon, .counterpart_section a:focus .icon {
background: #CAE2B5;
width: 46px;
}
.counterpart_section a .icon {
background: transparent;
border: 4px solid transparent;
border-radius: 500px;
transition: .2s ease-in-out;
width: 60px;
height: 46px;
line-height: 34px;
text-align: center;
}
.counterpart_section a .icon svg {
height: 20px;
width: 20px;
}
.counterpart_section .mail-icon-wrapper, .counterpart_section .tel-icon-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
width: 60px;
height: 46px;
margin: 0 auto;
} .job-tile {
position: relative;
height: 100%;
min-height: 350px;
background-color: #F1EBE7;
border-radius: 15px;
padding: 0 1.5rem;
text-align: center;
box-shadow: 0 0 50px -45px #000;
overflow: hidden;
}
.bg-beige .job-tile {
background-color: #FFF5;
}
.job-tile h3 {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 -1.5rem 1rem;
padding: .5rem 1.5rem;
min-height: 141px;
font-size: 1.5rem;
overflow: hidden;
border-bottom: 10px solid #2b4f3f;
}
.job-tile p {
margin-bottom: .5rem;
}
.job-tile small {
display: block;
margin: 0 -1.5rem 1.5rem;
background-color: #84bc4f;
color: #FFF;
}
.jobs-tile-button-wrapper {
position: absolute;
bottom: 2rem;
width: calc(100% - 3rem);
margin: 0;
text-align: center;
}
.jobs-tile-button-wrapper a:hover,
.jobs-tile-button-wrapper a:focus,
.jobs-tile-button-wrapper a:active {
background: transparent;
}
.job-details-table {
width: calc(100% + 3rem - 12px);
margin: 0 0 2em -1.5rem;
border-spacing: 0 5px;
white-space: nowrap;
}
.job-details-table tr td {
width: 50%;
padding: .5rem .25rem;
}
.job-details-table tr td:first-of-type {
border: 0 none;
border-radius: 0 500px 500px 0;
background: #0002;
padding-right: 15px;
padding-left: .5rem;
text-align: right;
font-weight: 700;
}
.job-details-table tr td:last-of-type {
text-align: left;
}  .main-menu {
max-width: 1320px;
}
.main-navigation {
display: block;
width: 100%;
text-align: center;
}
.main-navigation .menu-header-container {
position: absolute;
width: calc(100% - 3rem);
border-radius: 15px;
margin-top: .5rem;
padding-bottom: .5rem;
}
.main-navigation.toggled .menu-header-container {
background: #F1EBE7;
}
.main-navigation .menu-toggle {
margin: .5rem auto 0;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
background-color: #f1ebe7 !important;
width: 100%;
padding: 0 0 2rem;
border-radius: 0 0 15px 15px;
}
.main-navigation ul ul li {
text-align: center;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
border-radius: 0 !important;
margin: 0;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active {
border-color: #2b4f3f;
color: #FFF;
} #logo, #logo-mobile {
margin: 0;
}
#logo, #logo-mobile {
display: none;
}
.toggled #logo-mobile {
display: block;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.toggled #primary-menu{
padding: 2rem 0;
}
.main-navigation li {
line-height: 5rem;
margin: 0;
}
.main-navigation {
text-align: center;
}
@media screen and (min-width: 992px) {
#logo {
display: block;
}
#logo-mobile {
display: none;
}
#primary-menu li:first-of-type a {
width: 200px;
}
#primary-menu li:first-of-type a:hover {
color: #000;
}
.main-navigation .menu-header-container {
position: static;
width: unset;
border-radius: 0;
margin-top: 0;
padding-bottom: 0;
}
.menu-toggle {
display: none;
}
header#masthead #primary-menu{
padding: 0;
}
.main-navigation li {
padding: 0;
}
.main-navigation ul {
display: flex;
}
.main-navigation ul li {
margin: 0;
}
.main-navigation ul li.menu-item a {
display: flex;
flex-direction: column;
justify-content: center;
height: 80px;
margin: 0;
padding: 1rem 1.5rem 0 !important;
text-decoration: none !important;
border-bottom: 3px solid transparent;
border-radius: 0;
white-space: nowrap;
}
.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li a:active,
.main-navigation ul li.current_page_item a {
border-color: #2b4f3f;
background-color: transparent !important;
}
.mobile-bottom-padding {
padding-bottom: 0;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}   .flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides li {
margin-bottom: 0;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 60px;
position: relative;
z-index: 5;
transform: scale(1);
transform-origin: 0 0;
}
.flexslider .slides {
transform: scale(1);
transform-origin: 0 0;
position: relative;
z-index: 5;
display: flex;
}
.flexslider .slides img {
height: auto;
max-width: 240px;
margin: 0 auto 1.5rem;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
position: relative;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height: none;
}
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: calc(100% + 20px);
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDg3IDQ4NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg3IDQ4NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTM5Ny43LDM3Ni4xYzIwLjQsMjAuNCw1My42LDIwLjQsNzQsMHMyMC40LTUzLjYsMC03NEwyODAuNSwxMTAuOWMtMjAuNC0yMC40LTUzLjYtMjAuNC03NCwwTDE1LjMsMzAyLjENCgkJYy0yMC40LDIwLjQtMjAuNCw1My42LDAsNzRzNTMuNiwyMC40LDc0LDBsMTU0LjItMTU0LjJMMzk3LjcsMzc2LjF6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==)
no-repeat
center center;
transform: rotate(90deg) translateY(100px);
visibility: hidden;
}
.flex-direction-nav a:hover {
border-radius: 0;
}
.flex-direction-nav a.flex-next {
transform: rotate(90deg);
opacity: 1;
visibility: visible;
}
.flex-direction-nav .flex-prev {
left: -50px;
transform: rotate(-90deg);
opacity: 1;
visibility: visible;
}
.flex-direction-nav .flex-next {
right: 3rem;
text-align: right;
}
.flexslider-1 .flex-direction-nav .flex-next {
left: 3rem;
text-align: right;
transform: rotate(-90deg);
}
.flexslider-1 .flex-direction-nav .flex-prev {
right: 3rem;
left: unset !important;
text-align: right;
transform: rotate(90deg);
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
transform: rotate(-90deg) translateY(100px);
}
.flex-direction-nav a.flex-next-show.flex-disabled {
transform: rotate(90deg) translateY(100px);
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
transform: scale(1);
transform-origin: 0 0;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
.row > div.flexslider {
padding: 0;
}
.slidersection_slide .side-padding {
max-width: 600px;
margin: 0 auto;
padding-top: 1rem;
}
.flex-control-nav {
width: unset;
left: 50%;
}
.flex-control-nav li {
position: relative;
left: -50%;
top: 9px;
}
.flex-direction-nav a::before {
color: #243453;
text-shadow: 0 0 0 rgba(0, 0, 0, 0);
transition: .2s ease-in-out;
}
.flex-direction-nav a:hover::before {
color: #CAE2B5;
}
.flex-control-paging li a {
background: #243453;
-webkit-box-shadow: 0 0 0 0;
-moz-box-shadow: 0 0 0 0;
-o-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
transition: .2s ease-in-out;
padding: 0;
margin: 0;
}
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover, .flex-control-paging li a:focus {
background: #6B9AC4;
}
.flex-control-paging li a.flex-active {
width: 22px;
}
.flexslider ul.slides > li {
padding-left: 0;
padding-right: 0;
z-index: 1;
}
.flex-direction-nav a::before {
line-height: 30px;
font-size: 30px;
}
.flexslider .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev {
opacity: 1;
left: 3rem;
}
@media screen and (max-width: 992px) {
.flex-direction-nav a {
top: unset;
bottom: -50px;
}
} .sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
} footer {
background-color: #2E3138;
color: #C6C6C6;
padding: 5rem 0 1rem;
}
footer ul {
list-style: none;
margin: 0;
padding: 0;
}
footer a:not(.no-hover), footer a:not(.no-hover):visited, .no-link-dec a, .no-link-dec a:visited {
color: #C6C6C6;
}
footer a:not(.no-hover):hover {
color: #6B9AC4;
}
footer .footer_headline, footer h3 {
display: block;
margin-bottom: 1.5rem;
font: 700 1.2rem/1.2 SofiaPro, "Helvetica Neue", sans-serif;
}
footer .family {
margin: .5rem 0 5rem;
}
footer .family a {
margin: 0;
padding: 0;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 3em;
}
.mobile-bg {
padding-top: 1.5rem;
background-color: rgba(255,255,255,.75);
height: 100vh;
}
.hide-on-tab {
display: none;
visibility: hidden;
}
.top-margin-mobile {
margin-top: 3rem !important;
}
.logo-lieblingsort {
position: relative;
top: 5px;
}
.top-border {
border-top: 1px solid #FFF;
margin-top: 2rem;
padding-top: 2rem;
}
.font-aws-sym {
font-size: 2.5rem;
color: #000;
}
#siegel {
border-radius: 15px 0 0 15px;
transition: .5s ease-in-out;
text-align: center;
margin-bottom: 3rem;
}
@media screen and (min-width: 992px) {
h1 {
font-size: 56px;
}
h2 {
font-size: 36px;
}
.privacy-policy h2, .page-id-355 h2 {
font-size: 1.7rem;
}
section {
padding-top: 5.5rem;
padding-bottom: 5.5rem;
}
#page-216 section, #page-191 section {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.row > * {
padding-bottom: 0;
}
.main-navigation ul ul {
width: unset;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation li, #menu-item-425 > a, #menu-item-133 > a {
line-height: 2rem;
}
.section-bg {
background-size: 90%;
background-position: right center;
aspect-ratio: 2/1;
}
.row-section-row {
padding: 5rem 0;
}
.columntext_section {
background: url(//solar.comparista.de/wp-content/themes/lieblingsort/assets/images/bg1.svg) center var(--bg-pos) / 100% auto no-repeat;
}
.counterpart_section {
background: url(//solar.comparista.de/wp-content/themes/lieblingsort/assets/images/bg1.svg) bottom 240px center / 100% auto no-repeat;
}
.flexslider .slidersection_slide {
padding: 2.5rem 1.5rem;
}
.header-wrapper {
border-radius: 15px;
}
.article-header {
justify-content: center;
}
.mobile-bg {
background-color: transparent;
height: unset;
padding-top: 0;
}
.hide-on-tab {
display: inherit;
visibility: visible;
}
#wischer {
display: inline;
width: 60px;
height: 60px;
line-height: 1;
position: fixed;
z-index: 3;
top: -80px;
right: 1vw;
padding: 1rem;
background-color: #243453;
border-radius: 500px;
transition: .4s ease-in, background-color .2s ease-in-out;
cursor: pointer;
}
#wischer:hover {
background-color: #6B9AC4;
}
#wischer.show {
top: calc(80px + 1vw);
}
#wischer.bottom {
top: calc(99vh - 60px);
}
#wischer svg path {
fill: #FFF;
}
#wischer path, #wischer rect {
transition: .2s ease-in-out;
}
#wischer:hover span, #wischer:focus span {
letter-spacing: 1px;
}
#wischer-text {
position: absolute;
top: 320px;
left: 0;
font-size: 14px;
color: #CAE2B5;
width: 100%;
text-align: center;
transition: all .5s ease-in, letter-spacing .2s ease-in-out;
}
#wischer-text.show {
top: 520px;
}
#wischer.bottom #wischer-text.show {
top: 290px;
}
.tel a {
font-size: 25px;
}
.slidersection_slide p.counterpart-fullname {
display: block;
position: relative;
top: -72px;
left: 2rem;
z-index: 2;
width: calc(50% - 100px - 2rem);
margin: 0;
font-weight: 900;
color: #0007;
letter-spacing: .2rem;
text-align: center;
float: left;
text-transform: uppercase;
}
.textsection div > ul, .columntext_section div > ul, .job-tile {
border-radius: 15px;
}
.top-margin {
margin-top: 3rem !important;
}
.bottom-margin {
margin-bottom: 3rem;
}
.bottom-double-padding, .row > div.bottom-double-padding {
padding-bottom: 3rem;
}
.max-800 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.flexslider-1 .flex-direction-nav .flex-next {
left: -3rem;
}
.flexslider-1 .flex-direction-nav .flex-prev {
right: -3rem;
}
.flex-direction-nav a {
top: 50%;
} .eyecatcher-div {
-webkit-animation-name: colorChange;
animation-name: colorChange;
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.slider_section .slide2 .eyecatcher-div.beige, .slider_section .slide4 .eyecatcher-div.beige {
animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
}
@-webkit-keyframes colorChange {
0%, 100%	{ background-color: #84bd51; }
45%			{ background-color: #84bd51; }
50%			{ background-color: #C2D3DD; }
95%			{ background-color: #C2D3DD; }
}
.blink {
-webkit-animation-name: wischerBlink;
animation-name: wischerBlink;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.blink:nth-of-type(2) {
animation-delay: .5s;
-webkit-animation-delay: .5s;
}
@-webkit-keyframes wischerBlink {
0%, 100%	{ opacity: 0; }
5%			{ opacity: 1; }
10%			{ opacity: 0; }
}
}
#page-216 .max-800, #page-191 .max-800 {
max-width: 100%;
width: 100%;
padding: 0;
}
#page-216 h1, #page-191 h1 {
width: 100%;
text-align: left;
}
#page-216 h2, #page-191 h2 {
text-align: left;
}
#page-216 .seperator, #page-191 .seperator {
margin-left: unset;
margin-right: unset;
}