/* design-rundum — Rundum Webdesign (Bremerhaven), 2017-2019 German agency.
   Droid Sans body / Droid Serif quotes, light grey #f1f2f4 canvas, teal brand
   (#143233 dark, #337585 accent), translucent-white content panels over
   fixed AdobeStock hero photography, uppercase nav. */
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700&family=Droid+Serif:400i');

[data-theme="design-rundum"] { --rd-dark: #143233; --rd-teal: #337585; --rd-canvas: #f1f2f4; }

[data-theme="design-rundum"] body { background: var(--rd-canvas); color: #161616; font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

[data-theme="design-rundum"] .site-header { background: var(--rd-dark); border-bottom: 3px solid var(--rd-teal); }
[data-theme="design-rundum"] .nav-logo-text { color: var(--rd-canvas); font-weight: 700; letter-spacing: 0.02em; }
[data-theme="design-rundum"] .nav-links a { color: var(--rd-canvas); text-transform: uppercase; font-size: 0.95rem; }
[data-theme="design-rundum"] .nav-links a:hover { color: var(--rd-canvas); text-shadow: 1px 1px var(--rd-teal); }

[data-theme="design-rundum"] .hero { background: linear-gradient(rgba(20,50,51,0.55), rgba(20,50,51,0.7)), #143233 center/cover fixed; color: var(--rd-canvas); text-align: center; padding: 90px 0; }
[data-theme="design-rundum"] .hero h1 { color: var(--rd-canvas); font-weight: 700; font-size: 3rem; }
[data-theme="design-rundum"] .hero-tagline { color: var(--rd-canvas); opacity: 0.92; }

[data-theme="design-rundum"] .btn-primary { background: var(--rd-teal); border: 0; color: #fff; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.03em; }
[data-theme="design-rundum"] .btn-primary:hover { background: var(--rd-dark); }
[data-theme="design-rundum"] .btn-outline { border: 2px solid var(--rd-canvas); color: var(--rd-canvas); border-radius: 4px; }

[data-theme="design-rundum"] .section-title, [data-theme="design-rundum"] .page-title { color: var(--rd-dark); font-weight: 700; }
[data-theme="design-rundum"] .section-title { border-bottom: 2px solid var(--rd-teal); display: inline-block; padding-bottom: 6px; }

[data-theme="design-rundum"] .card { background: hsla(0,0%,100%,0.92); border: 1px solid #dfe3e6; border-radius: 4px; }
[data-theme="design-rundum"] .card-title a { color: var(--rd-dark); font-weight: 700; }
[data-theme="design-rundum"] .card-title a:hover { color: var(--rd-teal); text-decoration: underline; }
[data-theme="design-rundum"] .card-excerpt { color: #444; text-align: justify; }
[data-theme="design-rundum"] .badge { background: var(--rd-teal); color: #fff; text-transform: uppercase; letter-spacing: 0.06em; border-radius: 3px; }

[data-theme="design-rundum"] .article-layout { max-width: 820px; }
[data-theme="design-rundum"] .article-header h1 { color: var(--rd-dark); font-weight: 700; }
[data-theme="design-rundum"] .article-body { line-height: 1.6; }
[data-theme="design-rundum"] .article-body p { text-align: justify; }
[data-theme="design-rundum"] .article-body a { color: var(--rd-dark); }
[data-theme="design-rundum"] .article-body a:hover { color: var(--rd-teal); }
[data-theme="design-rundum"] .article-body blockquote { font-family: 'Droid Serif', Georgia, serif; font-style: italic; color: #666; border-left: 3px solid var(--rd-teal); margin: 20px 0; padding-left: 16px; }
[data-theme="design-rundum"] .article-body h2 { color: var(--rd-dark); }

[data-theme="design-rundum"] .site-footer { background: var(--rd-dark); color: var(--rd-canvas); text-align: center; border-top: 3px solid var(--rd-teal); }
[data-theme="design-rundum"] .footer-links a { color: var(--rd-canvas); }
[data-theme="design-rundum"] .footer-links a:hover { text-shadow: 1px 1px var(--rd-teal); }