/* ========== A_MKM MODULARES DESIGN ===================== */ /* Gültig nur für Seiten mit */ /* Hauptfarbe: Blaugrau #4F7680 | Hover: #3A5862 */ body.a-mkm { font-family: "Libre Baskerville", Georgia, serif; font-size: 18px; line-height: 1.6; color: #2b2b2b; background-color: #ffffff; } body.a-mkm h1, body.a-mkm h2, body.a-mkm h3, body.a-mkm h4 { font-family: "Libre Baskerville", Georgia, serif; font-weight: normal; color: #2b2b2b; margin-top: 1.5em; margin-bottom: 0.5em; } body.a-mkm h1 { font-size: 2rem; color: #4F7680; margin-bottom: 0.8em; } body.a-mkm h2 { font-size: 1.6rem; color: #4F7680; } body.a-mkm h3 { font-size: 1.3rem; } body.a-mkm h4 { font-size: 1.1rem; } @media (max-width: 600px) { body.a-mkm h1 { font-size: 1.6rem; } body.a-mkm h2 { font-size: 1.3rem; } } /* Navigation */ body.a-mkm nav a, body.a-mkm .menu-item a, body.a-mkm .menu-toggle { font-family: "Inter", "Helvetica Neue", Arial, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #1a1a1a !important; text-decoration: none; } body.a-mkm nav a:hover, body.a-mkm .menu-item a:hover { color: #4F7680 !important; } body.a-mkm nav a.current-menu-item, body.a-mkm .menu-item.current-menu-item > a { color: #4F7680 !important; font-weight: 700; text-decoration: underline; } /* Buttons */ body.a-mkm .btn-primary, body.a-mkm .pagenav-prev a, body.a-mkm .pagenav-next a, body.a-mkm a.btn-secondary.previous, body.a-mkm a.btn-secondary.next { background-color: #4F7680; color: white !important; } body.a-mkm .btn-primary:hover, body.a-mkm .pagenav-prev a:hover, body.a-mkm .pagenav-next a:hover, body.a-mkm a.btn-secondary.previous:hover, body.a-mkm a.btn-secondary.next:hover { background-color: #3A5862; } /* Sekundäre Buttons */ body.a-mkm .btn-secondary, body.a-mkm .btn-flat { background-color: transparent; color: #4F7680; border: 1px solid #4F7680; } body.a-mkm .btn-secondary:hover, body.a-mkm .btn-flat:hover { background-color: #4F7680; color: white; } /* Vignette & Zitate */ body.a-mkm .vignette-block { border-left: 4px solid #4F7680; } body.a-mkm blockquote { border-left: 5px solid #4F7680; } /* Readmore Links */ body.a-mkm .readmore a, body.a-mkm .readmore a:link, body.a-mkm .readmore a:visited, body.a-mkm .article-header h2 a, body.a-mkm .article-header h2 a:visited { color: #4F7680 !important; } body.a-mkm .readmore a:hover, body.a-mkm .readmore a:focus, body.a-mkm .readmore a:active, body.a-mkm .article-header h2 a:hover, body.a-mkm .article-header h2 a:focus, body.a-mkm .article-header h2 a:active { text-decoration: underline; } /* Pagination */ body.a-mkm ul.pagination > li.page-item.active > span.page-link, body.a-mkm ul.pagination > li.page-item > a.page-link:hover { background-color: #4F7680; border-color: #4F7680; color: #fff; } /* Masterclass-Boxen */ body.a-mkm .masterclass-teaser, body.a-mkm .masterclass-teaser.elegant { border-left: 5px solid #4F7680; } body.a-mkm .masterclass-teaser h3, body.a-mkm .teaser-heading { color: #4F7680; } /* ========== Masterclass-Teaser im A_MKM-Stil ========== */ body.a-mkm .masterclass-teaser { background-color: #f0f4f6; /* helles Blaugrau */ border-left: 5px solid #4F7680; padding: 1.8em; margin-top: 2.5em; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); max-width: 760px; margin-left: auto; margin-right: auto; } body.a-mkm .masterclass-teaser h3 { margin-top: 0; color: #4F7680; font-size: 1.4em; font-weight: 600; } body.a-mkm .btn-flat { display: inline-block; margin-top: 1em; padding: 0.5em 1.2em; color: #4F7680; border: 1px solid #4F7680; border-radius: 4px; text-decoration: none; font-weight: 500; transition: all 0.3s ease; } body.a-mkm .btn-flat:hover { background-color: #4F7680; color: white; } /* ========== A_MKM Standard-Links ========== */ body.a-mkm a, body.a-mkm a:link, body.a-mkm a:visited { color: #4F7680; text-decoration: none; transition: color 0.2s ease; } body.a-mkm a:hover, body.a-mkm a:focus { color: #3A5862; text-decoration: underline; }