:root :where(a:where(:not(.wp-element-button))) {
text-decoration: none;
}
:where(.wp-block-group.wp-block-group-is-layout-constrained) {
position: static;
}
.wp-block-image {
margin: 0 0 1em;
}
html {
scroll-behavior: smooth;
}  @font-face {
font-family: "Inter";
font-weight: 300;
font-style: normal;
src: url(//a-potthoff.de/wp-content/themes/bandf-theme../../../bandf-files/font/static/Inter-Light.ttf) format("truetype");
}
@font-face {
font-family: "Inter";
font-weight: 500;
font-style: normal;
src: url(//a-potthoff.de/wp-content/themes/bandf-theme../../../bandf-files/font/static/Inter-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Inter";
font-weight: 700;
font-style: normal;
src: url(//a-potthoff.de/wp-content/themes/bandf-theme../../../bandf-files/font/static/Inter-Bold.ttf) format("truetype");
}
@font-face {
font-family: "Inter";
font-weight: 900;
font-style: normal;
src: url(//a-potthoff.de/wp-content/themes/bandf-theme../../../bandf-files/font/static/Inter-Black.ttf) format("truetype");
}  body {
font-family: "Inter";
}
.orange-font, p a, .gfield_consent_label a, .gform_button {
color: #0e294b;
}
.orange-font, p a:hover, .gfield_consent_label a:hover {
color: #e16f0f;
}
h1, h2, h3, h4, h5, h6, p.like-h {
color: #0e294b;
font-size: 21px;
font-weight: 900;
text-transform: uppercase;
line-height: 1.2;
}
h4 strong {
font-weight: 700;
}
p, li, td, .gform_description, .gfield_consent_label {
font-size: 15px;
color: #626261;
}
p {
margin-top: 15px !important;
line-height: 1.4;
}
p strong {
color: #0e294b;
font-size: 19px;
font-weight: 700;
}
a {
text-decoration: none;
}
.wp-block-button__link {
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-cmd.png);
border-radius: 0;
background-size: cover;
background-position: right;
background-color: transparent;
font-family: "Inter";
font-size: 15px;
padding: 10px 35px 10px 20px;
font-weight: 400;
letter-spacing: 0.5px;
background-repeat: no-repeat;
}
.wp-block-button__link:hover, .gform_button:hover { box-shadow: -7px -7px 5px gray;
margin: 7px -7px -7px 7px;
}
.gform_button:hover {
margin: 7px -7px 1px 7px !important;
}
.wp-block-getwid-accordion__header {
max-width: 215px !important;
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-accordion.png);
background-size: cover;
background-position: right;
background-color: transparent;
padding: 10px 35px 10px 20px !important;
letter-spacing: 0.5px;
background-repeat: no-repeat;
}
.wp-block-getwid-accordion__header a {
color: #fff;
font-size: 15px;
font-family: "Inter";
}
.nav .wp-block-navigation li a {
color: #ffffff;
font-size: 16px;
text-transform: uppercase;
padding: 0 30px;
}
.fa-phone-alt::before {
font-family: "Font Awesome 5 Free";
color: #fff;
font-size: 18px;
font-weight: 600;
} .fixed-size {
width: 1200px;
margin: 0 auto;
box-sizing: border-box;
}
hr.wp-block-separator {
border-bottom: 2px solid #e16f0f;
margin: 25px 0 12px;
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper:first-child {
border: none;
}
.wp-block-getwid-accordion__content {
border: none;
padding: 10px 0;
}
iframe {
margin-top: 0 !important;
}
.bg-grey {
margin: 50px 0;
background-color: rgba(236, 236, 237, 0.37);
} .wp-block-site-logo {
position: absolute;
padding: 40px 175px 70px 120px;
z-index: 1000;
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-header.png);
background-size: contain;
background-repeat: no-repeat;
background-position: top -10px left -2px;
}
.nav.wp-block-columns {
background-color: #0e294b;
height: 100px;
color: #ffffff;
}
.nav nav.wp-block-navigation {
padding: 50px;
}
.wp-block-navigation__submenu-container {
margin-top: 30px !important;
}
.wp-block-navigation__submenu-container a {
color: #0e294b !important;
padding: 3px 15px !important;
text-transform: none !important;
}
.wp-block-navigation__submenu-container {
margin-top: 0px !important;
padding: 10px !important;
z-index: 2000 !important;
border: 0 !important;
}
.nav .wp-block-navigation li.has-child {
padding-bottom: 30px;
margin-bottom: -30px;
}
.nav .wp-block-navigation li button {
color: #fff;
font-size: 30px;
}
.nav .wp-block-navigation li a:hover, .nav .wp-block-navigation li button:hover {
color: #e16f0f !important;
} .footer .bg-blue {
background-color: #0e294b;
}
.footer .bg-blue p {
color: #fff;
}
.footer {
background-color: #e16f0f;
}
.footer-menu li {
display: inline;
padding-right: 50px;
}
.footer-menu {
padding: 12px 0;
}
.footer-menu a, .footer a {
color: #fff;
text-decoration: none;
}
.footer .bg-blue svg {
height: 18px;
margin: 4px 5px -4px 0;
}
.footer svg {
fill: #fff;
height: 20px;
margin: 12px 5px;
}
.footer a:hover svg {
fill: #e16f0f;
}
.footer-menu a:hover, .footer a:hover svg.social-svg {
color: #0e294b;
fill: #0e294b;
} .wp-block-post-content {
margin-top: 0;
} .fixed-size-big {
width: 1500px;
margin: -80px auto 0px !important;
z-index: 1000;
position: relative;
box-sizing: border-box;
}
.fixed-size-big .wp-block-column {
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-start-3c.png);
background-size: contain;
background-repeat: no-repeat;
padding: 45px 105px;
}
.img-header p.slider-headline {
font-size: 46px;
text-shadow: 5px 5px 5px #626261;
margin-bottom: 0;
font-weight: 900;
margin-bottom: 0;
}
.img-header h1 {
font-size: 23px;
margin-top: 0;
margin-bottom: 150px !important;
text-shadow: 5px 5px 5px #626261;
font-weight: 400;
}
.fixed-size-big .wp-block-column h2 {
font-size: 21px;
text-transform: uppercase;
font-weight: 700;
color: #0e294b;
}
.fixed-size-big .wp-block-column hr {
border-bottom: 2px solid #e16f0f;
margin: 12px 0;
}
.fixed-size-big .wp-block-column p {
margin-top: 12px;
}
.galerie .wp-block-columns {
margin: 0;
column-gap: normal;
}
.galerie figure {
overflow: hidden;
height: 100%;
}
.galerie .wp-block-image img {
height: 100%;
}
.galerie .img-overlay {
max-width: 250px;
padding: 10px 35px 10px 20px;
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-cmd.png) !important;
border-radius: 0;
background-size: cover;
background-position: right;
background-color: transparent;
font-size: 20px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
margin-top: 0 !important;
position: absolute;
top: 45%;
left: 35%;
}
.galerie .wp-block-column {
position: relative;
}
.galerie .img-overlay a {
color: #ffffff;
position: relative;
}
.galerie figure:hover img {
transform: scale(1.05);
transition: all 0.3s linear;
}
.partner-bauprojekt {
background-image: url(//a-potthoff.de/wp-content/uploads/2023/02/bg-partner-bauprojekt-scaled-1.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 70px 0;
}
.img-karte {
padding: 40px;
}
.standorte {
padding: 75px 0;
}
.standorte a {
color: gray;
text-decoration: none;
}
.standorte i::before {
color: #e16f0f;
}
.teil-team {
margin-top: 0 !important;
padding: 128px 0;
background-image: url(//a-potthoff.de/wp-content/uploads/2022/11/karrierebereich_start.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.wp-block-getwid-accordion__content p {
width: 15%;
float: left;
line-height: 2;
color: #0e294b;
} .hover-zoom figure .wp-block-getwid-images-slider__caption {
display: none !important;
background: none;
font-size: 21px;
font-weight: 900;
text-transform: uppercase;
line-height: 1.2; padding: 0;
height: 100%;
background-color: rgba(226, 111, 15, 0.5);
align-items: center;
justify-content: center;
}
.hover-zoom .wp-block-getwid-images-slider__item:hover .wp-block-getwid-images-slider__caption {
display: flex !important;
}
.hover-zoom .wp-block-getwid-images-slider__item {
padding: 15px 0;
max-width: 33.33%;
}
.hover-zoom .wp-block-getwid-images-slider__item:hover {
transform: scale(1.05);
padding: 0 !important;
z-index: 1000;
max-width: 450px !important; opacity: 1;
}
.blue-svg {
height: 20px;
fill: #0e294b;
margin: 0 5px -2px !important;
}
.inline-h {
display: inline-block;
margin-right: 10px;
}
.hover-zoom .wp-block-getwid-images-slider__wrapper .slick-track {
max-height: 275px;
} p.leistungsheader {
font-size: 21px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 100px !important;
} .bg-ort {
width: 950px;
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-ort.png);
background-size: cover;
padding: 50px 230px 70px 50px;
}
.bg-ort h1 {
font-size: 43px;
text-transform: uppercase;
color: #0e294b;
font-weight: 900;
}
.fixed-size-ort {
margin: -100px auto 0 !important;
width: 1200px;
z-index: 1000;
position: relative;
box-sizing: border-box;
}
.bg-orange {
background-color: #e16f0f;
}
.bg-orange h2, .bg-orange p, .bg-orange p strong, .bg-orange a {
color: #fff;
}
.bg-orange a:hover, .bg-orange a:hover svg {
color: #0e294b;
fill: #0e294b;
}
.bg-orange svg {
height: 18px;
margin: 4px 5px -4px 0;
fill: #fff;
}
.ort-liste {
padding-left: 0;
list-style: none;
}
.ort-liste li {
line-height: 1.9;
font-size: 19px;
color: #0e294b;
font-weight: 600;
}
.bg-fragen {
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-fragen-scaled.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 90px 0 135px;
}
.bg-grey-schraeg {
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-transportbeton2.png);
background-size: 75% 100%;
background-repeat: no-repeat;
background-position: right;
padding: 50px 0;
}
.bg-orange-schraeg {
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-orange-schraeg.png);
background-size: 75% 100%;
background-repeat: no-repeat;
background-position: left;
padding: 50px 0;
}
.accordion-orange .wp-block-getwid-accordion__header {
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-accordion-orange.png);
}
.leistung-uebersicht .wp-block-columns {
margin-top: 0;
}
.leistung-uebersicht ul {
padding-left: 12px;
margin: 5px 0 25px;
line-height: 1.6;
list-style: "- ";
}
.slick-dots li button::before {
font-size: 14px;
opacity: 1;
}
.slick-dots li.slick-active button::before {
opacity: 1;
color: #e16f0f !important;
border: none;
}
.slick-dots li {
margin: 0 !important;
}
.slick-dots li button {
text-shadow: none;
} .gform_title {
display: none;
}
.gform-body input, .gform-body textarea {
border: 2px solid #e16f0f;
font-family: "Inter";
}
.gform_heading {
margin-bottom: 50px;
}
#gform_wrapper_1 {
margin-top: 0;
}
.gfield_consent_label a, .gform_wrapper .gfield_required {
text-decoration: none;
color: #e16f0f;
font-family: "Inter";
}
.gform_button {
border-radius: 0;
background-size: cover;
background-position: right;
background-color: transparent;
font-family: "Inter";
font-size: 15px;
padding: 10px 70px 10px 50px;
font-weight: 400;
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-cmd.png);
color: #fff;
border: none;
background-repeat: no-repeat;
} p.karriere-header {
font-size: 28px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 100px !important;
}
.benefits {
line-height: 2.5;
padding-left: 12px;
list-style: "- ";
}
.benefits li {
color: #0e294b;
font-weight: 600;
}
.ginput_container_fileupload input {
padding: 100px 200px;
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-form.png);
border: none;
background-size: cover;
background-position: 50px center;
background-repeat: no-repeat;
text-align: center;
color: #0e294b;
margin: 30px 0;
}
.ginput_container_fileupload::before {
display: block;
content: "";
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/pdf.png);
height: 153px;
width: 125px;
position: absolute;
background-size: contain;
margin-top: 65px;
background-repeat: no-repeat;
}
#gfield_upload_rules_2_7 {
margin-bottom: 25px;
color: #626261;
} .seite svg {
padding: 10px 15px;
fill: #fff;
height: 25px;
width: 25px;
}
.seite {
position: fixed;
display: block;
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-seitenleiste.png);
height: 235px;
width: 55px;
z-index: 1000;
right: 0;
background-size: cover;
padding: 10px 0;
margin-top: 100px;
padding-bottom: 70px;
}
.standorte p.blue a {
color: #0e294b;
font-weight: 600;
}
.standorte p.blue a:hover {
color: #e16f0f;
}
.seite svg:hover {
fill: #e16f0f;
}
.social-text {
position: absolute;
z-index: 1000;
right: 70px;
color: #fff;
background-color: #e16f0f;
padding: 5px 10px;
display: none;
margin-top: -40px;
font-size: 15px; width: 300px;
line-height: 2;
}
.tel-hover:hover .social-text {
display: block;
}
.social-text.social-documents {
right: 0;
z-index: -1;
background-color: #0e294b;
margin-top: -15px;
padding: 10px 15px;
}
.social-text.social-documents a {
color: #ffffff;
}
.social-text.social-documents a:hover {
color: #e16f0f;
}
.tel-hover .social-text.social-documents:hover {
display: block;
}
.ausblenden {
display: none;
}
.like-p {
font-size: 19px;
text-transform: none;
font-weight: 700;
margin-top: 10px !important;
}
.accordion-orange .wp-block-getwid-accordion__content p {
width: 100%;
color: #626261;
line-height: 1.4;
}
.accordion-orange .wp-block-getwid-accordion__header {
max-width: 350px !important;
}
.nav .wp-block-navigation li button[aria-expanded="true"] {
transform: rotate(180deg);
} .footer > div:last-child ul {
list-style: none;
padding-left: 0;
margin: 15px 0px;
}
.footer > div:last-child li {
display: inline;
padding-right: 20px;
}
.page-id-600 .wp-block-post-content li a {
color: #0e294b;
}
.page-id-600 .wp-block-post-content li a:hover {
color: #e16f0f;
}
.fixed-size video {
box-shadow: 0px 0px 15px gray;
}
#sb_instagram {
margin: 15px -12px;
}
.page-id-25 .bg-ort, .page-id-41 .bg-ort {
padding: 50px 230px 54px 50px;
}
.accordion-orange .ui-accordion-header {
margin-top: 15px;
border: none !important;
}
.bg-grey svg {
height: 18px;
margin: 4px 5px -4px 0;
fill: #0e294b;
}
.bg-grey a:hover svg {
fill: #e16f0f;
}
.accordion-orange ul {
display: inline-block;
margin-top: 0;
}
.gform_confirmation_message {
font-size: 15px;
color: #0e294b;
font-weight: 900;
} @media (min-width: 600px) {
a.wp-block-navigation-item__content:not(.wp-block-navigation__submenu-container a.wp-block-navigation-item__content) {
color: #fff !important;
}
} .header-sprache {
position: absolute;
top: 5px;
right: 30px;
list-style: none;
display: flex;
}
.header-sprache a {
color: white;
font-size: 16px;
text-transform: uppercase;
}
.header-sprache li:not(:first-child)::before {
content: "|";
color: white;
margin-inline: 10px;
}
@media (max-width: 599px) {
.header-sprache {
background-color: #0e294b;
padding: 10px 20px;
border-radius: 100vw;
top: 70px;
right: 20px;
}
} .wp-site-blocks {
margin-bottom: -24px;
}
.galerie .wp-block-columns .wp-block-image {
margin: 0;
}
.home .fixed-size .sbi-header.sbi-header-type-text {
display: none;
}
.btn-standorte .wp-block-button__link.wp-element-button {
background-image: url(//a-potthoff.de/wp-content/uploads/2022/07/bg-accordion.png);
}
.bg-orange .btn-standorte a:hover, .bg-orange a:hover svg {
color: #fff;
fill: #fff;
}.resp-header {
display: none;
}
@media only screen and (max-width: 1700px) {
.nav .wp-block-navigation li a {
padding: 0 20px;
}
.nav nav.wp-block-navigation {
padding: 50px 30px 50px 150px;
} .seite {
z-index: 10000;
}
}
@media only screen and (max-width: 1500px) {
.nav .wp-block-navigation li a {
padding: 0 10px;
}
.nav nav.wp-block-navigation {
padding: 50px 20px 50px 100px;
}
.wp-block-site-logo {
padding: 25px 135px 70px 30px;
}
.fixed-size-big {
width: 1200px;
}
.fixed-size-big .wp-block-column {
padding: 35px 75px;
background-size: 100% 100%;
}
.fixed-size {
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (max-width: 1200px) {
.hover-zoom .wp-block-getwid-images-slider__wrapper .slick-track {
max-height: 225px;
}
.hover-zoom .wp-block-getwid-images-slider__item:hover {
max-width: 330px !important;
}
.fixed-size, .fixed-size-big, .fixed-size-ort {
width: 960px;
}
.hover-zoom .wp-block-getwid-images-slider__item:hover {
width: 330px !important;
}
.footer > .fixed-size .wp-block-column:first-child {
flex-basis: 50%;
}
.fixed-size-big .wp-block-column {
padding: 35px 63px;
}
.fixed-size-big .wp-block-column h2 {
font-size: 16px;
}
.galerie .img-overlay { font-size: 18px;
}
.nav .custom-logo {
width: 300px;
height: auto;
}
.wp-block-site-logo {
padding: 15px 96px 70px 30px;
}
.nav .wp-block-navigation li a {
padding: 0 5px;
font-size: 14px;
}
.nav nav.wp-block-navigation {
padding: 40px 20px 50px 40px;
}
.nav.wp-block-columns {
height: 85px;
}
.galerie > div:last-child > div:last-child .img-overlay {
top: 38%;
left: 28%;
} .img-header .slick-slider .slick-active, .img-header .slick-slider .slick-active > div {
min-height: 300px !important;
}
}
@media only screen and (max-width: 960px) {
.hover-zoom figure .wp-block-getwid-images-slider__caption {
display: flex !important;
font-size: 16px;
font-weight: 700;
height: 20%;
background-color: rgba(226,111,15,.7);
} .hover-zoom .wp-block-getwid-images-slider__item {
pointer-events: none;
}
.fixed-size, .fixed-size-big, .fixed-size-ort {
width: 768px;
}
.galerie .img-overlay {
font-size: 16px;
}
.wp-block-getwid-accordion__content p {
width: 20%;
}
.galerie .img-overlay { left: 25%;
top: 40%;
}
.partner-bauprojekt .fixed-size .wp-block-column:nth-child(2), .teil-team .fixed-size .wp-block-column:nth-child(2) {
display: none;
}
.partner-bauprojekt .fixed-size .wp-block-column, .teil-team .fixed-size .wp-block-column {
max-width: 60%;
}
h1, h2, h3, h4, h5, h6, p.like-h {
font-size: 20px;
}
.img-karte {
max-width: 400px;
margin: 0 auto;
padding: 10px 0 20px;
order: 1;
}
.footer .fixed-size {
gap: 0;
}
.footer .bg-blue .wp-block-column {
margin-bottom: 20px;
}
.wp-block-spacer {
max-height: 100px;
}
.teil-team .fixed-size {
margin-top: 0;
}
.fixed-size-big {
display: block !important;
}
.fixed-size-big .wp-block-column {
padding: 35px 120px;
}
.hover-zoom figure .wp-block-getwid-images-slider__caption {
display: none !important;
} .leistung-uebersicht .wp-block-column {
padding: 0 !important;
}
.footer .bg-blue .wp-block-columns {
gap: 25px;
}
.stat-padding {
padding: 0 !important;
}
.page-id-12 .wp-block-spacer {
height: 50px !important;
}
.bg-ort {
width: 100%;
padding: 30px 100px 35px 20px;
}
.bg-ort h1 {
font-size: 25px;
}
.accordion-orange .wp-block-getwid-accordion__header {
max-width: 300px !important;
} .nav.wp-block-columns {
height: 150px;
}
.nav .wp-block-navigation li a {
padding: 0 4px;
}
.wp-block-navigation__responsive-container {
margin-top: 75px !important;
z-index: 100000 !important;
}
.nav .wp-block-column:nth-child(2) {
z-index: 100000 !important;
}
.nav .wp-block-column:nth-child(2) {
position: absolute;
width: 100%;
}
ul.wp-block-navigation__container {
justify-content: center;
}
.galerie > div:last-child > div:last-child .img-overlay {
top: 40%;
left: 17%;
}
}
@media only screen and (max-width: 781px) {
.fixed-size-big .wp-block-column {
padding: 35px 135px;
}
.galerie .wp-block-columns {
gap: 0;
}
.galerie .img-overlay {
font-size: 20px;
top: 45%;
left: 35%;
}
.galerie > div:last-child > div:last-child .img-overlay {
top: 40%;
left: 31%;
}
.standorte {
order: 2;
padding: 20px 0;
} .bg-orange-schraeg .wp-block-column:first-child {
order: 2;
}
.bg-fragen .fixed-size .wp-block-column:first-child {
display: none;
}
.bg-fragen {
background-position: 85%;
}
}
@media only screen and (max-width: 768px) {
.fixed-size, .fixed-size-big, .fixed-size-ort {
width: 100%;
}
.fixed-size-big {
margin: -50px auto 0px !important;
}
.nav .wp-block-navigation li.has-child {
padding-bottom: 20px;
margin-bottom: -20px;
} .wp-block-getwid-accordion__content p {
width: 33%;
}
.img-header .slick-slider .slick-active, .img-header .slick-slider .slick-active > div {
min-height: 275px !important;
max-height: 275px;
}
p.leistungsheader {
font-size: 18px;
margin-bottom: 0 !important;
}
.img-header .slick-slider .slick-active > div {
padding-left: 10px;
}
.seite {
display: none;
} .page-id-12 .wp-block-spacer, .page-id-18 .wp-block-spacer {
height: 25px !important;
}
.bg-ort {
background-size: 100% 100%;
}
.fixed-size-ort {
margin: -50px auto 0 !important;
}
.img-header-2 img {
object-fit: cover;
height: 225px;
}
p.karriere-header {
font-size: 20px;
} }
@media only screen and (max-width: 600px) {
.galerie .img-overlay { top: 40%;
left: 28%;
}
.galerie > div:last-child > div:last-child .img-overlay {
top: 37%;
left: 25%;
}
.fixed-size-big .wp-block-column {
padding: 35px 95px;
}
.fixed-size-big {
margin: -40px auto 0px !important;
}
.partner-bauprojekt, .teil-team {
background-position: 85% center;
}
.partner-bauprojekt .fixed-size .wp-block-column, .teil-team .fixed-size .wp-block-column {
max-width: 100%;
}
.partner-bauprojekt .fixed-size, .teil-team .fixed-size {
width: 100%;
background-color: rgba(255, 255, 255, 0.65);
padding-top: 15px;
padding-bottom: 15px;
}
.inline-h.like-h {
width: 100%;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 599px) { .nav nav.wp-block-navigation {
position: absolute;
padding: 0;
right: 30px;
top: 25px;
}
.wp-block-navigation__responsive-container-open svg {
width: 35px;
height: 35px;
}
.is-responsive.wp-block-navigation ul a, .is-responsive.wp-block-navigation ul svg, .wp-block-navigation__responsive-close svg {
color: #0e294b;
}
.is-responsive.wp-block-navigation ul, .is-responsive.wp-block-navigation ul li {
width: 100%;
max-width: 200px;
}
.wp-block-navigation__submenu-icon {
align-self: end !important;
margin-top: -20px;
}
ul.wp-block-navigation__submenu-container {
margin-top: 0 !important;
padding-left: 0 !important;
}
.wp-block-navigation__submenu-container a {
padding: 20px 15px 0px !important;
}
.nav.wp-block-columns {
height: 85px;
}
.wp-block-navigation__responsive-container {
margin-top: 0 !important;
padding: 32px !important;
}
}
@media only screen and (max-width: 480px) {
.galerie .img-overlay {
font-size: 16px;
}
.wp-block-spacer {
max-height: 50px;
}
.fixed-size-big .wp-block-column {
padding: 30px 78px;
}
.fixed-size-big {
margin: -25px auto 0 !important;
}
.fixed-size-big .wp-block-column h2 {
font-size: 15px;
}
h1, h2, h3, h4, h5, h6, p.like-h {
font-size: 18px;
}
p strong {
font-size: 17px;
}
.nav .custom-logo {
width: 250px;
}
.wp-block-site-logo {
padding: 15px 80px 70px 15px;
}
.nav.wp-block-columns {
height: 50px;
}
.nav nav.wp-block-navigation {
right: 15px;
top: 10px;
}
.resp-header {
display: block;
margin-top: 0 !important;
min-height: 200px;
overflow: hidden;
}
.resp-header img {
min-height: 200px;
max-width: none;
width: auto;
}
.nur-stat {
display: none;
}
.wp-block-getwid-accordion__content p {
width: 50%;
}
.galerie > div:last-child > div:last-child .img-overlay {
top: 40%;
left: 21%;
} .img-header .slick-slider .slick-active, .img-header .slick-slider .slick-active > div {
min-height: 200px !important;
max-height: 200px;
}
p.leistungsheader {
font-size: 16px;
width: 60%;
}
.page-id-12 .wp-block-spacer, .page-id-18 .wp-block-spacer {
height: 15px !important;
}
.bg-ort {
padding: 40px 100px 55px 20px;
}
p.karriere-header {
font-size: 16px;
margin-bottom: 0 !important;
width: 60%;
}
.accordion-orange .wp-block-getwid-accordion__header {
max-width: 270px !important;
padding: 10px 25px 10px 10px !important;
}
.ginput_container_fileupload input {
padding: 50px 20px 50px 30px !important;
background-position: left;
margin-top: 80px;
}
.ginput_container_fileupload::before {
margin-top: 0;
height: 90px;
width: 75px;
position: relative;
margin: 0 auto -95px;
}
.benefits li {
line-height: 1.4;
margin: 20px 0;
}
}
@media only screen and (max-width: 380px) {
.wp-block-site-logo {
padding: 15px;
background-image: none;
background-color: #fff;
margin: 0 auto;
position: relative;
}
.nav .custom-logo {
width: 235px;
}
.galerie .img-overlay { width: 175px;
left: 20%;
}
.footer-menu li {
display: block;
margin-top: 5px;
}
nav.is-responsive button svg {
z-index: 1000;
} 
nav.is-responsive button.wp-block-navigation__responsive-container-open svg {
fill: #0e294b;
}
.nav nav.wp-block-navigation {
top: 20px;
}
}
@media only screen and (max-width: 320px) {
.nav .custom-logo {
width: 235px;
}
.nav .custom-logo {
width: 200px;
}
.fixed-size-big .wp-block-column {
padding: 30px 55px;
}
.galerie .img-overlay { font-size: 15px;
left: 18%;
top: 35%;
padding: 8px 25px 8px 10px;
}
.partner-bauprojekt, .teil-team {
padding: 50px 0;
}
.nav nav.wp-block-navigation {
top: 20px;
z-index: 1000;
} .page-id-12 .wp-block-spacer, .page-id-18 .wp-block-spacer {
height: 5px !important;
}
.accordion-orange .wp-block-getwid-accordion__header {
max-width: 215px !important;
}
} @media only screen and (max-width: 960px) {
.resp-raus {
display: none !important;
}
.page-id-25 .bg-ort, .page-id-41 .bg-ort {
padding: 30px 128px 35px 20px;
}
.page-id-25 .bg-ort p, .page-id-41 .bg-ort p {
margin-top: 5px !important;
}
.page-id-25 .bg-ort .wp-block-buttons, .page-id-41 .bg-ort .wp-block-buttons {
margin-top: 7px;
}
}
@media only screen and (max-width: 480px) {
.page-id-25 .bg-ort, .page-id-41 .bg-ort {
padding: 40px 100px 55px 20px;
}
}