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: 100%;
font: inherit;
vertical-align: baseline;
}
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;
}
@font-face {
font-family: "D-DIN";
src: url(//eraum.info/wp-content/themes/eraum/assets/fonts/D-DIN.woff) format("woff"), url(//eraum.info/wp-content/themes/eraum/assets/fonts/D-DIN.woff2) format("woff2");
}
@font-face {
font-family: "D-DIN Bold";
src: url(//eraum.info/wp-content/themes/eraum/assets/fonts/D-DIN-Bold.woff) format("woff"), url(//eraum.info/wp-content/themes/eraum/assets/fonts/D-DIN-Bold.woff2) format("woff2");
}
:root {
--skyblue: #82D0D9;
--apple-green: #99CC33;
--magenta: #CC0066;
--beige: #CCCCCC;
--font-primary: "IBM Plex Serif", serif;
--font-secondary: "D-DIN Bold", sans-serif;
}
body {
font-family: var(--font-secondary);
}
.container_fluid {
width: 100%;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.center {
max-width: 1150px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
margin: 0 auto;
}
#sand_icon {
width: 33px;
height: 23px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
#sand_icon span {
display: block;
position: absolute;
height: 5px;
width: 100%;
background: var(--apple-green);
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
#sand_icon span:nth-child(1) {
top: 0;
}
#sand_icon span:nth-child(2), #sand_icon span:nth-child(3) {
top: 9px;
}
#sand_icon span:nth-child(4) {
top: 18px;
}
#sand_icon.open span:nth-child(1) {
top: 9px;
width: 0;
left: 50%;
}
#sand_icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#sand_icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#sand_icon.open span:nth-child(4) {
top: 9px;
width: 0;
left: 50%;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 15;
top: 0;
right: 0;
background-color: #fff;
overflow-x: hidden;
overflow-y: auto;
transition: 0.5s;
padding-top: 97px;
padding-bottom: 150px;
box-sizing: border-box;
}
.sidenav a {
padding: 4px 8px 4px 55px;
text-decoration: none;
font-family: var(--font-secondary), sans-serif;
font-size: 18px;
line-height: 22px;
font-weight: 500;
color: #575756;
display: block;
transition: 0.3s;
}
.sidenav a:hover {
color: var(--apple-green);
font-weight: 700;
text-decoration: underline;
}
.sidebar_img {
display: inline-block;
vertical-align: middle;
position: absolute;
bottom: 38px;
right: 26px;
width: 106px;
}
#sidebar.open {
width: 50vw;
}
input[type=text],
input[type=email],
textarea {
border: 0;
outline: none;
background: #fff;
padding: 10px;
box-sizing: border-box;
width: 100%;
color: #222121;
font-size: 12px;
line-height: 14px;
}
textarea {
resize: none;
}
::-webkit-input-placeholder {
color: #222121;
font-size: 12px;
line-height: 14px;
font-weight: 500;
font-family: var(--font-secondary);
}
::-moz-placeholder {
color: #222121;
font-size: 12px;
line-height: 14px;
font-weight: 500;
font-family: var(--font-secondary);
}
:-ms-input-placeholder {
color: #222121;
font-size: 12px;
line-height: 14px;
font-weight: 500;
font-family: var(--font-secondary);
}
:-moz-placeholder {
color: #222121;
font-size: 12px;
line-height: 14px;
font-weight: 500;
font-family: var(--font-secondary);
}
@media (max-width: 500px) {
#sidebar.open {
width: 75vw;
}
}
@media (max-width: 872px) {
.paragraph_impres_br br {
display: block !important;
}
}
@media only screen and (orientation: landscape) {
body {
-webkit-text-size-adjust: none;
}
}
.site-header {
position: fixed;
top: 0;
right: 0;
left: 0;
padding: 14px 0;
background: #fff;
z-index: 10;
}
.header_row {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo img {
display: inline-block;
vertical-align: middle;
max-width: 51px;
}
.header_r_coll {
display: flex;
justify-content: space-between;
align-items: center;
}
.social_icon {
text-decoration: none;
display: inline-block;
vertical-align: middle;
}
.social_icon img {
display: inline-block;
vertical-align: middle;
width: 27px;
}
.social_icon:first-child {
margin-right: 3px;
}
.social {
margin-right: 20px;
}
.sand_set {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.home_btn {
font-family: var(--font-secondary);
font-weight: 700;
font-size: 17px;
line-height: 20px;
color: var(--apple-green);
text-transform: uppercase;
margin-right: 60px;
}
.sand_wrap {
position: fixed;
top: 29px;
right: 15px;
z-index: 16;
}
.home_top {
position: relative;
margin-top: 80px;
padding-top: 70px;
padding-bottom: 56px;
box-sizing: border-box;
width: 100%;
height: calc(100vh - 80px);
min-height: 660px;
overflow: hidden;
}
.home_top p {
max-width: 319px;
font-family: var(--font-secondary);
font-weight: 700;
font-size: 22px;
line-height: 25px;
color: #fff;
margin-bottom: 10px;
}
.home_top .center {
position: relative;
z-index: 1;
}
.home_top_stamp {
max-width: 251px;
margin-bottom: 30px;
}
.video_el {
z-index: 0;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: hidden;
min-width: 100%;
min-height: 100%;
width: 100%;
object-fit: cover;
}
.subscribe-box {
position: absolute;
z-index: 1;
bottom: 41px;
right: 43px;
text-decoration: none;
text-align: center;
padding: 9px 13px;
background-color: #dd967e;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: transform 0.4s;
transform: scale(1);
}
.subscribe-box:hover {
transform: scale(1.04);
}
.subscribe-box span {
color: #fff;
font-size: 16px;
font-family: "IBM Plex Serif", sans-serif;
font-weight: bold;
font-style: italic;
line-height: 1.02;
}
.subscribe-box img {
margin-top: 12px;
width: 36px;
height: 34px;
}
.numbers {
margin: 90px 0 120px;
padding: 0 60px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-around;
align-items: flex-start;
gap: 0;
row-gap: 36px;
}
.numbers-item {
flex: 0 0 30%;
position: relative;
padding: 0 30px;
box-sizing: border-box;
}
.numbers-item-number {
font-size: 66px;
line-height: 66px;
font-family: "D-DIN", sans-serif;
}
.numbers-item-number.arrow:before {
content: ">";
}
.numbers-item-number.percent:after {
content: "%";
}
.numbers-item-text {
font-weight: 500;
font-size: 18px;
line-height: 21px;
font-style: italic;
font-family: var(--font-primary);
}
.numbers-item img {
position: absolute;
}
.numbers-item:nth-child(1) img {
top: 9px;
left: 120px;
width: 63px;
}
.numbers-item:nth-child(2) img {
top: -14px;
left: 140px;
width: 55px;
}
.numbers-item:nth-child(3) img {
top: -6px;
left: 120px;
width: 45px;
}
.numbers-item:nth-child(4) img {
top: -8px;
left: 90px;
width: 40px;
}
.numbers-item:nth-child(5) img {
top: 0;
left: 180px;
width: 70px;
}
.numbers-item:nth-child(6) img {
top: 9px;
left: 150px;
width: 65px;
}
.cookie_box {
position: absolute;
top: 142px;
right: 230px;
max-width: 456px;
min-height: 161px;
}
.cookie_btn {
width: 168px;
height: 161px;
position: absolute;
left: 50%;
margin-left: -84px;
background: url(//eraum.info/wp-content/themes/eraum/assets/img/heart_big_sprite.png) no-repeat 0 0;
cursor: default;
}
.cookie_btn:hover {
background-position: 0 -171px;
}
.cookie_txt {
font-weight: 500;
font-style: italic;
font-size: 12px;
line-height: 14px;
color: #222121;
max-width: 120px;
margin-top: 45px;
text-align: center;
transform: rotate(5deg);
}
.cookie_btn_wrapper {
text-align: center;
transform: rotate(5deg);
}
.cookie_ok_btn {
font-family: var(--font-secondary);
border: 0;
outline: none;
background: none;
color: #222121;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
font-weight: 700;
cursor: pointer;
margin-left: -14px;
margin-top: 8px;
}
.potato_box {
position: relative;
}
.den {
min-width: 100%;
min-height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 38px;
}
.den_txt {
font-family: var(--font-primary);
padding-top: 23vh;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
max-width: 297px;
font-size: 36px;
line-height: 45px;
font-weight: 700;
font-style: italic;
color: #fff;
text-align: center;
}
.den_btn {
position: relative;
margin: 0 auto;
width: 68px;
height: 66px;
background: url(//eraum.info/wp-content/themes/eraum/assets/img/heart_small_sprite.png) no-repeat 0 0;
background-size: cover;
cursor: pointer;
}
.btn_click_text {
position: absolute;
top: 23px;
left: 0;
right: 0;
text-align: center;
font-size: 16px;
color: #575756;
font-family: var(--font-secondary);
font-weight: 700;
cursor: pointer;
}
.den_btn:hover {
background-position: 0 -73.5px;
}
.potato_popup {
display: none;
position: absolute;
top: 40px;
left: 15px;
max-width: 679px;
padding: 40px 58px 70px 50px;
box-sizing: border-box;
background: #fff;
z-index: 1;
}
.potato_popup_close {
position: absolute;
top: 16px;
right: 10px;
border: 0;
background: none;
outline: none;
cursor: pointer;
}
.potato_popup_close img {
display: inline-block;
vertical-align: middle;
width: 27px;
}
.potato_popup h4 {
font-family: var(--font-primary);
font-size: 34px;
line-height: 40px;
font-weight: 700;
font-style: italic;
margin-bottom: 16px;
color: #222121;
}
.potato_popup p,
.potato_popup a {
font-family: var(--font-secondary);
font-weight: 500;
font-size: 15px;
line-height: 19px;
color: #222121;
}
p.text_pop_bold {
font-weight: 700;
}
.potato_popup a {
display: inline-block;
vertical-align: middle;
text-decoration: underline;
}
.potato_popup p {
margin-bottom: 10px;
}
.potato_popup p:nth-last-child(1) {
margin-bottom: 0;
}
h4.title {
font-family: var(--font-primary);
font-size: 29px;
line-height: 40px;
font-style: italic;
font-weight: 700;
color: #222121;
text-align: center;
margin-bottom: 35px;
}
.angebot {
margin-bottom: 47px;
}
.ange_row {
display: flex;
justify-content: space-between;
align-items: center;
}
.ange_row {
height: 295px;
margin-bottom: 44px;
overflow: hidden;
}
.ange_row:last-child {
margin-bottom: 0;
}
.ange_txt {
flex: auto;
margin-right: 20px;
}
.ange_txt h5 {
font-family: var(--font-primary);
font-size: 29px;
line-height: 40px;
font-style: italic;
color: #222121;
margin-bottom: 14px;
font-weight: 700;
}
.ange_desc {
font-family: var(--font-secondary);
max-width: 283px;
font-size: 15px;
line-height: 19px;
color: #222121;
margin-bottom: 20px;
}
.ange_btns_coll {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 310px;
}
.ange_btn {
font-family: var(--font-secondary);
font-weight: 700;
font-size: 12px;
line-height: 25px;
color: #222121;
text-align: center;
padding: 3px 3px;
box-sizing: border-box;
border: 1px solid #222121;
min-width: 91px;
text-decoration: none;
}
.ange_media {
width: 63%;
position: relative;
height: 295px;
}
.ange_media video {
width: 100%;
height: 100%;
object-fit: cover;
}
.ange_reverse {
flex-direction: row-reverse;
}
.ange_reverse .ange_txt {
margin-right: 0;
margin-left: 40px;
}
.ange_slider {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100% !important;
margin-bottom: 0 !important;
height: 295px !important;
}
.ange_slider img {
width: 100%;
height: 295px;
object-fit: cover;
}
.slick-dots {
bottom: 20px;
padding: 0 !important;
}
.slick-dots li button {
width: 16px;
height: 16px;
box-sizing: border-box;
border-radius: 50%;
border: 1px solid #fff;
}
.slick-dots li button:before {
display: none;
}
.slick-dots li button:hover {
background: #fff;
}
.slick-dots li.slick-active button {
background: #fff;
}
.rev {
margin-bottom: 42px;
padding-left: 15px;
padding-right: 15px;
}
.rev_box {
padding-left: 0;
padding-right: 0;
max-width: 1123px;
height: 373px;
box-sizing: border-box;
background: url(//eraum.info/wp-content/themes/eraum/assets/img/rev_bg2.png) no-repeat center center;
background-size: cover;
}
.res_slider_el {
box-sizing: border-box;
}
.res_slider_el {
position: relative;
width: 100%;
height: 373px;
margin: 0 auto;
}
.rev_comment {
padding-top: 80px;
position: relative;
font-size: 25px;
line-height: 30px;
font-family: var(--font-secondary);
font-weight: 500;
color: #222121;
margin-bottom: 40px;
max-width: 525px;
margin-left: auto;
margin-right: auto;
}
.rev_author {
position: relative;
font-family: var(--font-primary);
font-style: italic;
font-size: 20px;
line-height: 30px;
color: #222121;
font-weight: 700;
max-width: 525px;
margin-left: auto;
margin-right: auto;
}
.q_img {
display: inline-block;
vertical-align: middle;
width: 114px;
position: absolute;
z-index: -1;
}
.q_l {
top: 40px;
left: 52px;
}
.q_r {
bottom: 47px;
right: 70px;
}
.rev_slider {
width: 100%;
height: 100%;
margin-bottom: 0 !important;
}
.rev_slider .slick-dots li.slick-active button {
background: var(--apple-green);
}
.rev_slider .slick-dots li button:hover {
background: var(--apple-green);
}
.rev_slider .slick-dots li button {
border-color: var(--apple-green);
}
.rev_slider .slick-slide:not(:first-child) {
display: none !important;
}
.rev_slider.slick-initialized .slick-slide {
display: block !important;
}
.about_us_box {
position: relative;
}
.about_img {
display: inline-block;
vertical-align: middle;
width: 100%;
height: 400px;
object-fit: cover;
}
.about_content {
background: #f4f4f4;
padding: 60px 35px 60px 45px;
box-sizing: border-box;
width: 100%;
min-height: 290px;
}
.about_content h4 {
font-family: var(--font-primary);
font-style: italic;
font-size: 29px;
font-weight: 500;
line-height: 35px;
color: #000;
margin-bottom: 6px;
}
.about_content p {
max-width: 334px;
font-size: 14px;
line-height: 18px;
color: #000;
font-style: var(--font-secondary);
font-weight: 500;
}
.about_popup p {
margin-bottom: 10px;
}
.about_popup p:nth-last-child(1) {
margin-bottom: 0;
}
.about_content a {
font-style: var(--font-primary);
text-decoration: underline;
color: #000;
text-transform: uppercase;
font-weight: 500;
}
.about_mex {
background: #f4f4f4;
}
.about_us {
margin-bottom: 23px;
}
.about_el {
position: relative;
}
@media (min-width: 900px) {
.about_row {
height: 580px;
}
.about_img {
float: left;
width: 50%;
height: 100%;
}
.about_content {
width: 50%;
float: right;
}
.den_txt {
padding-top: 20vh;
}
}
.about_popup {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 42px 53px 70px 50px;
box-sizing: border-box;
background: #f4f4f4;
z-index: 5;
}
.about_popup h4 {
font-family: var(--font-primary);
font-size: 34px;
line-height: 40px;
font-weight: 500;
color: #000;
margin-bottom: 15px;
}
.about_popup p {
font-size: 15px;
line-height: 18px;
font-weight: 500;
color: #000;
}
.about_popup a {
color: #000;
}
.menex_popup p {
max-width: 339px;
}
.menex_popup {
padding-right: 50px;
}
.close_about_btn {
position: absolute;
right: 18px;
top: 21px;
border: 0;
outline: none;
background: none;
cursor: pointer;
}
.close_about_btn img {
display: inline-block;
vertical-align: middle;
width: 27px;
filter: invert(1);
}
.map {
margin-bottom: 27px;
}
.map_box {
position: relative;
}
.map_box img {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
display: inline-block;
vertical-align: middle;
width: 100%;
height: 100%;
z-index: -1;
object-fit: cover;
}
.map_text {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
font-weight: 500;
padding: 140px 15px 40px;
}
.map_text .text {
font-size: 30px;
line-height: 36px;
font-family: var(--font-secondary);
}
.map_text .sub_text {
margin: 50px 0 0 auto;
max-width: 550px;
font-style: italic;
font-size: 13px;
line-height: 16px;
}
.youtube {
margin-bottom: 35px;
}
.youtube p {
font-family: var(--font-primary);
font-style: italic;
}
.yt {
text-align: center;
font-size: 29px;
line-height: 40px;
font-weight: 700;
font-style: italic;
color: #222121;
}
.yt a {
text-decoration: underline;
text-transform: uppercase;
color: #222121;
}
.videos-wrap {
display: flex;
justify-content: space-between;
max-width: 880px;
margin: 30px auto 46px;
}
.videos-wrap a {
transition: transform 0.4s;
transform: scale(1);
}
.videos-wrap a:hover {
transform: scale(1.04);
}
.videos-wrap img {
width: 220px;
height: 128px;
object-fit: cover;
}
.partners-wrap {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 730px;
margin: 18px auto;
}
.ticker {
margin-bottom: 35px;
}
.live_ticker {
display: block;
white-space: nowrap;
overflow: hidden;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
box-sizing: border-box;
background: var(--magenta);
}
.live_ticker.green {
background: var(--apple-green);
}
.live_ticker span {
font-family: var(--font-primary);
font-weight: 700;
font-style: italic;
color: #fff;
font-size: 29px;
line-height: 35px;
display: inline-block;
vertical-align: middle;
-webkit-animation: marquee 130s infinite linear;
animation: marquee 130s infinite linear;
}
@-webkit-keyframes marquee {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes marquee {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.kontakt_popup {
display: none;
position: fixed;
top: 50%;
transform: translateY(-50%);
left: 15px;
right: 15px;
background: #C9CFD2;
padding: 17px 70px 13px;
color: #222121;
box-sizing: border-box;
}
.kontakt_popup h4 {
font-family: var(--font-primary);
font-size: 29px;
line-height: 45px;
font-weight: 700;
font-style: italic;
text-align: center;
margin-bottom: 20px;
}
.kontakt_form {
max-width: 872px;
margin-bottom: 10px;
}
.form_row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.form_row input {
width: 50%;
margin-right: 8px;
font-family: var(--font-secondary);
font-style: normal;
}
.form_row input:last-child {
margin-right: 0;
}
.kontakt_form textarea {
height: 100px;
margin-bottom: 14px;
}
.kontakt_submit_wrap {
text-align: center;
}
.kontakt_submit_wrap button,
.kontakt_submit_wrap .wpcf7-submit {
font-size: 18px;
line-height: 29px;
font-weight: 700;
font-style: italic;
text-transform: uppercase;
color: #fff;
border: 0;
background: none;
outline: none;
cursor: pointer;
}
.kontakt_submit_wrap button span {
margin-right: 3px;
text-decoration: underline;
}
.kontakt_footer {
text-align: center;
font-size: 9px;
line-height: 14px;
font-weight: 500;
color: #222121;
}
.kontakt_footer a {
text-decoration: underline;
color: #222121;
}
.send_heart {
position: relative;
display: inline-block;
vertical-align: middle;
width: 48px;
height: 46px;
background: url(//eraum.info/wp-content/themes/eraum/assets/img/heart_send_green.png) no-repeat 0 0.3px;
background-size: cover;
}
.send_click_text {
text-transform: lowercase;
font-style: normal;
transform: rotate(10deg);
top: 7px;
font-size: 8px;
}
.kontakt_submit_wrap button:hover .send_heart {
background-position: 0 -50.5px;
}
.contact_us_succ {
color: green;
}
.contact_us_send_err {
color: red;
}
.c_msg {
display: none;
margin-bottom: 5px;
}
.close_kontakt_btn {
position: absolute;
right: 18px;
top: 21px;
border: 0;
outline: none;
background: none;
cursor: pointer;
}
.close_kontakt_btn img {
display: inline-block;
vertical-align: middle;
width: 27px;
}
#detach-button-host {
display: none !important;
}
@media (min-width: 1301px) {
.numbers-item:nth-child(1) img {
left: 140px;
}
.numbers-item:nth-child(2) img {
left: 160px;
}
.numbers-item:nth-child(3) img {
left: 140px;
}
.numbers-item:nth-child(4) img {
left: 108px;
}
.numbers-item:nth-child(5) img {
left: -46px;
}
.numbers-item:nth-child(6) img {
left: -41px;
}
}
@media (min-width: 1024px) and (max-width: 1320px) {
.numbers-item {
padding: 0 16px;
}
.numbers-item-number {
font-size: 60px;
line-height: 60px;
}
.numbers-item-text {
font-size: 16px;
line-height: 21px;
}
}
@media (max-width: 1200px) {
.map_text {
padding: 40px 15px;
}
.map_text .text {
font-size: 25px;
line-height: 31px;
}
}
@media (max-width: 1024px) {
.numbers {
margin: 60px 0 90px;
padding: 0 30px;
row-gap: 30px;
}
.numbers-item {
flex: 0 0 48%;
padding: 0 20px;
}
.numbers-item-number {
font-size: 50px;
line-height: 50px;
}
.numbers-item-text {
font-size: 16px;
line-height: 21px;
}
.numbers-item:nth-child(1) img {
top: 0;
}
.numbers-item:nth-child(3) img {
width: 36px;
}
}
@media (max-width: 960px) {
.cookie_box {
right: 50px;
}
.home_top p {
font-size: 18px;
line-height: 21px;
max-width: 450px;
}
.home_top_stamp {
max-width: 150px;
}
.home_top {
min-height: 560px;
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (max-width: 800px) {
.about_row {
flex-direction: column;
height: auto;
}
.home_top_stamp {
max-width: 150px;
}
.about_content {
padding: 30px 15px 30px 15px;
max-width: 100%;
min-height: 240px;
}
.about_popup {
padding: 20px 15px 25px 15px;
}
.about_content p {
max-width: 100%;
}
.videos-wrap,
.partners-wrap {
flex-direction: column;
padding: 0 10px;
}
.videos-wrap img,
.partners-wrap img {
max-width: 100%;
width: initial;
height: auto;
margin: 10px auto;
}
.videos-wrap img {
height: 200px;
width: 100%;
}
}
@media (max-width: 700px) {
.ange_row, .ange_reverse {
flex-direction: column-reverse;
height: auto;
align-items: flex-start;
}
.ange_media {
margin-bottom: 25px;
width: 100%;
}
.ange_txt {
margin-right: 0;
width: 100%;
}
.ange_reverse .ange_txt {
margin-left: 0;
}
.kontakt_popup {
padding: 15px;
}
.form_row {
flex-direction: column;
}
.form_row input {
margin-right: 0;
width: 100%;
}
.form_row input[type=email] {
margin: 12px 0;
}
.live_ticker {
padding-top: 10px;
padding-bottom: 10px;
}
.live_ticker span {
font-size: 20px;
line-height: 25px;
}
.numbers {
margin: 60px 0 90px;
padding: 0 30px;
row-gap: 24px;
}
.numbers-item {
flex: 0 0 100%;
padding: 0 20px;
}
.numbers-item:nth-child(1) img {
top: -2px;
left: 120px;
width: 56px;
}
.numbers-item:nth-child(2) img {
left: 120px;
top: -10px;
width: 40px;
}
.numbers-item:nth-child(3) img {
left: 110px;
width: 32px;
top: -10px;
}
.numbers-item:nth-child(4) img {
left: 75px;
width: 30px;
}
.numbers-item:nth-child(5) img {
top: -20px;
left: 180px;
width: 60px;
}
.numbers-item:nth-child(6) img {
top: -1px;
left: 150px;
width: 60px;
}
.numbers-item-number {
font-size: 42px;
line-height: 42px;
}
}
@media (max-width: 550px) {
.cookie_box {
top: 90px;
right: 40px;
}
.cookie_txt {
text-align: center;
}
.potato_popup {
left: 0;
right: 0;
padding-left: 15px;
padding-right: 15px;
}
.rev_box {
height: 580px;
}
.rev_comment,
.rev_author {
padding-left: 10px;
padding-right: 10px;
}
.res_slider_el {
height: 530px;
}
.yt {
font-size: 20px;
line-height: 35px;
}
.map_text .text {
font-size: 20px;
}
.map_text .sub_text {
font-size: 16px;
}
}
@media (max-width: 450px) {
.home_top {
padding-top: 0;
padding-bottom: 0;
}
.cookie_box {
top: 135px !important;
}
.ange_media {
height: 200px;
}
.ange_slider {
height: 200px !important;
}
.ange_slider img {
height: 200px !important;
}
}
@media (max-width: 342px) {
.home_top p {
max-width: 305px;
font-size: 21px;
}
}
.inner_page {
margin-top: 105px;
position: static;
}
.detenschutz_box,
.impressum_box {
color: #222121;
margin-bottom: 80px;
min-height: 65vh;
}
.detenschutz_box .center {
max-width: 921px;
}
.detenschutz_box h4,
.impressum_box h4 {
font-family: var(--font-primary);
font-weight: 700;
font-size: 33px;
line-height: 40px;
margin-bottom: 14px;
}
.detenschutz_box h5 {
font-family: var(--font-secondary);
font-size: 20px;
line-height: 25px;
font-weight: 500;
margin-bottom: 15px;
}
.detenschutz_box h6,
.impressum_box h6 {
font-family: var(--font-secondary);
font-size: 15px;
line-height: 18px;
font-weight: 700;
margin-bottom: 3px;
}
.detenschutz_box p,
.impressum_box p,
.detenschutz_box li,
.impressum_box li {
font-family: var(--font-secondary);
font-size: 15px;
line-height: 18px;
font-weight: 500;
margin-bottom: 10px;
}
.detenschutz_box a,
.impressum_box a {
color: #222121;
text-decoration: none;
}
.detenschutz_box ul,
.impressum_box ul {
list-style: disc;
padding-left: 20px;
}
.impressum_row {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.imp_l {
margin-right: 30px;
}
.imp_el {
flex: 1;
}
.inner_page footer {
margin-top: 35px;
}
@media (max-width: 800px) {
.imp_l {
margin-right: 0;
}
.impressum_row {
flex-direction: column;
}
}
.sub_page {
margin-top: 50px;
position: static;
}
.subpage {
color: #222121;
font-size: 15px;
line-height: 19px;
font-weight: 500;
}
.subpage .sub_btns_coll {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 310px;
flex-wrap: wrap;
}
.subpage .sub_btns_coll a {
margin-right: 0 !important;
}
.subpage .sub_btns_coll .row_btn {
margin-top: 15px;
max-width: 200px;
width: 100%;
background: #111;
color: #fff;
}
.subpage .wp-block-image {
display: flex;
justify-content: space-between;
}
.subpage .wp-block-image img {
max-width: 100%;
height: auto;
}
.subpage .image_current {
width: 60%;
height: 100%;
}
.subpage .image_current img {
display: block;
max-width: 100%;
height: auto;
}
.subpage .wp-block-gallery,
.subpage .fancybox-gallery {
max-width: 903px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
margin: 0 auto 34px;
}
.subpage .blocks-gallery-grid {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
width: 40%;
padding: 0;
}
.subpage .blocks-gallery-grid li {
flex-grow: initial;
height: 100px;
width: 46% !important;
margin: 0 0 15px 4%;
cursor: pointer;
opacity: 1;
transition: opacity 0.4s;
}
.subpage .blocks-gallery-grid li:hover {
opacity: 0.7;
}
.subpage .blocks-gallery-grid li img {
object-fit: cover;
}
.subpage .blocks-gallery-grid li:before {
display: none;
}
.subpage .blocks-gallery-grid figure {
display: block;
}
.subpage img {
width: 100%;
}
.subpage .wp-block-columns {
margin-bottom: 0;
}
.subpage a {
text-decoration: none;
color: #222121;
}
.subpage .center {
padding-top: 34px;
padding-bottom: 34px;
}
.subpage .subpage_img {
padding-top: 0;
padding-bottom: 0;
max-width: initial;
}
.subpage .subpage_img figure {
margin-bottom: 0;
}
.subpage .subrow {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.subpage .sub_el {
width: 50%;
}
.subpage .sub_l {
margin-right: 40px;
}
.subpage .sub_el p:last-child {
margin-bottom: 0;
}
.subpage h4 {
font-family: var(--font-primary);
font-style: italic;
font-size: 29px;
line-height: 40px;
font-weight: 700;
margin-bottom: 13px;
}
.subpage h5 {
font-family: var(--font-primary);
font-style: italic;
font-size: 25px;
line-height: 38px;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 500;
}
.subpage h5.impress {
margin-bottom: 30px;
}
.subpage h6 {
font-size: 15px;
line-height: 19px;
font-weight: 700;
}
.subpage p {
margin-bottom: 25px;
}
.subpage p:last-child {
margin-bottom: 0;
}
.subpage p.werte {
font-size: 20px;
line-height: 25px;
font-weight: 500;
}
.subpage strong {
font-weight: 700;
}
.subpage p.sub_btns_coll a {
max-width: 91px;
height: 33px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
font-style: normal;
}
.subpage .container_fuild {
background: #FBF1E8;
}
.subpage ul {
padding-left: 10px;
}
.subpage ul li {
position: relative;
max-width: 628px;
}
.subpage ul li:before {
position: absolute;
top: 0;
left: -10px;
display: block;
content: "-";
}
.subpage .col_box_2 {
margin-top: 10px;
max-width: 219px;
}
.subpage .subpage_video {
padding-top: 0;
padding-bottom: 0;
max-width: initial;
}
.subpage .subpage_video .wp-block-video video {
max-height: 495px;
object-fit: cover;
}
.subpage .ange_slider {
position: relative;
height: 465px !important;
}
.subpage .ange_slider img {
height: 465px;
object-fit: cover;
}
.subpage .slick-dots li:before {
display: none;
}
@media (max-width: 900px) {
.subpage .wp-block-image {
flex-direction: column;
}
.subpage .image_current {
width: 100%;
}
.subpage .image_current img {
max-height: 400px;
}
.subpage .blocks-gallery-grid {
justify-content: flex-start;
margin-left: -5px;
margin-right: -5px;
width: calc(100% + 10px);
}
.subpage .blocks-gallery-grid li {
margin: 8px 0 0 0 !important;
width: 25% !important;
padding: 0 5px;
box-sizing: border-box;
}
}
@media (min-width: 600px) {
.mobile-only {
display: none !important;
}
}
@media (max-width: 599px) {
.wp-block-column {
margin-bottom: 25px;
}
.sub_page {
margin-top: 80px;
}
.sub_page .ange_slider {
height: 200px !important;
}
.sub_page .ange_slider img {
height: 200px;
}
.sub_page .blocks-gallery-grid {
justify-content: space-between !important;
}
.sub_page .blocks-gallery-grid li {
width: 50% !important;
}
.sub_page .merge-on-mobile .wp-block-column,
.sub_page .wp-block-columns .wp-block-column:last-of-type {
margin-bottom: 0;
}
}
.fancybox-gallery {
margin: 0 auto !important;
}
.fancybox-gallery + .f-carousel__thumbs {
margin-bottom: 34px;
}
.fancybox-gallery .f-carousel__slide {
display: flex;
justify-content: center;
align-items: center;
}
.fancybox-gallery img {
max-width: 100%;
height: auto;
max-height: 600px;
object-fit: contain;
}
.text-center {
text-align: center;
}
.blog-posts {
margin-top: 38px;
}
.blog-home {
margin-top: 16px;
margin-bottom: 40px !important;
}
.blog-posts header {
padding: 50px 0 0;
text-align: center;
}
.blog-posts .page-title,
.blog-posts .entry-title {
font-family: var(--font-primary);
font-style: italic;
font-weight: 600;
letter-spacing: 1px;
}
.blog-posts .page-title {
font-size: 30px;
}
.blog-posts .entry-title {
font-size: 20px;
margin-bottom: 20px;
}
.blog-posts .entry-title a {
text-decoration: none;
color: #000;
}
.blog-posts.posts-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 80px;
max-width: 970px;
margin-left: auto;
margin-right: auto;
}
.blog-posts article {
background-color: #f4f4f4;
width: 31.33%;
margin: 20px 1% 0;
}
.blog-posts article img {
max-width: 100%;
height: 170px;
object-fit: cover;
}
.blog-posts .preview-content {
padding: 20px 22px 22px;
}
.blog-posts .excerpt {
font-family: var(--font-secondary);
font-size: 16px;
line-height: 22px;
}
.blog-posts .read-more {
display: inline-block;
margin-top: 20px;
text-decoration: none;
font-family: var(--font-secondary);
font-weight: 700;
font-size: 12px;
line-height: 25px;
color: #222121;
text-align: center;
padding: 3px;
box-sizing: border-box;
border: 1px solid #222121;
min-width: 90px;
}
.blog-posts .navigation {
text-align: center;
margin: -40px 0 80px;
}
.blog-posts .navigation li {
display: inline-block;
border: 1px solid #ca9b86;
height: 20px;
width: 20px;
margin: 0 5px;
border-radius: 50%;
font-size: 14px;
line-height: 19px;
}
.blog-posts .navigation a {
text-decoration: none;
color: black;
display: inline-block;
width: 100%;
height: 100%;
text-indent: -999px;
overflow: hidden;
}
.blog-posts .navigation .current {
background-color: #ca9b86;
}
.blog-posts .navigation .prev a,
.blog-posts .navigation .next a {
text-indent: initial;
}
.single-post main {
margin-top: 38px;
}
.single-post .blog-title {
padding: 50px 0 20px;
text-align: center;
font-family: var(--font-primary);
font-size: 30px;
font-style: italic;
font-weight: 600;
letter-spacing: 1px;
}
.single-post .post-thumbnail img {
max-width: 100%;
height: auto;
width: 100%;
max-height: 550px;
object-fit: cover;
overflow: hidden;
}
.single-post .entry-content {
max-width: 680px;
margin: 0 auto;
}
.single-post .entry-header {
padding: 28px 0;
text-align: center;
}
.single-post .entry-header h1 {
font-family: var(--font-primary);
font-size: 20px;
font-style: italic;
font-weight: 600;
letter-spacing: 1px;
}
.single-post .entry-meta {
margin-top: 12px;
font-size: 12px;
}
.single-post .entry-content h1 {
font-size: 2.6em;
}
.single-post .entry-content h2 {
font-size: 2.2em;
}
.single-post .entry-content h3 {
font-size: 2em;
}
.single-post .entry-content h4 {
font-size: 1.8em;
}
.single-post .entry-content h5 {
font-size: 1.6em;
}
.single-post .entry-content h6 {
font-size: 1.4em;
}
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
line-height: initial;
margin: 16px 0;
font-family: var(--font-primary);
}
.single-post .entry-content p {
font-size: 14px;
line-height: 21px;
margin: 20px 0;
font-family: var(--font-secondary);
}
.single-post .entry-content p:first-of-type {
margin-top: 0;
}
.single-post .entry-content p:last-of-type {
margin-bottom: 0;
}
.single-post .entry-content a {
color: #DD967E;
}
.single-post em {
font-style: italic;
font-family: var(--font-secondary);
}
.single-post strong,
.single-post b {
font-weight: 600;
letter-spacing: 1px;
}
.single-post .entry-content ul {
margin: 16px 0;
padding-left: 10px;
}
.single-post .entry-content li {
font-size: 14px;
line-height: 21px;
font-family: var(--font-secondary);
}
.single-post .entry-content li:before {
content: "- ";
margin-left: -10px;
}
.single-post .entry-content .wp-block-gallery {
margin: 32px 0;
}
.single-post article {
margin-bottom: 90px;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.single-post .entry-footer {
margin: 40px 0 0;
}
.single-post .entry-footer a {
font-family: var(--font-secondary);
max-width: 206px;
margin-right: 6px;
width: 100%;
background: #111;
color: #fff;
font-size: 12px;
line-height: 32px;
text-align: center;
display: inline-block;
text-decoration: none;
cursor: pointer;
}
@media (max-width: 1230px) {
.blog-posts article {
width: calc(50% - 40px);
}
}
@media (max-width: 900px) {
.single-post .blog-title {
margin: 40px 0 16px;
font-size: 30px;
}
.single-post .entry-header {
padding: 30px 0;
}
.single-post .entry-footer {
margin-top: 30px;
}
.single-post .entry-footer a {
margin-top: 10px;
}
}
@media (max-width: 768px) {
.blog-posts article {
width: 100%;
}
}
footer {
margin-bottom: 25px;
}
.footer_content {
position: relative;
text-align: center;
color: #222121;
}
.footer_copy {
font-family: var(--font-secondary);
font-size: 16px;
line-height: 25px;
font-weight: 700;
}
.footer_menu {
margin-bottom: 15px;
}
.footer_menu li {
display: inline-block;
vertical-align: middle;
margin-right: 35px;
}
.footer_menu li:last-child {
margin-right: 0;
}
.footer_menu li a {
font-size: 29px;
line-height: 35px;
font-weight: 500;
color: #222121;
text-decoration: none;
}
@media (max-width: 500px) {
.footer_menu li {
display: block;
margin-right: 0;
}
.footer_menu li a {
font-size: 22px;
line-height: 27px;
}
}