/*!
Theme Name: Underscores
Theme URI: http://underscores.me/
Author: Wellenweg Werbeagentur
Author URI: https://www.wellenweg.de/
Description: A highly optimized, lean HTML5 boilerplate based on Underscores, specifically stripped down and prepared for Page Builders like Elementor.
Version: 1.0.4
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: underscores
Tags: custom-menu, featured-images, threaded-comments, translation-ready, elementor-ready
*/

/* 1. Reset & Box-Sizing */
*, ::before, ::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
    /* Grund-Schriftart, die von Elementor überschrieben wird */
    font-family: sans-serif; 
    /* KEINE feste font-size und line-height hier! */
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Zwingt Formular-Elemente, die Schrift-Einstellungen von Elementor (Body) zu übernehmen */
button, input, select, optgroup, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

/* 2. Link & Button Reset */
a, a:visited, a:hover, a:focus, a:active {
    color: inherit;
    text-decoration: none;
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

a, button {
    -webkit-tap-highlight-color: transparent;
}

/* 3. Medien */
img, video {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 4. WordPress Standard-Klassen & Container */
.post, .page {
    margin: 0;
}

.alignleft { float: left; margin: 0.5em 1em 0.5em 0; }
.alignright { float: right; margin: 0.5em 0 0.5em 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

#content {
    width: 100%;
}