@charset "UTF-8";
.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;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.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-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.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 [inert] {
opacity: 0.5;
}
.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;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}body .extendedwopts-show {
display: none;
}
body .widgetopts-hide_title .widget-title {
display: none;
}
body .extendedwopts-md-right {
text-align: right;
}
body .extendedwopts-md-left {
text-align: left;
}
body .extendedwopts-md-center {
text-align: center;
}
body .extendedwopts-md-justify {
text-align: justify;
}
@media screen and (min-width: 1181px) {
body .extendedwopts-hide.extendedwopts-desktop {
display: none !important;
}
body .extendedwopts-show.extendedwopts-desktop {
display: block;
}
body .widget.clearfix-desktop {
clear: both;
}
}
@media screen and (max-width: 1024px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 1180px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 767px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
.panel-cell-style:after {
content: "";
display: block;
clear: both;
position: relative;
}.nk-awb{position:relative;z-index:0}.wp-block-nk-awb{padding:20px 30px}.nk-awb .nk-awb-inner,.nk-awb .nk-awb-overlay,.nk-awb .nk-awb-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-99}.nk-awb .nk-awb-wrap{overflow:hidden}.nk-awb .nk-awb-mouse-parallax{transform:translateX(0)}.vc_row.vc_column-gap-1>.vc_column_container>.nk-awb-wrap{margin:1px 0.5px}.vc_row.vc_column-gap-2>.vc_column_container>.nk-awb-wrap{margin:1px 1px}.vc_row.vc_column-gap-3>.vc_column_container>.nk-awb-wrap{margin:1px 1.5px}.vc_row.vc_column-gap-4>.vc_column_container>.nk-awb-wrap{margin:1px 2px}.vc_row.vc_column-gap-5>.vc_column_container>.nk-awb-wrap{margin:1px 2.5px}.vc_row.vc_column-gap-10>.vc_column_container>.nk-awb-wrap{margin:1px 5px}.vc_row.vc_column-gap-15>.vc_column_container>.nk-awb-wrap{margin:1px 7.5px}.vc_row.vc_column-gap-20>.vc_column_container>.nk-awb-wrap{margin:1px 10px}.vc_row.vc_column-gap-25>.vc_column_container>.nk-awb-wrap{margin:1px 12.5px}.vc_row.vc_column-gap-30>.vc_column_container>.nk-awb-wrap{margin:1px 15px}.vc_row.vc_column-gap-35>.vc_column_container>.nk-awb-wrap{margin:1px 17.5px}.nk-awb-fullheight{min-height:100vh}body.admin-bar .nk-awb-fullheight{min-height:calc(100vh - 32px)}@media screen and (max-width: 782px){body.admin-bar .nk-awb-fullheight{min-height:calc(100vh - 42px)}}@media screen and (max-width: 600px){body.admin-bar .nk-awb-fullheight{min-height:100vh}}.nk-awb-content-valign-center,.nk-awb-content-valign-top,.nk-awb-content-valign-bottom{display:flex;flex-direction:column;justify-content:center}.nk-awb-content-valign-top{justify-content:flex-start}.nk-awb-content-valign-bottom{justify-content:flex-end}.nk-awb .nk-awb-overlay{z-index:0}.nk-awb .nk-awb-inner{z-index:-100;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner{background-size:contain}.nk-awb [data-awb-image-background-size=pattern]>.nk-awb-inner{background-repeat:repeat;background-size:auto}.nk-awb .nk-awb-inner>.jarallax-img,.nk-awb .nk-awb-inner>picture>img{position:absolute;top:0;left:0;z-index:-100;width:100%;height:100%;pointer-events:none;-o-object-fit:cover;object-fit:cover}.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner>.jarallax-img,.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner>picture>img{-o-object-fit:contain;object-fit:contain}.nk-awb .nk-awb-inner picture.jarallax-img>img{width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}.intrinsic-ignore iframe{max-width:none !important;max-height:none !important}
         body {
margin: 0; }  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; } audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0; } [hidden],
template {
display: none; }  a {
background-color: transparent; } a:active,
a:hover {
outline: 0; }  abbr[title] {
border-bottom: 1px dotted; } b,
strong {
font-weight: bold; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }  img {
border: 0; } svg:not(:root) {
overflow: hidden; }  figure {
margin: 1em 40px; } hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; } pre {
overflow: auto; } code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } input {
line-height: normal; } input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0; } textarea {
overflow: auto; } optgroup {
font-weight: bold; }  table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }          @font-face { font-family: 'Tenor sans';
src: url(//inessenz.de/wp-content/themes/Inessenz/fonts/tenorsans-regular.woff2) format("woff2"), url(//inessenz.de/wp-content/themes/Inessenz/fonts/tenorsans-regular.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Open Sans';
src: url(//inessenz.de/wp-content/themes/Inessenz/fonts/open-sans-regular.woff2) format("woff2"), url(//inessenz.de/wp-content/themes/Inessenz/fonts/open-sans-regular.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "open-sans", sans-serif;
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Marcellus', sans-serif;
src: url(//inessenz.de/wp-content/themes/Inessenz/fonts/marcellus-regular.woff2) format("woff2"), url(//inessenz.de/wp-content/themes/Inessenz/fonts/marcellus-regular.woff) format("woff");
font-weight: normal;
font-style: normal; }
.marcellus {
font-family: 'Marcellus', sans-serif; }
.montserrat {
font-family: montserrat, sans-serif !important; }
html {
font-family: futura-pt, sans-serif; color: #fff;
line-height: 1.6;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body { font-size: 126%; line-height: 1.4; }
.bright {
color: #4e4448; }
h1, h2, h3, h4, h5, h6 {
color: #f2ce68;
font-family: 'Tenor sans', sans-serif; font-weight: normal; margin-top: 0; }
.bright h1, .bright h2, .bright h3, .bright h4, .bright h5, .bright h6 {
color: #4e4448; }
#header-logo h1 {
text-indent: -9999px;
height: 0;
margin: 0; }
h1 {
font-size: 2.4em;
letter-spacing: -0.04em;
line-height: 1.2em;
margin: 0 0 .75em 0; }
@media (max-width: 760px) {
h1 {
font-size: 1.8em;
line-height: 1.1em; } }
@media (max-width: 480px) {
h1 {
line-height: 1em; } }
h2 {
font-size: 2em;
letter-spacing: -0.04em;
line-height: 1.1;
margin: 0 0 .5em 0; }
@media (max-width: 1100px) {
h2 {
font-size: 1.6em; } }
h2.script {
font-size: 320%; }
.widget h2 {
display: none; }
.sc-box h2 {
font-size: 120%;
margin: 0 0 0.1em 0;
padding: 0; -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.chapter-headline {
font-size: 110%;
letter-spacing: 0.05em;
text-transform: uppercase; }
h3 {
font-size: 130%;
line-height: 1.1;
margin: 0 0 .7em 0; }
.su-box-content h3 {
font-family: 'Verb condensed semibold';
margin: 0 0 0.6em 0 !important;
text-transform: uppercase; }
h4 {
font-size: 110%;
line-height: 1.1em;
margin: 0 0 .7em 0; }
h5 {
font-size: 100%;
margin: 0 0 .8em 0; text-transform: none; }
h6 {
font-size: 70%;
font-weight: 700;
line-height: 1.1em;
margin: 0.4em 0 0.6em 0;
text-transform: none; }
.banner-headline {
padding-top: 40px; }
@media (min-width: 601px) {
.banner-headline {
margin-bottom: 50px;
margin-top: -160px;
padding-top: 0;
position: relative;
z-index: 9; } }
p {
margin: 0 0 1.2em 0; }
p.roofline {
color: #939089;
font-style: normal;
font-size: 68%;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
letter-spacing: 0.14em; }
p.roofline a {
letter-spacing: 0.14;
text-decoration: none; }
p.roofline a:hover {
text-decoration: underline; }
.sc-box-inner p {
margin-bottom: 0.8em; }
a {
color: rgba(255, 255, 255, 0.5);
text-decoration: underline; }
a:hover, a:focus, a:active {
color: rgba(255, 255, 255, 0.8);
text-decoration: underline; }
.bright a {
color: #601e3a; }
.bright .wp-block-button a {
color: #9f9f9f; }
.bright a:hover, .bright a:focus, .bright a:active {
color: #481329; }
.wp-block-button__link,
button, .button, .btn, .gb-button, .button_p > a {
color: rgba(255, 255, 255, 0.75);
background-color: #481329;
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 12px;
letter-spacing: 0.16em;
text-transform: uppercase;
font-size: 0.7em;
font-weight: 700;
padding: calc(1.2em + 2px) calc(3em + 2px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.wp-block-button__link:hover,
button:hover, .button:hover, .btn:hover, .gb-button:hover,
.button_p > a:hover {
color: #fff;
background-color: #33091d !important;
border: 1px solid #33091d; }
.bright .wp-block-button__link,
.wpcf7-submit, button.wpforms-submit {
color: rgba(0, 0, 0, 0.85) !important;
background-color: #fff !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
border-radius: 12px !important;
height: auto !important;
letter-spacing: 0.16em;
text-transform: uppercase;
font-size: 0.7em !important;
font-weight: 700;
padding: 20px 40px !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.bright .wp-block-button__link:hover,
.wpcf7-submit:active, .wpcf7-submit:hover, .wpcf7-submit:focus,
button.wpforms-submit:active, button.wpforms-submit:hover, button.wpforms-submit:focus {
color: rgba(0, 0, 0, 0.75) !important;
background-color: #efefef !important;
background: #efefef !important;
border: 1px solid #efefef !important; }
.darkbox .wp-block-button__link {
background: none !important;
background-color: none !important;
color: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(255, 255, 255, 0.25); }
.darkbox .wp-block-button__link:hover {
background: rgba(0, 0, 0, 0.25) !important;
border: 1px solid rgba(0, 0, 0, 0.25) !important;
color: white; }
.textcolumn-group {
padding: 0 4vw; }
@media (max-width: 480px) {
.textcolumn-group {
padding: 0; } }
.sc-box a, .sc-box a:hover {
text-decoration: none; }
a.su_box-button {
border: 1px solid #fff;
margin-bottom: 20px;
padding: 10px 30px;
text-decoration: none; }
@media (max-width: 760px) {
a.su_box-button {
width: 100%;
margin-bottom: 20px; } }
a.su_box-button:hover {
background: #fff;
color: #4c4d49 !important;
text-decoration: none; }
.cta-button a.wp-block-button__link {
background-color: #e6bc4d !important;
color: #1d020f !important; }
.cta-button a.wp-block-button__link:hover {
background-color: #f8d786 !important;
color: #1d020f !important; }
a.no-td,
h3 a:hover {
text-decoration: none; } #lang_switch a {
color: #e2ded4;
text-decoration: none;
padding: 0 2px;
line-height: 1em; }
#lang_switch a:hover, #lang_switch a:focus, #lang_switch a:active {
text-decoration: none;
color: #fff; }
.sc-box-inner-text a:active, .sc-box-inner-text a:focus, .sc-box-inner-text a:hover, .sc-box-inner-text h2:hover {
color: #481329; }
.su-spoiler-content a {
color: #481329; }
.su-spoiler-content a:active, .su-spoiler-content a:focus, .su-spoiler-content a:hover, .su-spoiler-content h2:hover {
color: #33091d; }
a.wp-block-button__link:hover {
background: #481329;
color: #fff;
text-decoration: none; }
p.backbutton {
padding-top: 100px; }
p.smallerbm {
margin-bottom: 2px !important; }
.script-bold { }
.script {
font-family: "open-sans", sans-serif;  font-size: 94%;
line-height: 1.6; }
@media (max-width: 480px) {
.script {
font-size: 92%;
line-height: 1.5; } }
.has-medium-font-size {
font-size: 114% !important; }
.has-large-font-size {
font-size: 134% !important; }
.script.has-medium-font-size {
font-size: 100% !important;
line-height: 1.6;
margin: 0 0 .7em 0 !important; }
@media (max-width: 1100px) {
.script.has-medium-font-size { line-height: 1.2; } } .aagb__accordion_title {
color: #fff !important; }
.otv-button:hover {
background: #25769b; }
blockquote {
font-style: italic;
margin: 12px 0 30px !important;
padding: 0; }
blockquote p {
font-size: 100% !important;
line-height: 1.2 !important;
margin-bottom: 2em; }
blockquote cite {
color: #878787; font-size: 70% !important;
font-style: normal; }
hr, hr.wp-block-separator {
border-bottom: none;
border-top: 1px solid #BCBCBC;
margin-bottom: 30px; }
figcaption, .figcaption, caption, .caption {
font-size: 84%;
color: #6F6F6F; }
.nowrap {
white-space: nowrap; }
.sb-btn {
background: #b1b0a7;
margin-bottom: 14px;
padding: 3px; }
.sb-btn:hover {
background: #deab13;
color: #fff; }
.sb-btn-text {
color: #eeede9;
font-weight: bold;
letter-spacing: -0.02em;
line-height: 40px; } .post-date {
font-size: 90%;
font-style: italic;
margin-bottom: 20px;
padding-top: 25px; }
small, .has-small-font-size {
font-size: 90% !important; }
footer * {
color: #f8d786; }
footer a {
text-decoration: none; }
footer a:hover, footer a:focus, footer a:active {
color: #f3dfad;
text-decoration: underline; }
#start-headline {
text-align: center;
color: #fff;
margin: -100px 0 34px 0; }
@media (max-width: 1100px) {
#start-headline {
margin: -230px 0 34px; } }
#start-headline h1 {
color: #fff;
font-size: 30pt;
letter-spacing: -0.03em;
margin-bottom: 6px;
line-height: 1.1; }
p.slideshow-subline {
font-style: italic;
letter-spacing: 0.05em;
line-height: 1; }
.subline-allcaps {
font-size: 70%;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
margin-top: 10px; }
#kontaktzeile {
font-size: 11px;
margin: -6px 0 0 0;
color: #7e7c72; }
.bullet-list-item * {
line-height: 1.2; }
::-webkit-input-placeholder {
color: #67675f;
font-style: italic; }
:-moz-placeholder { color: #67675f;
font-style: italic; }
::-moz-placeholder { color: #67675f;
font-style: italic; }
:-ms-input-placeholder {
color: #67675f;
font-style: italic; }
.four-o-four {
font-size: 280px;
font-weight: bold;
letter-spacing: -0.1em;
margin-bottom: 0;
line-height: 0.9; }
.four-o-four-roofline {
color: #aeaaaa;
font-size: 8px;
letter-spacing: 0.8em;
text-transform: uppercase; }
.caption {
font-size: 90%;
color: #4a4a4a; }
@media (max-width: 760px) {
.sc-box-inner-text strong {
font-weight: normal !important;
letter-spacing: -0.02em !important; } }
.fa {
border-radius: 14px;
height: 28px;
text-align: center;
width: 28px; }
.fa-phone {
background: #c3950b;
color: #e2c054;
font-size: 22px !important;
line-height: 1.35 !important; }
.fa-bicycle {
background: #c3950b;
color: #e2c054;
font-size: 18px !important;
line-height: 1.5 !important; }
.fa-globe {
background: #e2c054;
color: #c3950b;
font-size: 31px !important;
line-height: 0.95 !important; }
.fa-websitesteps {
background: none !important;
color: #87857b;
font-size: 100px !important;
height: 100px;
margin: 0 0 8px 18px;
text-align: center; }
.wpforms-form input[type=text],
.wpforms-form input[type=textarea],
.wpforms-form input[type=number],
.wpforms-form input[type=email],
.wpforms-form input[type=password],
.wpforms-form .wpcf7-text, .wpforms-form .wpcf7-textarea {
background: #f8f8f8 !important;
padding: 14px 10px !important; }
.wpforms-form input[type=text],
.wpforms-form input[type=number],
.wpforms-form input[type=email],
.wpforms-form input[type=password],
.wpforms-form .wpcf7-text, .wpforms-form .wpcf7-textarea {
height: 50px !important; }
.wpcf7-text, .wpcf7-textarea {
background: #f8f8f8;
border: 1px solid #b3b3b3;
border-radius: 5px;
box-sizing: border-box;
margin-bottom: 10px;
max-height: 140px;
padding: 14px 10px;
width: 100%; }
.wpcf7-date, .wpcf7-select {
border: 1px solid #b3b3b3;
margin-bottom: 30px;
padding: 10px; }
.wpcf7-select {
width: 100%; }
.formcols::after {
clear: both;
content: '';
display: block; }
.formcol-2-left {
float: left; }
.formcol-2-right {
float: right; }
.formcol-2-left, .formcol-2-right {
width: 48%; }
@media (max-width: 760px) {
.formcol-2-left, .formcol-2-right {
float: none;
width: 100%; } }
.formsection-headline {
color: #4c4d49;
font-weight: 700;
margin: 50px 0 20px; }
.form-spacer {
display: block;
height: 60px;
width: 100%; }
.breadcrumb-nav-container {
color: #656565;
letter-spacing: .025em;
margin-bottom: 18px;
text-transform: uppercase;
font-size: 80%; }
.breadcrumb-nav-container a {
text-decoration: none; }
.breadcrumb-nav-container span {
margin: 0 3px; }
.dark {
color: rgba(255, 255, 255, 0.71); }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
color: rgba(255, 255, 255, 0.85); }
#vorteile b {
font-size: 1.4em;
color: #fff; }   @media screen {
#hNav {
font-family: 'Tenor sans', sans-serif;
z-index: 12; } }
@media screen and (max-width: 1100px) {
#hNav {
margin-top: 40px; } }
@media screen and (max-width: 760px) {
#hNav { } }
@media screen {
#hNav ul {
*zoom: 1;
list-style: none;
margin: 0;
padding: 0 0 0 70px;
text-align: center; } }
@media screen and (max-width: 1100px) {
#hNav ul {
text-align: center; } }
@media screen {
#hNav ul:before, #hNav ul:after {
content: "";
display: table; }
#hNav ul:after {
clear: both; }
#hNav ul > li { display: inline-block;
list-style: none;
margin-bottom: 0;
position: relative;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
#hNav ul > li.menu-item-has-children > a:after {
content: url(//inessenz.de/wp-content/themes/Inessenz/images/menu-item-dropdown-arrow.png); }
#hNav ul > li.menu-item-has-children.current-menu-item > a:hover, #hNav ul > li.menu-item-has-children.current-menu-item:hover > a {
border-bottom: 1px solid #666666;
padding-bottom: 9px; }
#hNav li.current-menu-item a, #hNav li.current-lang a {
color: #f8e09f !important; }
#hNav ul > li > a { color: #f2ce68;
display: block;
font-size: 17px;
font-weight: 100 !important;
text-decoration: none;
text-transform: uppercase;
padding: 10px 14px;
line-height: 111px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1100px) {
#hNav ul > li > a {
display: inline-block;
height: auto !important; padding: 10px 40px;
width: 100%; } }
@media screen {
#hNav ul > li > a:hover { color: #ffefb4;
text-decoration: underline; }
#hNav li.menu-item-40 > a, #hNav li.menu-item-40 > a:hover {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/Inessenz-Logo-bm.webp) center center no-repeat;
background-size: contain;
box-sizing: border-box;
height: 120px;
padding: 0 14px;
width: 148px; color: rgba(255, 255, 255, 0);
text-indent: -999999px; } }
@media screen and (max-width: 1100px) {
header.smaller #hNav {
margin-top: 20px; } }
@media screen {
header.smaller #hNav a {
font-size: 16px; } #hNav li ul {
background: #1e1e1e;
border-left: 1px solid #666666; left: -1px;
max-width: 400px; position: absolute;
top: 39px;
white-space: nowrap;
width: auto;
z-index: 1; }
#hNav li ul li {
border-left: none;
max-height: 0;
overflow: hidden;
padding: 0;
width: 99%;
width: calc(100% - 1px);
-webkit-transition: max-height 500ms ease;
-moz-transition: max-height 500ms ease;
-o-transition: max-height 500ms ease;
transition: max-height 500ms ease; }
#hNav li ul li a { color: #aca9a3;
padding: 10px 20px; }
#hNav li ul li a:hover {
background: #000000; }
#hNav ul > li:hover ul li {
max-height: 150px; }
#hNav li ul li > a:hover, #hNav li ul > li:hover {
background-color: #000;
color: #FFF; } }
@media screen and (max-width: 1100px) {
li#mega-menu-item-1321-de,
li#mega-menu-item-462-de,
li#mega-menu-item-1321-en,
li#mega-menu-item-462-en {
display: inline-block !important;
padding: 20px 0 30px !important; } }
@media screen {
li#mega-menu-item-1321-de a,
li#mega-menu-item-462-de a,
li#mega-menu-item-1321-en a,
li#mega-menu-item-462-en a,
li#mega-menu-item-1321-zh a {
text-indent: -99999px !important;
font-size: 0px !important;
height: 10px !important;
padding: 8px 12px !important; } }
@media screen and (max-width: 1100px) {
li#mega-menu-item-1321-de a,
li#mega-menu-item-462-de a,
li#mega-menu-item-1321-en a,
li#mega-menu-item-462-en a,
li#mega-menu-item-1321-zh a {
margin: 0 10px !important;
padding: 3px 12px !important;
width: 50px !important; } }
@media screen {
li#mega-menu-item-1321-de a,
li#mega-menu-item-462-de a {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/flag_DE.jpg) center center no-repeat !important;
background-size: cover !important;
margin: 0 7px 0 10px !important; }
li#mega-menu-item-1321-en a,
li#mega-menu-item-462-en a {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/flag_EN.jpg) center center no-repeat !important;
background-size: cover !important; } .menuTrigger {
display: inline-block;
position: absolute;
right: 30px;
top: 25px;
width: 40px;
height: 40px;
z-index: 13;
cursor: pointer;
vertical-align: middle;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 480px) {
.menuTrigger {
right: 20px;
top: 25px; } }
@media screen {
header.smaller .menuTrigger {
top: 10px; }
ul.menu {
margin: 0 !important; } .sub-nav-button {
color: #7A7A7A;
cursor: pointer;
font-size: 28px;
line-height: 1;
position: absolute;
top: 24px;
right: 24px;
padding: 8px 8px 0 8px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 13; }
.sub-nav-button:hover {
background: #e3e3df; }
.sub-nav-list {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
width: 100%;
z-index: 102;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-box-shadow: -1px 10px 20px 4px rgba(58, 57, 44, 0.2);
-moz-box-shadow: -1px 10px 20px 4px rgba(58, 57, 44, 0.2);
box-shadow: -1px 10px 20px 4px rgba(58, 57, 44, 0.2); } }
@media screen and (max-width: 480px) {
.sub-nav-list {
max-width: 100%;
width: 100%; } }
@media screen {
.sub-nav-list ul li.current-lang a,
.sub-nav-list ul li.current-menu-item a {
color: #fff; }
.sub-nav-list ul li {
list-style: none;
margin: 0; }
.sub-nav-list ul li a {
color: rgba(255, 255, 255, 0.7); text-transform: uppercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.11);
text-decoration: none;
display: block;
font-size: 102%;
padding: 20px 80px;
letter-spacing: -0.01em;
line-height: 1.1em;
text-align: center; }
.sub-nav-list ul li a:hover,
.sub-nav-list ul li a:focus,
.sub-nav-list ul li a:active {
color: #fff;
background: #1d020f; }
.sub-nav-list ul li:first-of-type a {
padding: 80px 80px 20px; }
.sub-nav-list ul li:last-of-type a {
border-bottom: none;
padding: 20px 80px 80px; }
.sub-nav-list.list-closed {
top: -600px;
right: 0; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.sub-nav-list.list-closed ul li a {
opacity: 0;
border-bottom: none; }
.sub-nav-list.list-open {
right: 0;
top: 0;
background: #33091d;
-webkit-box-shadow: -1px 10px 20px 4px rgba(58, 57, 44, 0.2);
-moz-box-shadow: -1px 10px 20px 4px rgba(58, 57, 44, 0.2);
box-shadow: -1px 10px 20px 4px rgba(58, 57, 44, 0.2);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.sub-nav-list.list-open ul li a {
opacity: 1; } }
@media screen and (max-width: 760px) {
.sub-nav-list.list-open {
width: 100%; } }
@media screen and (max-width: 480px) {
.sub-nav-list.list-open {
right: 0;
top: 0; } }
@media screen {
header.smaller .sub-nav-list.list-open {
top: 60px; } #hamburger-one {
display: none; }
.menuTrigger {
opacity: 0.6;
z-index: 104; }
.menuTrigger:hover {
opacity: 1; }
.menuTrigger.closed {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/nav-icon.png);
background: url(//inessenz.de/wp-content/themes/Inessenz/images/nav-icon.svg), none;
background-repeat: no-repeat;
background-size: 40px 40px; }
.menuTrigger.open {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/nav-icon-close.png);
background: url(//inessenz.de/wp-content/themes/Inessenz/images/nav-icon-close.svg), none;
background-position: 2px 3px;
background-repeat: no-repeat;
background-size: 32px; }
.menuTrigger.open .mainLine {
color: #ef9; } } @media screen and (max-width: 1100px) {
#hNav {
display: none; }
#hamburger-one {
display: block; }   .sub-menu {
background: none;
max-height: 1000px;
padding: 0;
position: static;
text-align: left; }
.menu-main-nav-container ul li:hover > ul {
max-height: 1000px;
padding: 0; }
.menu-main-nav-container > ul > li > a {
max-height: 1000px;
line-height: 1.8em; }
.sub-menu li {
margin-left: 15px; }
.sub-menu li a {
line-height: 1.9em;
font-size: 22px;
white-space: nowrap;
padding-left: 22px;
background: url(//inessenz.de/wp-content/themes/Inessenz/images/nav-icon-plus.png);
background: url(//inessenz.de/wp-content/themes/Inessenz/images/nav-icon-plus.svg), none;
background-position: center left;
background-repeat: no-repeat;
background-size: 18px 18px; }
.sub-menu li a:active, .sub-menu li a:focus, .sub-menu li a:hover {
padding-left: 22px;
background: url(//inessenz.de/wp-content/themes/Inessenz/images/nav-icon-plus-hover.png);
background: url(//inessenz.de/wp-content/themes/Inessenz/images/nav-icon-plus-hover.svg), none;
background-position: center left;
background-repeat: no-repeat;
background-size: 18px 18px; }
.menu-item-has-children > a {
background: none;
margin-left: -70px;
padding-right: 14px; }
.menu-item-has-children > a:active, .menu-item-has-children > a:hover, .menu-item-has-children > a:focus {
background: none; }
.menuTrigger.closed {
background-repeat: no-repeat; }
.menuTrigger.open {
background-repeat: no-repeat; } } @media screen and (max-height: 480px) {
.sub-nav-list ul li a {
padding: 3px 60px 3px 30px; } }  @media screen {
html {
height: 100%;
overflow-y: scroll; }
body {
background: #1d020f;
height: 100%;
position: relative; }
.mobile {
display: none !important; } }
@media screen and (max-width: 600px) {
.mobile {
display: block !important; } }
@media screen {
.desktop {
display: block; } }
@media screen and (max-width: 600px) {
.desktop {
display: none; } }
@media screen {
#top {
position: relative; }
.banner-widget {
background: #dad4c7;
box-sizing: border-box;
color: #fff;
font-family: 'Amsi Pro'; left: -126px;
top: 90px;
transform: rotate(-40deg);
-moz-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
position: absolute;
width: 550px;
text-align: center;
padding: 20px 0;
line-height: 1.2;
font-size: 120%;
z-index: 88; } }
@media screen and (max-width: 1400px) {
.banner-widget {
left: -140px;
top: 80px; } }
@media screen and (max-width: 1100px) {
.banner-widget {
left: -150px;
top: 50px;
transform: rotate(-42deg);
-moz-transform: rotate(-42deg);
-webkit-transform: rotate(-42deg);
padding: 10px 0;
font-size: 110%; } }
@media screen and (max-width: 970px) {
.banner-widget {
top: 90px; } }
@media screen and (max-width: 760px) {
.banner-widget { top: 80px;
font-size: 100%; } }
@media screen and (max-width: 480px) {
.banner-widget {
display: none; } }
@media screen {
#wrapper {
background: #33091D;
background: linear-gradient(0deg, #33091d 0%, #1d020f 55%);
box-sizing: border-box;
min-height: calc(100vh - 130px); overflow: hidden;
position: relative; }
header {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/IE_header-bg.jpg) bottom center no-repeat;
background-size: cover;
box-sizing: border-box;
top: 0;
left: 0;
position: relative;
width: 100%;
z-index: 100;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
#header-box {
margin: 0 auto; padding: 25px 0 4px;
position: relative;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
transition-timing-function: ease-out; }
#contactbutton {
height: 40px;
opacity: .9;
position: absolute;
right: 40px;
top: 57px;
width: 40px;
width: 40px; } }
@media screen and (max-width: 1100px) {
#contactbutton {
right: 30px;
top: 80px; } }
@media screen and (max-width: 480px) {
#contactbutton {
right: 20px; } }
@media screen {
#contactbutton img {
height: auto;
width: 100%; }
#contactbutton:hover {
opacity: 1; }
#brand {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/Inessenz_Logo-Typo.svg) top center no-repeat;
background-size: contain;
height: 44px;
left: calc(50% - 90px);
position: absolute;
top: 8px;
width: 200px;
z-index: 3; }
#mobile-logo {
display: none;
background: url(//inessenz.de/wp-content/themes/Inessenz/images/Inessenz-Logo-bm.webp) center center no-repeat;
background-size: auto;
background-size: contain;
box-sizing: border-box;
height: 120px;
left: calc(50% - 74px);
position: relative;
width: 148px;
text-indent: -99999px; } }
@media screen and (max-width: 1100px) {
#mobile-logo {
display: block; } }
@media screen {
#logomirror {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/logo_spiegelung.webp) top center no-repeat;
background-size: contain;
height: 230px;
left: calc(50% - 90px);
position: absolute;
top: 0;
width: 200px; } }
@media screen and (max-width: 1100px) {
#logomirror {
display: none; } }
@media screen {
#hs-logo {
height: 40px;
left: 30px;
opacity: 0;
position: absolute;
top: 10px;
width: 55px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
transition-delay: 0.25s; }
#hs-logo img {
height: auto;
width: 100%; } }
@media screen and (max-width: 1100px) {
#hs-logo {
left: 20px;
top: -10px; } }
@media screen and (max-width: 760px) {
#hs-logo {
left: 14px;
top: 14px; } }
@media screen {
.page #hs-logo {
left: 40px;
opacity: 1;
top: 44px;
width: 80px;
transition-delay: 0s; } }
@media screen and (max-width: 1100px) {
.page #hs-logo {
top: 0;
left: 20px; } }
@media screen and (max-width: 970px) {
.page #hs-logo {
top: 20px; } }
@media screen and (max-width: 760px) {
.page #hs-logo {
top: 40px; } }
@media screen and (max-width: 480px) {
.page #hs-logo {
left: 14px;
top: 14px; } }
@media screen {
header.smaller {
height: 60px;
background: #282b2c; } }
@media screen and (max-width: 1100px) {
header.smaller {
height: 60px;
width: 100%; } }
@media screen {
header.smaller #header-box {
padding: 16px 0 0; } }
@media screen and (max-width: 1100px) {
header.smaller #header-box {
padding: 0; } }
@media screen {
header.smaller #header-logo {
opacity: 0;
pointer-events: none;
top: 10vh; } }
@media screen and (max-width: 760px) {
header.smaller #header-logo {
top: 11px; } }
@media screen {
header.smaller #hs-logo {
opacity: 1;
left: 30px;
opacity: 1;
top: 10px; } }
@media screen and (max-width: 1100px) {
header.smaller #hs-logo {
left: 10px;
top: 8px; } }
@media screen and (max-width: 760px) {
header.smaller #hs-logo {
left: 6px;
top: 9px; } }
@media screen and (max-width: 1100px) {
.page header.smaller #hs-logo {
top: -11px; } }
@media screen and (max-width: 970px) {
.page header.smaller #hs-logo {
top: 8px; } }
@media screen {
.herosection { background: url(//inessenz.de/wp-content/themes/Inessenz/images/IE_hero-bg-darker.jpg) top center no-repeat;
background-size: 100% 80px;
padding-top: 18vh !important; } }
@media screen and (min-width: 1980px) {
.herosection {
font-size: 128%; } }
@media screen and (min-width: 1940px) {
.herosection {
font-size: 112%; } }
@media screen and (max-width: 480px) {
.herosection {
padding-top: 14vh !important; } }
@media screen {
.heroscreen {
min-height: 100vh;
min-height: calc(100vh - 200px);
padding-top: 0; }
.start-hl-spacer {
height: 7vh !important; }
.content-wrapper {
position: relative; }
.content-column {
box-sizing: border-box;
margin: 0 auto;
max-width: 1080px;
padding: 0 30px;
position: relative; } }
@media screen and (max-width: 760px) {
.content-column {
padding: 0; } }
@media screen {
.textpage .content-column {
max-width: 860px; }
.content-section {
box-sizing: border-box;
padding: 100px 0 330px; }
.content-section img {
max-width: 100%;
height: auto; } }
@media screen and (max-width: 480px) {
.content-section img {
width: 100%;
height: auto; } }
@media screen and (max-width: 1100px) {
.content-section {
padding: 60px 60px 330px; } }
@media screen and (max-width: 760px) {
.content-section {
padding: 20px 40px 600px; } }
@media screen and (max-width: 480px) {
.content-section {
padding: 110px 20px 600px; } }
@media screen {
.imageheader {
padding-top: 100px !important; }
.nologo #header-logo {
display: none; }
.social { height: 40px;
position: absolute;
top: 60px;
right: 80px;
width: 40px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1400px) {
.social {
top: 100px; } }
@media screen and (max-width: 1100px) {
.social { right: 30px;
top: 90px; } }
@media screen and (max-width: 480px) {
.social {
right: 20px;
top: 60px; } }
@media screen {
.social a {
display: block;
height: 40px;
float: left;
margin: 0 0 14px 0; opacity: .7;
text-indent: -9999px;
width: 40px; } }
@media screen and (max-width: 480px) {
.social a {
margin: 0 0 14px 0; } }
@media screen {
.social a:hover, .social a:active {
opacity: 1; }
.social a.social-insta {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/insta-icon2.svg) center center no-repeat;
background-size: auto;
background-size: 100%; }
.social a.social-fb {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/fb-icon.svg) center center no-repeat;
background-size: auto;
background-size: 100%; }
.social a.social-wa {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/whatsapp.png) center center no-repeat;
background-size: auto;
background-size: 100%; }
header.smaller .social {
top: 70px;  } .metaslider .caption-wrap {
background: none !important;
opacity: 1 !important;
bottom: auto;
top: 0; }
#metaslider_1759, #metaslider_1841 {
font-size: 114%; }
#metaslider_1759 .caption img, #metaslider_1841 .caption img {
margin: 0 auto 40px; }
.flex-control-paging {
opacity: .55; }
#feedback-mobile .wp-block-group__inner-container,
#feedback-mobile .wp-block-group__inner-container blockquote {
padding: 0 !important; }
.metaslider .flexslider:not(.filmstrip) .slides li .ms-slide-image-placeholder .msDefaultImage, .metaslider.has-filmstrip-nav-onhover .flexslider:not(.filmstrip) .slides li .ms-slide-image-placeholder .msDefaultImage, .metaslider.has-thumbs-responsive .flex-control-thumbs li img[src*="data:image/png;base64"], .metaslider.has-filmstrip-nav .flexslider.filmstrip .slides li img[src*="data:image/png;base64"], .metaslider.has-filmstrip-nav-onhover .flexslider.filmstrip .slides li img[src*="data:image/png;base64"] {
border: none !important; }
#reviews {
padding-top: 60px; }
.blog-entry {
padding: 25px 20px 5px 0; } }
@media screen and (max-width: 1100px) {
.blog-entry {
padding: 25px 0 25px 0; } }
@media screen {
.blog-entry .wp-post-image, .single-content .wp-post-image {
height: auto;
float: left;
margin: 0 40px 60px 0;
max-width: 30%; } }
@media screen and (max-width: 600px) {
.blog-entry .wp-post-image, .single-content .wp-post-image {
float: none;
margin: 30px 0;
max-width: 100%;
width: 100%; } }
@media screen {
.parallax-window {
min-height: 560px;
background: transparent;
position: relative; } }
@media screen and (max-width: 760px) {
.parallax-window {
max-height: 400px;
min-height: 400px; } }
@media screen and (orientation: landscape) {
.parallax-window {
max-height: 627px;
height: 627px; } }
@media screen {
.single-wrapper .parallax-window {
min-height: 360px; }
.slideshow-container-start {
height: 100vh;
overflow: hidden;
width: 100%; } }
@media screen and (max-width: 480px) {
.slideshow-container-start {
height: 100vh; } }
@media screen and (max-width: 1580px) {
.slideshow-container-start .metaslider {
margin-left: -10% !important;
width: 120% !important; } }
@media screen and (max-width: 1400px) {
.slideshow-container-start .metaslider {
margin-left: -20% !important;
width: 140% !important; } }
@media screen and (orientation: portrait) {
.slideshow-container-start .metaslider {
margin-left: -125% !important;
width: 320% !important; } }
@media screen and (max-width: 1100px) {
.slideshow-container-start .metaslider {
margin-left: -30% !important;
width: 160% !important; } }
@media screen and (max-width: 760px) {
.slideshow-container-start .metaslider {
margin-left: -30% !important;
width: 166% !important; } }
@media screen and (max-width: 1400px) {
.slideshow-container .metaslider {
margin-left: -10% !important;
width: 120% !important; } }
@media screen and (max-width: 1100px) {
.slideshow-container .metaslider {
margin-left: -20% !important;
width: 140% !important; } }
@media screen and (max-width: 480px) {
.slideshow-container {
margin-bottom: 50px; } }
@media screen and (max-width: 1100px) {
.blog .slideshow-container {
width: 140% !important; } }
@media screen and (max-width: 600px) {
.blog .slideshow-container {
width: 180% !important; } }
@media screen and (max-width: 480px) {
.blog .slideshow-container {
width: 220% !important; } }
@media screen {
#start-boxes {
box-sizing: border-box;
left: calc(50% - 300px);
position: absolute;
top: 48vh;
width: 600px;
z-index: 10; } }
@media screen and (min-width: 1940px) {
#start-boxes {
top: calc(15vh + 320px); } }
@media screen and (max-width: 760px) {
#start-boxes {
left: 0; width: 100%; } }
@media screen and (max-width: 720px) and (orientation: landscape) {
#start-boxes {
display: none; } }
@media screen {
.sc-box {
box-sizing: border-box;
height: 200px;
float: left;
position: relative;
width: 50%; } }
@media screen and (max-width: 760px) {
.sc-box {
height: 170px; } }
@media screen and (max-width: 480px) {
.sc-box {
height: 140px; } }
@media screen {
.sc-box-inner {
box-sizing: border-box;
height: 100%;
padding: 10px;
position: relative;
-webkit-transition: all 0.4s;
-moz-transition: all 0.8s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1100px) {
.sc-box-inner h2 > br, .sc-box-inner .dash {
padding: 5px 5px;
width: 33.3%; } }
@media screen {
.sc-box-inner-text {
line-height: 1.2;
opacity: 0;
position: absolute;
width: 300px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.8s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.sc-box-inner-text h2 {
color: #601e3a;
font-weight: 700; }
.sc-box-inner-text p {
color: #dad4c7 !important; } }
@media screen and (max-width: 760px) {
.sc-box-inner-text p {
display: none; } }
@media screen {
.sc-box-inner:hover { }
.sc-box-inner:hover .sc-box-inner-text {
opacity: 1; }
.sc-box {
box-sizing: border-box;
height: 200px;
float: left;
position: relative;
width: 50%; } }
@media screen and (max-width: 760px) {
.sc-box {
height: 170px; } }
@media screen and (max-width: 480px) {
.sc-box {
height: 140px; } }
@media screen {
.sc-box#scb-kontakt {
width: 100%;
text-align: center; }
.sc-box-inner {
box-sizing: border-box;
height: 100%;
padding: 10px;
position: relative;
-webkit-transition: all 0.4s;
-moz-transition: all 0.8s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1100px) {
.sc-box-inner h2 > br, .sc-box-inner .dash {
padding: 5px 5px;
width: 33.3%; } }
@media screen {
.sc-box-inner-text {
line-height: 1.2;
opacity: 0;
position: absolute;
width: 300px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.8s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.sc-box-inner-text h2 {
color: #601e3a;
font-weight: 700; }
.sc-box-inner-text p {
color: #dad4c7 !important; } }
@media screen and (max-width: 760px) {
.sc-box-inner-text p {
display: none; } }
@media screen {
.sc-box-inner:hover { }
.sc-box-inner:hover .sc-box-inner-text {
opacity: 1; }
.wpforms-submit-container {
margin: 40px 0 !important; }
.bottommargin {
margin-bottom: 100px; }
.nobottommargin {
margin-bottom: 0 !important; }
.notoppadding {
padding-top: 0 !important; }
.narrow-column {
max-width: 640px; }
.sidebar-column {
padding-left: 290px; } }
@media screen and (max-width: 760px) {
.sidebar-column {
padding-left: 0; } }
@media screen {
.sidebar-right-column {
padding-right: 290px; } }
@media screen and (max-width: 760px) {
.sidebar-right-column {
padding-right: 0; } }
@media screen {
#main-content {
background: #fff;
padding-top: 100px; } }
@media screen and (max-width: 760px) {
#main-content {
padding-top: 60px; } }
@media screen {
.page #main-content {
padding-top: 60px; }
.sidebar {
left: 0;
position: absolute;
top: 0;
width: 240px; }
.sidebar img {
height: auto;
width: 100%; } }
@media screen and (max-width: 760px) {
.sidebar {
left: auto;
margin-bottom: 80px;
position: relative;
top: auto;
width: 100%; } }
@media screen {
.sidebar-right {
right: 0;
position: absolute;
top: 0;
width: 240px; }
.sidebar-right img {
height: auto;
width: 100%; } }
@media screen and (max-width: 760px) {
.sidebar-right {
right: auto;
margin-bottom: 80px;
position: relative;
top: auto;
width: 100%; } }
@media screen {
.contentheader-featuredimg {
padding-left: 306px;
position: relative; } }
@media screen and (max-width: 760px) {
.contentheader-featuredimg {
padding-left: 0px; } }
@media screen {
.contentheader-featuredimg img.attachment-post-thumbnail {
height: auto;
left: 0;
position: absolute;
top: 0;
width: 266px; } }
@media screen and (max-width: 760px) {
.contentheader-featuredimg img.attachment-post-thumbnail {
display: none; } }
@media screen {
.paddingleft306 {
padding-left: 306px; } }
@media screen and (max-width: 760px) {
.paddingleft306 {
padding-left: 0px; } }
@media screen {
.green {
background: #601e3a; } .ab-accordion-title {
cursor: pointer;
color: #481329;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.ab-accordion-title:hover {
background: #481329;
color: #fff; }
.ab-accordion-text {
padding: 25px 15px !important; }
.ab-notice-text {
background: #601e3a !important; }
.ab-notice-text p {
font-family: inherit !important;
font-size: 100% !important;
line-height: inherit !important; } .aagb_accordion_dd902245-877a-4ecb-8715-da57ac252031 .aagb__accordion_body--show {
border-top: none !important; }
.aab__icon, .dashicons {
color: #601e3a !important; }
.alignleft, .wp-block-image .alignleft, figure.alignleft,
div.team-column:nth-child(odd) img {
float: left;
margin: 5px 30px 20px 0 !important;
max-width: 45%; } }
@media screen and (max-width: 760px) {
.alignleft, .wp-block-image .alignleft, figure.alignleft,
div.team-column:nth-child(odd) img {
float: none;
height: auto;
margin: 0 0 40px !important;
max-width: 100%;
width: 100%; } }
@media screen {
.alignright, .wp-block-image .alignright, figure.alignright,
div.team-column img {
float: right;
margin: 5px 0 20px 30px !important;
max-width: 45%; } }
@media screen and (max-width: 760px) {
.alignright, .wp-block-image .alignright, figure.alignright,
div.team-column img {
float: none;
height: auto;
margin: 0 !important;
max-width: 100%;
width: 100%; } }
@media screen {
.aligncenter.wp-block-image .aligncenter {
margin: 0 auto;
margin-bottom: 40px; } }
@media screen and (max-width: 760px) {
.aligncenter.wp-block-image .aligncenter {
height: auto;
width: 100%; } }
@media screen {
.wp-block-image {
margin-bottom: 6px; }
.wp-block-group__inner-container {
padding: 40px; } }
@media screen and (max-width: 760px) {
.wp-block-group__inner-container {
padding: 30px 20px; } }
@media screen {
.heroscreen .wp-block-group__inner-container {
padding: 0 !important; }
figure {
margin: 0 0 30px !important; }
figure.aligncenter {
margin: 0 auto 30px !important; }
.cs-2col {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 80px;
-moz-column-gap: 80px;
column-gap: 80px; } }
@media screen and (max-width: 760px) {
.cs-2col {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1; } }
@media screen {
.gradient {
background: #edeeee; background: -moz-linear-gradient(top, #edeeee 0%, white 100%); background: -webkit-linear-gradient(top, #edeeee 0%, white 100%); background: linear-gradient(to bottom, #edeeee 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeeee', endColorstr='#ffffff',GradientType=0 ); }
#newsletter {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/IE_header-bg.jpg) bottom center no-repeat;
background-size: cover; } .tab-content {
display: none; }
.tab-content.current {
display: block !important;
animation: fadeIn 0.5s; }
ul.tabs {
border-bottom: 1px solid #BCBCBC;
margin: 0 0 20px -3px;
padding-bottom: 4px; }
li.tab-link {
list-style: none; }
.blogcontent li.tab-link {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/play_r.png) no-repeat;
background-position: top 0 right 190px;
background-size: contain;
box-sizing: border-box;
text-align: right;
width: 50%; }
.blogcontent li.tab-link.current,
.blogcontent li.tab-link:hover {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/play_r.png) no-repeat;
background-position: top 0 right 190px;
background-size: contain; }
.blogcontent li.tab-link:first-of-type {
background: none;
text-align: left; }
.tab-link {
float: left; }
.tab-33 {
float: left;
width: 33%; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.tab-content.current {
display: block !important;
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s; }
.tabbed-panels {
margin-bottom: 50px;
padding-top: 30px; } }
@media screen and (max-width: 480px) {
.tabbed-panels {
padding-top: 0; } }
@media screen {
a.tab, .pagination-button > a {
color: #601e3a;
cursor: pointer;
display: block;
font-size: 220%;
letter-spacing: -0.03em;
line-height: 1.1;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
-ms-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } }
@media screen and (max-width: 480px) {
a.tab, .pagination-button > a {
font-size: 190%; } }
@media screen { a.tab:active, a.tab:focus, a.tab:hover,
.pagination-button > a:active, .pagination-button > a:focus, .pagination-button > a:hover {
color: #601e3a;
text-decoration: none; }
.current > a.tab {
color: #33091d;
cursor: default; }
.tab-multi-line.current > a.tab {
padding: 8px 0 7px; }
.tab-single-line.current > a.tab {
padding: 15px 0; }
.noresults {
height: 300px !important;
padding-top: 100px;
text-align: center;
width: 100%; } .page-content {
background: #1b717e;
margin-bottom: 120px; }
.content {
position: relative;
background: rgba(255, 255, 255, 0.8);
color: #313131 !important;
padding: 40px; }
.content img:not(.avatar) {
width: 100%;
height: auto;
margin-bottom: 20px; }
.close-btn {
width: 20px;
height: 20px;
background: url(//inessenz.de/wp-content/themes/Inessenz/images/close-btn.png);
background: url(//inessenz.de/wp-content/themes/Inessenz/images/close-btn.svg), none;
background-repeat: no-repeat;
background-size: 20px 20px;
opacity: 0.65;
position: absolute;
top: 20px;
right: 20px; }
.close-btn:hover {
opacity: 1; }
.su-box {
border: none !important;
position: relative;
width: 70%; } }
@media screen and (max-width: 760px) {
.su-box {
width: 100%; } }
@media screen {
.su-box-content {
background: #99a083 !important;
border-radius: 8px !important; }
.su-box.team-def .su-box-content {
background: #99a083 url(//inessenz.de/wp-content/themes/Inessenz/images/icon_start_plattenspieler_weiss.svg) no-repeat !important;
background-position: top 35px right 30px !important;
background-size: 98px !important;
padding: 40px 150px 45px 40px !important; } }
@media screen and (max-width: 760px) {
.su-box.team-def .su-box-content {
background: #99a083 !important;
padding: 20px 20px 40px 20px !important; } }
@media screen {
.su-box-content * {
color: #fff !important; }
.su-box-title {
display: none !important; }
.su-spoiler {
margin-bottom: 10px !important; }
.su-spoiler-title {
background: #481329;
color: #fff !important;
font-size: 120% !important;
font-weight: normal !important;
padding: 20px 7px 20px 36px !important;
text-transform: uppercase; }
.su-spoiler-closed .su-spoiler-title {
background: #601e3a; }
.su-spoiler-title:hover {
background: #481329 !important; }
.su-spoiler-icon {
left: 10px !important;
overflow: hidden;
top: 18px !important; }
.su-spoiler-content {
background: #883155;
color: #1d020f !important;
padding: 0 25% 0 50px !important;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.su-spoiler-content li {
margin-bottom: 18px; }
.su-spoiler-content h1, .su-spoiler-content h2, .su-spoiler-content h3, .su-spoiler-content h4, .su-spoiler-content h5, .su-spoiler-content h6 {
color: #1d020f; }
.su-spoiler-content h5, .su-spoiler-content h6 {
font-size: 140%; } }
@media screen and (max-width: 760px) {
.su-spoiler-content {
padding: 0 10px 0 20px !important; } }
@media screen { .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon::before {
content: "" !important; }
.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon,
.su-spoiler.su-spoiler-closed .su-spoiler-icon {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/arrow_acc.svg) no-repeat;
background-size: 40px 20px;
background-position: 0 0; }
.su-spoiler-icon-arrow .su-spoiler-icon::before {
content: "" !important; }
.su-spoiler-icon-arrow .su-spoiler-icon {
background: url(//inessenz.de/wp-content/themes/Inessenz/images/arrow_acc.svg) no-repeat;
background-size: 40px 20px;
background-position: -20px 0; }
.blaken {
background: #99a083;
height: 13px;
margin: -16px 0 50px;
width: 0; }
iframe {
width: 100%; }
footer {
background: #1d020f;
color: #f8d786;
bottom: 0;
left: 0;
height: 330px;
padding: 0;
position: absolute;
width: 100%; } }
@media screen and (max-width: 760px) {
footer {
height: 600px; } }
@media screen {
.footer-content {
height: 180px;
padding: 80px 80px 20px; } }
@media screen and (max-width: 760px) {
.footer-content {
padding: 80px 40px 20px; } }
@media screen and (max-width: 760px) {
.footer-content {
height: 420px; } }
@media screen and (max-width: 480px) {
.footer-content {
padding: 80px 20px 20px; } }
@media screen {
#footer-logo {
float: left;
width: 160px; } }
@media screen and (max-width: 760px) {
#footer-logo {
padding-left: 40%;
width: 140px; } }
@media screen and (max-width: 480px) {
#footer-logo {
padding-left: 30px;
width: 100px; } }
@media screen {
#footer-logo img {
height: auto;
width: 100%; }
.footer-nav {
position: absolute;
right: 200px;
top: 70px; }
.footer-nav li {
list-style: none; }
.footer-nav img {
margin: 0 20px; }
#footer-nav1 {
right: 200px; } }
@media screen and (max-width: 1100px) {
#footer-nav1 {
right: 50px; } }
@media screen and (max-width: 760px) {
#footer-nav1 {
left: 60px;
right: auto;
top: 280px; } }
@media screen and (max-width: 480px) {
#footer-nav1 {
left: 20px;
right: auto;
top: 240px; } }
@media screen {
#footer-nav2 {
right: 400px; } }
@media screen and (max-width: 1100px) {
#footer-nav2 {
right: 250px; } }
@media screen and (max-width: 760px) {
#footer-nav2 {
left: 40%;
right: auto;
top: 280px; } }
@media screen and (max-width: 480px) {
#footer-nav2 {
top: 240px; } }
@media screen {
#footer-soc {
right: 600px; } }
@media screen and (max-width: 1100px) {
#footer-soc {
right: 450px; } }
@media screen and (max-width: 760px) {
#footer-soc {
right: 80px;
top: 280px; } }
@media screen and (max-width: 480px) {
#footer-soc {
margin-left: 180px;
right: auto;
top: auto;
position: relative; } }
@media screen {
.footer-logo-cont { margin: 0 auto 40px;
max-width: 1160px; } }
@media screen and (max-width: 1400px) {
.footer-logo-cont {
max-width: 700px; } }
@media screen {
.footer-logo-cont img {
float: left;
height: 60px !important;
margin: 0 17px 10px;
width: auto; } }
@media screen and (max-width: 1400px) {
.footer-logo-cont img {
height: 60px !important; } }
@media screen and (max-width: 760px) {
.footer-logo-cont img {
height: 50px !important;
margin: 0 0 23px 23px; } }
@media screen {
#footer-nav li.widget {
float: left; } }
@media screen and (max-width: 680px) {
#footer-text {
float: none; }
#footer-nav {
float: none;
margin-top: 10px; }
#footer-nav li.widget {
float: none;
margin-bottom: 20px; } }
@media screen {
#custom_html-4,
#custom_html-10 {
padding-top: 8px;
padding-right: 30px; }
.clearfix:after {
content: "";
clear: both;
display: block;
visibility: hidden;
height: 0px; }
.nocolbreak {
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; display: table; }
li.widget {
list-style: none; }
fieldset {
border: none; }
ul {
margin: 0 0 30px 25px;
padding: 0; }
ul.postlist li {
margin-bottom: 50px; }
ul.pdf-liste li {
list-style: none;
padding: 4px 0 14px 40px;
background: url(//inessenz.de/wp-content/themes/Inessenz/images/pdf-icon.png) top left no-repeat;
background-size: 30px; }
ul > li { list-style: url(//inessenz.de/wp-content/themes/Inessenz/images/list-style-item.png);
margin-bottom: 0.1em;
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column;   -webkit-margin-before: 0;
-webkit-margin-after: 0; }
.su-spoiler-content ul > li {
list-style: url(//inessenz.de/wp-content/themes/Inessenz/images/list-style-item-dark.png); }
.teaser-list ul {
margin-bottom: 2px;
margin-left: 11vw; }
.teaser-list ul:first-of-type,
.teaser-list ul:nth-of-type(3) {
margin-left: 9vw; }
.teaser-list ul:nth-of-type(2) {
margin-left: 13vw; }
.teaser-list ul:nth-of-type(4) {
margin-left: 16vw; }
.teaser-list ul > li {
list-style: url(//inessenz.de/wp-content/themes/Inessenz/images/list-style-item-l.png);
margin-bottom: 2px; }
ol > li {
line-height: 1.2;
margin-bottom: 0.4em;
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column;   -webkit-margin-before: 0;
-webkit-margin-after: 0; }
ul ul {
padding-top: 20px;
margin-bottom: 30px; }
ul ul li {
list-style: url(//inessenz.de/wp-content/themes/Inessenz/images/list-style-item-sub.png); } .wp-block-table table {
border: none !important;
margin-bottom: 25px;
width: 100% !important; }
tr {
border: none !important;
margin-bottom: 10px; }
tr:nth-child(even) {
background: rgba(236, 223, 227, 0.02); }
tr:nth-child(odd) {
background: rgba(236, 223, 227, 0.07); }
td {
border: none !important;
padding: 18px 10px;
vertical-align: top; } table.hours tr.nopadding td,
table.hours tr:first-child td,
table.hours tr:nth-child(3) td {
padding-bottom: 4px; }
table.hours tr:nth-child(odd), table.hours tr:nth-child(even) {
background: none; }
table.hours td {
padding: 0 12px 20px 0; }
table.startpage-table {
margin-bottom: 30px; }
.content-floatbox-left {
float: left;
width: 340px;
margin: 40px 20px 0 0; }
.content-floatbox-right {
float: right;
width: 340px;
margin: 40px 0 0 20px; }
.bullet-list-item {
margin-bottom: 12px; }
.sb-box .textwidget {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 3px dotted #bfbdb0; }
.sb-btn {
border: none;
text-align: center;
background: #c8990c;
width: 100%;
padding: 10px 0 0 0; }
.sb-btn:hover {
color: #fff;
background: #deab13; }
.sb-btn .fa {
color: #f4cd56;
font-size: 120%; }
a#scroll-to-top {
bottom: 64px !important;
height: 40px !important;
right: 30px !important;
width: 40px !important; } }
@media screen and (max-width: 480px) {
a#scroll-to-top {
bottom: 17px !important;
right: 20px !important; } }
@media screen {
.su-table strong {
white-space: nowrap; } }
@media screen and (max-width: 480px) {
.su-table strong {
white-space: normal; } }
@media screen {
.leistungen-columns {
display: flex; } }
@media screen and (max-width: 760px) {
.leistungen-columns {
display: inline-block; } }
@media screen {
.leistungen-text {
margin-bottom: 70px;
max-width: 720px; }
.leistungen-textcolumn {
padding-right: 40px; } }
@media screen and (max-width: 760px) {
.leistungen-textcolumn {
padding-right: 0; } }
@media screen {
.leistungen-tiles {
flex: 0 0 480px; } }
@media screen and (max-width: 760px) {
.leistungen-tiles {
flex: 0 0 280px; } }
@media screen {
ul.leistungen-items {
margin: 0 0 140px; }
ul.leistungen-items li {
list-style: none;
margin: 0 !important; }
ul.leistungen-items li a {
background: #601e3a;
box-sizing: border-box;
color: #fff; float: left;
font-size: 121%;
line-height: 1.1;
margin: 0 20px 20px 0;
padding: 80px 5px 0 5px;
width: 200px;
height: 200px;
text-align: center;
text-decoration: none; } }
@media screen and (max-width: 480px) {
ul.leistungen-items li a { } }
@media screen {
ul.leistungen-items li a:hover {
background: #481329; }
ul.leistungen-items:after {
clear: both; }
.leistungen-overview {
margin: 0 0 140px; }
.leistungen-overview a {
background: #601e3a;
box-sizing: border-box;
color: #fff; float: left;
font-size: 118%;
margin: 0 20px 20px 0;
padding: 80px 5px 0 5px;
width: 200px;
height: 200px;
text-align: center;
text-decoration: none; }
.leistungen-overview a:hover {
background: #481329; }
#neuro-post-thumbnail img {
height: auto;
width: 200px; }
#wpcf7-f1507-o1 {
color: #000;
padding-top: 36px; }
#wpcf7-f1507-o1 .wpcf7-list-item {
margin: 0; }
#wpcf7-f1507-o1 .cf-callback {
margin: 0 0 30px 0;
padding: 30px 0 5px; }
.wpcf7-not-valid-tip {
font-size: 80% !important;
font-weight: bold !important;
margin-top: -4px !important; }
.wpcf7 form.sent .wpcf7-response-output {
background: #efefef url(//inessenz.de/wp-content/themes/Inessenz/images/check-circle.svg) top 20px center no-repeat !important;
background-size: 80px !important;
border-color: #efefef !important;
padding: 120px 30px 40px;
text-align: center; }
.cf7_spamschutz {
padding: 25px 0 40px;
width: 400px; }
.cf7_spamschutz span {
padding-right: 10px;
padding-top: 8px;
display: inline-block; }
.wpcf7-quiz {
background: #f8f8f8;
border: 1px solid #b3b3b3;
border-radius: 5px;
float: right;
text-align: center;
width: 45px;
height: 40px; }
.wp-block-pb-accordion-item {
margin-bottom: 12px; }
.c-accordion__content,
.c-accordion__title {
background: #efefef;
margin-bottom: 0 !important;
padding: 12px 20px; } }
@media screen and (max-width: 760px) {
.c-accordion__content,
.c-accordion__title {
padding: 10px; } }
@media screen {
.c-accordion__title:hover {
background: #601e3a;
color: #fff; }
.c-accordion__title::after {
right: 20px; } }
@media screen and (max-width: 760px) {
.c-accordion__title::after {
right: 10px; } }[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
} .wpcf7cf_repeater_sub_controls {
display: inline-flex;
gap: 4px;
margin: 4px 0;
align-items: center;
}div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//inessenz.de/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//inessenz.de/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}