@font-face {
font-family: Noto Sans;
src: url(https://www.craneparts.at/wp-content/themes/craneparts/font/Noto_Sans/NotoSans-Light.ttf);
font-weight: 300;
}
@font-face {
font-family: Noto Sans;
src: url(https://www.craneparts.at/wp-content/themes/craneparts/font/Noto_Sans/NotoSans-Medium.ttf);
font-weight: 500;
}
@font-face {
font-family: Noto Sans;
src: url(https://www.craneparts.at/wp-content/themes/craneparts/font/Noto_Sans/NotoSans-Bold.ttf);
font-weight: 700;
}
@font-face {
font-family: Noto Sans;
src: url(https://www.craneparts.at/wp-content/themes/craneparts/font/Noto_Sans/NotoSans-Black.ttf);
font-weight: 900;
} html{
scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; } html::-webkit-scrollbar {
display: none;
}
body{
margin: 0;
font-family: Noto Sans;
}
body.hide-overflow{
overflow: hidden;
}
.page-id-205 .us-4,.page-id-205 .us-5{
display: none;
}
.header-language-switcher li::before{
content: "";
background: url(https://www.craneparts.at/wp-content/themes/craneparts/img/icons/arrow_right_white.svg);
position: absolute;
width: 15px;
height: 15px;
color: white;
left: -15px;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
font-size: 1rem;
font-weight: bold;
}
.header-language-switcher li{
opacity: 0.5;
list-style: none;
position: relative;
}
.header-language-switcher li a{
font-size: 1.6rem;
}
.header-language-switcher li.current-lang{
opacity: 1;
font-weight: bold;
}
.header-language-switcher li.current-lang::before{
opacity: 1;
}
.hover_effect,.hover_effect *{
cursor: ew-resize;
}
.max-width{
width: 90%;
max-width: 1200px;
margin: auto;
}
.grey_background{
background-color: #CBCBCB;
}
.red_headline{
font: normal normal 700 60px/82px Noto Sans;
color: #E41B12;
text-transform: uppercase;
margin: 0;
}
.red_subline{
font: normal normal bold 40px/55px Noto Sans;
color: #E41B12;
text-transform: uppercase;
}
.grey_subline{
font: normal normal bold 40px/55px Noto Sans;
color: #777777;
text-transform: uppercase;
}
section{
text-align: center;
overflow: hidden;
}
section#ansprechpartner{
overflow:visible;
}
p{
font: normal normal 500 16px/30px Noto Sans;
}
.animated_underline_link a{
text-decoration: none;
}
.animated_underline_link{
padding: 8px 2px;
color: #000;
background-color: rgba(0,0,0,0);
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 6'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2px' stroke-linecap='square' d='M0 4h20'/%3E%3C/svg%3E");
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 20px 8px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
text-decoration: none;
}
.animated_underline_link:hover{
color: #000;
background-color: rgba(0,0,0,0);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 6'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2px' stroke-linecap='square' d='M0 4l10-3 10 3'/%3E%3C/svg%3E");
-webkit-animation: shift .6s linear infinite;
animation: shift .6s linear infinite;
}
@keyframes shift{
0% {
background-position: 0 100%;
}
100% {
background-position: -20px 100%;
}
}
.page-template-template-unternehmen .invert,.page-template-template-produkte .invert{
filter: invert(0) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.75));
-webkit-filter: invert(0) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.75));
}
.breadcrumbs{
font: normal normal 300 25px/34px Noto Sans;
display: flex;
align-items: center;
margin: 60px auto;
}
.breadcrumbs img{
opacity: 0.6;
width: 100%;
height: auto;
max-width: 15px;
object-fit: contain;
object-position: center;
display: block;
margin: 0 25px;
}
.breadcrumbs a{
color: rgba(0, 0, 0, 0.6);
text-decoration: none;
}
.breadcrumbs img:last-of-type{
opacity: 1;
}
.breadcrumbs a:last-of-type{
color: black;
}
.black_image_fade{
width: 100%;
height: 100%;
position: absolute;
background: transparent linear-gradient(180deg, #00000000 50%, #000000 100%) 0% 0% no-repeat padding-box;
}
.black_underline_link{
font: normal normal 500 30px/35px Noto Sans;
margin-bottom: 200px;
}
.cursor-child{
transform-origin: center;
display: inline-block;
position: fixed;
left: -25px;
top: -25px;
width: 50px;
height: 50px;
opacity: 0;
pointer-events:none;
transition: opacity 0.10s;
z-index: 999; }
.cursor-child-inner{
transform-origin: center;
display: inline-block;
width: 100%;
height: 100%;
border: 1px solid black;
border-radius: 100%;
pointer-events:none;
transition: transform 0.08s; }  #top_btn{
position: fixed;
right: 15px;
bottom: 15px;
z-index: 99;
cursor: pointer;
opacity: 0;
}
#top_btn.hide_btn{
animation-delay: 1s;
animation: hideButton 1s forwards;
}
@keyframes hideButton {
0%{
opacity: 1;
}
100%{
opacity: 0;
display: none;
}
}
#top_btn.hide_btn .cls{
animation: hideButton_item 0.3s forwards;
}
#top_btn.hide_btn .cls-1{
animation-delay: 0s;
}
#top_btn.hide_btn .cls-2{
animation-delay: 0.1s;
}
#top_btn.hide_btn .cls-3{
animation-delay: 0.2s;
}
@keyframes hideButton_item {
0%{
opacity: 1;
transform: translateX(0);
}
100%{
opacity: 0;
transform: translateX(50px);
}
}
#top_btn.show_btn{
opacity: 1;
display: block;
}
#top_btn.show_btn .cls-3{
animation: showButton_item_3 1s forwards;
}
@keyframes showButton_item_3 {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
#top_btn.show_btn .cls-2{
animation: showButton_item_2 1s forwards;
}
@keyframes showButton_item_2 {
0%{
transform: translateY(38px);
opacity: 0;
}
100%{
opacity: 1;
transform: translateY(0px);
}
}
#top_btn.show_btn .cls-1{
animation: showButton_item_1 1s forwards;
}
@keyframes showButton_item_1 {
0%{
transform: translateY(76px);
opacity: 0;
}
100%{
opacity: 1;
transform: translateY(0px);
}
}
#top_btn svg{
width: 100%;
max-width: 55px;
filter: drop-shadow(0px 0px 8px black);
-webkit-filter: drop-shadow(0px 0px 8px black);
}
#top_btn .cls{
position: relative;
transform-origin: center;
transition: ease all 0.4s;
}
.invert{
filter: invert(1) drop-shadow(0px 0px 10px rgba(255,255,255,0.75));
-webkit-filter: invert(1) drop-shadow(0px 0px 10px rgba(255,255,255,0.75));
}
header{
position: absolute;
top: 0;
z-index: 2;
display: flex;
justify-content: space-between;
width: 100%;
}
.header-round-icon-container,.menu-container,.header-logo{
margin-top: 75px;
}
.header-logo img{
width: 100%;
}
.header-language-switcher{
width: 100%;
max-width: 65px;
margin-right: 5px;
}
.header-language-switcher select{
cursor: pointer;
text-decoration: none;
font-size: 2rem;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
padding: 0;
margin: 0;
outline: none;
position: relative;
color: white;
background-color: rgba(0, 0, 0, 0);
border: 2px solid white;
border-radius: 100px;
width: 65px;
height: 65px;
text-align: center;
}
.header-round-icon-webshop.header-round-icon{
width: 110px;
height: 110px;
}
.header-round-icon-container{
position: relative;
margin-left: 75px;
width: 100%;
max-width: 195px;
margin-right: 70px;
}
.header-round-icon-inner{
position: absolute;
z-index: 1;
right: 0;
top: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.home .invert{ }
.home .s-2 .full_text{
max-width: 666px;
}
.header-round-icon-webshop.header-round-icon{
filter: invert(0) drop-shadow(0px 0px 15px rgba(0,0,0,0.65));
-webkit-filter: invert(0) drop-shadow(0px 0px 15px rgba(0,0,0,0.65));
}
.header-round-icon{
width: 65px;
height: 65px;
margin-bottom: 26px;
}
.header-round-icon img{
width: 100%;
height: 100%;
object-fit: contain;
}
header.menu-active{
background-color: black;
}
.menu-active .invert{
filter: invert(0);
-webkit-filter: invert(0);
}
header a{
color: white;
text-decoration: none;
display: block;
cursor: pointer;
}
#menu_trigger{
cursor: pointer;
position: relative;
width: 94px;
height: 68px;
}
.menu-active .header-logo,.home .menu-active .header-logo{
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
.header-logo{
width: 100%;
max-width: 310px;
max-height: 52px;
object-fit: contain;
height: auto;
margin-right: 150px;
transition: ease all 0.4s;
}
.line { 
position: absolute; 
left:0px;
height: 1px; 
width: 100%; 
background: #fff; border-radius: 0px;
display: block; 
transition: 0.5s; 
transform-origin: center; 
}
.line:nth-child(1) { top: 22px; }
.line:nth-child(2) { top: 34px; }
.line:nth-child(3) { top: 46px; }
.menu-active #menu_trigger .line:nth-child(1){
transform: translateY(12px) rotate(-45deg);
}
.menu-active #menu_trigger .line:nth-child(2){
opacity:0;
}
.menu-active #menu_trigger .line:nth-child(3){
transform: translateY(-12px) rotate(45deg);
}
.header-video{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
opacity: 0;
transition: ease all 0.4s;
}
.menu-active .header-video{
opacity: 1;
}
header ul{
padding: 0;
margin: 0;
}
header ul li{
list-style: none;
}
header ul li a{
font: normal normal 300 40px/55px Noto Sans;
color: #FFFFFF;
margin-top: 15px;
position: relative;
width: fit-content;
}
header ul li a::after{
content: "";
position: absolute;
width: 0%;
transition: ease all 0.4s;
height: 1px;
background-color: white;
bottom: 0;
left: 0;
}
header ul li.current-menu-item a::after,header ul li:hover a::after{
width: 100%;
}
.menu-container{
width: 100%; }
#menu-de,#menu-en{
transition: ease 0.4s all;
height: 0;
opacity: 0;
overflow: hidden;
}
.menu-active #menu-de, .menu-active #menu-en{
height: 100vh;
opacity: 1;
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #BFBFBF;
color: black;
text-align: center;
border-radius: 6px;
padding: 5px 0; position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
left: calc(100% + 5px);
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.tooltip-right::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent #BFBFBF transparent transparent;
}  h1{
font: normal normal 900 86px/122px Noto Sans;
color: black;
text-transform: uppercase;
cursor: default;
}
video.home-video{
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
position: absolute;
left: 0;
top: 0;
}
.home-image-mobile{
width: 100%;
height: auto;
pointer-events: none;
position: absolute;
left: 0;
top: 0;
display: none;
visibility: hidden;
margin-top: 80px;
}
section.s-1{
width: 100%;
height: 100vh;
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: column;
position: relative;
}
section .intro{
position: relative;
z-index: 1;
text-align: center;
color: black;
margin-bottom: 30px;
}
.home section .intro{
filter: drop-shadow(0px 0px 30px white);
-webkit-filter: drop-shadow(0px 0px 30px white);
}
section .intro a{
color: black;
display: flex;
font: normal normal 300 30px/41px Noto Sans;
flex-direction: column;
text-decoration: none;
justify-content: center;
align-items: center;
}
section .intro a img{
max-width: 32px;
width: 100%;
filter: invert(1);
-webkit-filter: invert(1);
}
section .intro a span{
display: block;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid;
}
.bereich_single:nth-child(2)::after{
content: "";
width: 645px;
height: 684px;
position: absolute;
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/square-lines.svg);
background-size: contain;
background-position: right center;
background-repeat: no-repeat;
right: -25%;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.s-2 .red_headline{
margin-bottom: 100px;
margin-top: 0;
}
.s-2 .max-width,.s-3 .max-width{
margin: 150px auto;
}
.home .s-3 .red_headline{
margin: 0;
margin-bottom: 17px;
}
.s-3 .red_headline,.s-3 .red_subline{
margin: 0;
}
.bereich_overview{
margin-top: 100px;
}
.bereich_single img{
grid-area: imgArea;
object-fit: cover;
height: 513px;
width: 586px;
}
.bereich_single:nth-of-type(even) {
display: grid;
grid-template-areas: "auto imgArea"
"auto imgArea";
}
.bereich_single {
position: relative;
grid-template-rows: auto auto;
display: grid;
grid-template-areas: "imgArea auto"
"imgArea auto";
margin-bottom: 180px;
}
.bereich_single .red_subline{
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.bereich_single .half_text{
width: 90%;
margin: auto;
height: 100%;
}
.logo_pattern{
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/craneparts_pattern.svg);
background-size: contain;
background-position: center;
}
.quality_stopper a{
display: inline-block;
margin: 50px auto;
}
.s-4 .red_headline{
margin-bottom: 100px;
}
.s-4{
margin-bottom: 100px;
}
.topProdukte .swiper-slide img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.s-5{
max-width: 1920px;
margin: auto;
}
.swiper {
width: 100%;
height: 100%;
}
.topProdukte .swiper-slide {
box-shadow: 0px 3px 6px #00000029;
margin: 15px;
width: 360px;
height: 360px;
overflow: hidden;
}
.jedes_teil_zaehlt{
width: 100%;
max-width: 230px;
overflow: hidden;
position: absolute;
right: -115px;
top: 50%;
transform: translateY(-50%);
}
.jedes_teil_zaehlt .jtz_greifer{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 105px;
}
.jedes_teil_zaehlt .jtz_text{
transform-origin: center;
transform: rotate(99deg);
animation: linear rotateText 8s infinite;
}
@keyframes rotateText {
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
.s-5{
position: relative;
}
.s-5 .max-width{
position: relative;
margin: 100px auto;
}
.s-5 a{
text-decoration: none;
}
.top_produkte_link{
display: flex;
justify-content: center;
align-items: center;
}
.top_produkte_link img{
max-width: 130px;
}
.top_produkte_declaration{
background-color: #E41B12;
position: absolute;
width: calc(100% - 20px);
padding: 18px 0;
top: -100px;
left: 50%;
transform: translateX(-50%);
color: white;
font: normal normal 500 25px/34px Noto Sans;
text-transform: uppercase;
display: block;
transition: ease all 0.4s;
opacity: 0;
}
.topProdukte .swiper-slide:hover .top_produkte_declaration{
opacity: 1;
top: 10px;
}
.top_produkte_link a.animated_underline_link{
text-transform: uppercase;
display: block;
font: normal normal 500 30px/41px Noto Sans;
color: #000000;
margin-left: 30px;
}
.home_kontakt_bereich.max-width{
position: relative;
max-width: 1500px;
text-align: left;
}
.home_kontakt_bereich .red_half_box{
background-color: #E41B12;
color: white;
position: absolute;
z-index: 1;
right: 0;
bottom: 20%;
min-height: 337px;
width: 100%;
max-width: 734px;
display: flex;
justify-content: center;
align-items: center;
font: normal normal bold 40px/65px Noto Sans;
text-transform: uppercase;
text-align: center;
}
.home_kontakt_bereich .image_half_box{
width: 100%;
max-width: 1000px;
transition: ease all 0.4s;
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
.home_kontakt_bereich .image_half_box:hover{
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.red_half_box_kontakt_button{
position: absolute;
bottom: 0;
text-align: center;
font: normal normal 500 30px/41px Noto Sans;
text-decoration: none;
color: black;
margin-bottom: 30px;
filter: invert(1);
-webkit-filter: invert(1);
}
.s-6{
margin-top: 100px;
margin-bottom: 200px;
}  .us-image{
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
position: absolute;
left: 0;
top: 0;
}
.us-1 h1{
color: white;
}
.almost_full_text{
width: 100%;
max-width: 770px;
margin: auto;
}
.full_text{
margin: 100px auto;
}
.us-2 .grey_subline{
margin-top: 0;
}
.partner_box{
display: flex;
justify-content: center;
align-items: center;
}
.partner.swiper{
width: 100%;
max-width: 550px;
height: 130px;
margin: 0;
}
.partner.swiper .swiper-slide img{
width: 100%;
height: 100%;
object-fit: contain;
max-width: 200px;
}
.partner-button-prev,.partner-button-next{
height: 130px;
width: 65px;
cursor: pointer;
}
.partner-button-prev img,.partner-button-next img{
width: 100%;
height: 100%;
object-fit: contain;
filter: brightness(0.5);
-webkit-filter: brightness(0.5);
}
.partner_slider{
display: flex;
}
.partner_intro{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.partner_intro_logo{
max-width: 307px;
width: 100%;
}
.partner_intro_title{
font: normal normal bold 60px/82px Noto Sans;
color: #777777;
text-transform: uppercase;
}
.us-3.grey_background{
margin: 200px auto;
}
.us-3.grey_background .partner_box{
margin: 50px auto;
display: flex;
justify-content: space-between;
}
.square_deko{
background-size: 360px;
background-repeat: no-repeat;
background-position: top right;
}
.grey_square_deko{
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/dekoration_stripes.svg);
}
.red_square_deko{
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/dekoration_stripes_red.svg);
}
.red_arrow_dekoration{
position: relative;
min-height: 80px;
}
.red_arrow_dekoration::before{
position: absolute;
content: "";
width: 130px;
height: 80px;
left: 0;
top: 50%;
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/icons/arrows_right_red.svg);
background-repeat: no-repeat;
background-size: contain;
transform: translateY(-50%);
} .product_triple{
display: flex;
background-size: cover!important;
background-position: top center;
background-image: none;
transition: all 0.5s;
position: relative;
margin: 0 auto;
max-width: 1400px;
margin-top: 200px;
margin-bottom: 112px;
}
.product_triple .product_triple_single {
width: 33.33%;
height: 600px;
display: flex;
opacity: 1!important;
flex-wrap: wrap;
align-items: center;
background-size: cover;
background-position: top center;
position: relative;
transition: all 0.5s;
text-decoration: none;
}
.overlay {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 0;
background: rgba(0,0,0,.5);
transition: all 0.4s;
transition-timing-function: ease-out;
}
.active_product_triple .titeloverlay{
opacity: 0;
}
.active_product_triple .active_single_triple .titeloverlay{
opacity: 0.2;
}
.titeloverlay{
opacity: 1;
}
.nth1-background{
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/produkte/Produkte_Aufbauzubehoer_quer.jpg);
}
.nth2-background{
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/produkte/Produkte_Kranzubehoer_quer.jpg);
}
.nth3-background{
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/produkte/Produkte_Original-ET_quer.jpg);
}
.nth1{
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/produkte/Produkte_Aufbauzubehoer_hoch.jpg);
}
.nth2{
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/produkte/Produkte_Kranzubehoer_hoch.jpg);  
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.nth3{
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/produkte/Produkte_Original-ET_hoch.jpg);
}
.active_product_triple .nth1,.active_product_triple .nth2,.active_product_triple .nth3{
background-image: none;
border-color: rgba(0, 0, 0, 0);
}
.nth1 .titeloverlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
transition: all 0.5s;
visibility: visible;
}
.nth2 .titeloverlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
top: 0;
width: 100%;
transition: all 0.5s;
visibility: visible;
}
.nth3 .titeloverlay {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
transition: all 0.5s;
visibility: visible;
}
.stage-content {
width: 100%;
color: #fff;
text-align: center;
margin: 0 auto;
max-width: 300px;
z-index: 11;
transition: all 0.5s;
}
.stage-content h3 {
font: normal normal 900 50px/76px Overpass;
text-transform: uppercase;
display: none;
}
.active_single_triple .stage-content h3{
display: block;
}
.active_single_triple .stage-content .stage-innen,.active_single_triple .stage-content .mehrbtn{
opacity: 1;
visibility: visible;
}
.overlay{
transition: ease all 0.4s;
}
.active_single_triple .overlay{
height: 100%;
}
.stage-content .stage-innen, .stage-content .mehrbtn {
visibility: hidden;
transition: all 0.5s;
opacity: 0;
}
.stage-innen {
margin: 0 0 3em 0;
}
.stage-content .stage-innen, .stage-content .mehrbtn {
visibility: hidden;
transition: all 0.5s;
opacity: 0;
}
.mehrbtn{
opacity: 1;
text-decoration: none;
padding: 10px 24px;
display: flex;
justify-content: flex-end;
align-items: center;
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
.mehrbtn img{
max-width: 48px;
height: auto;
width: 100%;
}
.produkte .swiper-slide{
height: 373px;
}
.produkte .swiper-slide a{
position: relative;
display: block;
width: 100%;
height: 100%;
}
.produkte .swiper-slide a span{
position: absolute;
transition: ease all 0.4s;
width: 100%;
height: 100%;
background-color: #E41B12;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
color: white;
overflow: hidden;
font: normal normal 500 25px/34px Noto Sans;
text-transform: uppercase;
}
.produkte .swiper-slide a:hover span{
width: 0%;
}
.produkte .produkt-image{
width: 100%;
height: 100%;
object-fit: contain;
}
.mobile_product_title{
display: none;
} section.s-1.s-1-default.produkt_us{
height: 160px;
}
section.s-1.produkt_us{
width: 100%;
max-width: 1200px;
margin: auto;
margin-top: 200px;
height: 700px;
}
section.produkt_us .intro{
position: absolute;
}
.produkt_us .us-image{
position: relative;
height: auto;
object-fit: contain;
}
.s-1-default.produkt_us h1{
color: #E41B12;
}
.produkt_us h1{
color: white;
margin-bottom: 0;
}
.produkt_unterseiten_box{
}
.produkt_us .almost_full_text{
margin-top: 100px;
margin-bottom: 80px;
}
.split_image{
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/placeholder_500px.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.split_image .split_content{
width: 50%;
background-color: rgba(203,203,203,0.75);
}
.split_content img{
width: 100%;
height: auto;
display: block;
}
.split_content h4{
margin: 0;
text-align: left;
font: normal normal bold 25px/34px Noto Sans;
letter-spacing: 0px;
color: #000000;
text-transform: uppercase;
}
.split_content_text{
margin: 75px 0;
}
.split_content_inner{
width: 90%;
max-width: 372px;
margin: 200px auto;
display: inline-block;
}
.split_content_text ul{
text-align: left;
padding-left: 15px;
}
.split_content_text ul li{
font: normal normal 500 26px/35px Noto Sans;
}
.oe_image_box{
position: relative;
}
.oe_image_box::after{
content: "";
position: absolute;
width: 50%;
height: 60%;
top: 50%;
transform: translateY(-50%);
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
}
.us-5.oe_image_box::after{
right: 0;
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/icons/dekoration_stripes_square_red.svg);
background-position: right;
}
.us-7.oe_image_box::after{
left: 0;
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/icons/dekoration_dots_square_red.svg);
background-position: left;
}
.us-4.oe_text .almost_full_text{
margin-top: 30px;
}
.oe_link_btn{
margin-top: 100px;
}  section.s-1.small_intro{
max-height: 360px;
}
.small_intro h1{
color: #E41B12;
margin-bottom: 30px;
}
section.grey_arrow_background{
overflow: visible;
}
.grey_arrow_background{
position: relative;
}
.grey_arrow_background::after{
content: "";
position: absolute;
width: 360px;
height: 215px;
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/icons/arrow_right_grey.svg);
top: 50%;
right: 5%;
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.single_posttype{
box-shadow: 0px 0px 29px #7E7E7E29;
margin: auto;
margin-bottom: 100px;
position: relative;
background-color: white;
padding: 90px 0;
display: grid;
justify-content: center;
align-items: center;
}
.single_posttype_ansprechpartner{
grid-template-columns: 1fr 2fr;
}
.single_posttype:last-of-type{
margin-bottom: 200px;
}
.single_posttype .mitarbeiter_kategorie{
writing-mode: vertical-lr;
display: inline-block;
text-align: center;
font: normal normal bold 50px/68px Noto Sans;
color: #E41B12;
text-transform: uppercase;
transform: rotate(180deg);
margin: 0 30px;
}
.single_posttype img{
height: 600px;
width: 400px;
object-fit: cover;
}
.single_posttype_image_box{
display: flex;
}
.single_pt_slogan p,.single_pt_slogan{
font: normal normal bold 40px/55px Noto Sans;
text-transform: uppercase;
color: #777777;
}
.single_pt_slogan p span{
color: #E41B12;
}
.single_pt_name{
margin: 45px 0;
}
.single_pt_name p{
text-align: center;
font: normal normal bold 30px/41px Noto Sans;
color: #777777;
margin: 20px 0;
}
.single_pt_name p:first-of-type{
text-transform: uppercase;
}
.single_pt_text,.single_pt_text a{
font: normal normal 500 30px/41px Noto Sans;
color: #000000;
}
.single_posttype_news .single_pt_text a{
font: normal normal 500 16px/30px Noto Sans;
}
.single_pt_text a{
text-decoration: none;
margin: 5px 0;
display: inline-block;
}  .single_posttype_news .single_posttype_content_box{
grid-area: single_posttype_content_box;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
height: 100%;
}
.single_posttype_news .single_posttype_image_box{
grid-area: single_posttype_image_box;
}
.single_posttype_news h3.single_pt_name{
font: normal normal bold 30px/41px Noto Sans;
color: #777777;
text-transform: uppercase;
}
.single_posttype_news .single_pt_text{
font: normal normal 500 16px/30px Noto Sans
}
.single_posttype_news{
grid-template-areas: 'posttype_date posttype_date posttype_date'
'single_posttype_image_box single_posttype_content_box single_posttype_content_box'  ;
padding: 50px 50px 100px 50px;
align-items: flex-start;
}
.single_posttype_news .single_posttype_image_box img{
width: 540px;
height: 540px;
object-fit: cover;
}
.single_posttype_news .single_posttype_content_box{
margin-left: 85px;
text-align: left;
}
.single_posttype_news .single_pt_name {
margin-top: 0;
}
.single_posttype_news .posttype_date{
grid-area: posttype_date;
font: normal normal bold 30px/41px Noto Sans;
color: #E41B12;
text-transform: uppercase;
text-align: left;
margin-bottom: 40px;
} .wpcf7{
margin: 55px;
}
.wpcf7 input,.wpcf7 select,.wpcf7 textarea{
border: 1px solid #707070;
border-radius: 0;
outline: none;
resize: none;
font: normal normal 500 20px/35px Noto Sans;
color: #BFBFBF;
width: calc(100% - 2px - 50px);
margin-bottom: 50px;
-webkit-appearance: none !important;
-moz-appearance: none;
}
.wpcf7 input::placeholder,.wpcf7 textarea::placeholder{
color: #BFBFBF;
}
.wpcf7-form-control-wrap{
display: flex;
flex-direction: column;
}
.wpcf7 input,.wpcf7 select{
padding: 70px 0px 20px 50px;
}
.wpcf7 select{
width: 100%;
}
.wpcf7 textarea{
padding: 20px 0 0 50px;
height: 250px;
}
.wpcf7 input[type=submit]{
padding: 0;
border: none;
background-color: white;
color: black;
width: fit-content;
font: normal normal 500 30px/35px Noto Sans;
padding-bottom: 4px;
}
.wpcf7-acceptance,.datenschutz_box{
color: #777777;
font: normal normal 500 20px/35px Noto Sans;
display: flex;
margin-bottom: 50px;
}
.wpcf7-acceptance a,.datenschutz_box a{
color: #777777;
}
.text-align-right{
display: block;
text-align: right;
}
.text-align-right p{
display: flex;
flex-direction: column;
align-items: flex-end;
}
.wpcf7-acceptance label{
display: flex;
justify-content: center;
align-items: center;
}
.wpcf7-acceptance .wpcf7-list-item{
margin: 0;
}
.wpcf7-acceptance input{
width: fit-content;
padding: 0;
width: 36px;
height: 36px;
margin: 0;
margin-right: 15px;
}
.page-id-25 .us-4.produkt_us{
background-size: 360px;
background-repeat: no-repeat;
background-position: top right;
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/dekoration_stripes_red.svg);
}
.kontakt_footer_text{
background-image: url(https://www.craneparts.at/wp-content/themes/craneparts/img/craneparts-firmengebaeude.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
color: white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-transform: uppercase;
text-align: left;
padding-left: 90px;
}
.kontakt_footer_text h2{
font: normal normal 900 30px/41px Noto Sans;
}
.kontakt_footer_text p{
font: normal normal 900 22px/35px Noto Sans;
}
.kontakt_footer_text a{
color: white;
text-decoration: none;
}
.kontakt_footer{
display: grid;
grid-template-columns: 50% 50%;
}
.kontakt_footer img{
width: 100%;
height: auto;
display: block;
} .single_posttype_videos{
padding: 40px 60px;
}
.video_wrapper {
position: relative;
padding-bottom: 56.25%; }
.video_wrapper iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video_container{
display: grid;
grid-template-columns: 1fr 1fr;
margin-bottom: 200px;
grid-gap: 60px;
}
.video_container h3{
font: normal normal bold 30px/41px Noto Sans;
text-align: left;
color: #E41B12;
} .page-id-399 h3,.page-id-399 h2{
color: #777777;
font: normal normal bold 30px/27px Noto Sans;
text-transform: uppercase;
} footer{
border-top: 1px solid black;
padding-top: 25px;
margin-top: 50px;
margin-bottom: 160px;
}
footer p,footer a,footer, footer h2{
font: normal normal 300 20px/27px Noto Sans;
color: #000000;
text-decoration: none;
}
footer h2{
margin-top: 35px;
font: normal normal bold 20px/27px Noto Sans;
}
footer .footer-content{
display: flex;
justify-content: space-between;
align-items: center;
}
footer .footer-content:nth-of-type(2){
margin-top: 40px;
}
.some_icon:hover{
opacity: 0.8;
}
.some_icon{
transition: ease all 0.4s;
display: inline-block;
}
.some_icon img{
width: 100%;
max-width: 51px;
display: block;
}
.footer-logo img{
width: 100%;
max-width: 266px;
}
.link_box .textwidget a{
margin: 10px;
text-decoration: none;
color: black;
margin: 0;
}
.footer-partner-box{
display: flex;
align-items: flex-end;
}
.some_box .some_icon:nth-of-type(even){
margin-left: 56px;
}
.footer-partner-logo:nth-of-type(even){
margin-left: 80px;
}
.link_box .textwidget a:nth-of-type(even){
margin: 0 40px;
}
.footer-partner-logo{
display: block;
}
.footer-partner-logo img{
width: 100%;
max-width: 162px;
display: block;
}
.footer-kontakt-box .footer-logo{
display: block;
margin-bottom: 31px;
}
.footer-kontakt-box .textwidget p{
margin: 0;
}     @media (max-width: 1366px) {
.header-language-switcher li a {
font-size: 1.3rem;
}
h1 {
font: normal normal 900 69px/98px Noto Sans;
}
section .intro a,  .top_produkte_link a.animated_underline_link{
font: normal normal 300 24px/33px Noto Sans;
}
.top_produkte_link img {
max-width: 104px;
}
.red_headline {
font: normal normal 700 48px/66px Noto Sans;
}
.red_subline,.grey_subline,  .single_pt_slogan p, .single_pt_slogan{
font: normal normal bold 32px/44px Noto Sans;
}
.home_kontakt_bereich .red_half_box {
font: normal normal bold 32px/52px Noto Sans;
}
footer p, footer a, footer, footer h2 {
font: normal normal 300 16px/21px Noto Sans;
}
.breadcrumbs {
font: normal normal 300 20px/27px Noto Sans;
}
.breadcrumbs img{
max-width: 12px;
}
section .intro a img{
max-width: 26px;
}
.jedes_teil_zaehlt{
max-width: 184px;
}
.split_content h4 {
font: normal normal bold 20px/27px Noto Sans;
}
.split_content_text ul li {
font: normal normal 500 21px/28px Noto Sans;
}
.partner_intro_title {
font: normal normal bold 48px/66px Noto Sans;
}
.black_underline_link {
font: normal normal 500 24px/28px Noto Sans;
}
.single_posttype .mitarbeiter_kategorie {
font: normal normal bold 40px/54px Noto Sans;
}
.single_pt_name p,.single_posttype_news .posttype_date,  .single_posttype_news h3.single_pt_name,  .video_container h3 {
font: normal normal bold 24px/33px Noto Sans;
}
.single_pt_text, .single_pt_text a ,.wpcf7 input[type=submit]{
font: normal normal 500 24px/33px Noto Sans;
}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea ,  .wpcf7-acceptance,.datenschutz_box{
font: normal normal 500 16px/28px Noto Sans;
}
.kontakt_footer_text h2 {
font: normal normal 900 24px/33px Noto Sans;
}
.kontakt_footer_text p {
font: normal normal 900 18px/28px Noto Sans;
}
header ul li a {
font: normal normal 300 32px/44px Noto Sans;
}
.header-round-icon-inner{
flex-direction: row;
position: relative;
}
.header-round-icon-container{
display: flex;
align-items: flex-start;
justify-content: center;
}
header{
display: grid;
grid-template-areas:
"header_icons header_logo"
"header_menu header_menu";
}
.header-round-icon,.header-round-icon-webshop.header-round-icon,.header-language-switcher select{
width: 50px;
height: 50px;
margin: 0 5px;
}
.header-language-switcher select{
font-size: 1.3rem;
}
.header-logo{
order: 3;
margin-right: 70px;
grid-area: header_logo;
max-width: 248px;
}
.menu-container{
order: 1;
margin-left: 70px;
margin-top: 15px;
grid-area: header_menu;
width: auto;
}
.header-round-icon-container{
order: 2;
margin-left: 70px;
margin-right: 70px;
grid-area: header_icons;
}
#menu_trigger{
width: 80px;
}
.grey_arrow_background::after,.red_arrow_dekoration::before{
opacity: 0.3;
}
.bereich_single img{
width: 490px;
}
}
@media (max-width: 1024px) {
.bereich_single,.bereich_single:nth-of-type(even){
display: flex;
flex-direction: column;
align-items: center;
}
.bereich_single img {
margin-bottom: 25px;
}
.home .s-6{
padding-bottom: 200px;
}
.home_kontakt_bereich .image_half_box{
filter: unset;
-webkit-filter: unset;
}
.home_kontakt_bereich .red_half_box{
bottom: -200px;
left: 50%;
right: unset;
transform: translateX(-50%);
}
.s-5 .produkt_headline {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.topProdukte .swiper-slide{
height: 250px;
}
.jedes_teil_zaehlt{
position: relative;
right: unset;
top: unset;
transform: none;
margin-top: 40px;
}
.footer-content{
display: flex;
flex-direction: column;
}
.footer-partner-box{
margin-top: 30px;
}
.red_square_deko,.grey_square_deko{
background-image: none;
}
.stage-content .stage-innen, .stage-content .mehrbtn,.stage-content .stage-innen, .stage-content .mehrbtn{
visibility: visible;
opacity: 1;
}
.titeloverlay{
display: none;
}
.overlay{
height: 100%;
}
.mobile_product_title{
display: block;
}
.product_triple{
flex-direction: column;
}
.product_triple .product_triple_single {
width: 90%;
margin: 50px auto;
}
section.s-1.produkt_us{
width: 90%;
height: auto;
}
.produkte .swiper-slide{
height: 330px;
padding-bottom: 90px;
}
.produkte .swiper-slide a span{
height: 90px;
mix-blend-mode: multiply;
top: unset;
bottom: -90px;
}
.split_image .split_content{
width: 100%;
}
.us-3.grey_background .partner_box{
display: flex;
flex-direction: column;
}
.partner_slider{
margin-top: 50px;
}
.single_posttype_news{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.single_posttype_news .single_posttype_image_box img {
width: 270px;
height: 270px;
}
.single_posttype_news .single_posttype_content_box {
margin-left: 0;
text-align: center;
}
.single_posttype_news .single_pt_name{
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
.single_posttype_ansprechpartner,.single_posttype_image_box{
display: flex;
align-items: center;
flex-direction: column;
}
.single_posttype .mitarbeiter_kategorie{
writing-mode: unset;
transform: unset;
margin-bottom: 50px;
}
}
@media (max-width: 800px) {
.header-language-switcher li::before{
font-size: 0.8rem;
width: 10px;
height: 10px;
left: -10px;
}
.grey_arrow_background::after, .red_arrow_dekoration::before{
display: none;
}
.red_half_box_kontakt_button{
font: normal normal 500 24px/33px Noto Sans;
}
.home_kontakt_bereich .red_half_box {
font: normal normal bold 26px/42px Noto Sans;
}
.produkte .swiper-slide a span{
font: normal normal 500 16px/22px Noto Sans;
padding: 10px;
width: calc( 100% - 20px);
height: 80px;
}
.video_container{
grid-gap: 0;
}
.red_headline {
font: normal normal 700 39px/53px Noto Sans;
}
.single_posttype .mitarbeiter_kategorie {
font: normal normal bold 32px/43px Noto Sans;
}
.single_pt_name p, .single_posttype_news .posttype_date, .single_posttype_news h3.single_pt_name, .video_container h3 {
font: normal normal bold 20px/27px Noto Sans;
}
.single_pt_text, .single_pt_text a, .wpcf7 input[type=submit] {
font: normal normal 500 20px/27px Noto Sans;
}
.single_posttype{
box-shadow: none;
}
.topProdukte .swiper-slide{
height: 200px;
}
.home_kontakt_bereich .red_half_box{
width: 80%;
}
.bereich_single img {
width: 85%;
height: auto;
}
.bereich_single:nth-child(2)::after{
display: none;
}
.red_subline, .grey_subline, .single_pt_slogan p, .single_pt_slogan {
font: normal normal bold 26px/35px Noto Sans;
}
.red_headline {
font: normal normal 700 31px/43px Noto Sans;
}
h1 {
font: normal normal 900 55px/78px Noto Sans;
}
.home .s-3 .red_headline{
margin-bottom: 0;
}
.s-2 .red_headline {
margin-bottom: 50px;
}
.home .s-2 .full_text{
margin-top: 0;
}
section .intro a, .top_produkte_link a.animated_underline_link {
font: normal normal 300 20px/27px Noto Sans;
}
.breadcrumbs {
font: normal normal 300 16px/21px Noto Sans;
}
section .intro a img {
max-width: 21px;
}
.s-5 .produkt_headline{
margin-bottom: 30px;
}
.top_produkte_link img {
max-width: 84px;
}
.breadcrumbs img {
max-width: 10px;
}
.partner_intro_title {
font: normal normal bold 38px/53px Noto Sans;
}
.partner-button-prev, .partner-button-next{
width: 45px;
}
.black_underline_link {
font: normal normal 500 20px/22px Noto Sans;
}
.product_triple{
margin-top: 50px;
margin-bottom: 50px;
}
.red_arrow_dekoration::before{
height: 50px;
}
.single_posttype_news .single_pt_name {
margin-top: 30px;
margin-bottom: 30px;
}
.single_posttype_news .posttype_date {
margin-bottom: 20px;
}
.page-id-25 .us-4.produkt_us{
background-image: none;
}
.kontakt_footer{
display: flex;
flex-direction: column-reverse;
}
a.map,.kontakt_footer_text{
min-height: 500px;
}
}
@media (max-width: 600px) {
.header-language-switcher li a{
font-size: 1rem;
}
.produkte .swiper-slide a:hover span{
width: calc( 100% - 20px);
}
.tooltip:hover .tooltiptext {
visibility: hidden;
}
.single_posttype img{
width: 100%;
height: auto;
}
.single_posttype_image_box{
width: 100%;
}
h1 {
font: normal normal 900 44px/62px Noto Sans;
}
.single_posttype{
margin-bottom: 0;
}
.single_posttype .mitarbeiter_kategorie {
font: normal normal bold 26px/35px Noto Sans;
}
.home .s-6 {
padding-bottom: 100px;
}
.single_pt_name p{
margin: 0;
}
.breadcrumbs{
margin-top: 30px;
}
.single_posttype_videos {
padding: 30px 20px;
}
.video_container{
display: flex;
flex-direction: column;
}
.video_container h3 {
font: normal normal bold 18px/21px Noto Sans;
}
.wpcf7 {
margin: 0;
}
.wpcf7-acceptance input{
width: 50px;
height: 30px;
}
.home_kontakt_bereich .red_half_box{
width: 90%;
min-height: 200px;
bottom: -90px;
}
.red_half_box_kontakt_button{
font: normal normal 500 20px/27px Noto Sans;
}
section .intro a, .top_produkte_link a.animated_underline_link {
font: normal normal 300 16px/21px Noto Sans;
}
.header-round-icon-container {
margin-left: 0px;
margin-right: 0px;
}
.header-logo{
width: 150px;
margin-left: auto;
margin-right: auto;
height: 33px;
display: flex;
justify-content: center;
align-items: center;
}
.header-round-icon-container{
display: flex;
}
.header-round-icon, .header-round-icon-webshop.header-round-icon,.header-language-switcher select{
width: 35px;
height: 35px;
}
.header-language-switcher select{
font-size: 1rem;
border-width: 1px;
}
header{
justify-content: space-evenly;
}
.header-round-icon-container,.header-logo{
margin-top: 50px;
}
#menu_trigger {
width: 65px;
}
.menu-container{
margin-left: 15px;
}
header ul li a {
font: normal normal 300 26px/35px Noto Sans;
}
.home_kontakt_bereich .red_half_box {
font: normal normal bold 21px/34px Noto Sans;
}
.product_triple .product_triple_single{
height: auto;
min-height: 500px;
}
.produkte .swiper-slide a span{
font: normal normal 500 14px/18px Noto Sans;
height: 50px;
}
.produkte .swiper-slide{
height: 170px;
}
.us-4.oe_text .almost_full_text{
width: 90%;
margin: auto;
}
.breadcrumbs {
font: normal normal 300 13px/17px Noto Sans;
}
.breadcrumbs img {
max-width: 8px;
margin: 0px 15px;
}
.split_content h4 {
font: normal normal bold 16px/21px Noto Sans;
}
.split_content_text ul li {
font: normal normal 500 17px/23px Noto Sans;
}
.split_content_inner {
margin: 50px auto;
}
.us-5.oe_image_box::after,.us-7.oe_image_box::after{
display: none;
}
.top_produkte_declaration{
display: none;
}
}
@media (max-width: 500px) {
.single_posttype_news{
padding: 0px 0px 100px 0px;
}
section.s-1.s-1-default.produkt_us.small_intro,section.s-1.small_intro{
display: flex;
justify-content: center;
align-items: center;
height: 100px;
margin-top: 200px;
}
.small_intro h1{
margin: 0;
}
.page-id-25 .full_text {
margin: 0px auto;
}
.s-2 .max-width, .s-3 .max-width {
margin: 90px auto;
}
.bereich_single{
margin-bottom: 100px;
}
.home .s-4{
margin-bottom: 50px;
}
.home .s-5 .max-width{
margin: 50px auto;
}
.home .s-6{
overflow: visible;
margin-bottom: 50px;
}
.black_underline_link{
margin-bottom: 50px;
}
.home .s-4 .red_headline {
margin-bottom: 30px;
}
.header-round-icon-webshop.header-round-icon{
filter: none;
}
.home-image-mobile{
display: block;
visibility: visible;
}
.page-id-21 h1{
display: none;
}
.katalog_top_abstand{
display: none;
}
.page-id-21 section.s-1.s-1-default.produkt_us{
height: auto;
}
.home section.s-1{
height: 630px;
}
section.s-1{
height: 500px;
}
.produkt_us .almost_full_text{
width: 90%;
margin-left: auto;
margin-right: auto;
}
.menu-active .header-video,.header-video,  video.home-video::-webkit-media-controls,video.header-video::-webkit-media-controls,video.home-video{
display: none !important;
visibility: hidden !important;
}
h1 {
font: normal normal 900 35px/50px Noto Sans;
}
.red_headline {
font: normal normal 700 25px/35px Noto Sans;
}
p {
font: normal normal 500 14px/26px Noto Sans;
}
.red_subline, .grey_subline, .single_pt_slogan p, .single_pt_slogan {
font: normal normal bold 21px/28px Noto Sans;
}
.jedes_teil_zaehlt {
max-width: 100px;
}
.topProdukte .swiper-slide{
height: 100px;
}
.top_produkte_link{
flex-direction: column;
}
.top_produkte_link a.animated_underline_link{
margin-left: 0;
}
.top_produkte_link img {
max-width: 60px;
}
.jedes_teil_zaehlt .jtz_greifer{
max-width: 50px;
}
}
@media (max-width: 390px) {
.header-language-switcher li::before{
font-size: 0.6rem;
width: 8px;
height: 8px;
left: -8px;
}
.header-language-switcher li a {
font-size: 0.8rem;
}
.header-round-icon, .header-round-icon-webshop.header-round-icon,.header-language-switcher select {
width: 32px;
height: 32px;
}
.header-logo{
width: 120px;
}
.home_kontakt_bereich .red_half_box {
font: normal normal bold 18px/27px Noto Sans;
min-height: 180px;
}
.red_half_box_kontakt_button {
font: normal normal 500 16px/23px Noto Sans;
}
h1 {
font: normal normal 900 30px/40px Noto Sans;
}
}