.front-page-intro {
width: 100% !important;
}
@media screen and (min-width: 768px) {
.front-page-intro {
padding: 0 80px;
box-sizing: border-box;
}
}
.zeitfracht-logistik {
.head-logo-wrapper {
background: none;
min-width: auto;
min-height: auto;
}
#header .wrapper {
justify-content: center;
}
}
/* FULFILLMENT */
.fulfillment-header {
background: #B81E40;
height: 405px;
position: relative;
}
.fulfillment-image {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 405px;
overflow: hidden;
img {
width: 100%;
}
}
.fulfillment-logo {
padding-top: 40px;
}
.fulfillment-headline {
position: absolute;
bottom: 30px;
h1, h2 {
color: #fff !important;
}
}
.fulfillment-wrapper {
padding-top: 40px;
}
.fulfillment {
.content-wrapper {
background: #efefef !important;
}
}
@media (max-width: 991px) {
.fulfillment-image {
position: relative;
width: auto;
height: auto;
}
}
.news-item {
gap: 2rem !important;
.news-image img {
border-radius: 8px;
}
}
.more-news-block {
text-align: right;
margin-top: 20px;
}
.news-grid-image {
max-height: 310px;
overflow: hidden;
border-radius: 8px;
}
.news-grid-content {
.news-title {
margin-top: 20px;
}
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: none !important;
margin-left: unset !important;
margin-right: unset !important;
}
.sp-modal-wrapper .blocker {
z-index: 20;
}
.santapress-post.modal.santapress-layout-02:before {
height: 120px;
}
.benefits {
border-radius: 0.5rem;
background: #EFEFEF;
padding: 1.5rem 1.75rem;
}
.fact-num {
color: #B81E40;
font-size: 4rem;
font-weight: 900;
width: 100% !important;
margin: 0;
}
.fact-content {
font-size: 1.5rem;
}
.unternehmenswerte {
background: #efefef;
border-radius: 8px;
display: flex;
flex-direction: column;
justify-content: space-between;
&.reverse .wp-block-image {
order: 1;
}
@media (min-width:767px) {
&.reverse .wp-block-image {
order: 0;
border-radius: 8px 8px 0 0;
}
}
p {
padding: 0 24px;
}
h3 {
padding: 24px 24px 0 24px;
}
.wp-block-group {
padding-bottom: 24px;
}
.wp-block-image {
margin: 0;
border-radius: 0 0 8px 8px;
overflow: hidden;
}
}
.justify-center {
justify-content: center;
}
.box-gray-center {
display: flex;
padding: 0 40px;
align-items: center;
justify-content: space-between;
position: relative;
.background-gray {
position: absolute;
left: 0;
width: 1216px;
height: 292px;
border-radius: 8px;
background: #EFEFEF;
}
.box-gray-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
z-index: 1;
h2, p {
padding: 0 !important;
margin: 0;
}
p {
max-width: 380px;
}
}
.box-gray-image {
z-index: 1;
img {
max-width: 409px;
width: 100%;
}
}
}
@media (max-width: 1199px) {
.box-gray-center {
flex-wrap: wrap;
flex-direction: column-reverse;
padding: 0;
}
.background-gray {
display: none;
}
.box-gray-image {
margin-bottom: 24px;
}
}
.hyperlink {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
a {
color: #fff;
margin-left: 5px;
font-size: 12px;
}
}
.number-facts {
display: flex;
background: #EFEFEF;
border-radius: 8px;
color: #B81E40;
padding: 28px 32px;
align-items: center;
height: 100%;
box-sizing: border-box;
.number-facts_icon {
margin-right: 24px;
}
.number-facts_number {
font-size: 32px;
font-weight: 900;
margin-bottom: 16px;
}
.number-facts_name {
max-width: 130px;
line-height: 1.2;
}
}
.shop-box {
border-radius: 8px;
img {
padding: 0 20px;
}
}
.wp-block-buttons .wp-block-button__link {
width: 228px;
}
.wp-block-button__link, .news_teaser_block__link {
text-transform: none;
padding: 6px 18px;
color: #fff;
background: #b81e40;
transition: 200ms ease-in-out all;
border: 2px solid #b81e40;
border-radius: 8px;
text-align: left;
font-size: 16px;
width: 250px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
&:after {
/ / content: url(../img/arrow-button.svg);
float: right;
display: inline-block;
content: '';
-webkit-mask: url(../img/arrow-button.svg) no-repeat 50% 50%;
mask: url(../img/arrow-button.svg) no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
width: 15px;
height: 14px;
background-color: #fff;
}
&:hover {
background: #F4F4F4;
color: #b81e40;
a {
color: #b81e40;
}
&:after {
background-color: #b81e40;
}
}
a {
color: #fff;
font-size: 16px !important;
}
}
/* Presse */
.presse {
.content-wrapper {
background-image: url("../../img/about-background.jpg");
background-size: cover;
background-attachment: fixed;
padding-bottom: 40px;
padding-top: 40px;
.container {
background: #fff;
padding: 40px;
width: 100%;
border-radius: 8px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
}
}
}
.transport {
.content-wrapper {
background-image: url("../../img/Ford+F-MAX+500_Zeifracht-Background.webp") !important;
}
}
.about {
.content-wrapper {
background-image: url("../../img/about-background.jpg") !important;
}
}
.download {
.content-wrapper {
background-image: url("../../img/background-download.jpg") !important;
}
}
.contact-grey {
background: #f4f4f4;
border-radius: 8px;
padding: 24px;
p {
margin-bottom: 0;
}
a {
text-decoration: underline;
}
}
/* Buchhandel */
.startseite #main-content .content-wrapper {
background: #efefef;
}
.buchhandel, .startseite {
ul {
padding-left: 15px;
}
.content-wrapper {
background-image: url("../../img/01_Zeitfracht-Buchhandel-Hintergrundbild.jpg");
background-size: cover;
background-attachment: fixed;
padding-bottom: 20px;
}
.main-breadcrumbs {
margin: 64px 0 0 0;
font-size: 15px;
text-transform: none;
font-weight: normal;
display: inline-block;
padding: 0 10px;
background: #fff;
a {
color: #000;
}
.breadcrumb_last {
font-weight: bold;
color: #000;
}
}
.wp-block-column .wp-block-group .wp-block-group__inner-container > p {
width: 100%;
}
.wp-block-group {
.wp-block-group__inner-container {
background: #fff;
padding: 40px;
margin: 20px 0;
display: inline-block;
width: 100%;
box-sizing: border-box;
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
@media (max-width: 767px) {
padding: 24px;
}
& > p {
width: 70%;
@media (max-width: 767px) {
width: 100%;
}
&:last-of-type {
margin-bottom: 0;
}
}
}
&.contact-images {
.wp-block-image {
overflow: hidden;
&:hover img {
transform: scale(1.1);
}
img {
transition: all 300ms ease-out;
}
@media (max-width: 767px) {
.alignright {
float: none;
}
}
}
}
.wp-block-image {
@media (max-width: 767px) {
.alignright {
float: none;
}
}
}
}
h1 {
font-size: 32px;
line-height: 38px;
color: #B81E40;
margin: 0;
padding-bottom: 16px;
text-transform: none;
}
h2 {
font-size: 36px;
line-height: 38px;
color: #B81E40;
margin: 0;
padding-bottom: 16px;
font-weight: 400;
strong {
font-weight: 900;
}
}
h3 {
color: #B81E40;
text-transform: none;
font-size: 20px;
margin-top: 0;
}
/*
.wp-block-button__link {
padding: 6px 50px;
text-transform: none !important;
}
*/
.wp-block-bod-modal-block .bod-btn {
padding: 6px 20px;
border: none;
border-radius: 0;
font-size: 18px;
font-family: "Source Sans Pro";
}
.color-box-button .wp-block-column {
padding: 20px;
display: flex;
flex-wrap: wrap;
min-height: 320px;
}
.panel {
border-bottom: 0;
padding: 0;
}
div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=email] {
max-width: 100%;
background: #EEEEEE;
border: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
font-weight: 400;
margin-bottom: 10px;
}
.seminare .wpforms-field-container h3 {
color: #B81E40;
}
.seminar_teaser_block {
background: #B81E40;
color: #fff;
padding: 24px;
height: 100%;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
min-height: 300px;
border-radius: 8px;
position: relative;
&.Neu::before {
content: "NEU";
position: absolute;
font-weight: 700;
top: 0;
right: 10px;
padding: 8px 10px;
background: #fff;
font-size: 21px;
color: #b81e40;
border-radius: 0 0 8px 8px;
box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 20%);
}
.seminar_teaser_block__link {
align-self: flex-end;
}
h2 {
font-size: 20px;
color: #fff;
line-height: initial;
margin: 0;
font-weight: 700;
}
.wp-block-button__link {
background: #fff;
color: #B81E40;
}
.seminar_teaser_block__title {
padding-right: 50px;
}
}
}
.startseite .home_header__overlay {
text-transform: none;
line-height: 1;
top: 30%;
/ / font-family: 'Creepster';
}
.home_header__city_background {
position: absolute;
bottom: 60px;
left: 50%;
width: 100%;
transform: translate(-50%, 0);
overflow: hidden;
}
.home_header__city_background_inside {
width: 1296px;
height: 233px;
/ / height: 360 px;
resize: both;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
/* normal rot */
background-image: url('data:image/svg+xml,');
/*Weihnachten*/
/ / background-image: url('data:image/svg+xml,');
/*normal*/
//background-image: url('data:image/svg+xml,');
/*Halloween*/
/ / background-image: url('data:image/svg+xml,');
}
.startseite .content-box-wrapper {
.first-element .wp-block-group__inner-container {
/ / z-index: 20;
margin-top: -60px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.wp-block-group {
.wp-block-group__inner-container {
max-width: 100%;
/*
.news_teaser_block__link {
margin-top: auto;
padding-top: 20px;
a {
text-transform: none;
padding: 6px 18px;
color: #fff;
background: #b81e40;
transition: 200ms ease-in-out all;
border: 2px solid #b81e40;
border-radius: 8px;
text-align: left;
font-size: 16px;
width: 228px;
display: block;
&:after {
content: url(../img/arrow-button.svg);
float: right;
}
&:hover {
background: #fff;
color: #b81e40;
}
}
}
*/
h2 {
padding-bottom: 24px;
}
h3 {
font-size: 24px;
}
.career_teaser_block h2 {
color: #fff;
}
.col {
padding-left: 0;
}
.news_teaser_block__link {
margin-bottom: 0;
}
.icon_kacheln .icon_kachel {
background-color: #b81e40;
border-radius: 8px;
.icon_kachel__title {
color: #fff;
text-transform: initial;
span {
float: right;
}
}
}
.career_teaser_block h2 {
margin-bottom: 0;
}
}
}
}
/* Elektronik */
.elektronik {
#footer {
margin-top: 285px;
}
@media (min-width: 768px) {
.overflow-img {
position: absolute;
width: 600px;
top: 175px;
}
}
.breadcrumb-container {
text-align: center;
}
.main-breadcrumbs {
max-width: 1296px;
z-index: 10;
position: relative;
text-align: left;
width: 100%;
margin: 64px 20px 0;
padding: 0;
background: none;
> span {
padding: 0 10px;
background: #fff;
}
}
.content-wrapper {
background: none;
.container {
max-width: 100%;
position: relative;
padding: 0;
}
}
.logistik:before {
background: url("../../img/ZFM_Web_Elektronik_Banner-1.jpg");
width: 100%;
content: "";
position: absolute;
display: block;
height: 600px;
margin-top: -350px;
}
@media (max-width: 767px) {
.logistik:before {
margin-top: -421px;
}
}
.e-commerce-section:before {
background: url("../../img/ZFM_Web_Elektronik_Banner-2.jpg");
width: 100%;
content: "";
position: absolute;
display: block;
height: 600px;
margin-top: -360px;
}
.wp-block-group__inner-container {
overflow: visible !important;
}
.contact-red .wp-block-group__inner-container {
background: #B81E40;
margin: 20px 0 0 0;
border-radius: 8px 8px 0 0;
h2, a {
color: #fff;
}
}
.contact-white {
&:before {
background: url("../../img/ZFM_Web_Elektronik_Banner-3.jpg");
width: 100%;
content: "";
position: absolute;
display: block;
height: 600px;
}
.wp-block-group__inner-container {
margin: 0;
border-radius: 0 0 8px 8px;
}
}
.wp-block-group {
text-align: center;
.wp-block-group__inner-container {
text-align: left;
z-index: 10;
position: relative;
max-width: 1296px;
}
}
}
.wp-block-columns {
gap: 1rem;
margin-bottom: 1rem;
&:first-of-type {
margin-top: 0;
}
&:last-of-type {
margin-bottom: 0;
}
}
.color-link-block {
display: flex;
align-items: center;
color: #fff;
padding: 24px;
transition: all 300ms ease-in-out;
height: 100%;
box-sizing: border-box;
min-height: 120px;
border-radius: 8px;
h3 {
color: #fff;
margin: 0;
text-transform: none;
}
p {
margin: 0;
}
&:hover {
transform: scaleX(1.02);
}
}
.grey-form {
input, textarea {
background: #eeeeee !important;
border: none !important;
}
button {
border: 0 !important;
background: #B81E40 !important;
color: #fff !important;
padding: 6px 20px !important;
width: 150px !important;
}
}
/* global */
h1, h3, h4 {
color: #b81e40;
}
h1 {
font-size: 36px;
line-height: normal;
margin-bottom: 6px;
font-weight: 400;
}
h2 {
font-size: 26px;
line-height: normal;
font-weight: 700;
margin-top: 50px;
&.has-text-align-center {
margin-top: 0;
margin-bottom: 50px;
}
}
a {
color: #b81e40;
text-decoration: none;
}
p {
}
.center {
text-align: center;
}
.bold {
font-weight: 700;
}
.counter {
font-weight: 700;
}
.container {
box-sizing: border-box;
}
body.ov-hidden {
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
line-height: 1.5rem;
font-family: "Source Sans Pro", Arial;
max-width: 1920px;
margin: auto;
}
.link-u a {
text-transform: uppercase;
color: #fff;
border-bottom: 5px solid #fff;
text-decoration: none;
font-size: 20px;
display: inline-block;
}
.no-gutter {
gap: 0 !important;
}
.wp-block-columns h4 {
color: #000;
margin: 0;
font-size: 20px;
}
.red {
filter: brightness(0) saturate(100%) invert(22%) sepia(78%) saturate(4087%) hue-rotate(335deg) brightness(74%) contrast(92%);
}
.svg-content-icon {
min-height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.accordion {
position: relative;
background-color: #F4F4F4;
color: #000;
cursor: pointer;
padding: 24px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 20px;
font-weight: 600;
transition: 0.4s;
display: flex;
align-items: center;
margin: 12px 0;
border-radius: 8px;
}
.accordion_icon {
max-width: 30px;
padding-right: 20px;
}
.accordion.active {
}
.accordion:after {
content: '\002B';
position: absolute;
top: 50%;
right: 24px;
transform: translateY(-50%);
color: #b81e40;
font-weight: 300;
float: right;
margin-left: 5px;
font-size: 30px;
}
.accordion.active:after {
content: "\2212";
}
.fa-xmark:before {
content: "\f00d";
}
.panel {
padding: 0 30px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.panel.with_icon {
border-bottom: none;
}
.panel p:first-of-type {
margin-top: 0;
}
.article_image {
min-height: 250px;
background-position: right;
background-size: cover;
}
.headline {
margin-top: 100px;
text-align: center;
text-transform: uppercase;
}
.headline__p {
color: #b81e40;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 6px;
}
.headline p.headline__h2,
.headline h2.headline__h2 {
font-size: 2.5rem;
line-height: 3rem;
font-weight: 700;
}
/*Mobile Navigation*/
#io-mobile-nav-list {
pointer-events: none;
z-index: 1;
font-size: 15px;
width: 100%;
position: fixed;
display: flex;
align-items: center;
height: 100%;
transition: all .5s;
background-color: rgb(255 255 255 / 0%);
}
#io-mobile-nav-list.active {
background-color: rgb(255 255 255 / 50%);
}
#io-mobile-nav-list nav {
left: 0%;
pointer-events: auto;
position: fixed;
bottom: -100%;
width: 100%;
box-sizing: border-box;
transition: bottom .5s, left .5s;
}
#io-mobile-nav-list nav.mobile-active {
bottom: 0;
}
.io-mobile-nav-wrapper {
width: 100%;
height: 100%;
padding: 30px;
box-sizing: border-box;
background-color: #fff;
-webkit-box-shadow: inset 0px 15px 5px -15px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 0px 15px 5px -15px rgba(0, 0, 0, 0.75);
box-shadow: inset 0px 15px 5px -15px rgba(0, 0, 0, 0.75);
}
.io-mobile-nav-back-button {
background-color: #b81e40;
width: 100%;
height: 40px;
display: flex;
align-items: center;
}
.io-mobile-nav-back-button:before {
color: #fff;
display: inline-block;
font-family: 'Font Awesome 5 Free';
content: "\f104";
font-size: 1rem;
font-weight: bold;
transition: all .2s;
padding-left: 12px;
}
.io-mobile-nav-wrapper > .menu-item {
box-sizing: border-box;
border-bottom: 1px solid #e3e3e3;
cursor: pointer;
}
.io-mobile-nav-wrapper > .menu-item:last-child {
border-bottom: none;
}
#io-mobile-nav-list ul {
display: flex;
flex-direction: column;
list-style: none;
margin: 0 auto;
padding: 0;
}
#io-mobile-nav-list li {
padding: 10px 0;
}
#io-mobile-nav-list a {
display: block;
color: #000;
text-decoration: none;
padding: 10px 0;
}
.menu-item-has-children .io-mobile-item-title:first-child:after {
display: inline-block;
position: absolute;
right: 0;
font-family: 'Font Awesome 5 Free';
content: "\f105";
font-size: 1rem;
font-weight: bold;
transition: all .2s;
padding-left: 12px;
}
.menu-item-has-children.active .io-mobile-item-title:first-child:after {
top: -5px;
transform: rotate(90deg);
}
.io-mobile-item-title {
position: relative;
transition: color .5s;
padding: 10px 0;
}
.io-mobile-item-title.active {
color: #E5007D;
}
.io-mobile-item-content {
position: absolute;
width: 100%;
top: 0;
bottom: 0;
left: 100%;
transition: all .5s;
}
.io-mobile-item-content.shadow {
-webkit-box-shadow: inset 0px 15px 5px -15px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 0px 15px 5px -15px rgba(0, 0, 0, 0.75);
box-shadow: inset 0px 15px 5px -15px rgba(0, 0, 0, 0.75);
}
#io-mobile-menu {
pointer-events: none;
padding: 10px;
position: fixed;
bottom: 20px;
display: flex;
justify-content: center;
width: 100%;
z-index: 2;
transition: all .50s;
}
#mo-nav {
width: 100%;
height: 100%;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #b81e40;
padding: 10px;
}
#mo-nav-button {
position: fixed;
z-index: 30;
top: 0;
left: 0;
width: 100%;
height: 100vh;
pointer-events: none;
}
#nav-open {
position: fixed;
left: 50%;
transform: translate(-50%, -50%);
top: 90%;
height: 40px;
width: 40px;
background-color: #ffffff;
padding: 10px;
cursor: pointer;
border-radius: 45px;
-webkit-box-shadow: 0px 0px 6px 0px #000000;
box-shadow: 0px 0px 6px 0px #000000;
display: flex;
justify-content: center;
align-items: center;
pointer-events: auto;
}
#nav-open .nav-open-lines {
position: relative;
bottom: 0;
z-index: 22;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transition: all .5s;
}
#nav-open .nav-open-lines.active {
bottom: 30px;
}
#nav-open .nav-open-lines div {
position: relative;
height: 4px;
width: 30px;
margin: 3px;
background-color: #b81e40;
transition: all .5s;
opacity: 1;
}
#nav-open .nav-open-lines div:nth-child(1) {
top: 0px;
transform: rotate(0deg);
}
#nav-open .nav-open-lines div:nth-child(2) {
opacity: 1;
}
#nav-open .nav-open-lines div:nth-child(3) {
bottom: 0px;
transform: rotate(0deg);
}
#nav-open .nav-open-lines.active div:nth-child(1) {
top: 10px;
transform: rotate(45deg);
}
#nav-open .nav-open-lines.active div:nth-child(2) {
opacity: 0;
}
#nav-open .nav-open-lines.active div:nth-child(3) {
bottom: 10px;
transform: rotate(-45deg);
}
#main-content {
margin: auto;
background-color: #fff;
position: relative;
}
#main-content.nav-active {
top: 0;
left: 70%;
-webkit-box-shadow: 0px 0px 15px -5px #000000;
box-shadow: 0px 0px 15px -5px #000000;
overflow: hidden;
}
/**/
#header {
position: relative;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
z-index: 20;
}
#header .wrapper {
display: flex;
justify-content: center;
}
#head-logo {
background: #fff;
padding: 10px 0;
box-sizing: border-box;
}
.head-logo-wrapper {
min-width: 150px;
min-height: 80px;
background: url("/wp-content/themes/zeitfracht-medien/static/img/K360_Logo_RGB.svg") no-repeat center;
}
#nav-main {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
header .menu-item a {
display: block;
font-size: 1.3rem;
padding: 15px;
text-decoration: none;
transition: background-color .2s, color .2s;
color: #b81e40;
}
header .menu-item a:hover,
header .current-menu-ancestor > a,
header .current-menu-item > a {
color: #fff !important;
background-color: #b81e40;
transition: background-color .2s, color .2s;
}
#nav-main ul {
margin: 0;
padding: 0;
}
#nav-main ul li {
display: inline-block;
list-style-type: none;
white-space: nowrap;
}
header .menu-item {
background-color: #fff;
}
header .menu-item a {
display: flex;
justify-content: space-between;
}
header .menu-item:hover > a {
color: #fff;
}
header .menu-item-has-children {
position: relative;
}
header .menu-item-has-children:hover {
color: #fff;
background-color: #b81e40;
transition: color .2s, background-color .2s;
}
header .menu-item-has-children:hover > .sub-menu-item {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.sub-menu-item {
opacity: 0;
visibility: hidden;
pointer-events: none;
display: flex;
position: absolute;
z-index: 1;
flex-direction: column;
transition: all .2s;
-webkit-box-shadow: -10px 0px 20px -15px #363636;
box-shadow: -10px 0px 20px -15px #363636;
}
.sub-menu-item .sub-menu-item {
position: absolute;
left: 100%;
top: 0;
}
header .menu-item-has-children .menu-item-has-children > a:after {
font-family: 'Font Awesome 5 Free';
content: "\f105";
font-size: 1rem;
font-weight: bold;
transition: all .2s;
padding-left: 12px;
}
header .menu-item-has-children .menu-item-has-children > a:hover:after {
color: #fff;
}
/**/
.main-categories {
display: flex;
}
.main_category {
padding: 16px 24px;
height: 158px;
margin: 10px 0;
display: flex;
align-items: flex-end;
justify-content: flex-end;
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px;
}
@media (max-width: 767px) {
.main-categories > * {
padding: 0;
}
.home_header__city_background {
bottom: 58px;
}
.home_header__city_background_inside {
width: 800px;
height: 140px;
}
}
.icon_kacheln {
display: flex;
}
.icon_kacheln .icon_kachel {
padding: 20px;
margin: 10px 0;
display: flex;
align-items: center;
background-color: #eee;
}
.icon_kachel__img {
width: 80px;
margin-right: 20px;
}
.icon_kachel__img img {
max-width: 100%;
}
.icon_kachel__title {
color: #b81e40;
font-size: 1.5rem;
font-weight: 600;
text-transform: uppercase;
}
/**/
.career_teaser_block {
display: flex;
flex-direction: column;
}
.career_teaser_block img {
display: block;
max-width: 100%;
}
.career_teaser_block > div {
width: 100%;
}
.career_teaser_block h2 {
line-height: normal;
margin-top: 0;
margin-bottom: 25px;
}
.career_teaser_block__left {
}
.career_teaser_block__right_content {
color: #fff;
padding: 30px;
}
.career_teaser_block__right_content a {
text-transform: uppercase;
color: #fff;
text-decoration: none;
border-bottom: 3px solid #fff;
}
.career_teaser_block__right {
background-color: #b81e40;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.career_teaser_block__big_img_wrapper {
display: none;
height: 100%;
background-position: center;
background-size: cover;
}
.career_teaser_block__small_img_wrapper {
display: flex;
}
.news_teaser_block {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
margin-bottom: 24px;
}
.news_teaser_block__title {
line-height: 2rem;
color: #b81e40;
}
.news_teaser_block__title h2 {
font-size: 2rem;
}
.news_teaser_block__content {
}
.news_teaser_block__link {
margin: 20px 0 50px;
}
/*
.news_teaser_block__link a {
text-transform: uppercase;
color: #666666;
text-decoration: none;
border-bottom: 3px solid #666666;
}
*/
/* teaser gray */
.teaser_gray_icon {
background: #eee;
text-align: center;
padding-top: 20px;
}
.teaser_gray_icon img {
max-width: 120px;
max-height: 80px;
padding: 10px 0 30px;
}
.teaser_gray_text {
background: #eee;
display: block;
padding: 20px 40px;
}
.teaser_gray_text__title {
font-size: 23px;
}
/* teaser gray big */
.teaser_gray_text_big {
background: #eee;
padding: 40px;
}
.teaser_gray_text_big__title {
font-size: 30px;
font-weight: 600;
margin-bottom: 30px;
line-height: 1.2;
}
.teaser_gray_text_big__link {
text-transform: uppercase;
color: #707070;
border-bottom: 5px solid #707070;
text-decoration: none;
font-size: 20px;
margin-top: 10px;
display: inline-block;
}
.teaser_gray_text_big__link:hover {
color: #b81e40;
border-color: #b81e40;
}
.teaser_gray_hoover {
display: flex;
flex-wrap: wrap;
}
.teaser_gray_hoover h3,
.teaser_gray_hoover a {
margin: 0;
line-height: normal;
color: #000;
text-transform: none;
padding-bottom: 20px;
}
.teaser_gray_hoover h3 {
padding: 0 20px 20px;
}
.teaser_gray_hoover > div {
display: flex;
flex-direction: column;
justify-content: center;
}
.teaser_gray_hoover .col-2,
.teaser_gray_hoover .col-3,
.teaser_gray_hoover .col-4 {
min-width: 100%;
}
.teaser_gray_hoover.row {
display: flex;
flex-direction: row;
}
.teaser_gray_hoover .item {
}
.teaser_gray_hoover .item_wrapper {
flex: 1;
min-width: 25%;
background-color: #eee;
}
.teaser_gray_hoover .teaser_gray_text {
padding-top: 0;
height: 100%;
position: relative;
}
.teaser_gray_hoover .teaser_gray_text__content ul {
padding: 0;
margin: 0;
}
.teaser_gray_hoover .teaser_gray_text__content {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
/*
.teaser_gray_hoover .teaser_gray_text__title {opacity: 1; transition: opacity .5s}
.teaser_gray_hoover > div:hover .teaser_gray_text__title {opacity: 0;}
.teaser_gray_hoover > div:hover .teaser_gray_text__content {top: -50%;opacity: 1;}
*/
/* image anchor */
.image_anchor {
display: block;
height: 330px;
text-decoration: none;
overflow: hidden;
position: relative;
}
.image_anchor__image {
background-repeat: no-repeat;
width: 100%;
height: 100%;
transition: all 300ms ease-in-out;
background-size: cover;
background-position: center;
}
.image_anchor__image:hover {
transform: scale(1.1);
}
.image_anchor__title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 26px;
margin: 0;
pointer-events: none;
}
/* image teaser gallery */
.image_teaser_gallery__hero {
display: block;
height: 600px;
text-decoration: none;
overflow: hidden;
position: relative;
}
.image_teaser_gallery__hero_image {
background-repeat: no-repeat;
width: 100%;
height: 100%;
transition: all 300ms ease-in-out;
background-size: cover;
}
.image_teaser_gallery__hero_image:hover {
transform: scale(1.1);
}
.image_teaser_gallery__hero_title {
position: absolute;
top: 100px;
left: 100px;
color: #fff;
font-size: 26px;
margin: 0;
}
.image_teaser_gallery__small {
display: block;
height: 300px;
text-decoration: none;
overflow: hidden;
position: relative;
}
.image_teaser_gallery__small_image {
background-repeat: no-repeat;
width: 100%;
height: 100%;
transition: all 300ms ease-in-out;
background-size: cover;
}
.image_teaser_gallery__small_image:hover {
transform: scale(1.1);
}
.image_teaser_gallery__small_title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 26px;
margin: 0;
pointer-events: none;
}
/* logo wall */
.logo-wall__item {
display: flex;
justify-content: center;
align-items: center;
}
.logo_wall__link {
text-align: center;
display: inherit;
padding: 35px 0;
max-width: 230px;
}
.logo_wall__link_image {
max-width: 100%;
}
/* image news teaser */
.image_news_teaser__title {
text-transform: uppercase;
font-size: 26px;
line-height: normal;
font-weight: 600;
}
.image_news_teaser__content {
margin-bottom: 0;
}
.image_news_teaser__image {
display: block;
width: 100%;
height: 280px;
background-size: cover;
background-position: top left;
}
.image_news_teaser__link {
text-transform: uppercase;
color: #707070;
border-bottom: 5px solid #707070;
text-decoration: none;
font-size: 20px;
margin-top: 10px;
display: inline-block;
}
.image_news_teaser__link:hover {
color: #b81e40;
border-color: #b81e40;
}
/* image quote */
.image-quote {
position: relative;
}
.image-quote__image {
width: 100%;
height: 300px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.image-quote.no_pic .image-quote__image {
display: none;
}
.image-quote__content {
background: #fff;
padding: 40px;
}
.image-quote__content_text {
position: relative;
display: inline;
}
.image-quote__content_text:before {
content: '\201C';
position: absolute;
left: -25px;
top: -20px;
font-size: 72px;
color: #b81e40;
font-weight: 900;
font-family: "Source Sans Pro";
}
.image-quote__content_person {
font-weight: 600;
margin-bottom: 0;
color: #b81e40;
}
/* image hover */
.image_hover {
display: block;
height: 400px;
text-decoration: none;
overflow: hidden;
position: relative;
background-color: rgba(0, 0, 0, 0.3);
}
.image_hover__image {
background-repeat: no-repeat;
width: 100%;
height: 100%;
transition: all 300ms ease-in-out;
background-size: cover;
}
.image_hover__title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 26px;
margin: 0;
}
.image_hover__content {
position: absolute;
background: #eee;
top: 0;
height: 100%;
text-align: center;
opacity: 0;
transition: 250ms all ease-in-out;
width: 100%;
box-sizing: border-box;
}
.image_hover:hover .image_hover__content {
opacity: 1;
}
.image_hover__content-text {
font-size: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
width: 100%;
box-sizing: border-box;
padding: 20px;
}
/* table design */
.table-design {
display: flex;
align-items: center;
gap: 24px;
}
.table-design__header {
display: flex;
align-items: center;
}
.table-design__header-icon img {
width: 100%;
max-height: 50px;
}
.table-design__header-headline {
color: #000;
}
.table-design .col-md-6 {
border-radius: 8px;
background: #F4F4F4;
padding: 24px;
display: flex;
color: #B81E40;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
}
/* contact block */
.contact-open {
font-size: 20px;
font-weight: 600;
color: #b81e40;
opacity: 1;
transition: opacity .5s;
transform: translateX(0%);
}
.contact-close {
opacity: 0;
transition: opacity .5s;
transform: translateX(100%);
}
.contact-open,
.contact-close {
transition: all .5s;
}
.contact-open:before,
.contact-close:before {
font-weight: bold;
font-family: "Font Awesome 5 Free";
font-style: normal;
font-size: 20px;
line-height: normal;
}
.fixed-contact {
width: 400px;
position: fixed;
top: 50%;
right: 0;
padding: 30px;
transform: translate(100%, -50%);
transition: all .5s;
}
.fixed-contact_button .contact-open,
.fixed-contact_button .contact-close {
position: absolute;
top: 50%;
transform: translate(0, -50%);
left: 30px;
transition: all .5s;
}
.fixed-contact_button {
cursor: pointer;
height: 40px;
padding: 10px;
transform: translate(-40%, 0%);
background-color: #eeeeee;
transition: all .5s;
-webkit-box-shadow: 0px 0px 7px 0px #ccc;
box-shadow: 0px 0px 7px 0px #ccc;
}
.fixed-contact_button.active {
transform: translate(-50%, 0);
-webkit-box-shadow: 0px 0px 7px 0px #ccc;
box-shadow: 0px 0px 7px 0px #ccc;
}
.fixed-contact_button.active .contact-open {
opacity: 0;
transform: translate(30%, -50%);
}
.fixed-contact_button.active .contact-close {
opacity: 1;
}
.fixed-contact_wrapper {
padding: 30px;
transform: translate(0%, 0);
background-color: #eeeeee;
transition: all .5s;
-webkit-box-shadow: 0px 0px 15px -10px #444;
box-shadow: 0px 0px 15px -10px #444;
}
.fixed-contact_wrapper.active {
transform: translate(-100%, 0);
}
.contact-block {
margin-bottom: 50px;
}
.fixed-contact .contact-block:last-of-type {
margin-bottom: 0;
}
.fixed-contact h3 {
margin-top: 0;
}
.contact-block__flex {
display: flex;
margin: 10px 0;
}
.contact-block__icon {
margin-right: 15px;
width: 25px;
text-align: center;
}
.contact-block__icon img {
width: 23px;
}
.contact-block__address img {
width: 18px;
}
.contact-block__mail img {
width: 20px;
}
.contact-block__phone img {
width: 18px;
}
.contact-block__content {
margin: 0;
}
/**/
#footer {
color: #fff;
padding-bottom: 50px;
margin-top: 200px;
margin-top: 0;
background: #B81E40;
}
#footer a {
color: #fff;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
.logo-footer img {
width: 200px;
}
.nav-footer {
font-size: 1rem;
}
.nav-footer ul {
margin: 0;
padding: 0;
}
.nav-footer ul li {
padding-bottom: 5px;
list-style-type: none;
}
.nav-footer-title {
margin-top: 50px;
margin-bottom: 20px;
font-size: 1.6rem;
font-weight: 600;
}
/**/
#back2top.active {
display: block;
}
#back2top {
position: fixed;
z-index: 2;
bottom: 2rem;
right: 2rem;
width: 40px;
height: 40px;
background: #b81e40;
color: #fff;
text-align: center;
line-height: 30px;
cursor: pointer;
display: none;
}
#back2top .fa-angle-up {
display: flex;
justify-content: center;
align-items: center;
margin: auto;
height: 40px;
}
/**/
.home_header {
position: relative;
margin: 10px;
overflow: hidden;
}
.home_header__video__container {
position: relative;
min-height: 200px;
}
.home_header__video {
width: auto;
height: 200px;
right: 0;
position: absolute;
}
.home_header__overlay {
position: absolute;
top: 50%;
padding: 20px;
font-size: 1.5rem;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
color: #b81e40;
strong {
font-weight: 900;
}
}
.tablepress thead th {
background-color: #b81e40 !important;
color: #fff;
}
.dataTables_length {
margin-bottom: 20px;
}
.dataTables_info, .dataTables_paginate {
margin-top: 20px;
}
.paging_simple .paginate_button.next:after, .paging_simple .paginate_button.previous:before {
text-shadow: none;
color: #707070;
}
.dataTables_wrapper label input,
.dataTables_wrapper label select {
height: 30px;
border-radius: 0;
border: none;
border-bottom: 1px solid;
outline: none;
}
.download-list {
padding-bottom: 20px;
}
.download-list_icon {
width: 30px;
text-align: center;
padding: 0 20px 0 0;
display: flex;
}
.download-list img {
max-height: 30px;
max-width: 30px;
}
.download-list ul {
margin: 0;
padding: 0;
}
.download-list ul li {
list-style-type: none;
padding: 10px 0;
display: flex;
align-items: flex-start;
}
.archive .wrapper h2 {
margin-bottom: 25px;
}
.archive .tease {
margin-bottom: 70px;
}
.pagination a {
color: #B8093D;
}
.pagination-block {
width: 100%;
display: flex;
justify-content: center;
padding: 20px;
box-sizing: border-box;
}
.pagination {
display: flex;
}
.pagination {
margin: 0;
padding: 0;
}
.pagination li {
display: block;
padding: 10px;
}
.disabled button {
border: none;
background-color: transparent;
}
.main-breadcrumbs {
font-size: 13px;
font-weight: 600;
margin-top: 10px;
text-transform: uppercase;
}
.main-breadcrumbs a {
color: #888;
}
.breadcrumb_last {
color: #B8093D;
}
.vimeo-iframe iframe {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
/*Login Logout CSS*/
.lrm-form button, .lrm-form button[type=submit] {
background-color: #B8093D;
}
.lrm-form button[type=submit],
.lrm-user-modal-container-inner,
.lrm-user-modal-container input[type=text],
.lrm-user-modal-container input[type=password] {
border-radius: 0;
}
.wp-block-loginout {
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-loginout form {
display: block;
}
.wp-block-loginout label {
display: block;
}
.wp-block-loginout .input {
width: 100%;
padding: 5px;
border-radius: 0;
border: 1px solid #666;
box-sizing: border-box;
}
.wp-block-loginout .button {
color: #fff;
background-color: #B8093D;
width: 100%;
padding: 5px;
border-radius: 0;
border: 1px solid #B8093D;
}
/**/
/* Footer Bottom */
.footer-bottom {
margin-top: 100px;
}
.seminar_teaser_block__title h2 {
margin-bottom: 0;
margin-top: 30px;
}
.wpforms-form {
padding: 10px;
}
.img-intro-top-right-anim {
position: relative;
height: 360px;
}
.img-intro-top-right-anim img {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
-webkit-animation: img-intro-top-right-anim 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: img-intro-top-right-anim 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes img-intro-top-right-anim {
0% {
-webkit-transform: translate(100%, -60%);
ransform: translate(100%, -60%);
}
100% {
-webkit-transform: translate(0%, 0%);
ransform: translate(0%, 0%);
}
}
@keyframes img-intro-top-right-anim {
0% {
-webkit-transform: translate(100%, -60%);
ransform: translate(100%, -60%);
}
100% {
-webkit-transform: translate(0%, 0%);
ransform: translate(0%, 0%);
}
}
@media (min-width: 576px) and (max-width: 767px) {
.home_header__overlay {
width: 540px;
left: 0;
right: 0;
margin: auto;
box-sizing: border-box;
}
}
@media (max-width: 767px) {
.home_header {
margin: 0;
}
.startseite .home_header__overlay {
top: 5%;
}
.mo-no-mabo {
margin-bottom: 0;
}
.fx-mobile-headline-spacer {
height: 50px !important;
}
#head-logo {
width: 100%;
}
}
@media (min-width: 768px) {
.icon_kacheln .icon_kachel {
padding: 40px;
margin: 10px 0;
display: block;
}
.icon_kachel__img {
margin-right: 0px;
}
.icon_kachel__title {
font-size: 2.3rem;
}
#head-logo {
padding: 20px 0;
}
#header .wrapper {
display: flex;
justify-content: space-between;
}
.home_header {
margin: 0px;
}
.home_header__video__container {
width: 100%;
height: auto;
}
.home_header__video {
position: relative;
width: 100%;
height: auto;
}
.home_header__overlay {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 50px;
font-size: 4vw;
left: 13vw;
}
.teaser_gray_text_big {
padding: 60px;
}
.image_hover {
height: 860px;
}
.teaser_gray_hoover .col-2 {
min-width: calc(50% - 40px);
margin: 0 20px;
}
.teaser_gray_hoover .col-3 {
min-width: calc(33.33333% - 40px);
margin: 0 20px;
}
.teaser_gray_hoover .col-4 {
min-width: calc(25% - 40px);
margin: 0 20px;
}
.article_image {
min-height: 460px;
}
.main-breadcrumbs {
font-size: 16px;
margin-top: 50px;
}
.image-quote__image {
width: 100%;
height: 560px;
background-size: cover;
background-position: center;
}
}
@media (min-width: 992px) {
#head-logo {
padding: 10px 0 15px;
}
header .menu-item a {
font-size: .8rem;
padding: 10px 5px;
}
.head-logo-wrapper {
min-width: 150px;
}
.career_teaser_block {
flex-direction: row;
}
.career_teaser_block > div {
width: 50%;
}
.career_teaser_block__big_img_wrapper {
display: block;
}
.career_teaser_block__big_img_wrapper_mobile {
display: none;
}
.image-quote__image {
width: 780px;
}
.image-quote__content {
position: absolute;
}
.image-quote.landschaft .image-quote__content {
width: 60%;
right: 0;
top: 175px;
}
.image-quote.person {
display: flex;
}
.image-quote.person .image-quote__image {
width: 250px;
left: 0;
top: 0;
height: 250px;
background-size: cover;
border-radius: 200px;
position: absolute;
z-index: 1;
}
.image-quote.person .image-quote__content {
width: 65%;
padding: 65px 24px 24px 175px;
position: relative;
left: 125px;
background: #efefef;
}
.image-quote.no_pic .image-quote__image {
display: none;
}
.image-quote.no_pic .image-quote__content {
position: relative;
box-sizing: border-box;
width: 60%;
border-left: 5px solid #b81e40;
padding: 30px 70px 10px;
}
}
@media (min-width: 1200px) {
header .menu-item a {
font-size: 0.9rem;
padding: 10px 5px;
}
.head-logo-wrapper {
min-width: 230px;
}
}
@media (min-width: 1400px) {
header .menu-item a {
font-size: 1.1rem;
padding: 12px 10px;
}
.career_teaser_block__right_content {
height: 225px;
}
}
@media (min-width: 1900px) {
.home_header__overlay {
left: 300px;
font-size: 5rem;
}
}
.error-login {
pointer-events: none;
opacity: 0;
transition: opacity .5s;
}
.error-login.active {
opacity: 1;
}
.wp-block-loginout .login-failed {
background-color: #fff1f1;
}
figcaption {
color: #686868;
font-size: 13px;
}
/* ######################## Buch und Co Landingpage*/
.header-row {
height: 48px;
}
.footer-row {
padding: 2rem 0;
}
.bg-buc {
background: #bfab93;
}
.bg-buc-light {
background: #DBD3C7;
}
.buc-box {
padding: 1.5rem 2rem;
margin: 1rem 0;
color: #fff;
font-size: 1.7rem;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.3;
font-family: Poppins, sans-serif;
text-align: center;
}
.buc-h1 {
padding: 0;
margin: 3rem 0 1rem;
color: #000;
font-size: 1.7rem;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.3;
font-family: Poppins, sans-serif;
}
.backlink {
padding: .5rem;
margin: 2rem 0 2rem;
color: #000;
background: #DBD3C7;
font-size: 1rem;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0px;
line-height: 1.3;
font-family: Poppins, sans-serif;
display: inline-block;
}
.buc-box .smaller {
font-weight: normal;
}
.buc-box p {
font-size: 1rem;
font-weight: normal;
text-transform: none;
letter-spacing: 0;
margin: 3rem 0 0;
}
#buc-logo {
margin: 2rem 0;
}
.buc-form-control {
margin: 2rem 0 4rem;
}
.buc-form-control * {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-family: Poppins, sans-serif;
}
.buc-form-control input {
border: 1px solid #bfab93;
padding: 0.75rem;
width: 100%;
margin: 1rem 0;
line-height: 1;
font-size: 1.1rem;
width: 100%;
}
.buc-form-control input[type="submit"] {
border: 1px solid #bfab93;
background: #bfab93;
padding: 0.75rem;
width: 100%;
max-width: 100%;
margin: 1rem 0;
line-height: 1;
font-size: 1.1rem;
color: #fff;
letter-spacing: 0;
text-transform: uppercase;
}
.buc-form-control input[type=checkbox] {
/* Add if not using autoprefixer */
-webkit-appearance: none;
/* Remove most all native input styles */
-moz-appearance: none;
appearance: none;
/* For iOS < 15 */
background-color: var(--form-background);
/* Not removed via appearance */
margin: 0;
font: inherit;
color: #bfab93;
width: 1.15em;
height: 1.15em;
border: 2px solid #bfab93;
border-radius: 0.15em;
transform: translateY(-0.075em);
display: grid;
place-content: center;
padding: 0.8rem;
float: left;
margin-right: 1rem;
margin-bottom: 1rem;
}
.buc-form-control input[type=checkbox]::before {
content: "";
width: 0.65em;
height: 0.65em;
-webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
transform: scale(0);
transform-origin: bottom left;
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em var(--form-control-color);
/* Windows High Contrast Mode */
background-color: CanvasText;
}
.buc-form-control input[type=checkbox]:checked::before {
transform: scale(1);
}
.buc-form-control input[type=checkbox]:focus {
outline: max(2px, 0.15em) solid currentColor;
outline-offset: max(2px, 0.15em);
}
.buc-form-control input[type=checkbox]:disabled {
--form-control-color: var(--form-control-disabled);
color: var(--form-control-disabled);
cursor: not-allowed;
}
.buc-form-control input[type="checkbox"]::before {
/* ...existing styles */
transform-origin: bottom left;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
#buc-footer {
}
#buc-footer ul {
margin: 0;
text-align: right;
}
#buc-footer li {
margin-bottom: 1rem;
list-style: none;
}
#buc-footer li a {
color: #fff;
display: inline-block;
font-family: Poppins, sans-serif;
}
@media screen and (min-width: 768px) {
.buc-box {
padding: 3.5rem 3rem;
margin: 2rem 0;
font-size: 2.5rem;
letter-spacing: 3px;
text-align: left;
}
.buc-form-control input[type="submit"] {
max-width: 300px;
}
}
.article_headline_with_sub__h2 {
color: #b81e40;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 6px;
}
.article_headline_with_sub__sub {
font-size: 26px;
line-height: normal;
font-weight: 700;
margin-bottom: 50px;
}
.block-steps__wrapper {
display: block;
flex-wrap: wrap;
box-sizing: border-box;
}
.block-steps__wrapper * {
box-sizing: border-box;
}
.block-steps__step {
flex-basis: 50%;
width: 100%;
border: 0px solid red;
padding-left: 45px;
margin-bottom: 0 auto 50px;
}
@media screen and (min-width: 768px) {
.block-steps__wrapper {
display: flex;
}
.block-steps__step {
width: 50%;
}
}
.block-steps__step__nr {
font-size: 105px;
font-weight: bold;
color: #9CC5C1;
line-height: 1;
position: relative;
}
.block-steps__step__nr__nr {
position: relative;
z-index: 2;
}
.block-steps__step__nr__line {
width: 133px;
height: 45px;
background: #EEEEEE;
left: -34px;
top: 34px;
position: absolute;
z-index: 1;
}
.block-steps__step__title {
font-size: 24px;
font-weight: bold;
color: #000;
line-height: 1;
}
.block-steps__step__title__line {
width: 55px;
height: 5px;
background: #000;
margin-top: 16px;
}
.block-steps__step__text {
font-size: 20px;
}
.block-zitate__wrapper {
box-sizing: border-box;
}
.block-zitate__wrapper * {
box-sizing: border-box;
}
.block-zitate__slide {
background: #EEEEEE;
padding: 3rem 46px 1.9rem;
position: relative;
max-width: 1151px;
margin: 2rem 1rem 3rem;
}
.block-zitate__quote1 {
position: absolute;
left: 40px;
top: -60px;
font-size: 128px;
font-weight: bold;
color: #B81E40;
}
.block-zitate__quote2 {
position: absolute;
right: 80px;
bottom: 30px;
font-size: 128px;
font-weight: bold;
color: #B81E40;
}
.block-zitate__title {
font-size: 26px;
font-weight: bold;
margin-bottom: 1rem;
}
.block-zitate__text {
font-size: 16px;
margin-bottom: 1rem;
}
.block-zitate__src {
font-size: 16px;
font-weight: bold;
margin-bottom: 0;
}
.block-icon-tiles__wrapper {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.block-icon-tiles__wrapper * {
box-sizing: border-box;
}
.block-icon-tile {
width: 407px;
height: 267px;
flex-basis: 407px;
background: #EEE;
margin: 0 auto 2rem;
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1rem;
}
.block-icon-tile__icon {
margin-bottom: 0rem;
}
.block-icon-tile__title {
font-weight: bold;
font-size: 24px;
text-align: center;
line-height: 1.3;
margin-top: 1rem;
}
#post-13998 .wp-block-media-text.has-media-on-the-right.is-vertically-aligned-center {
background: #B81E40;
color: #fff;
font-size: 26px;
font-weight: 700;
line-height: 1.4;
}
#post-13998 .wp-block-media-text.is-vertically-aligned-center {
background: #F3EED9;
}
#post-13998 .article_image {
min-height: 180px;
}
#post-13998 .accordion {
font-size: 18px;
font-weight: 400;
padding: 16px 25px;
}
#post-13998 .accordion:after {
font-size: 36px;
}
#post-13998 .panel {
padding: 0 30px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
.block-tileovl__wrapper {
box-sizing: border-box;
}
.block-tileovl__wrapper * {
box-sizing: border-box;
}
.block-tileovl__container {
background: #9CC5C1;
padding: 4rem 4rem 4rem 4rem;
position: relative;
width: 100%;
max-width: 886px;
min-height: 564px;
margin: auto;
}
.block-tileovl__title {
font-weight: bold;
font-size: 31px;
margin-bottom: 1rem;
line-height: 1.2;
}
.block-tileovl__subtitle {
font-weight: bold;
font-size: 26px;
margin-bottom: 0.8rem;
}
.block-tileovl__text {
font-weight: normal;
font-size: 16px;
margin-bottom: 4rem;
}
.block-tileovl__img {
position: relative;
right: 0;
top: 0;
width: 100%;
}
.block-tileovl__listentry {
margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
.block-zitate__slide {
background: #EEEEEE;
padding: 3rem 46px 1.9rem;
position: relative;
max-width: 1151px;
margin: 2rem 4rem 3rem;
}
#post-13998 .article_image {
min-height: 350px;
}
}
@media screen and (min-width: 1024px) {
#post-13998 .article_image {
min-height: 650px;
}
}
@media screen and (min-width: 1440px) {
.block-tileovl__container {
margin: 0;
}
.block-tileovl__img {
position: absolute;
right: -410px;
top: 55px;
max-width: 620px;
}
.block-tileovl__container {
padding: 4rem 16rem 4rem 4rem;
}
}
.block-tile_img_text__wrapper {
display: block;
flex-wrap: nowrap;
box-sizing: border-box;
justify-content: stretch;
margin-bottom: 4rem;
}
.block-tile_img_text__container_l {
min-height: 485px;
width: 100%;
max-width: 577px;
background-position: center;
background-size: cover;
}
.block-tile_img_text__container_r {
background: #EEEEEE;
padding: 2rem 3rem 2rem;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 719px;
}
@media screen and (min-width: 969px) {
.block-tile_img_text__wrapper {
display: flex;
flex-wrap: nowrap;
box-sizing: border-box;
justify-content: stretch;
margin-bottom: 4rem;
}
.block-tile_img_text__container_l {
min-height: 485px;
width: 577px;
flex-basis: 577px;
background-position: center;
background-size: cover;
}
.block-tile_img_text__container_r {
background: #EEEEEE;
padding: 2rem 3rem 2rem;
display: flex;
flex-direction: column;
justify-content: center;
flex-basis: 719px;
width: 719px;
}
}
.block-tile_img_text__wrapper * {
box-sizing: border-box;
}
.block-tile_img_text__title {
color: #B81E40;
font-size: 31px;
margin-bottom: 1.3rem;
font-weight: bold;
line-height: 1.3;
}
.slider-arrow.slider-prev.left-zitat-arrow {
left: 30px;
}
.slider-arrow.slider-next.right-zitat-arrow {
right: 30px;
}
.bullet-cstm {
width: 17px;
position: relative;
top: 3px;
margin-right: 15px;
}
.block-book__title, .block-book__autor, .block-book_verlag {
display: none;
}
.slick-center .block-book__title, .slick-center .block-book__autor, .slick-center .block-book_verlag {
display: block;
}
.block-book_slide {
transform: scale(.5);
transition: transform .3s cubic-bezier(.4, 0, .2, 1);
text-align: center;
}
.slick-center.block-book_slide {
transform: scale(1);
}
.block-book_slide img {
width: 100%;
height: auto;
}
.block-book_slider {
max-width: 1000px;
margin: 0 auto 100px;
}
.block-book__title {
font-size: 20px;
font-weight: bold;
}
.block-book__autor {
font-weight: bold;
}
.block-book_verlag {
font-size: 12px;
}
/* POD Landingapge */
.pod-news {
justify-content: space-between;
align-items: center;
}
.pod-news.columns-3 li {
background: #eee;
padding: 60px 20px;
box-sizing: border-box;
}
.pod-news.columns-3 li:hover {
background: #B81E40;
}
.pod-news.columns-3 li:hover a {
color: #ffffff;
}
.pod-news a {
color: #000;
font-weight: bold;
font-size: 24px;
}
div.contact-form-pod .wpforms-field-text input.wpforms-field-medium, div.contact-form-pod .wpforms-field-email input.wpforms-field-medium {
height: 60px;
background: #EEEEEE;
border: 0;
border-radius: 0;
}
div.contact-form-pod .wpforms-field-textarea textarea.wpforms-field-medium {
background: #eeeeee;
height: 140px;
border: 0;
border-radius: 0;
padding: 20px;
}
div.contact-form-pod .wpforms-form button[type=submit].pod-submit {
width: 100%;
border: 0;
border-radius: 0;
color: #ffffff;
background: #B81E40;
}
div.contact-form-pod .wpforms-form h2 {
text-transform: uppercase;
font-size: 28px;
}
}