@media only screen and (max-width : 2500px) {
    .page-wrapper{
      overflow:hidden;
    }
    
}

@media only screen and (max-width : 1199px) {
	.mt-xl-40{
      margin-top:40px;
    }
	.mb-xl-40{
      margin-bottom:40px;
    }

}
@media only screen and (max-width:992px) {
	.atf-service-box-content br {
		display:none;
	}
}
@media only screen and (max-width:991px) {
    .mt-lg-40{
      margin-top:40px;
    }
	.mb-lg-40{
      margin-bottom:40px;
    }
	.atf-section-title  br{
		display:none;
	}
	.atf-section-content{
		margin-left:25px;
	}
	.atf-portfolio-subtitle {
		margin-bottom: 10px;
	}
	
}
@media only screen and (max-width:767px) {
	.atf-cta-title-box br {
		display:none;
	}
	.atf-funfact-item{
		margin:12px 0;
	}
	.atf-hero-content .title {
		font-size: 50px;
		letter-spacing:-1px;
	}
	.footer-md-center .logo {
		margin: 0 auto;
		width: 160px;
	}
	.footer-md-center{
		text-align:center;
	}
	
}
@media screen and (min-width:320px) and (max-width:575px) {
	.atf-section-title .title{
		font-size:28px;
	}
	.atf-hero-content .title {
		font-size: 36px;
		letter-spacing:-1px;
	}
	.atf-funfact-item{
		border-right:none;
	}
	.atf-service-item {
		flex-wrap: wrap;
	}
	.atf-hero-thumb {
		grid-template-columns: 1fr 1fr;
	}
	
}

@media only screen and (max-width:767px) {
    h2 {
        font-size: 28px;
    }
}

@media only screen and (max-width:575px) {
    h2 {
        font-size: 24px;
    }
}

/* ═══════════════════════════════════════════════════
   MOBILE TEXT-UMBRUCH FIX
   Verhindert dass Wörter zu früh/nach jedem Wort
   umbrechen (sichtbar in den Service- und About-Boxen)
   ═══════════════════════════════════════════════════ */
@media only screen and (max-width:767px) {
    p,
    .atf-service-box-content p,
    .atf-choose-content p,
    .atf-history-content p,
    .blockquote-box p,
    blockquote p {
        word-break: normal;
        overflow-wrap: break-word;
        hyphens: auto;
        -webkit-hyphens: auto;
        /* Verhindert zu schmale Container durch overflow */
        min-width: 0;
    }

    /* Service-Karten: volle Breite auf Mobile damit Text nicht zu schmal wird */
    .atf-service-box,
    .atf-choose-box,
    .atf-history-box {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Blockquote-Box (Zitat auf about.php) */
    .blockquote-box {
        padding: 25px 20px !important;
    }
    
    /* Contact-Boxen (Telefon/E-Mail) – verhindert Zeilenumbruch bei Telefonnummer */
    .contact-info-box p,
    .atf-contact-item p {
        word-break: keep-all;
    }
}

/* ═══════════════════════════════════════════════════
   SERVICE-KARTEN MOBILE: Icon + Content Layout
   Die Icons sollten auf Mobile linksbündig bleiben
   ═══════════════════════════════════════════════════ */
@media only screen and (max-width:575px) {
    .atf-service-box {
        padding: 25px 20px !important;
    }
    .atf-service-box-icon {
        width: 70px !important;
        height: 70px !important;
    }
    .atf-service-box-icon img,
    .atf-service-box-icon i {
        width: 38px !important;
        height: 38px !important;
        font-size: 28px !important;
    }
}