:root{
    --main-brand-color: #297AE3;
    --primary-color: #15171C;
    --secondary-color: #232933;
    --light-secondary-color: #2E3744;
    --text-color: #639bc3;
    --secondary-text-color: #B3B4B6;
}
*{
    margin: 0;
    padding: 0;
}
body{
    min-height: 100vh;
    background-color: white;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; color:#666;
}

.grid-container {
  display: grid;
  grid-template-areas:
    'kruemel'
    'header'
    'content'
    'spruch'
	'galerie'
	'trenner'
	'philosophie'
	'informationen'
	'trenner'
    'footer';
  background-color: white;
  gap: 10px;  
}

.main{
    width: 950px;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    margin-left: 25px;
    margin-right: 25px;
    flex-wrap: wrap; 
}
/* Schriften */
h1 {font-family: "felt-tip-woman", "sans-serif"; font-size:32px; color:#639bc3; margin-bottom:15px; text-align:left;}
h2 {font-size:18px; font-weight:normal; margin-bottom:15px; text-align:left;}
h3 {font-size:18px; color:#4178bc; font-weight:normal; margin-bottom:15px; text-align:left;}
h3 .bunt {color:cornflowerblue;}
h4 {font-size:16px; line-height:22px; text-align:left;}
h5 {font-family: "felt-tip-woman","sans-serif";font-size:28px; color: #6c7e8e; margin-bottom: 25px; text-align: center;}
h6 {font-size:16px; color:crimson; line-height:22px; text-align:left;}

p {font-size:16px; line-height:26px; text-align:left; margin-bottom: 15px;}
.footer p {font-size: 14px; line-height: 24px; text-align: left;}
.bold {font-size:16px; line-height: 24px; font-weight: bold;}

/* Links */
.text a, a:link {color:#639bc3; text-decoration: underline 1px;}
.text a:hover {color: grey; text-decoration: underline 1px;}
.text a:focus {color:#639bc3;}

/* Listen */
.text ul {list-style-type:disc;}
.text li {margin: 5px; line-height: 25px;}

@media (min-width: 600px) {
  .header {grid-area: 1 / span 6;}
  .menu {grid-area: 2 / span 1;}
  .content {grid-area: 2 / span 4;}
  .facts {grid-area: 3 / span 6;}
  .footer {grid-area: 4 / span 6;}
}

@media (min-width: 768px) {
  .header {grid-area: 1 / span 6;}
  .menu {grid-area: 2 / span 1;}
  .content {grid-area: 2 / span 4;}
  .facts {grid-area: 2 / span 1;}
  .footer {grid-area: 3 / span 6;}
}

/*Cookie Banner*/
.cc_container .cc_btn {
background-color: #3E3E3E; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #666 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}