@media only screen and (max-width: 1600px) {
.content .filialen .text, .content .karriere .text, .content .ueber-uns .text {
width: 35%;
}
.content .filialen .image, .content .karriere .image, .content .ueber-uns .image {
width: 60%;
}
}
@media only screen and (max-width: 1500px) {
.footer .links {
margin-left: 50px;
}
.footer .links div {
margin-right: 50px;
}
.footer .logo {
right: 45px;
}
.footer .contact-info {
right: 50px;
}
}
@media only screen and (max-width: 1400px) {
.sub_content {
padding: 80px 5vw 50px 5vw;
}
.sub_content .branch {
grid-template-columns: 37vw 68vw;
}
.sub_content .branch .contact-person {
padding-left: 120px;
}
.sub_content .branch .contact-person .vkult-corner {
display: none;
}
.footer {
padding-top: 80px;
}
.footer .logo {
position: relative;
margin-top: 30px;
left: 40px;
bottom: 0;
right: 0;
width: -moz-fit-content;
width: fit-content;
}
.footer .logo img {
width: 400px;
}
.footer .contact-info {
float: none;
text-align: left;
position: relative;
left: 50px;
top: 10px;
right: 0;
width: -moz-fit-content;
width: fit-content;
}
.footer .copyright {
margin-top: 100px;
width: 100%;
box-sizing: border-box;
border-radius: 0;
}
}
@media only screen and (max-width: 1200px) {
.sub_content .branch {
gap: 100px;
}
.sub_content .branch .contact-person {
grid-column: 1/-1;
box-sizing: border-box;
width: 105vw;
}
.sub_content .branch .vkult-corner {
display: block !important;
}
.sub_content .branch .slider {
grid-column: 1/-1;
grid-row: 1;
margin-left: 5vw;
width: 100vw;
}
.sub_content .branch .slider .n2-ss-slider-1 {
min-height: 0 !important;
}
}
@media only screen and (max-width: 1080px) {
.video-wrapper {
height: 95vh;
}	
.hero-wrapper .text-wrapper h1 {
font-size: 37px;
}
.hero-wrapper .text-wrapper h1::before {
width: 25px;
margin-top: 5px;
margin-left: -35px;
}
.hero-wrapper .text-wrapper p {
font-size: 15px;
line-height: 25px;
max-width: 90%;
}
.content .filialen .text, .content .karriere .text, .content .ueber-uns .text {
width: 40%;
padding-left: 40px !important;
}
.content .filialen .image, .content .karriere .image, .content .ueber-uns .image {
width: 50%;
}
.sub_content p {
max-width: 100%;
line-height: 30px;
}
.sub_content .filialen-wrapper {
grid-template-columns: 1fr;
}
.sub_content .quickinformation .left-box #opening {
margin-bottom: 20px;
}
.sub_content .quickinformation .left-box #opening #opening-status {
display: block;
margin-left: 0;
}
.sub_content .contact-person.ueber-uns {
width: 105vw !important;
box-sizing: border-box;
flex-direction: column;
padding-right: 50px;
}
.sub_content .contact-person.ueber-uns .box {
margin: 0 60px 60px 0;
}
.sub_content .contact-person.ueber-uns .bezirksleitung {
margin-top: 15px;
}
.sub_content .contact-person.ueber-uns .vkult-corner img {
right: 0;
}
}
@media only screen and (max-width: 1000px) {
.filialen-hero .image-wrapper img {
height: 80%;
}
.filialen-hero .text-wrapper {
top: 30vh;
}
.sub_content.filialen_content {
margin-top: 70vh;
}
.sub_content .quickinformation .left-box, .sub_content .quickinformation .right-box {
grid-column: 1/-1;
}
article.post header .entry-title {
margin-left: 5vw !important;
}
article.post .entry-content {
padding-left: 5vw !important;
padding-right: 10px !important;
}
.footer .links div {
margin-bottom: 20px;
}
.footer .copyright {
padding-left: 5%;
font-weight: 700;
box-sizing: border-box;
padding-right: 0;
}
.footer .copyright .divider {
display: none;
}
.footer .copyright .footer-links {
margin-top: 10px;
display: block;
font-weight: 400;
}
}
@media only screen and (max-width: 750px) {
.video-wrapper {
height: 90vh;
}
.header .navbar .nav {
text-align: right;
}
.header .navbar .nav a:not(.home-link) {
color: #4D4D4D;
visibility: hidden;
opacity: 0;
}
.header .navbar .nav .logo {
position: absolute;
top: 30px;
left: 10px;
}
.header .menu {
position: absolute;
top: 3.25rem;
right: 3rem;
width: 25px;
height: 16px;
transition: 0.2s;
}
.header .menu div {
margin: 0;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 28px;
height: 12px;
}
.header .menu span {
position: absolute;
display: block;
width: 100%;
height: 2px;
background-color: #EAEAEA;
border-radius: 1px;
transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
}
.header .menu span:first-of-type {
top: 0;
}
.header .menu span:last-of-type {
bottom: 0;
}
.header .menu.active div span:first-of-type {
transform: rotate(45deg);
top: 5px;
}
.header .menu.active div span:last-of-type {
transform: rotate(-45deg);
bottom: 5px;
}
.header.move .navbar .nav .logo img {
transition: 0.25s;
}
.header.move .navbar .menu {
top: 2.75rem;
}
.header.move .navbar .menu span {
background-color: #AD9556;
}
.header.menu-open {
height: 100%;
background: #FFF;
}
.header.menu-open .navbar .nav {
float: left;
margin-top: 175px;
}
.header.menu-open .navbar .nav li {
margin-right: 0;
}
.header.menu-open .navbar .nav li a {
visibility: visible;
opacity: 1;
color: #4D4D4D;
display: block;
text-align: left;
margin-bottom: 40px;
font-size: 30px;
}
.header.menu-open .navbar .nav li a.active-link::after, .header.menu-open .navbar .nav li a:not(.active-link):hover::before {
width: 4px;
height: 50px;
margin-left: -40px;
margin-top: -54px;
}
.header.menu-open .navbar .nav li a:not(.active-link)::before {
display: none;
}
.header.menu-open .navbar .nav .logo img {
filter: none;
width: 75px !important;
}
.header.menu-open .navbar .menu span {
background-color: #AD9556;
}
.video-wrapper video {
-o-object-position: 60% center !important;
object-position: 60% center !important;
}
.hero-wrapper .text-wrapper {
left: 14vw;
}
.sub_content .filialen-wrapper .filiale .infos h2 {
margin-bottom: -15px;
}
.sub_content .filialen-wrapper .filiale .links .route {
display: none;
}
.sub_content .filialen-wrapper .filiale .links .filialpage {
padding: 30px 0;
color: #EAEAEA;
background: #AD9556;
}
.sub_content .filialen-wrapper .filiale .links .filialpage::after {
filter: none;
}
.sub_content .branch .contact-person {
padding-left: 12vw;
}
.footer .links {
margin-left: 25px;
}
.footer .logo {
left: 15px;
}
.footer .contact-info {
left: 25px;
}
}
@media only screen and (max-width: 700px) {
.content .filialen, .content .karriere, .content .ueber-uns {
display: block;
}
.content .filialen .text, .content .filialen .image, .content .karriere .text, .content .karriere .image, .content .ueber-uns .text, .content .ueber-uns .image {
width: 100vw;
box-sizing: border-box;
}
.content .filialen .text a.big-link, .content .filialen .image a.big-link, .content .karriere .text a.big-link, .content .karriere .image a.big-link, .content .ueber-uns .text a.big-link, .content .ueber-uns .image a.big-link {
position: relative;
bottom: 0;
top: 30px;
}
.content .filialen .image, .content .karriere .image, .content .ueber-uns .image {
height: 400px;
min-height: 0;
}
article.post header .entry-title {
font-size: 45px;
line-height: 45px;
word-break: break-word;
}
article.post header .entry-title span {
font-size: 18px !important;
}
}
@media only screen and (max-width: 600px) {
.content .est .title img {
width: 100px;
}
.content .est p {
max-width: 90%;
}
.content .filialen .text, .content .karriere .text, .content .ueber-uns .text {
padding: 60px 30px 100px 25px !important;
}
.sub_content .quickinformation .left-box, .sub_content .quickinformation .right-box {
padding: 20px 30px 30px 35px;
}
}
@media only screen and (max-width: 500px) {
.video-wrapper {
height: 88vh;
}
.branch .vkult-corner img {
max-width: 150px;
bottom: -80px;
right: 10px;
}
.contact-person.ueber-uns {
padding: 40px 30px 100px 50px !important;
}
.footer .logo img {
width: 300px;
}
}