/* Reset & Global Fixes */
html, body { 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    overflow-x: hidden; 
    background-color: #fff; 
    -webkit-text-size-adjust: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

.wrapper { 
    margin: 0 auto; 
    width: 1010px; 
    text-align: center; 
    box-sizing: border-box; 
}

.header_headline { 
    color: #000; 
    font-size: 18px; 
    font-weight: 500; 
    letter-spacing: 2px; 
    line-height: 1.4; 
    margin: 20px 0; 
    text-transform: uppercase; 
}

/* Home Navigation */
.content { 
    margin-top: 1px; 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: flex-start; 
    align-items: flex-start;
}

.content_image { 
    width: 455px; 
    height: 399px; 
    padding-top: 63px; 
    object-fit: contain; 
}

.navigation { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 550px; 
    display: flex; 
    flex-wrap: wrap; 
}

.navigation_item { width: 180px; height: 85px; margin: 1px; }
.navigation_link { 
    background-color: #f5f7fa; color: #404040; 
    display: flex; flex-direction: column; align-items: center; justify-content: center; 
    font-size: 10px; font-weight: bold; letter-spacing: .1em; text-align: center; 
    text-decoration: none; text-transform: uppercase; height: 100%; width: 100%; 
}
.navigation_link:hover { background-color: #ccc; }
.navigation_link:before { 
    background-repeat: no-repeat; background-position: center; 
    content: ''; display: block; height: 40px; width: 80px; margin-bottom: 5px; 
}

/* Flaggen Icons */
.navigation_link-de:before { background-image: url("germany.png"); }
.navigation_link-at:before { background-image: url("austria.png"); }
.navigation_link-ch:before { background-image: url("swiss.png"); }
.navigation_link-nl:before { background-image: url("netherlands.png"); }
.navigation_link-be:before { background-image: url("belgium.png"); }
.navigation_link-fr:before { background-image: url("france.png"); }
.navigation_link-it:before { background-image: url("italy.png"); }
.navigation_link-es:before { background-image: url("spain.png"); }
.navigation_link-pl:before { background-image: url("poland.png"); }
.navigation_link-dk:before { background-image: url("denmark.png"); }
.navigation_link-uk:before { background-image: url("united_kingdom.png"); }
.navigation_link-nz:before { background-image: url("newzealand.png"); }
.navigation_link-us:before { background-image: url("usa.png"); }
.navigation_link-mx:before { background-image: url("mexico.png"); }

/* SEO & FAQ */
.seo_text_section { margin: 40px auto; max-width: 800px; padding: 0 20px; text-align: center; color: #666; line-height: 1.6; }
.seo_text_section h2 { color: #333; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; }
.seo_text_section p { font-size: 14px; margin-bottom: 10px; }
.faq_section { margin: 20px auto 50px auto; max-width: 800px; padding: 0 20px; text-align: left; }
.faq_item { margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.faq_question { font-weight: bold; color: #333; font-size: 15px; display: block; margin-bottom: 5px; }
.faq_answer { color: #666; font-size: 14px; line-height: 1.5; }

/* --- NEW: Text Content Styles (für Datenschutz & Impressum) --- */
/* Text Content Styles (Datenschutz & Impressum) mit Hintergrund */
/* Abstand für das Logo auf Unterseiten */
.header_container { 
    margin-top: 20px; /* Hier kannst du den Wert erhöhen, wenn es noch weiter runter soll */
    margin-bottom: 20px;
    display: block;
}
.content_box { 
    max-width: 800px; 
    margin: 40px auto; 
    text-align: left; 
    padding: 30px; 
    line-height: 1.7; 
    color: #333; 
    background-color: #f9f9f9; /* Der dezente graue Hintergrund */
    border: 1px solid #eee;
    border-radius: 4px;
    box-sizing: border-box;
}
.content_box h2 { 
    font-size: 20px; 
    margin: 30px 0 15px 0; 
    border-bottom: 1px solid #ddd; 
    padding-bottom: 5px; 
    color: #000;
}
.content_box h3 { 
    font-size: 17px; 
    margin: 25px 0 10px 0; 
    color: #000; 
}
.content_box p { 
    font-size: 15px; 
    margin-bottom: 15px; 
}
.content_box ul { 
    margin-bottom: 20px; 
    padding-left: 20px; 
}
.content_box li { 
    font-size: 15px; 
    margin-bottom: 8px; 
}
.content_box a { 
    color: #0056b3; 
    text-decoration: underline; 
}
/* Footer Fix */
.footer { 
    text-align: center; 
    margin: 40px auto; 
    padding: 20px 0; 
    width: 100%; 
    max-width: 1010px; 
    display: block; 
    clear: both;
    box-sizing: border-box;
}
.footer_link { color: #000; font-size: 12px; text-decoration: none; margin: 5px 10px; display: inline-block; }
.footer_divider { margin: 0 5px; color: #ccc; }

/* Mobile Overrides */
@media only screen and (max-width: 1010px) {
    .wrapper { width: 100%; padding: 0 10px; }
    .content_image { display: none; }
    .content { justify-content: center; }
    .navigation { width: 100%; max-width: 400px; margin: 0 auto; justify-content: center; }
    .navigation_item { width: calc(50% - 6px); height: 90px; margin: 3px; }
    .header_headline { font-size: 14px; padding: 0 10px; }
    .footer { width: 100%; padding: 20px 0; }
    .footer_divider { display: none; }
    .footer_link { width: calc(50% - 25px); margin: 8px 5px; font-size: 11px; }
    .content_box { margin: 20px auto; }
    .content_box h2 { font-size: 18px; }
	.content_box { margin: 20px 10px; padding: 20px; }
}