@font-face {
font-family: "Arimo";
src: url(//www.gebetsberger-zt.at/wp-content/themes/gebetsberger/fonts/Arimo-VariableFont.ttf) format("truetype");
}
@font-face {
font-family: "Blinker";
src: url(//www.gebetsberger-zt.at/wp-content/themes/gebetsberger/fonts/Blinker-Thin.ttf) format("truetype");
font-weight: 100;
}
@font-face {
font-family: "Blinker";
src: url(//www.gebetsberger-zt.at/wp-content/themes/gebetsberger/fonts/Blinker-ExtraLight.ttf) format("truetype");
font-weight: 200;
}
@font-face {
font-family: "Blinker";
src: url(//www.gebetsberger-zt.at/wp-content/themes/gebetsberger/fonts/Blinker-Light.ttf) format("truetype");
font-weight: 300;
}
@font-face {
font-family: "Blinker";
src: url(//www.gebetsberger-zt.at/wp-content/themes/gebetsberger/fonts/Blinker-Regular.ttf) format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Blinker";
src: url(//www.gebetsberger-zt.at/wp-content/themes/gebetsberger/fonts/Blinker-SemiBold.ttf) format("truetype");
font-weight: 600;
}
@font-face {
font-family: "Blinker";
src: url(//www.gebetsberger-zt.at/wp-content/themes/gebetsberger/fonts/Blinker-Bold.ttf) format("truetype");
font-weight: 700;
}
@font-face {
font-family: "Blinker";
src: url(//www.gebetsberger-zt.at/wp-content/themes/gebetsberger/fonts/Blinker-ExtraBold.ttf) format("truetype");
font-weight: 800;
}
@font-face {
font-family: "Blinker";
src: url(//www.gebetsberger-zt.at/wp-content/themes/gebetsberger/fonts/Blinker-Black.ttf) format("truetype");
font-weight: 900;
}
.page-id-573 header {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.page-id-573 header .mi::after {
display: none;
}
.cli_setting_save_button {
background-color: #0078ab !important;
}
* {
font-family: Blinker, sans-serif;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 0.9 !important;
}
.grecaptcha-badge {
visibility: hidden;
}
.no-content-found {
text-align: center;
text-transform: uppercase;
color: grey;
align-items: center;
padding: 20px;
width: 100%;
}
.uebersicht {
display: flex;
justify-content: center;
}
.back-uebersicht svg,
.uebersicht svg {
transition: ease all 0.4s;
}
.uebersicht a {
padding-bottom: 0 !important;
display: flex;
position: relative;
}
.uebersicht:hover svg {
transform: scale(1.2) rotate(90deg);
}
.back-uebersicht:hover svg {
transform: translateX(-10px);
}
.uebersicht:hover a::after,
.uebersicht:hover a::before {
opacity: 1;
}
.back-uebersicht:hover a::after {
opacity: 1;
}
.back-uebersicht {
margin-bottom: 150px;
margin-top: 30px;
position: relative;
display: flex;
align-items: center;
}
.back-uebersicht a {
display: flex;
}
.back-uebersicht a::after {
content: "zurück zur Übersicht";
position: absolute;
background-color: #0178ab;
border-radius: 30px;
left: 60px;
padding: 5px 20px;
color: #fff;
opacity: 0;
}
.wt-cli-cookie-bar {
background-color: white;
}
.uebersicht a::before {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #0178ab;
position: absolute;
content: "";
bottom: -35px;
opacity: 0;
}
.uebersicht a::after {
content: "zurück zur Übersicht" !important;
position: absolute;
background-color: #0178ab;
border-radius: 30px;
padding: 5px 20px;
color: #fff;
opacity: 0;
top: 65px;
display: block !important;
width: 200px !important;
height: unset !important;
bottom: unset !important;
font-size: 14px;
left: 50%;
transform: translateX(-50%);
text-align: center;
}
.page-navigations .uebersicht a::after {
display: none;
}
.page-id-6 header .mi::after {
display: none;
}
.page-id-6 header {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.ref-list .no-content-found {
border: 1px solid grey;
}
.no-content-found p {
margin: 0;
margin-top: 20px;
}
.no-content-found svg {
margin-bottom: 20px;
}
.single-projekte .slider-cont .numbertext,
.single-projekte .slider-cont .ort,
.single-projekte .slider-cont h1,
.single-referenzen .slider-cont .numbertext,
.single-referenzen .slider-cont .ort,
.single-referenzen .slider-cont h1 {
position: relative;
color: #fff;
padding: 0;
z-index: 3;
top: 0;
}
.category h1,
.page-template-template-referenzen h1 {
margin-bottom: 80px;
}
.single-projekte .slider-cont h1,
.single-referenzen .slider-cont h1 {
margin: 0;
line-height: 100px;
margin-left: -5px;
}
.old-h1 {
font-size: 110px;
position: absolute;
font-weight: 100;
color: #fff;
padding: 8px 0;
top: 0;
z-index: 3;
width: 100%;
height: 100%;
}
#menu-top-navigation {
display: flex;
padding: 0;
justify-content: space-between;
}
#menu-top-navigation li {
list-style: none;
}
header {
position: relative;
z-index: 1;
margin-top: 40px;
margin-bottom: 150px;
}
.home header {
margin-bottom: 0 !important;
}
.home header .mi::after {
display: none;
}
header .row {
display: flex;
align-items: center;
}
.current_page_item a,
.single-projekte #menu-item-19 a,
.single-referenzen #menu-item-23 a {
border-bottom: 2px solid #fff;
}
header ul li a {
color: #fff;
text-transform: uppercase;
font-weight: 700; letter-spacing: 2px;
padding: 3px 0;
}
header ul li a:hover {
color: #fff;
border-bottom: 2px solid #fff;
text-decoration: none;
}
.back-to-top {
background: #0078ab;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 100;
font-size: 35px;
color: white;
padding: 10px 20px;
border-radius: 3px;
}
.back-to-top:hover {
color: white;
}
#cookie-law-info-again {
background-color: white;
}
header .logo img {
width: 100%;
}
header .mi::after {
content: "";
background-image: linear-gradient(to right, #0078ab, #025579);
height: 100vh;
width: 100vw;
position: absolute;
bottom: -100px;
z-index: -1;
right: -40px;
}
.mySlides {
display: block;
position: relative;
width: 70%;
height: 500px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
right: -10%;
}
img {
vertical-align: middle;
}
.myImg {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
filter: brightness(0.85);
}
.single-projekte .slideshow-container,
.single-referenzen .slideshow-container {
margin-bottom: 0;
}
.slideshow-container {
margin-top: 100px;
margin-bottom: 150px;
position: relative;
}
.slider-item {
display: flex;
}
.slideshow-container::after {
content: "";
background-image: linear-gradient(to right, #0078ab, #025579);
height: 120%;
width: 100vw;
position: absolute;
top: -43%;
z-index: -1;
right: 30%;
}
.mySlides h2 {
font-size: 110px;
position: absolute;
font-weight: 100;
color: #fff;
padding: 8px 12px;
}
.navigations {
position: relative;
left: 0;
bottom: 170px;
}
.slid-text {
color: #f2f2f2;
font-size: 30px;
padding: 8px 12px;
position: absolute;
bottom: 0;
width: 100%;
text-align: left;
left: 0;
z-index: 1;
}
.slid-text p {
margin: 0;
}
.numbertext {
color: #f2f2f2;
font-size: 20px;
font-weight: 600;
padding: 8px 12px;
position: absolute;
top: 0;
text-transform: uppercase;
z-index: 3;
}
.slider-cont {
width: 30%;
}
.slider-cont h1,
.slider-cont h2 {
font-size: 110px;
position: absolute;
font-weight: 100;
color: #fff;
padding: 8px 12px;
top: 0;
z-index: 3;
}
.dot {
height: 4px;
width: 70px;
margin: 0 2px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 0;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #fff;
}
.slid-fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {
opacity: 0.4;
}
to {
opacity: 1;
}
}
@keyframes fade {
from {
opacity: 0.4;
}
to {
opacity: 1;
}
}
@media only screen and (max-width: 300px) {
.slid-text {
font-size: 11px;
}
}
.home-text {
font-size: 16px;
line-height: 26px;
}
.home-text p {
font-family: Arimo, sans-serif !important;
}
main h1 {
font-size: 100px;
color: #0178ab;
font-weight: 100;
}
.page-id-13 .home-text {
margin: 50px 0;
}
.page-id-13 main h1 {
margin-top: 90px;
}
header a:visited {
color: #fff;
}
.fs-16 {
font-size: 16px;
}
.ls-2 {
letter-spacing: 2px;
}
.text-right {
text-align: right;
}
.uc {
text-transform: uppercase;
}
h3 {
font-size: 100px !important;
color: #0078ab !important;
font-weight: 100 !important;
}
#cmplz-document h2,
#cmplz-document h3 {
font-size: 22px !important;
}
.home .home-text {
margin-top: 40px;
margin-bottom: 150px;
}
.home h2 {
font-size: 100px;
color: #0078ab !important;
font-weight: 100 !important;
margin-top: 150px;
}
.fbx-caption-title,
.fg-caption-title {
display: none !important;
}
.fbx-inner {
border: none !important;
}
.fbx-close,
.fbx-next,
.fbx-prev {
background: 0 0 !important;
box-shadow: none !important;
border: none !important;
}
.fbx-modal svg {
height: 40px;
width: 40px;
}
.fbx-item-current,
.fbx-modal img {
border-radius: 0 !important;
}
.fbx-count {
display: none !important;
}
.fbx-modal svg path {
fill: #fff;
stroke: rgba(0, 0, 0, 0.29);
stroke-width: 1px;
}
.img-row {
display: flex;
flex-wrap: wrap;
padding: 0 4px;
margin-top: 60px;
margin-bottom: 200px;
width: 120%;
position: relative;
left: 50%;
transform: translateX(-50%);
}
#ajax-load-more {
margin-bottom: 150px;
}
.ajax-load-more-wrap ul.alm-listing li.grid-item {
border: 1px solid #efefef;
width: 31.33%;
margin: 1%;
float: left;
display: inline;
}
.ajax-load-more-wrap ul.alm-listing li.grid-item img {
width: 100%;
}
.alm-load-more-btn {
font-size: 20px !important;
color: #0078ab !important;
text-transform: uppercase;
background-color: unset !important;
box-shadow: none !important;
border-radius: unset !important;
}
.alm-load-more-btn::after {
content: "";
position: absolute;
height: 2px;
width: 50px;
background-color: #0078ab;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
@media screen and (max-width: 480px) {
.ajax-load-more-wrap ul.alm-listing li.grid-item {
width: 100%;
margin: 0 0 20px;
}
}
.column {
flex: 33.33%;
max-width: 33.33%;
padding: 0 4px;
}
.column .img-con img {
vertical-align: middle;
width: 100%;
}
.img-con {
position: relative;
margin-bottom: 20px;
}
.img-content {
color: #fff;
}
.img-content h4 {
font-size: 25px;
font-weight: 100;
}
.img-content p {
font-size: 16px;
}
.img-con:hover .img-content-helper {
transition: ease all 0.4s;
opacity: 1;
}
.img-content-helper {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
opacity: 0;
transition: ease all 0.4s;
}
.leistungen-header {
font-weight: 100;
font-size: 100px;
color: #1e84b2;
}
.leistungen {
display: flex;
flex-wrap: wrap;
margin: 100px 0;
justify-content: center;
}
.leistungen div {
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.3);
padding: 43px;
}
.leistungen div:last-child {
border: none;
}
.leistungen div p {
margin-top: 20px;
font-size: 20px;
color: #0178ab;
}
.leistungen div img {
max-height: 55px;
}
.datum {
color: #0178ab;
text-transform: uppercase;
font-size: 20px;
margin: 10px 0;
}
.ort {
color: #f2f2f2;
font-size: 30px;
font-weight: 100;
padding: 8px 12px;
position: absolute;
top: 140px;
text-transform: uppercase;
z-index: 1;
}
.details {
margin: 120px 0;
}
.detail-single p:first-child {
font-size: 20px;
color: #0178ab;
border-bottom: 1px solid #0178ab;
text-transform: uppercase;
padding-bottom: 4px;
}
.detail-single,
.leistung-ref {
font-family: Arimo, sans-serif !important;
font-size: 16px;
}
.detail-single p:last-child {
font-family: Arimo, sans-serif !important;
font-size: 16px;
}
.page-navigations {
margin-bottom: 200px;
margin-top: 50px;
}
.page-navigations a {
color: #0178ab !important;
font-size: 20px;
text-transform: uppercase;
position: relative;
padding-bottom: 10px;
}
.page-navigations a:hover {
text-decoration: none;
color: grey;
}
.page-navigations div:last-child {
text-align: right;
}
.page-navigations div a::after {
content: "";
height: 2px;
width: 70px;
background-color: #0178ab;
position: absolute;
bottom: 0;
}
.page-navigations div .next::after {
content: "";
height: 2px;
width: 70px;
background-color: #0178ab;
position: absolute;
bottom: 0;
right: 0;
transition: ease all 0.4s;
}
.page-navigations div .prev::after {
content: "";
height: 2px;
width: 70px;
background-color: #0178ab;
position: absolute;
bottom: 0;
left: 0;
transition: ease all 0.4s;
}
.page-navigations div .prev:hover::after {
left: -10px;
transition: ease all 0.4s;
}
.page-navigations div .next:hover::after {
right: -10px;
transition: ease all 0.4s;
}
.page-navigations .last-page {
cursor: not-allowed;
color: grey !important;
pointer-events: none;
}
.page-navigations .last-page::after {
background-color: grey !important;
}
.single-projekte header,
.single-referenzen header {
margin-bottom: 0;
}
.single-projekte header .mi::after,
.single-referenzen header .mi::after {
display: none;
}
.job {
margin-bottom: 200px;
}
#jobs .job:nth-child(even) {
flex-direction: row-reverse !important;
display: flex;
}
.job h3 {
font-size: 50px !important;
margin-bottom: 30px;
margin-top: 0;
}
.job-home {
margin-bottom: 100px;
margin-top: 50px;
}
.job ul {
padding: 0;
}
.job ul li {
background: url(http://gebetsberger-zt.at/wp-content/themes/gebetsberger/img/list-style.png)
no-repeat left center;
padding: 0 10px 0 35px;
list-style: none;
margin: 0;
vertical-align: middle;
font-family: Arimo, sans-serif !important;
}
.jobs-zusatz-info {
margin: 30px 0;
}
.job-aufg,
.job-prof {
margin-bottom: 50px;
}
.job-aufg p,
.job-prof p {
font-weight: 600;
}
.job-img {
text-align: center;
}
.job-img img {
max-height: 600px;
}
.job-btn {
text-align: center;
}
.job-btn a {
font-size: 20px;
text-transform: uppercase;
position: relative;
padding: 5px 5px;
color: #0178ab !important;
}
.job-btn a:hover {
text-decoration: none;
cursor: pointer;
}
.job-btn a::after {
content: "";
height: 2px;
width: 40px;
background-color: #337ab7;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
transition: ease all 0.4s;
}
.job-btn a:hover::after {
bottom: -10px;
transition: ease all 0.4s;
}
.job-inf {
margin-bottom: 60px;
}
.job img,
.job-home img {
max-width: 100%;
}
.profil-2 h2,
.team h3 {
font-size: 100px !important;
color: #0078ab !important;
font-weight: 100 !important;
}
.member-bild {
height: 260px;
width: 260px;
background-position: center;
background-size: cover;
border-radius: 100%;
margin: auto;
margin-bottom: 20px;
}
.member-text {
color: #0178ab;
font-weight: 100;
}
.member-text p {
margin: 0;
}
.member-text p:first-child {
font-size: 30px;
}
.member-text strong {
font-size: 20px;
font-weight: 500;
}
.members {
margin-top: 50px;
}
.referenzen {
margin-bottom: 200px;
}
.grid-switch {
text-align: right;
}
.grid-switch svg {
vertical-align: middle;
}
.grid-switch #Gruppe_30 g,
.grid-switch #Gruppe_31 g {
stroke: #c4c4c4;
fill: none;
}
.grid-switch .ref-active #Gruppe_30 g,
.grid-switch .ref-active #Gruppe_31 g {
stroke: #337ab7;
}
.grid-switch a {
padding: 20px;
cursor: pointer;
}
.grid-switch a:hover {
text-decoration: none;
color: #fff;
}
.ref-nav {
margin: 50px 0;
font-size: 20px;
text-transform: uppercase;
}
.ref-nav a {
color: #0178ab;
position: relative;
}
.ref-nav a::after {
content: "";
position: absolute;
width: 30px;
height: 2px;
background-color: #0178ab;
left: 0;
bottom: 0;
transition: ease all 0.4s;
}
.ref-nav a:hover {
text-decoration: none;
}
.ref-nav a:hover::after {
width: 100%;
transition: ease all 0.4s;
}
#ref-a::after,
#ref-b::after {
display: none;
}
.ref-nav a:visited {
color: #0178ab;
}
.ref-active::after {
width: 100% !important;
}
.ref-nav div {
padding: 20px;
}
.ref-nav div:first-child {
justify-content: space-between;
display: flex;
}
.referenzen table {
width: 100%;
}
.ref-active {
color: #0178ab !important;
font-weight: 600 !important;
}
.ref-list .table-head {
font-size: 20px;
text-transform: uppercase;
line-height: 40px;
}
.ref-list .table-head th {
border-bottom: 2px solid #000;
}
.tablesorter-header i {
transition: ease all 0.4s;
vertical-align: baseline;
margin-left: 5px;
}
.tablesorter-header:hover i {
color: #0178ab;
transition: ease all 0.4s;
}
.tablesorter-header:hover {
transition: ease all 0.4s;
}
.tablesorter-header {
cursor: pointer;
transition: ease all 0.4s;
vertical-align: middle;
}
.tablesorter-header:focus {
outline: 0;
}
.tablesorter-headerAsc,
.tablesorter-headerDesc {
color: #0178ab;
}
.ref-list .ref-item {
background-size: 0;
font-size: 16px;
line-height: 50px;
border-bottom: 1px solid #c9c9c9;
}
.ref-active {
color: red;
}
.ref-item {
cursor: pointer;
}
.ref-item:hover {
background-color: #ececec;
}
.category .menu-item-23 a {
border-bottom: 2px solid #fff;
}
.ref-grid tbody {
max-width: 1140px;
display: flex;
flex-wrap: wrap;
}
.ref-grid .table-head {
display: none;
}
.ref-grid .ref-item {
display: -ms-flexbox;
max-width: 362px;
display: flex;
flex-direction: column;
height: 200px;
background-position: center;
background-size: cover;
justify-content: flex-end;
text-align: center;
margin: 70px 9px;
width: calc(33.33% - 18px);
color: #0178ab;
}
.ref-grid .ref-baujahr,
.ref-grid .ref-nutzung {
display: none;
}
.ref-name a:hover {
text-decoration: none;
}
.ref-grid .ref-name {
position: relative;
bottom: -70px;
font-size: 30px;
font-weight: 100;
width: 100%;
}
.ref-name a:visited {
color: unset;
}
.ref-grid .ref-ort {
margin-top: 0;
position: relative;
bottom: -70px;
font-size: 20px;
font-weight: 500;
width: 100%;
}
.googlemaps {
margin: 100px 0;
}
.wpcf7 label {
width: 100%;
color: #0178ab;
font-weight: 500;
font-size: 20px;
}
.wpcf7 input[type="submit"] {
background-color: #0178ab;
border: none;
color: #fff;
padding: 20px 30px;
font-size: 20px;
text-transform: uppercase;
width: fit-content;
}
.wpcf7 button,
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
width: 100%;
border: 1px solid #0178ab;
}
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
border-color: #fff;
outline: 2px solid #0178ab;
background-color: #e0f5fe;
}
.wpcf7 input {
padding: 15px;
}
.wpcf7 textarea {
padding: 20px;
}
.wpcf7-acceptance .wpcf7-list-item {
width: 100%;
margin: 0;
margin: 10px 0;
}
.wpcf7-acceptance .wpcf7-list-item label {
display: flex;
justify-content: left;
align-items: baseline;
padding: 20px 0;
}
.wpcf7-acceptance .wpcf7-list-item label a {
text-decoration: underline;
}
.wpcf7-acceptance .wpcf7-list-item label input {
max-width: 30px;
}
.grid-item:hover .grid-item-content {
transition: ease all 0.4s;
opacity: 1;
}
.grid-item-content {
position: absolute;
opacity: 0;
transition: ease all 0.4s;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
flex-direction: column;
}
.grid-item-content h4 {
font-size: 28px;
font-weight: 100;
color: #fff;
}
.grid-item-content p {
font-size: 18px;
color: #fff !important;
}
.img-content-helper {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
transition: ease all 0.4s;
}
@media screen and (max-width: 600px) {
.ref-grid .ref-name {
bottom: -80px;
}
.foogallery-container {
text-align: center !important;
padding: 0;
}
.foogallery-container .fg-item {
margin-left: auto;
margin-right: auto;
}
.column {
flex: 100%;
max-width: 100%;
}
.is-list {
overflow: auto;
}
.referenzen td,
.referenzen th {
text-align: left;
padding: 5px 8px;
min-width: 270px;
width: 270px;
}
.ref-grid .ref-ort {
font-size: 20px;
}
.ref-grid .ref-name {
margin-top: -15px;
font-size: 16px;
}
header .mi::after {
display: none;
}
.page-id-11 header::after,
.page-id-13 header::after,
.page-id-15 header::after,
.page-id-531 header::after,
.page-id-3 header::after,
.page-id-17 header::after,
.page-id-9 header::after {
content: "";
background-image: linear-gradient(to right, #0078ab, #025579);
height: 100px;
width: 30%;
position: absolute;
top: 0;
z-index: -1;
left: 0;
display: block !important;
}
}
#partner {
display: flex;
flex-wrap: wrap;
margin: 50px 0 150px 0;
}
.partner {
flex: 1 0 21%;
margin: 5px;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: 80%;
max-width: 25%;
}
footer {
color: #fff;
}
footer ul {
padding: 0;
margin: 0;
}
footer li {
list-style: none;
margin: 10px 0;
}
footer .blue-footer .row:first-child {
margin-bottom: 50px;
margin-top: 50px;
}
footer .blue-footer .row:last-child {
margin-bottom: 50px;
}
footer a {
color: #fff;
}
footer a:hover {
color: #fff;
text-decoration: underline;
}
.bold {
font-weight: 700;
line-height: 26px;
}
.blue-footer {
background-position: bottom left;
background-repeat: no-repeat;
}
.black-footer {
background-color: #000;
height: 90px;
display: flex;
justify-content: center;
align-items: center;
}
.footer-text {
line-height: 24px;
font-size: 16px;
}
@media screen and (max-width: 1400px) {
.img-row {
width: 100%;
}
.mySlides {
right: 0;
}
}
@media screen and (max-width: 1200px) {
.ref-grid .ref-name {
font-size: 26px;
}
#jobs .job {
flex-direction: column-reverse !important;
display: flex;
}
#jobs .job:nth-child(even) {
flex-direction: column-reverse !important;
}
.profil-img-2 {
text-align: center;
}
.text-right {
text-align: center !important;
}
.members .text-center {
margin-bottom: 50px;
}
.profil-2 {
display: flex;
flex-direction: column-reverse;
}
.job-home div {
margin-bottom: 30px;
}
.profil-2 div:last-child {
margin-bottom: 30px;
}
.profil div:first-child {
margin-bottom: 30px;
}
}
@media screen and (max-width: 1024px) {
.old-h1 {
padding: 40px 0 0 40px;
}
.back-uebersicht {
margin-left: calc(0px + 15px);
margin-bottom: 100px;
}
.navigations {
display: none;
}
.single-projekte h1,
.single-referenzen h1 {
font-size: 90px;
}
.category-gewerbe header,
.category-oeffentlich header,
.category-wohnen header,
.page-id-11 header,
.page-id-13 header,
.page-id-15 header,
.page-id-17 header,
.page-id-9 header {
margin-bottom: 0;
}
header img {
max-width: 180px;
}
header .row {
flex-direction: column-reverse;
margin-top: 25px;
text-align: right;
}
#burger {
text-align: center;
z-index: 101;
left: 5px;
top: 20px;
display: block;
width: 75px;
height: 50px;
position: absolute;
border-radius: 4px;
transition: border-radius 0.5s;
cursor: pointer;
}
.home h2 {
font-size: 90px;
}
header .mi::after {
display: none;
}
.category-gewerbe header::after,
.category-oeffentlich header::after,
.category-wohnen header::after,
.page-id-11 header::after,
.page-id-13 header::after,
.page-id-15 header::after,
.page-id-531 header::after,
.page-id-3 header::after,
.page-id-17 header::after,
.page-id-9 header::after {
content: "";
background-image: linear-gradient(to right, #0078ab, #025579);
height: 100px;
width: 30%;
position: absolute;
top: 0;
z-index: -1;
left: 0;
display: block !important;
}
.line {
position: absolute;
left: 10px;
height: 4px;
width: 55px;
background: #fff;
border-radius: 2px;
display: block;
transition: 0.5s;
transform-origin: center;
}
.line:nth-child(1) {
top: 12px;
}
.line:nth-child(2) {
top: 24px;
}
.line:nth-child(3) {
top: 36px;
}
#burger.active-burger .line:nth-child(1) {
transform: translateY(12px) rotate(-45deg);
}
header {
margin-top: 0;
}
#burger.active-burger .line:nth-child(2) {
opacity: 0;
}
#burger.active-burger .line:nth-child(3) {
transform: translateY(-12px) rotate(45deg);
}
.unscroll {
margin: 0;
height: 100%;
overflow: hidden;
}
.menu-top-navigation-container {
position: fixed;
width: 100vw;
left: 0;
height: 100vh;
top: 0;
z-index: 99;
display: none;
}
header ul li a {
font-size: 40px;
}
#menu-top-navigation {
flex-direction: column;
width: fit-content;
margin: auto;
text-align: center;
}
#menu-top-navigation li {
margin-bottom: 20px;
}
.active {
display: flex;
}
.menu-top-navigation-container {
background-image: linear-gradient(-225deg, #0078ab, #025579);
}
header .logo {
width: 100%;
}
.slideshow-container {
max-width: unset;
margin: auto;
position: relative;
transform: none;
margin-top: 30px;
margin-bottom: 50px;
right: calc(0px - 15px);
left: unset;
}
.mySlides img {
filter: brightness(0.85);
z-index: -1;
position: relative;
right: 0;
width: 100% !important;
}
.slider-item {
position: relative;
z-index: 0;
}
.home-text {
margin-bottom: 60px;
}
.logo {
text-align: right;
}
.img-row {
margin-bottom: 100px;
}
.slideshow-container::after {
right: 50%;
}
.img-row {
width: 100%;
}
#partner {
margin: 50px 0;
}
.container {
width: 100% !important;
}
.slider-cont {
left: 0;
width: unset;
}
.mySlides {
width: 100%;
right: unset;
height: 620px;
}
.mySlides h2 {
padding: 8px 12px;
}
}
@media screen and (max-width: 900px) {
.ref-grid .ref-name {
font-size: 22px;
}
}
@media screen and (max-width: 812px) {
.fbx-close,
.fbx-next,
.fbx-prev {
background: #1e84b2 !important;
box-shadow: none !important;
border: none !important;
}
.fbx-modal svg path {
fill: #fff;
stroke: none;
}
.fbx-modal svg {
height: 30px;
width: 30px;
}
}
@media screen and (max-width: 800px) {
.single-referenzen .home-text p {
padding-left: 15px !important;
padding-right: 15px !important;
}
.page-id-15 .job div:first-child {
position: relative;
padding-bottom: 20px;
margin-top: 20px;
}
.home h2 {
margin-top: 0;
font-size: 60px !important;
color: #0078ab !important;
font-weight: 100 !important;
}
h3 {
font-size: 60px !important;
font-weight: 100 !important;
}
.page-id-15 .job div:first-child::after {
content: "";
height: 1px;
width: 90%;
background-color: rgba(1, 120, 171, 0.5);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.ref-grid .ref-item {
width: calc(50% - 18px);
}
.single-referenzen .details {
margin: 80px 0;
}
.ref-nav {
margin-bottom: 0;
}
.home .home-text {
margin-bottom: 150px;
}
.ort {
bottom: 5px;
top: unset;
}
.mySlides {
height: 460px;
}
.container {
width: 100% !important;
}
.slider-cont h1,
.slider-cont h2 {
font-size: 100px;
color: #f2f2f2;
padding: 8px 12px;
position: absolute;
top: 0;
}
.img-row {
width: 100%;
margin-top: 30px;
margin-bottom: 70px;
}
#partner {
margin: 50px 0;
}
.home-text {
margin-bottom: 70px;
}
.partner {
flex: 1 0 31%;
max-width: 33%;
background-size: contain;
}
.slider-cont {
left: 0;
}
.slideshow-container {
margin: auto;
position: relative;
left: unset;
transform: none;
margin-top: 0;
margin-bottom: 50px;
right: calc(0px - 15px);
margin-top: 30px;
background-color: #fff;
}
.numbertext {
font-size: 25px;
}
}
@media screen and (max-width: 768px) {
.page-navigations div {
text-align: center !important;
}
.uebersicht {
margin: 40px 0;
}
.uebersicht {
margin-bottom: 80px;
}
.back-uebersicht a::after,
.uebersicht a::after,
.uebersicht a::before {
opacity: 1;
}
.uebersicht a::after {
top: 55px;
}
.uebersicht a::before {
bottom: -25px;
}
}
@media screen and (max-width: 700px) {
.mySlides {
height: 400px;
}
.slider-cont h1,
.slider-cont h2 {
font-size: 80px;
}
.leistungen div {
border-right: none;
width: 100%;
}
}
@media screen and (max-width: 500px) {
.single-projekte .slider-cont h1,
.single-referenzen .slider-cont h1 {
line-height: normal;
margin: 0;
}
.home h2 {
margin-top: 0;
font-size: 40px !important;
}
h3 {
font-size: 40px !important;
font-weight: 100 !important;
}
.old-h1 {
padding: 8px 8px;
}
.partner {
max-width: unset;
}
.mySlides {
width: 100%;
height: 200px;
}
.ref-grid .ref-ort {
font-size: 20px;
}
.ref-grid .ref-name {
font-size: 25px;
bottom: -82px;
}
.slider-cont {
left: -10%;
}
.numbertext {
font-size: 13px;
}
.slider-cont h1,
.slider-cont h2 {
font-size: 40px;
}
.slid-text {
font-size: 15px;
}
header ul li a {
font-size: 20px;
padding: 0;
}
.slideshow-container::after {
right: 83%;
top: -51%;
}
.leistungen-header {
font-size: 60px;
}
.ort {
bottom: unset;
top: 140px;
}
.profil h1,
.profil-2 h2,
.team h3 {
font-size: 60px !important;
color: #0078ab !important;
font-weight: 100 !important;
}
.page-id-11 header::after,
.page-id-15 header,
.page-id-9 header {
margin-bottom: 0;
}
.category h1,
.page-id-11 h1 {
font-size: 60px;
}
.home .home-text {
margin-bottom: 100px;
}
.ref-nav a {
width: calc(50% - 20px);
margin: 10px 10px;
border: 1px solid #0178ab;
background-color: #0178ab;
color: #fff !important;
text-align: center;
padding: 10px 0;
}
.ref-nav div:first-child {
flex-wrap: wrap;
}
.ref-nav a::after {
display: none;
}
.ref-active {
background-color: #00354c !important;
}
.grid-switch {
display: flex;
}
.grid-switch div {
padding: 20px;
}
.grid-switch .ref-active {
border: none;
}
.ref-grid .ref-item {
width: 100%;
}
.grid-switch .ref-active #Gruppe_30 g,
.grid-switch .ref-active #Gruppe_31 g {
stroke: #fff;
}
.ref-nav {
margin-bottom: 0;
}
.referenzen {
margin-bottom: 100px;
}
.ref-grid .no-content-found {
display: flex;
flex-wrap: wrap;
}
.ref-grid .no-content-found td {
width: fit-content;
margin: auto;
text-align: center;
}
.single-referenzen .home-text {
margin-bottom: 0;
}
.single-referenzen .details {
margin: 50px 0;
}
.page-id-13 h1,
.page-id-15 h1,
.page-id-531 h1,
.page-id-17 h1 {
font-size: 45px;
}
.page-id-3 h1 {
font-size: 36px;
}
.page-id-13 header {
margin-bottom: 0;
}
.home .grid-item-content,
.page-id-13 .grid-item-content {
opacity: 1;
}
.single-projekte .leistungen {
margin-top: 0;
margin-bottom: 50px;
}
.single-referenzen .slider-cont h1 {
margin-top: 0;
}
.footer-text {
margin-top: 50px;
}
footer .seiten {
margin-top: 50px;
}
#ajax-load-more {
margin-bottom: 100px;
}
#partner {
margin-top: 0;
}
}
@media screen and (max-width: 320px) {
.single-projekte .slider-cont h1,
.single-referenzen .slider-cont h1 {
font-size: 35px;
line-height: 30px;
margin-bottom: 10px;
}
main h1 {
font-size: 80px;
}
.slideshow-container::after {
right: 80%;
top: -60%;
}
.mySlides {
height: 180px;
}
.ref-nav a {
font-size: 16px;
align-items: center;
display: flex;
justify-content: center;
}
.single-projekte .ort,
.single-referenzen .ort {
font-size: 20px;
}
.ort {
top: 130px;
}
.page-id-13 h1,
.page-id-15 h1,
.page-id-17 h1 {
font-size: 40px;
}
.job h3 {
font-size: 40px !important;
}
.home h2 {
font-size: 30px !important;
margin-bottom: 20px;
}
h3 {
font-size: 30px !important;
font-weight: 100 !important;
}
.home .home-text {
margin-top: 0;
}
}