.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 .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;
}#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox.png);
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox.png) -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/blank.gif);
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox.png);
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox.png);
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; }
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox-x.png);
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox.png);
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox-y.png);
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox.png);
background-position: -40px -182px; 
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox-x.png);
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox.png);
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox-y.png);
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox.png);
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancy_title_over.png);
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url(//www.elenastoll.de/wp-content/themes/kitbyte/js/fancybox/fancybox.png) -55px -90px no-repeat;
} .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 17px;
line-height: 1.5em;
font-family: 'Lato', sans-serif;
font-weight: 300;
vertical-align: baseline;
letter-spacing: 0.32px;
}
@media (max-width: 1023px) {
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
font-size: 15px;
letter-spacing: 0.25px;
}
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
textarea:focus,
input:focus {
outline: none;
}
article a {
text-decoration: underline;
color: #ff9fa8;
font-weight: 700;
}
.clearfix::before,
.clearfix::after {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
}
.clearfix {
*zoom: 1; }
body {
overflow-x: hidden;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}  @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/lato-v23-latin-300.eot); src: local(''),
url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/lato-v23-latin-300.eot?#iefix) format('embedded-opentype'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/lato-v23-latin-300.woff2) format('woff2'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/lato-v23-latin-300.woff) format('woff'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/lato-v23-latin-300.ttf) format('truetype'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/lato-v23-latin-300.svg#Lato) format('svg'); } @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/lato-v23-latin-regular.eot); src: local(''),
url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/lato-v23-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/lato-v23-latin-regular.woff2) format('woff2'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/lato-v23-latin-regular.woff) format('woff'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/lato-v23-latin-regular.ttf) format('truetype'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/lato-v23-latin-regular.svg#Lato) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/roboto-slab-v24-latin-regular.eot); src: local(''),
url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/roboto-slab-v24-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/roboto-slab-v24-latin-regular.woff2) format('woff2'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/roboto-slab-v24-latin-regular.woff) format('woff'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/roboto-slab-v24-latin-regular.ttf) format('truetype'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 700;
src: url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/roboto-slab-v24-latin-700.eot); src: local(''),
url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/roboto-slab-v24-latin-700.eot?#iefix) format('embedded-opentype'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/roboto-slab-v24-latin-700.woff2) format('woff2'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/roboto-slab-v24-latin-700.woff) format('woff'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/roboto-slab-v24-latin-700.ttf) format('truetype'), url(https://www.elenastoll.de/wp-content/themes/kitbyte/fonts/roboto-slab-v24-latin-700.svg#RobotoSlab) format('svg'); }
body.noscroll {
overflow-y: hidden;
}
header {
height: 115px;
overflow-x: hidden;
padding-top: 20px;
box-sizing: content-box;
}
header .button {
position: absolute;
left: 50%;
padding: 5px;
color: #ff9fa8;
border: 3px solid #ff9fa8;
border-radius: 10px;
font-size: 19px;
line-height: 19px;
transform: translate(-425px, 23px);
text-decoration: none;
font-family: 'Roboto Slab', serif;
font-weight: 500;
transition: color 0.4s ease 0s, border-color 0.4s ease 0s;
max-width: 67px;
word-break: normal;
box-sizing: content-box;
}
.loadready header .button:hover {
color: #000;
border: 3px solid #000;
}
header .logo {
width: 337px;
margin: 0 auto;
display: block;
}
header img {
width: auto;
height: 100px;
display: block;
}
.social {
position: absolute;
right: 50%;
top: 0;
transform: translate(425px, 28px);
}
.social a {
width: 30px;
height: 30px;
display: block;
background-size: 30px;
overflow: hidden;
text-indent: 100px;
}
.social a+a {
margin-top: 15px;
}
.social .icon_fb {
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/img/f_logo_RGB-Blue_58.png);
}
.social .icon_insta {
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/img/instagram_logo.png);
}
nav ul {
height: 55px;
max-width: 980px;
margin: 0 auto;
text-align: center;
}
nav li {
display: inline-block;
}
nav a {
text-align: center;
font-size: 21px;
line-height: 27px;
display: inline-block;
text-decoration: none; color: #ff9fa8;
transition: color 0.4s ease 0s;
padding: 0 10px;
font-family: 'Roboto Slab', serif;
font-weight: 700;
}
nav .current-menu-item a,
nav a:hover {
color: rgba(0, 0, 0, 1);
}
#mobile_nav_opener {
display: none;
width: 44px;
height: 40px;
position: fixed;
z-index: 300;
right: 30px;
top: 40px;
}
#mobile_nav_opener span {
height: 6px;
border-radius: 6px;
background-color: #000;
display: block;
transition: all 0.4s ease 0s;
position: relative;
top: 0;
left: 0;
opacity: 1;
}
#mobile_nav_opener span+span {
margin-top: 10px;
}
#mobile_nav_opener.opened span:nth-child(1) {
transform: rotate(-45deg);
top: 16px;
}
#mobile_nav_opener.opened span:nth-child(2) {
opacity: 0;
}
#mobile_nav_opener.opened span:nth-child(3) {
transform: rotate(45deg);
top: -16px;
}
section {
max-width: 980px;
margin: 0 auto;
position: relative;
}
article.stage,
article.map {
width: 100vw;
position: relative;
left: 50%;
transform: translate(-50%, 0);
height: calc(100vh - 190px);
overflow: hidden;
margin-top: 0;
margin-left: 0;
}
article.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100vh - 190px);
}
article.map {
position: relative;
margin-top: 30px;
}
.category-kontakt article.adresse p {
margin-bottom: 10px;
display: block;
}
.category-kontakt article.oeffnungszeiten .blockimage+div strong {
font-weight: 700;
width: 110px;
display: inline-block;
}
.category-kontakt article.oeffnungszeiten .blockimage+div p {
margin-bottom: 20px;
}
.category-kontakt footer {
margin-top: 0;
}
article.stage h2 {
display: none;
}
article.stage .wp-block-image {
width: 100%;
height: 100%;
}
article.stage img {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
article {
margin-top: 30px;
position: relative;
overflow: hidden;
}
article:not(.stage) .blockimage {
float: left;
overflow: hidden;
}
article:not(.stage) .blockimage img {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
article.right:not(.stage) .blockimage img {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
article:not(.stage) .blockimage+div {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
article.right:not(.stage) .blockimage+div {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
article:not(.stage):not(.preise) .lazy.inviewport p {
margin-bottom: 20px;
}
article.right .blockimage {
float: right;
height: 350px;
}
article:not(.stage) .blockimage+div {
float: left;
padding: 30px 50px;
width: 490px;
box-sizing: border-box;
background-color: rgba(255, 205, 210, .5);
height: 350px;
}
article:not(.preise) .blockimage+div ul {
margin-top: 5px;
}
article:not(.preise) .blockimage+div ul li {
padding-left: 20px;
position: relative;
}
ul.inklusivleistungen li:before {
content: "\2714";
position: absolute;
top: 0;
left: 0;
color: #ff9fa8;
}
article:not(.stage):not(.nomove) .lazy * {
position: relative;
left: 30px;
opacity: 0;
transition: left 2s ease;
}
article:not(.stage) .lazy.inviewport * {
opacity: 1;
left: 0;
}
article h1 {
text-align: center;
font-family: 'Roboto Slab', serif;
font-weight: 700;
}
article h1,
article h2,
footer h2 {
font-size: 37px;
line-height: 1em;
margin-bottom: 20px;
font-family: 'Roboto Slab', serif;
font-weight: 500;
}
article h1 {
line-height: 1.2em;
}
.category-bildnachweise article h2 {
font-size: 25px;
line-height: 30px;
margin-bottom: 5px;
}
.category-bildnachweise article ul+h2 {
margin-top: 30px;
}
article .blockimage+div h3 {
font-weight: 700;
margin-bottom: 5px;
}
article.zitat h2 {
display: none;
}
article.center {
text-align: center;
}
article.autoheight .blockimage {
height: auto;
box-sizing: border-box;
width: 490px;
}
article.autoheight .blockimage+div {
height: auto;
box-sizing: border-box;
}
article.autoheight .blockimage img {
width: auto;
height: auto;
min-height: 100%;
min-width: 100%;
}
article.zitat h2+p {
margin-top: 20px;
font-style: italic;
}
article.zitat:before {
content: "\201C";
font-size: 170px;
position: absolute;
top: 70px;
left: 10px;
color: rgba(255, 205, 210, 1);
font-family: 'Roboto Slab', serif;
font-weight: 400;
}
footer {
background-color: #000;
color: #fff;
padding: 30px 0 85px 0;
text-align: center;
margin-top: 30px;
overflow-x: hidden;
max-width: 100%;
} body {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 100;
transition: opacity 1s ease;
opacity: 0;
}
body.loadready {
opacity: 1;
}
article .lazy .schnappschuesse,
article .lazy .schnappschuesse * {
left: 0;
opacity: 1;
transition: unset;
}
article .lazy .schnappschuesse {
margin: 30px auto 0 auto;
max-width: 960px;
}
.schnappschuesse .blocks-gallery-item {
width: 300px;
height: 347px;
float: left;
position: relative;
margin: 0 20px 20px 0;
overflow: hidden; }
.schnappschuesse .blocks-gallery-item img:hover {
opacity: .5;
}
.schnappschuesse .blocks-gallery-item:nth-child(2n) { }
.schnappschuesse .blocks-gallery-item:nth-child(4n),
.schnappschuesse .blocks-gallery-item:nth-child(5n),
.schnappschuesse .blocks-gallery-item:nth-child(6n) {
top: -173px;
}
.schnappschuesse .blocks-gallery-item:nth-child(7n),
.schnappschuesse .blocks-gallery-item:nth-child(8n),
.schnappschuesse .blocks-gallery-item:nth-child(9n) {
top: -347px;
}
.schnappschuesse .blocks-gallery-item:nth-child(10n),
.schnappschuesse .blocks-gallery-item:nth-child(11n),
.schnappschuesse .blocks-gallery-item:nth-child(12n) {
top: -521px;
}
article .lazy .schnappschuesse .blocks-gallery-item img {
height: 347px;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
.wp-block-gallery.schnappschuesse {
max-height: 927px;
overflow: hidden;
} .wpcf7 {
max-width: 620px;
margin: 30px auto 0 auto;
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 textarea {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 1.4em;
padding: 10px;
width: 100%;
display: block;
box-sizing: border-box;
color: #000;
}
.wpcf7-form-control-wrap {
width: 190px;
float: left;
margin: 0 10px 10px 0;
display: block;
padding: 0;
}
.wpcf7-form-control-wrap.kontakt-email {
margin-right: 0;
}
.wpcf7-form-control-wrap[data-name="kontakt-msg"],
.wpcf7-form-control-wrap[data-name="datenschutz"] {
width: 590px;
max-width: 100%;
}
.wpcf7 textarea {
width: 100%;
}
.wpcf7 input[type=email] {
margin-right: 0;
}
.wpcf7 button {
font-family: 'Roboto Slab', serif;
background-color: transparent;
cursor: pointer;
border: 3px solid #ff9fa8;
border-radius: 10px;
font-size: 19px;
line-height: 19px;
text-decoration: none;
font-weight: 500;
transition: all 0.4s ease 0s;
padding: 2px 10px 5px 10px;
outline: none;
}
#sb_instagram #sbi_load .sbi_load_btn {
font-family: 'Roboto Slab', serif;
background-color: transparent;
cursor: pointer;
border: 3px solid #ff9fa8;
border-radius: 10px;
text-decoration: none;
font-weight: 500;
transition: all 0.4s ease 0s;
outline: none;
color: #ff9fa8;
}
#sb_instagram .sbi_load_btn .sbi_btn_text {
font-weight: 700;
}
#sb_instagram #sbi_load .sbi_follow_btn {
margin-top: 5px;
}
#sb_instagram #sbi_load .sbi_loader {
display: none;
}
#sb_instagram .sbi_photo {
max-height: 100% !important;
}
.wpcf7 button span {
color: #ff9fa8;
font-weight: 700;
font-size: 24px;
line-height: 1.4em;
transition: all 0.4s ease 0s;
}
.wpcf7 button:hover {
border: 3px solid #fff;
}
.wpcf7 button:hover span {
color: #fff;
}
.wpcf7 span.wpcf7-not-valid-tip {
font-size: 12px;
margin-top: 4px;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border-color: #ff9fa8;
}
span.wpcf7-not-valid-tip {
color: #ff9fa8;
}
div.wpcf7 .ajax-loader {
background-image: url(//www.elenastoll.de/wp-content/themes/kitbyte/img/ajax-loader.gif);
width: 16px;
height: 16px;
margin-left: 10px;
} footer .menu {
margin-top: 30px;
}
footer .menu li {
display: inline-block;
}
footer .menu li a {
color: #fff;
padding: 4px 10px;
}
#overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 0;
background-color: #000;
opacity: 0;
transition: opacity 1s ease 0s;
}
#overlay.opened {
opacity: 0.5;
}
article.preise .blockimage+div {
padding: 20px;
}
.category-brautstyling article.preise .blockimage+div {
height: 614px;
}
.category-beauty article.preise .blockimage+div {
height: 750px;
}
.preise ul+p {
margin-top: 15px;
}
.preise ul.inklusivleistungen {
margin-top: 10px;
}
.preise h2+p+p+p,
.preise ul.inklusivleistungen li,
.preise ul.inklusivleistungen+p {
font-size: 14px;
}
.preise ul.inklusivleistungen+p {
margin-bottom: 20px;
}
.preise ul.inklusivleistungen li {
padding-left: 20px;
}
.preise h2 {
margin-bottom: 5px;
}
.preise em {
font-size: 14px;
margin-bottom: 20px;
display: block;
}
.preise ul li+li {
margin-top: 5px;
}
.preise ul strong {
font-size: 14px;
float: left;
max-width: 370px;
}
.preise .preisgruppe {
font-size: 24px;
width: 100%;
font-weight: 700;
color: #ff9fa8;
}
.preise .preisuntergruppe {
font-size: 16px;
width: 100%;
font-weight: 700;
}
.preise li+li.preisgruppe {
margin-top: 10px;
}
.preise ul span {
font-size: 14px;
float: right;
font-weight: 700;
}
.preise ul p {
display: block;
width: 100%;
clear: both;
font-size: 14px;
max-width: 400px;
color: #999;
}
.category-datenschutz .datenschutzerklaerung *,
.category-impressum .impressum *,
{
font-size: 15px;
line-height: 18px;
}
.category-datenschutz .datenschutzerklaerung h1,
.category-impressum .impressum h1 {
font-size: 37px;
line-height: 1.2em;
}
.category-datenschutz .datenschutzerklaerung h2,
.category-impressum .impressum h2 {
font-size: 24px;
line-height: 28px;
margin-bottom: 10px;
}
.category-datenschutz .datenschutzerklaerung p+h2,
.category-datenschutz .datenschutzerklaerung p+h3,
.category-datenschutz .datenschutzerklaerung ul,
.category-datenschutz .datenschutzerklaerung p+p,
.category-impressum .impressum p+h2,
.category-impressum .impressum p+h3,
.category-impressum .impressum ul,
.category-impressum .impressum p+p {
margin-top: 20px;
}
.category-datenschutz .datenschutzerklaerung p+h3,
.category-impressum .impressum p+h3 {
margin-bottom: 10px;
}
.category-datenschutz .datenschutzerklaerung ul,
.category-impressum .impressum ul {
margin-bottom: 20px;
}
.category-datenschutz .datenschutzerklaerung ul li,
.category-impressum .impressum ul li {
padding-left: 40px;
position: relative;
}
.category-datenschutz .datenschutzerklaerung ul li:before,
.category-impressum .impressum ul li:before {
content: "\2022";
position: absolute;
top: 0;
left: 20px;
font-size: 20px;
}
.category-datenschutz .datenschutzerklaerung h3,
.category-impressum .impressum h3 {
font-weight: 700;
}
.category-impressum .impressum strong {
font-weight: 700;
} @media (max-width: 1023px) {
header {
padding-top: 10px;
height: 110px;
}
header img {
margin: 0 0 0 10px;
}
section {
max-width: calc(100% - 40px);
margin-left: 20px;
margin-right: 20px;
}
nav {
position: fixed;
right: 0;
transform: translate(100%, 0);
top: 0;
bottom: 0;
width: calc(100vw - 350px);
background-color: #fff;
z-index: 200;
transition: transform 0.4s ease 0s;
}
nav.opened {
transform: translate(0, 0);
}
nav ul {
display: table;
height: calc(100% - 150px);
margin-top: 100px;
}
nav li {
display: table-row;
}
nav li a {
display: table-cell;
vertical-align: middle;
text-align: left;
}
#mobile_nav_opener {
display: block;
cursor: pointer;
}
article:not(.stage) .blockimage {
width: 364px;
height: 260px;
}
article:not(.stage) .blockimage+div {
padding: 20px;
height: 260px;
width: auto;
max-width: calc(100vw - 404px);
}
article:not(.stage) .blockimage img {
width: 100%;
height: auto;
}
.social {
right: 94px;
top: 20px;
transform: initial;
}
header .button {
left: 20px;
top: 30px;
transform: initial;
}
article h1,
article h2,
footer h2 {
font-size: 27px;
}
article {
margin-top: 20px;
}
article.preise .blockimage,
article.preise .blockimage+div {
height: 455px;
}
footer {
margin-top: 20px;
}
article.zitat:before {
display: none;
}
article.zitat .blockimage+div {
position: relative;
}
article.zitat h2+p {
padding-left: 50px;
}
article.zitat .blockimage+div:before {
content: "\201C";
font-size: 100px;
position: absolute;
top: 40px;
left: 10px;
color: rgba(255, 205, 210, 1);
font-family: 'Roboto Slab', serif;
font-weight: 400;
}
article.stage,
article.map,
article.map iframe {
height: calc(100vh - 120px);
}
.category-bildnachweise article h2 {
font-size: 20px;
line-height: 26px;
}
.category-bildnachweise article ul+h2 {
margin-top: 20px;
}
}
@media (max-width: 1023px) and (min-width: 768px) {
article .lazy .schnappschuesse {
margin: 20px auto 0 auto;
max-width: 640px;
}
.schnappschuesse .blocks-gallery-item:nth-child(3),
.schnappschuesse .blocks-gallery-item:nth-child(4) {
top: -173px;
}
.schnappschuesse .blocks-gallery-item:nth-child(3),
.schnappschuesse .blocks-gallery-item:nth-child(7),
.schnappschuesse .blocks-gallery-item:nth-child(11) {
transform: translate(320px, 0);
}
.schnappschuesse .blocks-gallery-item:nth-child(4),
.schnappschuesse .blocks-gallery-item:nth-child(8),
.schnappschuesse .blocks-gallery-item:nth-child(12) {
transform: translate(-320px, 0);
}
.schnappschuesse .blocks-gallery-item:nth-child(5),
.schnappschuesse .blocks-gallery-item:nth-child(6) {
top: -346px;
}
.schnappschuesse .blocks-gallery-item:nth-child(7),
.schnappschuesse .blocks-gallery-item:nth-child(8) {
top: -520px;
}
.schnappschuesse .blocks-gallery-item:nth-child(9),
.schnappschuesse .blocks-gallery-item:nth-child(10) {
top: -693px;
}
.schnappschuesse .blocks-gallery-item:nth-child(11),
.schnappschuesse .blocks-gallery-item:nth-child(12) {
top: -866px;
}
.wp-block-gallery.schnappschuesse {
max-height: 1316px;
}
}
@media (max-width: 767px) {
header {
padding-top: 5px;
height: 64px;
}
header .logo {
transform: translate(-12px, 0);
width: 200px;
}
header .button {
position: absolute;
top: 15px;
left: 10px;
transform: initial;
font-size: 12px;
padding: 4px;
line-height: 12px;
max-width: 50px;
text-align: center;
}
header img {
margin: 0 0 0 6px;
width: 200px;
height: auto;
}
header a {
display: inline-block;
}
.social {
right: 63px;
top: 7px;
transform: initial;
}
.social a {
width: 20px;
height: 20px;
background-size: 20px;
}
.social a+a {
margin-top: 10px;
}
section {
margin-left: 10px;
margin-right: 10px;
max-width: calc(100vw - 20px);
}
article {
margin-top: 10px;
}
article.right .blockimage {
height: auto;
float: none;
}
article:not(.stage) .blockimage img {
width: 100%;
height: auto;
display: block;
}
article:not(.stage) .blockimage+div {
width: auto;
height: auto;
padding: 10px;
}
article:not(.stage) .blockimage img,
article.right:not(.stage) .blockimage img {
border-top-left-radius: 10px;
border-bottom-left-radius: 0;
border-top-right-radius: 10px;
border-bottom-right-radius: 0;
}
article:not(.stage) .blockimage+div,
article.right:not(.stage) .blockimage+div {
border-top-left-radius: 0;
border-bottom-left-radius: 10px;
border-top-right-radius: 0;
border-bottom-right-radius: 10px;
}
article h1,
article h2,
footer h2 {
font-size: 18px;
margin-bottom: 10px;
}
#mobile_nav_opener {
top: 20px;
width: 40px;
height: 20px;
right: 10px;
}
#mobile_nav_opener span {
height: 4px;
border-radius: 2px;
}
#mobile_nav_opener span+span {
margin-top: 7px;
}
#mobile_nav_opener.opened span:nth-child(1) {
top: 11px;
}
#mobile_nav_opener.opened span:nth-child(3) {
top: -11px;
}
nav {
width: 250px;
}
article .lazy .schnappschuesse {
margin: 10px auto 0 auto;
max-width: 300px;
}
.wp-block-gallery.schnappschuesse {
max-height: initial;
}
.schnappschuesse .blocks-gallery-item:nth-child(2n),
.schnappschuesse .blocks-gallery-item:nth-child(3n),
.schnappschuesse .blocks-gallery-item:nth-child(4n),
.schnappschuesse .blocks-gallery-item:nth-child(5n),
.schnappschuesse .blocks-gallery-item:nth-child(6n),
.schnappschuesse .blocks-gallery-item:nth-child(7n),
.schnappschuesse .blocks-gallery-item:nth-child(8n),
.schnappschuesse .blocks-gallery-item:nth-child(9n),
.schnappschuesse .blocks-gallery-item:nth-child(10n),
.schnappschuesse .blocks-gallery-item:nth-child(11n),
.schnappschuesse .blocks-gallery-item:nth-child(12n) {
top: 0;
margin-top: -184px;
}
footer {
padding-left: 10px;
padding-right: 10px;
}
.wpcf7 {
max-width: 100%;
}
.wpcf7-form-control-wrap {
float: none;
width: auto;
margin: 0 0 10px 0;
}
.wpcf7-form-control-wrap[data-name="kontakt-msg"],
.wpcf7-form-control-wrap[data-name="datenschutz"] {
width: auto;
}
footer .menu li {
display: block;
}
article:not(.stage) .blockimage,
article:not(.stage) .blockimage+div {
width: 490px;
max-width: calc(100vw - 20px);
margin: 0 auto;
float: none;
height: auto;
}
footer {
margin-top: 10px;
}
article.stage,
article.map,
article.map iframe {
height: calc(100vh - 69px);
}
article.autoheight .blockimage,
article.autoheight .blockimage+div {
height: auto !important;
}
.category-bildnachweise article h2 {
font-size: 16px;
line-height: 18px;
}
.category-bildnachweise article ul+h2 {
margin-top: 15px;
}
}
.css-18kkulc {
display: none;
}