.grid-s-4,
.grid-s-3,
.grid-s-2,
.grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: var(--gap-default, 20px);
width: 100%;
}
.grid.gap-0 { grid-gap:0; }
.grid.gap-half { grid-gap:var(--gap-half, 10px); }
.grid-xs-4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
.grid-xs-3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.grid-xs-2 { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.grid-xs-1 { grid-template-columns:repeat(1, minmax(0, 1fr)); }  .column {
width: 100%;
min-height: 1px;
grid-column: span 1;
}
.column.empty-col {display:none;}
.col-xs-1	{ grid-column: span 1;  }
.col-xs-2	{ grid-column: span 2;  }
.col-xs-3	{ grid-column: span 3;  }
.col-xs-4	{ grid-column: span 4;  } @media (min-width: 429px) {
.grid-xs-4,
.grid-xs-3,
.grid-xs-2,
.grid-xs-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-s-4 	{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-s-3 	{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-s-2 	{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.col-s-1	{ grid-column: span 1; }
.col-s-2	{ grid-column: span 2; }
.col-s-3	{ grid-column: span 3; }
.col-s-4	{ grid-column: span 4; }
} @media (min-width: 768px) {
.grid { grid-template-columns: repeat(6, 1fr); }
.column { grid-column: span 3; }
.col-12,
.twelve { grid-column: span 6; }
.col-m-1	{ grid-column: span 1; }
.col-m-2	{ grid-column: span 2; }
.col-m-3	{ grid-column: span 3; }
.col-m-4	{ grid-column: span 4; }
.col-m-5	{ grid-column: span 5; }
.col-m-6	{ grid-column: span 6; }
} @media (min-width: 1081px) {
.column.empty-col {display:block;}
.grid { grid-template-columns: repeat(12, 1fr); }
.col-1,
.one.column 	{ grid-column: span 1; }
.col-2,
.two.column 	{ grid-column: span 2; }
.col-3,
.three.column 	{ grid-column: span 3; }
.col-4,
.four.column 	{ grid-column: span 4; }
.col-5,
.five.column 	{ grid-column: span 5; }
.col-6,
.six.column 	{ grid-column: span 6; }
.col-7,
.seven.column 	{ grid-column: span 7; }
.col-8,
.eight.column 	{ grid-column: span 8; }
.col-9,
.nine.column 	{ grid-column: span 9; }
.col-10,
.ten.column 	{ grid-column: span 10;}
.col-11,
.eleven.column 	{ grid-column: span 11;}
.col-12,
.col-start-1.col-end-13.column,
.twelve.column 	{ grid-column: span 12;}
.col-l-1	{ grid-column: span 1; }
.col-l-2	{ grid-column: span 2; }
.col-l-3	{ grid-column: span 3; }
.col-l-4	{ grid-column: span 4; }
.col-l-5	{ grid-column: span 5; }
.col-l-6	{ grid-column: span 6; }
.col-l-7	{ grid-column: span 7; }
.col-l-8	{ grid-column: span 8; }
.col-l-9	{ grid-column: span 9; }
.col-l-10	{ grid-column: span 10;}
.col-l-11	{ grid-column: span 11;}
.col-l-12	{ grid-column: span 12;}  .col-start-1.column 	{ grid-column-start: 1; }
.col-start-2.column 	{ grid-column-start: 2; }
.col-start-3.column 	{ grid-column-start: 3; }
.col-start-4.column 	{ grid-column-start: 4; }
.col-start-5.column 	{ grid-column-start: 5; }
.col-start-6.column 	{ grid-column-start: 6; }
.col-start-7.column 	{ grid-column-start: 7; }
.col-start-8.column 	{ grid-column-start: 8; }
.col-start-9.column 	{ grid-column-start: 9; }
.col-start-10.column 	{ grid-column-start: 10;}
.col-start-11.column 	{ grid-column-start: 11;}
.col-start-12.column 	{ grid-column-start: 12;} .col-end-2.column 	{ grid-column-end: 2; }
.col-end-3.column 	{ grid-column-end: 3; }
.col-end-4.column 	{ grid-column-end: 4; }
.col-end-5.column 	{ grid-column-end: 5; }
.col-end-6.column 	{ grid-column-end: 6; }
.col-end-7.column 	{ grid-column-end: 7; }
.col-end-8.column 	{ grid-column-end: 8; }
.col-end-9.column 	{ grid-column-end: 9; }
.col-end-10.column 	{ grid-column-end: 10;}
.col-end-11.column 	{ grid-column-end: 11;}
.col-end-12.column 	{ grid-column-end: 12;}
.col-end-13.column 	{ grid-column-end: 13;} .col-span-1.column 	{ grid-column-end: span 1; }
.col-span-2.column 	{ grid-column-end: span 2; }
.col-span-3.column 	{ grid-column-end: span 3; }
.col-span-4.column 	{ grid-column-end: span 4; }
.col-span-5.column 	{ grid-column-end: span 5; }
.col-span-6.column 	{ grid-column-end: span 6; }
.col-span-7.column 	{ grid-column-end: span 7; }
.col-span-8.column 	{ grid-column-end: span 8; }
.col-span-9.column 	{ grid-column-end: span 9; }
.col-span-10.column { grid-column-end: span 10;}
.col-span-11.column { grid-column-end: span 11;}
.col-span-12.column { grid-column-end: span 12;}
}
.column.col-reverse {
grid-column-end: -1;
}
@media (min-width: 1200px) {
.col-xl-1	{ grid-column: span 1;  }
.col-xl-2	{ grid-column: span 2;  }
.col-xl-3	{ grid-column: span 3;  }
.col-xl-4	{ grid-column: span 4;  }
.col-xl-5	{ grid-column: span 5;  }
.col-xl-6	{ grid-column: span 6;  }
.col-xl-7	{ grid-column: span 7;  }
.col-xl-8	{ grid-column: span 8;  }
.col-xl-9	{ grid-column: span 9;  }
.col-xl-10	{ grid-column: span 10; }
.col-xl-11	{ grid-column: span 11; }
.col-xl-12	{ grid-column: span 12; }
} .flex-row {
display: flex;
flex-wrap: wrap;
margin-left: calc(var(--gap-half, 10px) * -1);
margin-right: calc(var(--gap-half, 10px) * -1);
}
.flex-wrap-wrap {
flex-wrap: wrap;
}
.flex-col {
min-height: 1px;
width: 100%;
position: relative;
}
.flex-direction-column { flex-direction:column; } .flex-col {
flex-basis:100%;
padding:var(--gap-half, 10px);
} @media (min-width: 768px) {
.flex-col {flex-basis:calc(100% / 3);}
} @media (min-width: 1081px) {
.flex .col-1,
.flex.cols-1 .flex-col {flex-basis:calc(100% / 1); }
.flex .col-2,
.flex.cols-2 .flex-col {flex-basis:calc(100% / 2); }
.flex .col-3,
.flex.cols-3 .flex-col {flex-basis:calc(100% / 3); }
.flex .col-4,
.flex.cols-4 .flex-col {flex-basis:calc(100% / 4); }
.flex .col-5,
.flex.cols-5 .flex-col {flex-basis:calc(100% / 5); }
.flex .col-6,
.flex.cols-6 .flex-col {flex-basis:calc(100% / 6); }
.flex .col-7,
.flex.cols-7 .flex-col {flex-basis:calc(100% / 7); }
.flex .col-8,
.flex.cols-8 .flex-col {flex-basis:calc(100% / 8); }
.flex .col-9,
.flex.cols-9 .flex-col {flex-basis:calc(100% / 9); }
.flex .col-10,
.flex.cols-10 .flex-col{flex-basis:calc(100% / 10);}
.flex .col-11,
.flex.cols-11 .flex-col{flex-basis:calc(100% / 11);}
.flex .col-12,
.flex.cols-12 .flex-col{flex-basis:calc(100% / 12);}
} .floating-row {
width: 100%;
text-align: center;	
} .floating-column {
width: 100%;
min-height: 1px;
display: inline-block;
vertical-align: top;
margin-bottom: var(--gap-default, 20px);
}
@media (max-width:767px) {
.floating-column.floating-column-s-2 {
width: 50%;
padding-left: var(--gap-half, 10px);
padding-right: var(--gap-half, 10px);
}
.floating-row:has(.floating-column.floating-column-s-2) {
margin-left: calc(var(--gap-half, 10px) * -1);
margin-right: calc(var(--gap-half, 10px) * -1);
width: calc(100% + var(--gap-default, 20px));
}
} @media (min-width: 768px) {
.floating-row {
margin-left: calc(var(--gap-half, 10px) * -1);
margin-right: calc(var(--gap-half, 10px) * -1);
width: calc(100% + var(--gap-default, 20px));
}
.floating-column,
.floating-column.one, .floating-column.col-1,
.floating-column.two, .floating-column.col-2,
.floating-column.three, .floating-column.col-3,
.floating-column.four, .floating-column.col-4,
.floating-column.five, .floating-column.col-5,
.floating-column.six, .floating-column.col-6 {
width:calc(100% / 3);
padding-left: var(--gap-half, 10px);
padding-right: var(--gap-half, 10px);
}
} @media (min-width: 1081px) {
.floating-column {
width:calc(100% / 4);
padding-left: var(--gap-half, 10px);
padding-right: var(--gap-half, 10px);
}
}
@media (min-width:1200px) {
.gallery-item.floating-column.col-1,
.gallery-item.floating-column.one 	{ width:calc(100%); }
.gallery-item.floating-column.col-2,
.gallery-item.floating-column.two 	{ width:calc(100% / 2); }
.gallery-item.floating-column.col-3,
.gallery-item.floating-column.three { width:calc(100% / 3); }
.gallery-item.floating-column.col-4,
.gallery-item.floating-column.four 	{ width:calc(100% / 4); }
.gallery-item.floating-column.col-5,
.gallery-item.floating-column.five 	{ width:calc(100% / 5); }
.gallery-item.floating-column.col-6,
.gallery-item.floating-column.six 	{ width:calc(100% / 6); }
.gallery-item.floating-column.col-7,
.gallery-item.floating-column.seven { width:calc(100% / 7); }
.gallery-item.floating-column.col-8,
.gallery-item.floating-column.eight { width:calc(100% / 8); }
.gallery-item.floating-column.col-9,
.gallery-item.floating-column.nine 	{ width:calc(100% / 9); }
.gallery-item.floating-column.col-10,
.gallery-item.floating-column.ten 	{ width:calc(100% / 10); }
.gallery-item.floating-column.col-11,
.gallery-item.floating-column.eleven { width:calc(100% / 11); }
.gallery-item.floating-column.col-12,
.gallery-item.floating-column.twelve { width:calc(100% / 12); }
}
.grid > * {
max-width: inherit !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
a {
color: inherit;
text-decoration: underline;
} .panel-grid-cell .so-panel:before {
display: none;
}
.sr-only{
position: absolute;
left: -9999999px;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -15px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -15px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.carousel {
height: 100%;
}
.carousel-control.left {
}
.carousel-indicators {
position: absolute;
bottom: 20px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
height: 100%;
}
.carousel-control:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.carousel-control {
background-color: transparent;
background-image: none !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0;
filter: alpha(opacity=80);
opacity: .8;
}
.carousel-inner>.item {
height: 100%;
background-position: center;
background-size: cover;
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner>.active {
left: 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.swiper-button-prev.light {
background-image: url(//www.singer-bau.at/wp-content/themes/empty/assets/ic_left_light.svg);
left: 20%;
}
.swiper-button-next.light {
background-image: url(//www.singer-bau.at/wp-content/themes/empty/assets/ic_right_light.svg);
right: 20%;
}
.carousel-control.right {
right: 0;
left: auto;
}
.ui-loader {
display: none;
}
.news-slide {
align-items: flex-start;
flex-direction: column;
}
.news-slide .img {
padding-top: 25px;
width: 100%;
}
.news-slide .text h4 {
position: relative;
top: 3px;
}
.more-info,
.referenzen a,
.news-btn,
.button {
background-color: #920c35;
border-color: #920c35;
color: #fff;
font-size: 1em;
}
.more-info:hover,
.referenzen a:hover,
.news-btn:hover,
.button:hover {
background-color: #f0f0f0;
border-color: #f0f0f0;
color: #000;
}
.button {
margin: 0 !important;
}
.onepage-pagination {
right: 18px;
}
.popup-image-wrapper img {
height: auto;
}
.pcb-image-text {
display: flex;
} .bg-cover {
background-position: center;
background-size: cover;
}
.content p,
.content ul {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
line-height: 1.5;
font-size: 17px;
letter-spacing: 2px;
}
.content h1 {
text-align: center;
transition: 0 !important;
animation: none !important;
transform: none !important;
font-size: 36px;
}
.content h2 {
font-size: 28px;
}
.container {
max-width: 1140px !important;
}
body:not(.page-id-2) .panel-layout {
margin: 9em 0 12em 0;
}
.news .swiper-slide {
align-items: flex-start !important;
}
.news .swiper-container {
height: auto;
max-height: inherit;
margin-top: 130px;
}
.more-info-p {
text-decoration: none;
background: transparent;
color: #000;
border: 1px solid #000;
padding: 8px 15px;
line-height: 1;
display: inline-block;
margin-top: 20px;
margin-bottom: 0px;
font-size: 14px;
font-weight: 700;
text-transform: none;
letter-spacing: 0;
transition: all 0.2s ease;
background-color: #920c35;
border-color: #920c35;
color: #fff;
}
.more-info-p:hover,
.more-info-p:focus {
background-color: #f0f0f0;
border-color: #f0f0f0;
color: #000;
}
.news-btn {
margin-bottom: 7em;
margin-top: 2em;
}
.single-news {
}
.beitrag-textfeld .content p {
text-align: left !important;
}
.galerie-widget {
}
.g-item {
position: relative;
margin-bottom: 30px;
}
.g-item a {
display: block;
position: absolute;
height: 100%;
top: 0;
width: 100%;
}
.newsarchiv-widget .news-slide {
padding: 0 !important
}
.newsarchiv-widget {
}
.newsarchiv-widget p,
.newsarchiv-widget h4 {
text-align: left !important;
}
.newsarchiv-widget .news-slide .img {
min-width: 360px;
}
.cc-color-override-688238583.cc-window {
background-color: #fff !important;
color: #000 !important;
}
.cc-color-override-688238583.cc-window .cc-message,
.cc-color-override-688238583 .cc-link, .cc-color-override-688238583 .cc-link:active, .cc-color-override-688238583 .cc-link:visited {
color: #000 !important;
}
.cc-color-override-688238583 .cc-btn {
background-color: #920c35 !important;
color: #fff !important;
}
.cc-highlight .cc-btn:first-child {
background-color: transparent !important;
border-color: transparent !important;
color: #000 !important;
}
.cc-banner .cc-btn:last-child {
text-decoration: none !important;
}
footer span a {
text-align: right;
color: #000;
font-weight: 400;
font-size: 12px;
text-decoration: none;
margin-left: .5em;
}
footer span a:first-child {
margin-left: 0;
}
.cc-revoke {
display: none !important;
}
@media screen and (max-width: 991px) {
body:not(.page-id-2) .panel-layout {
margin: 5em 0;
}
}
@media screen and (max-width: 767px) {
body:not(.page-id-2) .panel-layout {
margin: 0em 0;
}
.news-btn {
margin-bottom: 3em;
}
.newsarchiv-widget .news-slide .img,
.newsarchiv-widget .news-slide .text {
padding: 0 !important;
}
.content h1 {
font-size: 28px;
}
.content h2 {
font-size: 20px;
}
.content p, .content ul {
font-size: max(calc(0.1875vw + 11.4px), 14px);
}
.beitrag-textfeld .content * {
-webkit-hyphens: auto !important;
-moz-hyphens: auto !important;
-ms-hyphens: auto !important;
hyphens: auto !important;
word-break: break-all;
}
.pcb-image-col img {
max-height: inherit;
}
}
@media screen and (max-width: 360px) {
.newsarchiv-widget .news-slide .img {
min-width: inherit !important;
width: 100%;
}
}
.beitrag-headline figure {
margin: 0;
}
.beitrag-headline figure img {
margin: 0 auto;
max-height: 600px;
width: auto;
display: block;
}
body.admin-bar header {
top: 32px;
}
.hero.hero-split .right {
flex-grow: 0;
}
@media screen and (max-width: 565px) {
.news .swiper-container {
margin-top: 0;
}
}
.kontakt {
display: block;
}
.kontakt iframe:not([src]) + .widget {
display: table;
margin: 0 auto;
margin-top: 1rem;
position: static;
}
body {
height: auto;
overflow: hidden;
}
html {
height: auto;
overflow: auto;
}
.onepage-pagination {
position: fixed;
}
body section {
height: auto;
min-height: auto;
padding: 4rem 0;
}
body section.hero {
padding: 0;
margin-bottom: 4rem;
}
body section.news,
body section.referenzen {
padding-top: 0;
margin-top: 4rem;
}
.news-header {
max-height: 50vh;
height: 300px;
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.news-header h2 {
position: relative;
z-index: 1;
}
.news .swiper-container {
margin-top: 0;
}
.news .news-slider {
display: inline-flex;
margin: 0 auto;
position: relative;
padding: 4rem;
padding-bottom: 0;
max-width: 100%;
}
.news .swiper-button-prev {
left: 1rem;
}
.news .swiper-button-next {
right: 1rem;
}
section.team .member {
aspect-ratio: 1;
}
section.team .members {
margin-bottom: 2rem;
}
.team-img {
max-width: 870px;
margin: 0 auto;
}
.team-img img {
height: auto;
width: 100%;
}
.referenzen img {
z-index: -1;
}
.up {
margin-top: -1rem !important;
}
footer {
flex-direction: column;
padding-bottom: 2rem;
}
body .img-cover-2,
body .img-contain-2 {
position: relative;
}
body .img-cover-2 > img,
body .img-cover-2 > picture > img,
body .img-contain-2 > img,
body .img-contain-2 > picture > img {
position: absolute;
object-fit: cover;
width: 100% !important;
height: 100% !important;
top: 0;
left: 0;
font-family: "object-fit: cover;";
}
body .img-contain-2 > img,
body .img-contain-2 > picture > img {
object-fit: contain;
font-family: "object-fit: contain;";
}
header nav ul a {
position: relative;
}
header nav ul a:not(.logo)::after {
content: "";
bottom: -2px;
height: 2px;
width: 100%;
position: absolute;
left: 0;
background-color: #920c35;
transform: scaleX(0);
transition: .2s;
}
header nav ul a:not(.logo).active::after,
header nav ul a:not(.logo):hover::after,
header nav ul a:not(.logo):focus::after {
transform: scaleX(1);
}
#top-menu .no-mobile {
display: flex;
justify-content: center;
}
#top-menu .no-mobile .top-menu-left {
flex: 1;
}
#top-menu .no-mobile .top-menu-left ul {
justify-content: flex-end;
}
#top-menu .no-mobile .top-menu-right {
flex: 1;
}
#top-menu .no-mobile .top-menu-right ul {
justify-content: flex-start;
}
#top-menu .no-mobile li {
padding: 0 1rem;
}
.share-title {
font-size: 18px;
}
.share-buttons {
display: flex;
background-color: #920c35;
margin-bottom: 2rem;
}
.share-button {
padding: .75rem;
display: block;
}
.share-button img {
width: 1.5rem;
height: 1.5rem;
display: block;
}
.popup-content-block {
background-color: #fff;
}
.popup-headline {
font-size: calc(1vw + 20.8px);
color: #000;
font-weight: 800;
}
@media (max-width: 320px) {
.popup-headline {
font-size: 24px;
}
}
@media (min-width: 1920px) {
.popup-headline {
font-size: 40px;
}
}
.pcb-text-col {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.vorteile-alt {
align-items: stretch;
}
.newsarchiv-widget .news-slide {
flex-direction: row;
}
.newsarchiv-widget .news-slide .img {
flex-shrink: 0;
width: auto;
padding-right: 2rem;
}
.newsarchiv-widget .news-slide .text {
flex-shrink: 1;
min-width: 0;
word-wrap: break-word;
}
section.team .member img {
position: relative !important;
}
.hamburger-active {
overflow: hidden;
}
.cover img {
object-fit: contain !important;
}
@media (max-width: 767px) {
header nav ul.no-desktop ul {
justify-content: flex-start;
}
header nav ul.no-desktop ul li {
margin-bottom: 1.5rem;
}
.newsarchiv-widget .news-slide {
flex-direction: column;
}
.page-template-template-projekte .up {
margin-top: 2rem !important;
}
}
@media screen and (max-width: 565px) {
body section {
padding: 2rem 0;
}
body section.hero {
margin-bottom: 2rem;
}
body section.news,
body section.referenzen {
margin-top: 2rem;
}
.news-header {
height: 150px;
}
section.team .member {
width: 48%;
}
}
.floating-card {
position: relative;
width: 100%;
max-width: 380px;
}
.floating-card img {
width: 100%;
display: block;
border-radius: 20px;
box-shadow:
0 20px 35px rgba(0,0,0,0.22),
0 8px 15px rgba(0,0,0,0.10);
transition: transform 0.3s ease,
box-shadow 0.3s ease;
}
.floating-card::after {
content: "";
position: absolute;
left: 12%;
bottom: -12px;
width: 76%;
height: 22px;
background: rgba(0,0,0,0.28);
border-radius: 50%;
filter: blur(18px);
z-index: -1;
}
.floating-card:active img {
transform: translateY(-6px);
box-shadow:
0 30px 45px rgba(0,0,0,0.28),
0 12px 20px rgba(0,0,0,0.12);
}
@media (min-width: 768px) {
.floating-card {
max-width: 820px;
}
}