@media (min-width: 768px) and (max-width: 1200px) {
.mobile_team {
    margin-top:4vh;
}
.mobiletest .püs {
    padding-top: 10px;
}
.button-menu {
    padding: 60px 30px 30px 30px !important;
}
.fixedTop .button-menu {
    padding: 60px 30px 30px 30px !important;
}
.overlay-menu [title="Digitalisierung"] {
    margin-bottom: 5px !important;
}
.overlay-menu [title="Team der NIA GmbH"] {
    margin-bottom: 5px !important;
}
/* Contao 5: Klasse "last" gibt es nicht mehr -> :last-child */
.overlay-menu li:last-child {
    margin-bottom: 15px;
}
.overlay-menu a {
    font-size: 16pt;
    border-bottom: none !important;
}
.overlay-menu span {
    font-size: 16pt;
    margin-bottom: 5px;
    border-bottom: none !important;
}
.overlay-menu .active {
    color: #477BA2 !important;
    border-bottom: none !important;
}
.top-menu,
.top-menu ul,
.top-menu li {
    display: flex !important;
    justify-content: center !important;
    flex-direction: column !important;
    align-items: center !important;
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.level_2 .pointere a {
    color: #767171 !important;
}
.level_3 .active {
    color: #477BA2 !important;
}
li .submenu {
    color: #FFFFFF !important;
}
.marginbottom30 {
    margin-bottom: 30px !important;
}
.paddingbottom0 {
    padding-bottom: 0px !important;
}
.paddingtop0 {
    padding-top: 0px !important;
}
.paddingtop30 {
    padding-top: 30px !important;
}
.paddingbottom30 {
    padding-bottom: 30px !important;
}
.paddingtop25 {
    padding-top: 25px !important;
}
.paddingbottom25 {
    padding-bottom: 25px !important;
}
.paddingtop20 {
    padding-top: 20px !important;
}
.paddingbottom20 {
    padding-bottom: 20px !important;
}
.paddingtop15 {
    padding-top: 15px !important;
}
.paddingbottom15 {
    padding-bottom: 15px !important;
}
.paddingbottom10 {
    padding-bottom: 10px !important;
}
.paddingtop10 {
    padding-top: 10px !important;
}
.paddingtop5 {
    padding-top: 5px !important;
}
.paddingbottom5 {
    padding-bottom: 5px !important;
}
.mobtabheight {
    height: 1440px;
}
#article-342 .WORKSHOPS {
    margin: 10px 10px 50px 10px !important;
}
.mobiletesttab iframe {
    width: 100% !important;
    height: 23vh !important;
}
#article-435 .WORKSHOPS2 {
    margin: 10px 10px 50px 10px !important;
}
.mobilepwidthreset2 p {
    padding: 10px 40px 10px 40px !important;
    margin-right: 35px !important;
}
.mobilepwidthreset p {
    padding: 10px !important;
}
.marginauto2 figure {
    margin: 0px !important;
}
.boxwidth ul {
    display: flex;
    justify-content: space-between;
}
.boxwidth {
    width: 100% !important;
}
.mobiletesttab div {
    width: 100% !important;
    height: auto !important;
}
.blackbars {
    display: none;
}
a.submenu.pointere:hover {
    background-color: #111115 !important;
    color: #477BA2 !important;
}
[title="TEAM"] {
    background-color: #111115 !important;
    color: #767171 !important;
    font-family: 'Biryani Light', sans-serif !important;
    border-bottom: none !important;
}
a.hover:hover,
span.hover:hover {
    background-color: #111115 !important;
    color: #477BA2 !important;
}
.footercontainer .row {
    margin-right: auto;
    margin-left: auto;
}
.Kontaktdaten p {
    padding: 8px 25px 8px 25px;
    margin-right: auto !important;
}
.Kontaktdaten div {
    text-align: center !important
}
.scrolltop {
    right: 18vw;
}
.tabletimg img {
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: auto !important;
}
.tabletimg {
    margin-bottom: auto !important;
}
.flexrowtab {
    flex-direction: column !important;
    align-items: center;
}
}