@import"common.css";
@import"playmobil-pro.css";
@import"methoden-anstaz.css";

.hero-section {
    position: relative;
    width: 100%;
    height: 58vh; 
    background: url("../../img/viteaminb_pappnasen_header-1024x576.png") no-repeat center center/cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}
.playmobil-intro-section {
    padding: 0px!important;
}
.logo {
    padding-top: 40px!important;
}
@media (max-width: 600px) {
    .playmobil-intro-section {
        padding: 40px 15px!important;
    }
    
    .playmobil-intro-section h1 {
        font-size: 2em!important;
    }
    
    .playmobil-intro-section h2 {
        font-size: 1.4em!important;
    }

    .playmobil-intro-section p,
    .playmobil-intro-section li {
        font-size: 0.95em!important; 
    }
    .logo {
        font-size: 2em!important;
    }
    
    .logo-and-tagline h2 {
        font-size: 1.2em!important;
    }
}