/* =============================================================== *
   Variables
   Globale Variablen für wiederkehrende Werte
* =============================================================== */
:root{
   --primary-color: #ff0000;
   --secondary-color: #00ff00;
}


/* =============================================================== *
   Basic-HTML
   Grundlegende CSS-Stile für HTML-Tags
* =============================================================== */
h1, h2, h3 {}

p {}

strong{}

em{}

input{}


/* =============================================================== *
   Basic-Wordpress
   Spezifische Stile für WordPress-Elemente
* =============================================================== */

.entry-content {
    min-height: calc(100vh - 100px);
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    }

.home header{
    display: none;
    }

.wp-block-image {}


/* =============================================================== *
   Theme-Styling
   Stile, die spezifisch für das Theme sind
   Alle Angaben, welche in der theme.json definiert sind, wenn keine Block-Styles 
* =============================================================== */

header {
margin-bottom: 100;}

footer {}

header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
padding: 0;
}

header .is-menu-open .wp-block-navigation__responsive-close{
margin-right: 0;
}

header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{
padding-right: 20px;
text-transform: uppercase;
}
/*
Theme-Color: Dark Mulberry Background
*/
.has-dark-mulberry-background-color {}


/*
Theme-Font: 'Lato'
*/
.has-lato-font-family {
    font-family: 'Lato';
}


/* =============================================================== *
   Components
   Wiederverwendbare Komponenten-Stile (Block-Styles)
* =============================================================== */
/*
Block-Style: [Label] [Block]
Block-Style: Bild drehen Image
*/
.is-style-rotate_me{}


/* =============================================================== *
   Layout
   Stile für Layout-Elemente wie Gruppen, Grids, Spalten usw.
* =============================================================== */

/* 
Block-Style: Masonry Group
*/
.wp-block-group.is-style-masonry {}


/* =============================================================== *
   Module
   Stile für modulare Elemente wie Slider, Tabs usw.
* =============================================================== */


/* =============================================================== *
   Seitenstile
   Spezifische Stile für bestimmte Seiten oder Seitentypen
* =============================================================== */


/* =============================================================== *
   ID's
   Stile für Elemente mit einer spezifischen ID
* =============================================================== */
.page-id-17 .wp-block-post-title,
.page-id-17 .entry-content{
margin-left: auto;
margin-right: auto;
max-width: 600px;
}