*:where(:not(iframe, canvas, img, svg, video, input):not(svg *, symbol *):not(.skip-links *)) {
    all : unset;
    display : revert;
}

*, *::before, *::after {
    box-sizing : border-box;
}

a {
    cursor : revert;
}

h2 span {
    font-size:1.25rem;
    font-weight:bold;
}

ol, ul, menu {
    list-style : none;
    padding-left : 0.75rem;
}

img {
    max-width : 100%;
    height: auto;
}

.full-width-image {
    width : 100vw;
    overflow : hidden;
    position : relative;
    left : 50%;
    margin-left : -50vw;
    padding : 0;
}

.full-width-image img {
    width : 100%;
    max-width : none;
    margin : 1rem 0;
    border-left : 0 !important ;
    border-right : 0 !important ;
}

table {
    border-collapse : collapse;
}

textarea {
    white-space : revert;
}

:where([hidden]) {
    display : none;
}

:where([contenteditable]) {
    overflow-wrap : break-word;
}

html {
    height : 100%;
    min-height: 100vh;
}

body {
    height : 100%;
    font-family : Arial, Sans-Serif;
    line-height : 1.5em;
    background : #212529;
    color : #fff;
    font-size : 1.25rem;
}

/* Re-Enable Bootstrap flex layout on body after reset */
body.d-flex { display: flex !important; }
body.flex-column { flex-direction: column !important; }
body.min-vh-100 { min-height: 100vh !important; }

/* Enforce sticky-footer baseline on all Nicht-Fullscreen-Seiten */
body:not(.page-fullscreen) {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}
body:not(.page-fullscreen) footer {
    position: static !important;
    margin-top: auto !important;
}

/* Make content grow to push footer down on non-fullscreen pages */
main#main-content { flex: 1 0 auto; }
.main { flex: 1 0 auto; }
main { flex: 1 0 auto; }

/* Entfernt übermäßigen Bottom-Abstand in Content-Bereichen */
.main .mb-5:last-child { margin-bottom: 0 !important; }
.main .container.mb-5:last-child { margin-bottom: 0 !important; }
footer.mt-auto { margin-top: auto !important; }

body.fadein {
    animation : fadein 2s linear;
}

a {
    text-decoration : none;
    color : #fff !important ;
}

a:hover {
    text-decoration : underline;
    color : #fff;
}

a[href^="mailto:"] {
    text-decoration : underline;
}

a[class="external"] {
    background : url(../images/link.svg) 0 2px no-repeat;
    background-size : 5%;
    padding-left : 1.05rem;
    position : relative;
}

a.zurueck {
    cursor : pointer;
    position : relative;
    top : -0.75em !important ;
    border : solid 1px;
    padding : 0.25rem 0.5rem;
    border-radius : 0.25rem;
    transition : all 0.25s ease-in-out;
}

a.zurueck:hover {
    background : #555;
    text-decoration : none;
}

.clear {
    clear : both !important ;
}

em {
    font-style : italic;
}

h1 {
    font-family : Arial, sans-serif;
    font-weight : bold;
    margin-bottom: 0;
}

nav:not(.breadcrumb-nav) {
    padding-bottom : 0.5rem !important;
    box-shadow : 0 -5px 25px #555;
    box-sizing : border-box;
}

.navbar-brand {
    padding:0 .05rem;
}

.navbar-brand img {
    /* width: 50px; */
    transition : all 0.5s ease-in-out;
    max-width: 140px;
}

.scrolled .navbar-brand img {
    /* width : 200px; */
}

.navbar-nav {
    margin-top : 0;
    padding-top : 1rem;
    padding-right : 0;
}

.navbar-nav > li > ul {
    background : #212529;
    margin-left : 0;
}

@media (min-width: 992px) {
    .navbar-nav > li > ul {
        margin-top: 10px !important;
        margin-left:-.75rem;
    }
}

.navbar-nav > li > ul > li {
    margin-bottom : 0;
    padding-left : 0;
    padding-right : 0.7rem;
    width : 100%;
    padding-bottom : 0;
}

.navbar-nav > li > ul > li > a:hover {
    background : none;
}

.navbar-nav li {
    /* opacity : 0.5; */
    transition : all 0.5s ease-in-out;
    margin-bottom : 1rem;
    padding-left : 0.25rem;
    border-bottom : 1px solid;
    padding-bottom : 0.75rem;
    font-size : 1rem;
}

.navbar-nav ul li.active a {
    opacity: 1;
    text-decoration:underline
}

.navbar-nav a.nav-link {
    text-decoration : none;
    display : block;
    padding : 0.1rem 0 !important ;
}

.nav-link {
    display : inline-block;
}

.nav-link.social {
    padding : 0 2rem 1rem 0.3rem;
}

.nav-link img {
    width : 25px;
    height : 25px;
    opacity : 0.5;
    transition : all 0.25s ease-in-out;
    margin-top : -3px;
}

.nav-link img:hover {
    opacity : 1;
}

button.suche {
    margin-left : 0.5rem;
    background : none;
    border : none;
}

.suche img {
    width : 25px;
    opacity : 0.5;
    transition : all 0.25s ease-in-out;
}

.suche img:hover {
    width : 25px;
    opacity : 1;
}

.slider {
    overflow : hidden;
    background : #555;
    margin-top: 10px;
}

.slider.leistungen.test {
    height : 500px !important ;
}

.slider div {
    height : 100%;
    background-size : cover !important ;
    background-position-x : 50%;
    background-position-y : 50%;
    animation : zoomin 15s linear;
    animation-fill-mode : forwards;
}

.slider.leistungen div.lazyload {
    background: url("../images/baumanagement-ingenieur.webp") no-repeat center center !important;
    background-size:cover !important;
}     
 
.slider img {
    width : auto;
    height : 100%;
    min-height : 630px;
}

.slider#random {
    width : 100%;
    height : 450px;
    background-size : cover !important ;
    position : relative;
}

a#scroll {
    width : 50px;
    height : 50px;
    position : absolute;
    left : 0;
    right : 0;
    bottom : 2vh;
    margin : auto;
    background : url(../images/down-arrow-svgrepo-com.svg);
    opacity : 0.5;
}

.content a, .sliderText a {
    text-decoration : none;
    transition : all 0.25s ease-in-out;
    font-weight : bold;
    color : #aaa !important ;
}

.content a:hover, .sliderText a:hover {
    opacity : 0.5;
}

.content strong, .sliderText strong {
    font-weight : bold;
}

.content.text-center ul {
    display : table;
    margin : 0 auto;
    text-align : left;
}

.content ul li {
    list-style-type : '- ';
}

.topMargin {
    margin-top: 5.05em;
    position : relative;
}

.main.topMargin {
    margin-top : 5em;
}

.modal input[type="text"] {
    background : #ddd;
    padding : 0.45rem 1rem;
    border-radius : 0.25rem;
    width : 100%;
    position : relative;
    top : 2px;
    color : #000;
}

.modal-dialog {
    max-width : 100vw;
}

.modal-header {
    border : 0;
    padding : 0;
}

.modal-body {
    padding : 0;
}

.modal-content {
    background : #212529;
    color : #fff;
    border : #555 solid 1px;
    padding : 2rem;
}

.modal-content .container {
    padding:0;
}

.modal-content h1 {
    margin-bottom:1rem;
}

.modal-content .topMargin {
    margin-top:0 !important;
}

.modal-content #content-area {
    margin:0 !important;
    padding:0 !important;
}

.modal-content .col-md-4 {
    margin: 0 !important;
    padding: 0 !important;
}

.modal-footer {
    border : 0;
    padding : 0;
    /* padding-top : 1.5rem; */
}

.modal .btn-primary {
    background : #333;
    border : #555;
    /* margin : 1em; */
    /* margin-right : 0; */
    margin:0;
}

.modal .btn-close {
    color : #fff;
}

.modal input[type="submit"] {
    padding : 0.65rem 1rem;
    margin : 0;
    margin-top : 20px;
}

#modalInfo .mt-5 {
    margin-top : 0.5rem !important ;
}

section#top.index {
    position : fixed;
    background : url("../images/Biotechpark_03.webp") center center no-repeat fixed;
    width : 100%;
    display : block;
    height : 100vh;
    animation : zoomin 15s linear;
    animation-fill-mode : forwards;
    background-size : cover;
    background-position : center center;
    background-repeat : no-repeat;
    background-attachment : fixed;
}

#top.index {
    position : fixed;
    background : url(../images/Biotechpark_03.webp) center center no-repeat fixed;
    width : 100%;
    display : block;
    height : 100vh;
    animation : zoomin 15s linear;
    animation-fill-mode : forwards;
    background-size : cover;
}

section#top .content {
    position : absolute;
    right : 2rem;
    top : 50%;
    transform : translateY(-46%);
    text-shadow : 1px 1px 3px #000;
    background : rgb(0, 0, 0, 0.75);
    padding : 2rem;
    opacity : 0;
    border-radius : 0.25rem;
    animation : fadein 1s linear;
    animation-fill-mode : forwards;
    animation-delay : 1s;
    display : none !important ;
    width : 89vw;
}

.sliderText {
    position : absolute;
    left : 0;
    right : 0;
    margin : auto;
    text-shadow : 1px 1px 3px #000;
    background : rgb(0, 0, 0, 0.75);
    padding : 1rem 1rem 2rem 1rem;
    opacity : 0;
    border-radius : 0.25rem;
    animation : fadein 1s linear;
    animation-fill-mode : forwards;
    animation-delay : 1s;
    width : 80vw;
    font-size : 0.55rem;
    line-height : 1.6;
    position : absolute;
    top : 50%;
    transform : translateY(-50%);    
    max-height: 60vH;
    overflow: hidden;
    overflow-y: scroll;
    scroll-margin-top: 100px;
}

.sliderText.index {
    margin-top : 38px;
    max-height: 50vH;
    overflow: hidden;
    overflow-y: scroll;
}

.sliderText::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: transparent;
}

.sliderText::-webkit-scrollbar
{
    width: 12px;
    background-color: transparent;
}

.sliderText::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}  

.sliderText h1 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    text-align: left;
}    

.sliderText p:nth-last-child(1) {
    margin-bottom : 1rem;
}

/* Scroll-Position für Skip-Link-Ziele */
.content,
#bilder,
#first-project,
#main-heading,
#mitarbeiter-section {
    scroll-margin-top: 250px;
}

/* Accessibility: Kontrast-Verbesserung für Form-Hilfetext */
.form-text,
#email-help.form-text,
#telefon-help.form-text,
#nachricht-help.form-text,
#datenschutz-help.form-text {
    color: #69a7da !important; /* Noch dunklere Farbe für besseren Kontrast (7.5:1) */
    font-weight: 500 !important; /* Leicht fetter für bessere Lesbarkeit */
}

/* Hauptüberschriften fokussierbar machen */
#main-heading {
    outline: none;
}

#main-heading:focus {
    outline: 2px solid #003057;
    outline-offset: 4px;
    border-radius: 4px;
}



/* Zurück-Button weiß machen */
.zurueck.btn-outline-light,
.btn-outline-secondary {
    color: #fff !important;
    border-color: #fff !important;
    border-radius: 0;
}

.zurueck.btn-outline-light:hover {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

.sliderText h2 {
    font-size: 1.1rem;
    margin-bottom : 1rem;
    font-weight: bold;
}

.sliderText h3 {
    font-size: 1.0rem;
    font-weight: bold;
}

.sliderText button {
    position : absolute;
    right: 0.25rem;
    top: 0.5rem;
    opacity : 0.5;
    padding : 0.5rem;
    transition : all 0.25s ease-in-out;
    background : url(../images/close.svg) center /1em auto no-repeat transparent;
}

.btn-close span { opacity:0; }

a.info {
    position : absolute;
    bottom : 2rem;
    right : 1.5rem;
    width : 30px;
    height : 30px;
    opacity : 0.5;
    display : none;
    transition : all 0.25s ease-in-out;
    background : url(../images/info.svg) no-repeat;
}

a.info.index {
    bottom : 1rem;
    right : 1rem;
}

.sliderText a.close, a.info {
    text-decoration : none;
}

.sliderText a.close:hover, a.info:hover {
    opacity : 1;
}

section#top .content.test {
    top : 57%;
}

section#top h1 {
    font-family : Arial, sans-serif;
    /* font-size : 3.0rem; */
    margin-bottom : 1.05rem;
}

.row.index {
    margin-right : 15px;
}

#leistungen .anchor a {
    border : solid 1px;
    text-align : center;
    padding : 3rem;
    margin : 1rem 0;
    transition : all 0.5s ease-in-out;
    text-transform : uppercase;
}

#leistungen .anchor a:hover {
    text-decoration : none;
    background : #292d32;
}

#leistungen .kacheln {
    padding : 0 1rem;
    margin-bottom : -1rem;
}

#leistungen .kacheln > div {
    margin-bottom : 2rem;
}

#leistungen .kacheln .link {
    transition : all 0.5s ease-in-out;
    position : relative;
    padding : 2rem;
}

#leistungen .kacheln .link:hover {
    background : #292d32;
}

#leistungen .kacheln .link h2 {
    margin-bottom : 1rem;
}

#leistungen .kacheln .link ul li {
    list-style : disc;
    margin-bottom : 0.5rem;
}

#leistungen .kacheln .link a:hover {
    text-decoration : none;
}

#leistungen .kacheln .link a span {
    position : absolute;
    bottom : 0.5rem;
    left : 1.0rem;
    font-size : 0.9rem;
    opacity : 0;
    transition : all 1s ease-in-out;
}

#leistungen .kacheln .link a:hover span {
    opacity : 1;
}

#leistungen .kacheln .bild {
    background-size : cover !important ;
    overflow : hidden;
}

#leistungen .kacheln .bild img {
    max-width : 122%;
    position : relative;
    left : -50%;
    margin-left : 40%;
    transform : scale(1.0);
    transition : all 1s ease-in-out;
    width : 100%;
    height : auto;
}

#leistungen .kacheln .bild img:hover {
    transform : scale(1.08);
}

#leistungenDetail .content {
    background: #292d32;
    padding: 1rem;
    /* margin-top : 0.25rem; */
    /* margin-right : -0.75rem; */
}

#leistungenDetail img {
    /* width : 97%; */
    /* height : auto; */
}

#leistungenDetail .rechts .content {
    /* margin-left : 0.25rem; */
    /* margin-right : 0.75em; */
    /* margin-bottom : 0.25rem; */
    /* text-align : right; */
    position : relative;
    z-index : 2;
}

#leistungenDetail .rechts.image {
    order : -1 !important ;
}

#leistungenDetail .rechts img {
    /* margin-left : 1rem; */
    /* padding-right : 0.45rem; */
    z-index : 1;
    position : relative;
}

.main#projekte {
    /* margin-top : 6.0em; */
}

.main#projekte h2 {
    font-size: 1.25rem;
}

.main.mitarbeiter h2,
.main.mitarbeiter h3{
    font-size:1.25rem;
}

.projekte.filter .projekteFilter {
    height : 300px;
}

.projekteFilter {
    margin-bottom : 2rem;
    height : 30vh;
    padding : 0 1rem 0 1rem;
}

.projekteFilter:nth-child(2) {
    margin-bottom : 0;
}

.projekteFilter:hover, .projekteFilter.active {
    opacity : 1;
}

.projekteFilter.active::after {
    content : '';
    background : #fff;
    height : 1px;
    width : 100%;
    display : block;
    margin-top : 10px;
}

.projekteFilter a {
    width : auto;
    transition : all 0.25s ease-in-out;
    display : block;
    position : relative;
    overflow : hidden;
    border : #fff solid 1px;
    height : 100%;
}

.projekteFilter a:hover {
    background : #555;
    text-decoration : none;
}

.projekteFilter a .link {
    font-size : 1.5rem;
    position : absolute;
    bottom : 0;
    z-index : 1;
    background : rgb(0 0 0 / 0.5);
    display : block;
    width : 100%;
    padding : 1rem;
}

.projekteFilter a img {
    transform : scale(1);
    transition : all 0.5s ease-in-out;
}

.projekteFilter a img:hover {
    transform : scale(1.05);
}

.projekteFilter .bild {
    background-size : cover !important ;
    height : 100%;
}

.projekteFilter .bild img {
    opacity : 0.0;
}

.projekte .projekt {
    text-align : left;
}

.projekte .projekt a {
    position : relative;
    display : block;
    border : solid 1px;
    margin-bottom : 1.5rem !important ;
    transition : all 0.25s ease-in-out;
    overflow : hidden;
}

.projekte .projekt a img {
    width : 100%;
    height : auto;
    transition : all 0.5s ease-in-out;
}

.projekte .projekt a span {
    opacity : 0;
    position : absolute;
    bottom : 0;
    left : 0;
    transition : all 0.25s ease-in-out;
    text-shadow : 1px 1px 3px #000;
    background : rgb(0 0 0 / 0.5);
    width : 100%;
    padding : 0.5em 1em;
    font-size : 1.0rem;
    line-height : 1.25;
}

.projekte .projekt a:hover span,
.projekte .projekt a:focus span {
    opacity : 1;
}

.projekte .projekt a:hover img,
.projekte .projekt a:focus img {
    opacity : 0.9;
    transform : scale(1.05);
}

/* Mitarbeiter-Bilder skalieren bei Hover und Fokus */
.person .mitarbeiter-link:hover .image img,
.person .mitarbeiter-link:focus .image img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Modal-Ressourcen von SEO ausschließen */
body[data-template="999"] {
    /* Zusätzlicher Schutz für Modal-Ressourcen */
}

.projekte .projekteFilter a .bild {
    transition : all 0.25s ease-in-out;
}

.projekte .projekteFilter a:hover .bild {
    transform : scale(1.05);
}

.projekte .projekt a span u {
    text-decoration : underline;
}

#projekt .content .col.bg {
    background : rgb(255 255 255 / 0.1);
    padding : 1.25rem 1rem 0.15rem 1.5rem;
    margin-bottom : 2rem;
    /* margin-top: 3rem !important; */
    /* border-radius : 0.5rem; */
}

#projekt .content .col.bg:nth-last-child(1) {
    margin-bottom: 0.5rem;
}

.bild a {
    overflow:hidden;
    display:block;
}

#projekt .projektBild img {
    border : #555 solid 1px;
    /* margin-bottom : 1.5rem; */
    width : 100%;
    height : auto;
}

#projekt div video {
    /* margin-bottom : 1.5rem; */
    width : 100% !important;
    /* height : 250px; */
}

#projekt .mt-5#bilder {
    /* margin-top: 0rem !important; */
}


/* Projekt Detail Bilder - Masonry Layout */
#projekt #bilder {
    /* margin-top: 1.5rem; */
}

/* Masonry-Items haben gleiche Höhe */
#bilder .col-6,
#bilder .col-12 {
    margin-bottom: 1.5rem; /* CSS-Abstände für Masonry */
}

/* Alle Bilder und Videos haben gleiche Höhe für Masonry */
#bilder img,
#bilder video {
    width: 100%;
    object-fit: cover;
    display: block;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    #bilder img,
    #bilder video {
        /* height: 200px; */
    }
}

.mitarbeiter .image {
    overflow:hidden;
}

.mitarbeiter > div > a .row div .text-content {
    padding-top: 1rem;
    /* padding-right: .75rem; */
}

.mitarbeiter .person:nth-child(1) > a .row div .text-content,
.mitarbeiter .person:nth-child(2) > a .row div .text-content{    
    padding:0;
    margin-top:15%;    
}

.mitarbeiter a:hover {
    text-decoration : none;
}

.mitarbeiter > div .person a {
    border : #aaa solid 1px;
    transition : all 0.25s ease-in-out;
    overflow:hidden;
}

.mitarbeiter > div[class^="col-"] > .row > .col-6:nth-child(2) {
    border : #aaa solid 1px;
    background : none;
    min-height : 110px;
}

.mitarbeiter > div[class^="col-"] > .row > .col-6:hover, .mitarbeiter > div[class^="col-"] > .row > .col-6:nth-child(2):hover {
    background : #555;
}

.mitarbeiter > div[class^="col-"] > .row > .col-6 a {
    display : block;
    position : relative;
    /* top : 50%; */
    /* transform : translateY(-50%); */
    overflow : hidden;
}

.mitarbeiter > div[class^="col-"] > .row > .col-6 a.link {
    padding : 0;
    padding-top:1.75rem
}

.mitarbeiter .col-lg-6 h2 {
    font-size : 1.0rem;
}

.mitarbeiter .col-lg-4 h2, .mitarbeiter .col-lg-3 h2 {
    font-size : 1rem;
}

.mitarbeiter .col-lg-6 h3, .mitarbeiter .col-lg-4 h3 {
    font-size : 0.55rem;
}

.mitarbeiter .col-lg-3 h3 {
    font-size : 0.55rem;
    padding: 0.25rem;
}

.mitarbeiter img {
    transition : all 0.75s ease-in-out;
    width : 100%;
    height : auto;
}

.mitarbeiter img:hover {
    transform : scale(1.15);
}

.main.mitarbeiter.detail .content {
    text-align : left;
}

.main.mitarbeiter ul {
    list-style : disc;
}

.main.mitarbeiter img.border {
    border : #aaa solid 1px;
}

.main.mitarbeiter img:hover {
    transform : scale(1);
}

#karriere .content {
    background : #292d32;
    padding : 2rem;
    margin-top : 1rem;
    margin-left : -1rem;
    margin-bottom : 5rem;
}

#karriere .kacheln a {
    color:#fff !important;
    text-decoration:underline;
    padding: 0.5rem 0;
    display: inline-block;
    margin-bottom: .25rem;
}

#bewerbung h2 {
    font-size:1.5rem;
}

#bewerbung .stellen {
    margin-top:2rem;
}
    
a.bewerbung:before {
    content : '';
    position : absolute;
    left : 0;
    top : 1rem;
    display : block;
    background : url("../images/bewerbung.svg") no-repeat;
    width : 40px;
    height : 40px;
}

a.bewerbung {
    display : block;
    padding-left : 3rem;
    position : relative;
    padding-top : 1.5rem;
    color : #fff !important ;
}

.main#kontakt form {
    text-align : left;
    padding : 2em 0;
}

.main form label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.main form label[for=datenschutz] {
    position: static;
    width: auto;
    height: auto;
    padding: initial;
    margin: initial;
    overflow: visible;
    clip: auto;
    white-space: normal;
}
    
.main#kontakt form input, .main#kontakt form textarea, #karriereDetail input, #karriereDetail textarea {
    background : none;
    color : #fff;
    border : #aaa solid 1px;
}

.main#kontakt form input[type="submit"], #karriereDetail form input[type="submit"] {
    border : solid 1px;
    padding : 0.5em 1em;
    border-radius : 0.25rem;
}

.main#kontakt form input[type="checkbox"], #karriereDetail form input[type="checkbox"] {
    border : solid 1px;
    padding : 0.4em;
    border-radius : 0.25rem;
}

.main#kontakt form input[type="checkbox"]:checked, #karriereDetail form input[type="checkbox"]:checked {
    border : solid 1px;
    padding : 0.5em;
    background : #aaa;
}

.main#kontakt form span.beschreibung, #karriereDetail form span.beschreibung {
    display : inline-block;
    margin-left : 1.5em;
    margin-top : -1.5em;
}

a.text-underline {
    text-decoration : underline;
}

.main#kontakt a {
    text-decoration : underline;
}

.main#kontakt img {
    /* height : 75px; */
}

.main#kontakt form input.error, .main#kontakt form textarea.error, #karriereDetail form input.error, #karriereDetail form textarea.error {
    border : red solid 1px;
}

.karte {
    margin : 2em 0;
}

.karte a.googleMaps {
    opacity : 0.5;
    transition : all 0.25s ease-in-out;
}

.karte a.googleMaps:hover {
    opacity : 1;
    text-decoration : none;
}

.karte b {
    position : relative;
    top : 4px;
}

.karte img {
    width : 40px;
    margin-right : 1rem;
}

.karteAktivieren {
    cursor : pointer;
    color:#fff;
}

.karteAktivieren p {
    position:relative;
    top:-2rem;
    left:4rem;
    width:80%;
}    

.karteAktivieren:hover {
    text-decoration : none;
}

.privacy {
    position:relative;
    top:-2rem;
    left:4rem;
}    

.karteAnzeigen {
    border-radius : 0;
    background : #555;
    border : 0;
    margin-bottom : 3rem;
}

.karteAnzeigen i {
    font-style : italic;
}

.karteAnzeigen u {
    text-decoration : underline;
}

.leaflet-touch .leaflet-bar a {
    color : #000 !important ;
}

#karriereDetail form input[type="file"] {
    width : 100%;
    border-radius : 0.25rem;
}

::-webkit-file-upload-button {
    background : #aaa;
    border : 0;
    font-size : 0.8em;
    margin-right : 0.75em;
    padding-top : 0.4em;
    padding-bottom : 0.2em;
}

footer {
    background : #212529;
    width : 100%;
    box-shadow : 0 10px 25px #555;
    font-size : 0.95rem;
    line-height : 1;
    z-index : 2;
    border-bottom: 10px solid #212529;
}

/* Vollbild-Seiten: Startseite (id 1) und Leistungen (id 2) */
body.page-fullscreen {
    min-height: 100vh;
    height: 100vh;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

body.page-fullscreen nav#main-navigation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

body.page-fullscreen main#main-content {
    overflow: hidden;
}

body.page-fullscreen footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

/* Leistungen-Detail: sichere Footer-Positionierung */
#leistungenDetail {min-height: calc(100vh - 151px);} /* 200px ~ Nav + Footer + TopMargin Reserve */

/* Klassische Architektenleistung – Abstand zum Footer wiederherstellen */
body:not(.page-fullscreen) #leistungenDetail .container:last-child {
    padding-bottom: 2.5rem;
}

/* Zusätzliche Absicherung: Kein margin/padding nach dem Hauptinhaltsbereich,
   damit der Footer nicht „mittendrin“ hängen bleibt */
section.main:last-of-type { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.container:last-child { margin-bottom: 0 !important; }

footer .copy {
    margin-top : 0.8rem;
    display : block;
}

footer .links {
    display : block;
}

footer .links {
    padding : 0.5rem 0;
}

footer .links a {
    position : relative;
    cursor : pointer;
    padding : 0.5rem 0;
    opacity : 0.5;
    transition : all 0.25s ease-in-out;
}

footer .links a:hover {
    color : #fff;
    opacity : 1;
    text-decoration : none;
}

.frame {
    animation : zoomin 10s linear;
}

#ftco-loader {
    position : fixed;
    width : 96px;
    height : 96px;
    left : 50%;
    top : 50%;
    transform : translate(-50%,-50%);
    background-color : rgb(255, 255, 255, 0.9);
    box-shadow : 0 24px 64px rgb(0, 0, 0, 0.24);
    border-radius : 16px;
    opacity : 0;
    visibility : hidden;
    transition : opacity 0.2s ease-out, visibility 0s 0.2s linear;
    z-index : 1000;
}

#ftco-loader.fullscreen {
    padding : 0;
    left : 0;
    top : 0;
    width : 100%;
    height : 100%;
    transform : none;
    background-color : #212529;
    border-radius : 0;
    box-shadow : none;
    z-index : 2000;
}

#ftco-loader.show {
    transition : opacity 0.4s ease-out, visibility 0s 0s linear;
    visibility : visible;
    opacity : 1;
}

#ftco-loader .circular {
    animation : loader-rotate 2s linear infinite;
    position : absolute;
    left : calc(50% - 24px);
    top : calc(50% - 24px);
    display : block;
    transform : rotate(0deg);
}

#ftco-loader .path {
    stroke-dasharray : 1 200;
    stroke-dashoffset : 0;
    animation : loader-dash 1.5s ease-in-out infinite;
    stroke-linecap : round;
}

.simplesearch-results-list {
    margin : 1rem 0;
}

.simplesearch-result {
    background : rgb(255, 255, 255, 0.1);
    padding : 1rem;
    border-radius : 0.25rem;
    margin-bottom : 2rem;
}

@keyframes loader-rotate {
    100% {
        transform : rotate(360deg);
    }
}

@keyframes loader-dash {
    0% {
        stroke-dasharray : 1 200;
        stroke-dashoffset : 0;
    }

    50% {
        stroke-dasharray : 89 200;
        stroke-dashoffset : -35px;
    }

    100% {
        stroke-dasharray : 89 200;
        stroke-dashoffset : -136px;
    }
}

/* ========================================
   RESPONSIVE DESIGN - MOVED TO custom4_clean.css
   ======================================== */

/* All media queries have been moved to custom4_clean.css for better organization */

/* Small devices (phones, 375px and up) */
@media only screen and (min-width: 375px) {
    .main.topMargin {
        margin-top: 6em;
    }

    .mitarbeiter .col-lg-6 h2 {
        font-size: 1.25em;
    }

    .mitarbeiter .col-lg-4 h2, .mitarbeiter .col-lg-3 h2 {
        font-size: 1.15rem;
    }

    .mitarbeiter .col-lg-6 h3, .mitarbeiter .col-lg-4 h3 {
        font-size: 0.8rem;
    }

    .mitarbeiter .col-lg-3 h3 {
        font-size: 0.8rem;
    }
}

/* Medium devices (tablets, 425px and up) */
@media only screen and (min-width: 425px) {
    .main.topMargin {
        margin-top: 5.5em;
    }

    .mitarbeiter > div > a .row div .text-content {        
        padding:0.5rem;
        padding-top: .75rem;
    }

    .mitarbeiter .col-lg-6 h2 {
        font-size: 1.25em;
    }

    .mitarbeiter .col-lg-4 h2, .mitarbeiter .col-lg-3 h2 {
        font-size: 1.5rem;
    }

    .mitarbeiter .col-lg-6 h3, .mitarbeiter .col-lg-4 h3 {
        font-size: 1rem;
    }

    .mitarbeiter .col-lg-3 h3 {
        font-size: 1rem;
    }

    footer {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 576px) {
    body {
        font-size : 1.0rem;
    }

    .main.topMargin {
        margin-top: 7em;
    }

    a.info.index {
        bottom : 3.5rem;
    }

    a.zurueck {
        top : 0.75em !important ;
    }

    .navbar-nav > li > ul > li {
        margin-bottom : 0;
        padding-left : 0.7rem;
        padding-right : 0.7rem;
        width : 100%;
        padding-bottom : 0;
    }

    .slider {
        /* margin-top : -11px; */
    }

    section#top h1 {
        font-size : 2.0rem;
    }

    section#top .content {
        display : block;
    }

    .sliderText {
        margin : 0;
        left : auto;
        right : 2em;
        padding : 1.5rem;
        font-size : 0.9rem;
    }

    #leistungenDetail img {
        width : 100%;
    }

    #leistungen .kacheln .bild img {
        max-width : 163%;
        left : -50%;
        margin-left : 12%;
    }

    #leistungenDetail .content {
        padding:1.5rem;
    }

    #leistungenDetail .rechts .content {
        /* margin-left : -0.75rem; */
        /* margin-right : 0.75em; */
        /* margin-bottom : 0; */
    }

    .projekteFilter {
        height : 32vh;
    }

    .mitarbeiter .person:nth-child(1) > a .row div .text-content,
    .mitarbeiter .person:nth-child(2) > a .row div .text-content{
        margin-top:25%;    
    }

    .mitarbeiter > div > a .row div .text-content {        
        padding:0.5rem;
        padding-top: 2.5rem;
    }    

    .mitarbeiter .col-lg-6 h2 {
        font-size : 1.5em;
    }

    .mitarbeiter .col-lg-4 h2, .mitarbeiter .col-lg-3 h2 {
        font-size : 1.5rem;
    }

    .mitarbeiter .col-lg-6 h3, .mitarbeiter .col-lg-4 h3 {
        font-size : 1rem;
    }

    .mitarbeiter .col-lg-3 h3 {
        font-size : 1rem;
    }

    footer .copy {
        margin-top : 0.8rem;
        display : inline-block;
    }

    footer .links {
        margin-top : 0.25rem;
        display : inline-block;
        float : right;
    }

    .modal-dialog {
        max-width : 75vw;
    }
}

@media only screen and (min-width: 768px) {

    .slider.leistungen div.lazyload {
        background: url("../images/baumanagement-leistungen.webp") no-repeat center center !important;
        background-size:cover !important;
    }       
    
    a.info.index {
        bottom: 4rem;
        right : 2rem;
    }

    .slider {
        /* margin-top : 30px; */
    }

    .sliderText h1 {
        /* width : 93%; */
    }

    section#top h1 {
        font-size: 1.75rem;
    }

    section#top .content {
        width : 66vw;
    }

    .sliderText {
        width : 60vw;
        margin : 0;
        left : auto;
        right : 2em;
        padding : 2rem;
        font-size : 0.9rem;
    }

    #leistungenDetail .content {
        padding : 2rem;
    }    

    #leistungenDetail .rechts {
        /* margin-left : 0.75rem; */
        /* padding-right : 0.75rem; */
    }

    #leistungenDetail .rechts img {
        /* margin-left : 0; */
        /* padding-right : 0; */
    }

    .projekteFilter {
        height : 68vh;
        margin-bottom : 0;
    }


    .mitarbeiter > div > a .row div .text-content {        
        padding:0.5rem;
        padding-top: 1.0rem;
    }       

    .mitarbeiter .col-lg-6 h2 {
        font-size : 1.5em;
    }

    .mitarbeiter .col-lg-4 h2, .mitarbeiter .col-lg-3 h2 {
        font-size : 1.25rem;
    }

    .mitarbeiter .col-lg-6 h3, .mitarbeiter .col-lg-4 h3 {
        font-size : 0.8rem;
    }

    .mitarbeiter .col-lg-3 h3 {
        font-size : 0.8rem;
    }

    .mitarbeiter > div[class^="col-"] {
        /* padding : 1.25em !important; */
        /* padding-bottom : 0 !important; */
    }

    #karriere > .karriere > .karriere > div:nth-child(1) {
        padding-right : 0.5rem;
    }

    #karriere > .karriere > .karriere > div > img {
        margin-left : -3px;
    }

    .modal input[type="text"] {
        width : 68%;
    }

    .modal input[type="submit"] {
        margin-top : 4px;
        margin-left : 1rem;
    }
}

@media only screen and (min-width: 992px) {
    .modal-dialog {
        max-width : 50vw;
    }

    .navbar-nav a.nav-link {
        padding : 0.1rem 0.7rem !important ;
    }

    .navbar-nav li {
        float : left;
        border-bottom : 0;
        padding-bottom : 0;
    }

    .navbar-nav a.nav-link {
        padding : 0.1rem 0.7rem !important ;
    }

    button.suche {
        margin-left : 0.75rem;
    }

    .nav-link.social {
        padding : 0.5rem 1rem;
    }

    .sliderText h1 {
        /* width : 93%; */
    }

    section#top .content {
        width : 47vw;
        right : 3rem;
    }

    .sliderText {
        width : 47vw;
    }

    #leistungenDetail .rechts.image {
        order : 6 !important ;
    }

    #leistungenDetail .content {
        margin-top : 4rem;
        margin-left : -4rem;
        margin-right: 0rem;
    }

    #leistungenDetail .rechts .content {
        margin-left : 0;
        margin-right : -4rem;
        text-align : right;
        position : relative;
        z-index : 2;
    }

    #leistungenDetail .rechts {
        margin-left : 0;
        padding-right : 0.75rem;
    }

    #leistungen .kacheln {
        padding : 0 0.8rem;
    }

    .projekteFilter {
        height : 67.5vh;
    }

    #projekt #bilder {
        /* margin-top: 4.25rem; */
    }

    #projekt .content {
        /* padding-right : 2em !important ; */
    }

    .mitarbeiter .col-lg-6 h2 {
        font-size : 1.5em;
    }

    .mitarbeiter .col-lg-4 h2, .mitarbeiter .col-lg-3 h2 {
        font-size : 0.9rem;
    }

    .mitarbeiter .col-lg-6 h3, .mitarbeiter .col-lg-4 h3 {
        font-size : 0.8rem;
    }

    .mitarbeiter .col-lg-3 h3 {
        font-size : 0.6rem;
    }

    .modal-content img {
        /* margin-top : -4rem; */
    }

    #karriere .content {
        margin-top : 7rem;
        margin-left : -4rem;
        margin-right : 0;
    }
}

@media only screen and (min-width: 1200px) {
    .navbar-nav a.nav-link {
        padding: 7px 1.5rem !important;
    }

    .slider.leistungen div.lazyload {
        background: url("../images/baumanagement-und-architektenleistungen.webP") no-repeat center center !important;
        background-size:cover !important;
    }       

    .sliderText h1 {
        /* width : 80%; */
        /* font-size : 2rem; */
    }

    section#top .content {
        width : 39vw;
    }

    .slider {
        /* margin-top : 37px; */
    }

    .sliderText {
        width : 40vw;
    }

    .projekteFilter {
        height : 67.25vh;
    }

    #projekt #bilder {
        /* margin-top: 4.5rem; */
    }    

    .mitarbeiter .col-lg-6 h2 {
        font-size : 1.7em;
    }

    .mitarbeiter .col-lg-4 h2, .mitarbeiter .col-lg-3 h2 {
        font-size : 1.25rem;
    }

    .mitarbeiter .col-lg-6 h3, .mitarbeiter .col-lg-4 h3 {
        font-size : 0.9rem;
    }

    .mitarbeiter .col-lg-3 h3 {
        font-size : 0.7rem;
    }
}

@media only screen and (min-width: 1400px) {
    .navbar-nav a-nav-link {
        padding : 0.3rem 1.8rem 0.1rem 1.8rem !important ;
    }

    .sliderText h1 {
        /* width : 71%; */
    }

    section#top .content {
        width : 40vw;
    }

    .main.topMargin {
        margin-top: 8.5rem;
    }

    #leistungenDetail {min-height: calc(100vh - 175px);} 

    .projekteFilter {
        height : 67.25vh;
    }

    .mitarbeiter > div > a .row div .text-content {        
        padding:0.5rem;
        padding-top: 0.75rem;
    }           

    .mitarbeiter .col-lg-6 h2 {
        font-size : 1.7em;
    }

    .mitarbeiter .col-lg-4 h2, .mitarbeiter .col-lg-3 h2 {
        font-size : 1.0rem;
    }

    .mitarbeiter .col-lg-6 h3, .mitarbeiter .col-lg-4 h3 {
        font-size : 0.85rem;
    }

    .mitarbeiter .col-lg-3 h3 {
        font-size : 0.8rem;
    }
}

@media only screen and (min-width: 1600px) {
    section#top .content {
        width : 35vw;
    }

    .sliderText {
        width : 35vw;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width : 95vw;
    }

    #leistungen .kacheln {
        margin-bottom : 0.75rem;
    }

    .mitarbeiter .col-lg-6 h2 {
        font-size : 1.7em;
    }

    .mitarbeiter .col-lg-4 h2, .mitarbeiter .col-lg-3 h2 {
        font-size : 1.25rem;
    }

    .mitarbeiter .col-lg-6 h3, .mitarbeiter .col-lg-4 h3 {
        font-size : 1rem;
    }

    .mitarbeiter .col-lg-3 h3 {
        font-size : 0.9rem;
    }
}

@media only screen and (min-width: 1800px) {
    .sliderText h1 {
        /* width : 75%; */
    }

    section#top .content {
        width : 32vw;
    }

    .sliderText {
        width : 30vw;
    }
    
    .mitarbeiter > div > a .row div .text-content {            
        padding-top: 1.5rem;
    }               
}

@media only screen and (min-width: 2000px) {
    .sliderText h1 {
        width : 72%;
    }

    section#top .content {
        width : 29vw;
    }

    #karriere .content {
        margin-top : 7rem;
        margin-left : -4rem;
        margin-right : 0;
    }

    .mitarbeiter > div > a .row div .text-content {       
        padding:0.75rem;
        padding-top: 2.0rem;
    }        
}

@media only screen and (min-width: 2200px) {
    .sliderText h1 {
        width : 89%;
    }

    section#top .content {
        width : 26vw;
    }

    .sliderText {
        width : 25vw;
    }

    .mitarbeiter > div > a .row div .text-content {       
        padding:1.5rem;
        padding-top: 2.5rem;
    }         
}

@media only screen and (min-width: 2400px) {
    section#top .content {
        width : 24vw;
    }

    .sliderText {
        width : 22vw;
    }

    .mitarbeiter > div > a .row div .text-content {       
        padding:1.5rem;
        padding-top: 3.5rem;
    }        
}

@media only screen and (min-width: 2560px) {
    section#top.index, #top.index {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    
    section#top .content {
        width: 22vw;
    }

    .sliderText {
        width: 20vw;
    }
}

@media only screen and (min-width: 3840px) {
    section#top.index, #top.index {
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    
    section#top .content {
        width: 20vw;
    }

    .sliderText {
        width: 18vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {
    visibility : hidden;
}

.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .fadeInUpBig, .fadeInLeftBig, .fadeInRightBig {
    visibility : visible;
}

.delay-1s {
    animation-delay : 0.1s !important ;
}

.delay-2s {
    animation-delay : 0.2s !important ;
}

.delay-3s {
    animation-delay : 0.3s !important ;
}

.delay-4s {
    animation-delay : 0.4s !important ;
}

.delay-5s {
    animation-delay : 0.5s !important ;
}

.delay-6s {
    animation-delay : 0.6s !important ;
}

.delay-7s {
    animation-delay : 0.7s !important ;
}

.delay-8s {
    animation-delay : 0.8s !important ;
}

.delay-9s {
    animation-delay : 0.9s !important ;
}

.delay-10s {
    animation-delay : 1s !important ;
}

.delay-11s {
    animation-delay : 1.1s !important ;
}

.delay-12s {
    animation-delay : 1.2s !important ;
}

.delay-13s {
    animation-delay : 1.3s !important ;
}

.delay-14s {
    animation-delay : 1.4s !important ;
}

.delay-15s {
    animation-delay : 1.5s !important ;
}

.delay-16s {
    animation-delay : 1.6s !important ;
}

.delay-17s {
    animation-delay : 1.7s !important ;
}

.delay-18s {
    animation-delay : 1.8s !important ;
}

.delay-19s {
    animation-delay : 1.9s !important ;
}

.delay-20s {
    animation-delay : 2s !important ;
}

.delay-21s {
    animation-delay : 2.1s !important ;
}

.delay-22s {
    animation-delay : 2.2s !important ;
}

.delay-23s {
    animation-delay : 2.3s !important ;
}

.delay-24s {
    animation-delay : 2.4s !important ;
}

.delay-25s {
    animation-delay : 2.5s !important ;
}

.delay-26s {
    animation-delay : 2.6s !important ;
}

.delay-27s {
    animation-delay : 2.7s !important ;
}

.delay-28s {
    animation-delay : 2.8s !important ;
}

.delay-29s {
    animation-delay : 2.9s !important ;
}

.delay-30s {
    animation-delay : 3s !important ;
}

.delay-31s {
    animation-delay : 3.1s !important ;
}

.delay-32s {
    animation-delay : 3.2s !important ;
}

.delay-33s {
    animation-delay : 3.3s !important ;
}

.delay-34s {
    animation-delay : 3.4s !important ;
}

.delay-35s {
    animation-delay : 3.5s !important ;
}

@keyframes bouncing {
    0%, 100% {
        transform : translateY(0);
    }

    50% {
        transform : translateY(-5px);
    }
}

.bouncing {
    animation-name : bouncing;
}

@media only screen and (min-width: 412px) and (max-width: 798px) and (orientation: portrait) {
    .navbar-dark .navbar-brand {
        padding-top : 0.4rem;
        padding-bottom : 0.4rem;
    }

    .navbar-dark.scrolled .navbar-brand {
        padding-top : 0.4rem;
        padding-bottom : 0.4rem;
    }

    .navbar-dark .navbar-brand span {
        background-size : 75%;
        width : 140px;
        height : 85px;
    }

    .navbar-dark.awake .navbar-brand span {
        background-size : 75%;
        width : 230px;
        height : 55px;
    }
}

@media only screen and (min-width: 280px) and (max-width: 992px) {
    .navbar-dark .navbar-brand {
        padding-top : 0.1rem;
        padding-bottom : 0.1rem;
    }

    .navbar-dark.scrolled .navbar-brand {
        padding-top : 0.4rem;
        padding-bottom : 0.4rem;
    }

    .navbar-dark .navbar-brand span {
        background-size : 75%;
        width : 140px;
        height : 85px;
    }

    .navbar-dark.awake .navbar-brand span {
        background-size : 75%;
        width : 220px;
        height : 53px;
    }

    #karriere .mt-1.karriere {
        padding : 0 6vw 0 5vw;
    }
}

@media screen and (max-width: 680px) {
    .navbar-dark .navbar-brand span {
        background-size : 25% !important ;
        width : 100px;
        height : 55px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1281px) {
    body::before {
        content : "tablet to some desktop media query (769 > 1281) fired";
        font-weight : bold;
        display : block;
        text-align : center;
        background : rgb(255, 255, 0, 0.9);
        position : absolute;
        top : 0;
        left : 0;
        right : 0;
        z-index : 99;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .navbar-brand img {
        /* width: 50px; */
    }

    .navbar-dark.scrolled .navbar-brand {
        padding-top : 0;
        padding-bottom : 0;
    }

    .scrolled .navbar-brand img {
        /* width : 150px; */
    }

    .sliderText.index {
        margin-top : 9px;
    }

    .sliderText {
        padding : 1.0rem;
        font-size : 0.8rem;
        line-height : 1.2;
    }

    .sliderText h1 {
        font-size : 1.25rem;
        width : 98%;
    }

    .sliderText h2 {
        font-size : 0.85rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 962px) and (orientation: landscape) {
    .navbar-brand img {
        width: 70px;
    }

    .navbar-dark.scrolled .navbar-brand {
        padding-top : 0;
        padding-bottom : 0;
    }

    .scrolled .navbar-brand img {
        /* width : 150px; */
    }

    .slider {
        margin-top : -14px;
    }

    .sliderText.index {
        margin-top : 20px;
    }

    .sliderText {
        padding : 1.25rem;
        font-size : 0.85rem;
        line-height : 1.6;
    }

    .sliderText h1 {
        font-size : 1.7rem;
        /* width : 61%; */
    }

    .sliderText h2 {
        font-size : 1.1rem;
        margin-bottom : 0.75rem;
    }
}

@media only screen and (min-width: 963px) and (max-width: 1279px) and (orientation: landscape) {
    .navbar-brand img {
        /* width: 70px; */
    }

    .navbar-dark.scrolled .navbar-brand {
        padding-top : 0;
        padding-bottom : 0;
    }

    .scrolled .navbar-brand img {
        /* width : 150px; */
    }

    .slider {
        margin-top : 10px;
    }

    .sliderText.index {
        margin-top : 20px;
    }

    .sliderText {
        padding : 1.25rem;
        font-size : 0.85rem;
        line-height : 1.6;
    }

    .sliderText h1 {
        /* font-size : 1.7rem; */
        /* width : 70%; */
    }

    .sliderText h2 {
        font-size : 1.1rem;
        margin-bottom : 0.75rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {
    .sliderText.index {
        margin-top : 78px;
    }
}

@media only screen and (min-width: 1824px) {
    #karriere .content {
        margin-top : 7rem;
        margin-left : -4rem;
        margin-right : 0;
    }
}

@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: landscape) {
    .sliderText {
        line-height : 1.2;
        font-size : 0.8rem;
        padding : 0.7rem;
    }

    .sliderText.index {
        margin-top : 13px;
    }

    .sliderText h1 {
        font-size : 1rem;
    }

    .sliderText h2 {
        font-size : 1rem;
    }

    .sliderText button {
        right : 0.5rem;
        top : 0.5rem;
    }

    .navbar-brand img {
        width : 150px;
    }
}


@media only screen and (min-width: 375px) and (max-height: 599px) and (orientation: landscape) {
    .sliderText {
        line-height : 1.0;
        font-size : 0.8rem;
        padding : 0.7rem;
    }

    .sliderText.index {
        margin-top : 39px;
    }

    .sliderText h1 {
        font-size : 1rem;
    }

    .sliderText h2 {
        font-size : 1rem;
        margin-bottom : 0.25rem;
    }

    .sliderText button {
        right : 0.5rem;
        top : 0.5rem;
    }

    .navbar-brand img {
        width : 150px;
    }

    a.info.index {
        bottom : 0;
        right : 2rem;
    }

    a.info {
        bottom : 0;
    }

    .main.topMargin {
        margin-top : 6em;
    }

    #leistungenDetail .content, #leistungenDetail .rechts .content {
        margin-top : 1rem;
        margin-bottom : 0;
    }

    #leistungenDetail .rechts.image {
        order : -1 !important ;
    }

    #leistungenDetail .rechts .content {
        margin-left : 0;
        margin-right : 0.75em;
    }

    #leistungenDetail .rechts img {
        margin-left : 0.75rem;
        padding-right : 0.75rem;
    }

    #karriere.main.topMargin {
        margin-top : 3em;
    }

    #karriere > .karriere > .karriere > div:nth-child(1) {
        padding-right : 0.5rem;
    }

    #karriere > .karriere > .karriere > div > img {
        margin-left : -4px;
    }

    .modal-content {
        padding : 1rem;
    }

    .modal-footer {
        padding-top : 0;
    }
}

#confirm_email {
    display : none;
}

@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}