text/css app.css ( UTF-8 Unicode text )

/* CSS cpoj-schreibt.de (c) 2025 Ulf Jenninger Grafikdesign */

body, .cell {font-family: 'Martel', serif !important; color: #5b4545;}
body, footer, .site-nav { background-color: #FDFFED;}

h1, h2, h3, h4, .toptitel { font-family: 'Martel'; font-weight: 700; line-height: 1.15; letter-spacing: 0.01em; color: #937c74; }
@media screen and (max-width: 39.5em) {
  h1 {font-size: 1.8em;}
  h2 {font-size: 1.5em;}
  h3 {font-size: 1.2em;}
  h4 {font-size: 1em;}
  .titelhead {font-size: 2.3em; color: #6b0027;}
  .toptitel {margin-left: 2.4em;}
  body { padding-top: 7rem;}
}
@media screen and (min-width: 40em) {
  h1 {font-size: 2.2em;}
  h2 {font-size: 2.2em;}
  h3 {font-size: 1.5em;}
  h4 {font-size: 1.25em;}
  .titelhead {font-size: 3.6em; color: #6b0027;}
  .toptitel {margin-left: 3em;}
  body { padding-top: 10rem;}
}
h1 {margin-bottom: 2rem; }

hr {border: 0; border-top: 2px solid #CAA6A8;}

/* Navigation fix oben */
.site-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    font-family: 'Martel', serif;
}
.menu-icon-img {
    width: 30px;
    height: 30px;
    margin-top: 0.6em;
    display: block;
}
.navihr { border-bottom: 2px solid #fff; }
.site-nav a {color: #91857d; font-size: 1rem; }
.site-nav a:hover { color: #a01500; }
.mobile-menu { display: none; margin-top: 0.5rem; } /* Mobile-Menü standardmäßig verstecken */
.mobile-menu.is-open { display: block; } /* Sichtbar, wenn per JS geöffnet */
/* Buttons / Icon */
.menu-toggle { border: none; background: none; font-size: 1.8rem; line-height: 1; padding: 0.2rem 0.4rem; cursor: pointer; }
.menu-icon {
    display: inline-block;
}
.header-pattern {
  height: 31px;
  background-image: url('/assets/grafik/mitlamuster5.png');
  background-repeat: repeat-x;
  background-size: auto 31px; 
  margin-top: 1.2em;
}
@media screen and (max-width: 39.5em) {
    .header-pattern { margin-top: 0.2em; }
}
@media screen and (min-width: 40em) {
    .header-pattern { margin-top: 1.2em; }
}
.desktop-menu {margin-top: 1em;}
/* Logos */
/*.logo-small { max-width: 250px; margin: 0.8rem 0 0.5rem 0;}
.logo-desktop { max-height: 50px; margin-top: 0.5rem; margin-bottom: 10px;}*/
.logoname {font-weight: 800; font-size: 2em; color: #8168a5; margin-bottom: 1rem;}


a.anchor { display: block; height: 1px; overflow: hidden; position: relative; top: -80px; visibility: hidden; }

.site-footer {color: #937c74; font-size: 1rem; margin-top: 3rem;}
.footerhr { border-top: 3px solid #F3A000; padding: 3rem 0; text-align: center;}

footer, .grid-container.content, .grid-container.content .cell {
    font-family: 'Martel', serif !important;
}