/*
Theme Name: CleanerTutorial — Klartext
Theme URI: https://cleanertutorial.de/
Author: CleanerTutorial
Description: Ein frei bearbeitbares WordPress-Block-Theme mit gemeinsamen Kopf- und Fußbereichen sowie modernen Seitenvorlagen.
Version: 1.0.9
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: cleanertutorial-klartext
*/
:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body { background: #0a1118; color: #e8f0f2; line-height: 1.7; }
a { text-underline-offset: .18em; }
.wp-site-blocks { overflow: clip; }
.ct-header { position: relative; z-index: 5; background: rgba(7,14,20,.94); border-bottom: 1px solid rgba(84,224,193,.2); }
.ct-header-inner { min-height: 82px; padding-block: 12px; }
.ct-brand { font-weight: 800; letter-spacing: -.035em; }
.ct-brand a { color: #f3f7f7; }
.ct-header nav a { color: #e8f0f2; }
.ct-header nav .wp-block-navigation__container { gap: .9rem; }
.ct-header nav a { font-size: .95rem; }
.ct-header nav a:hover, .ct-footer a:hover { color: #54e0c1; }
.ct-hero { min-height: clamp(620px,70vh,880px) !important; background-color: #0a1118; background-position: center; }
.ct-hero .wp-block-cover__image-background { object-fit: contain !important; object-position: right center !important; }
.ct-hero .wp-block-cover__background { background: linear-gradient(90deg,rgba(5,12,17,.92),rgba(5,12,17,.68) 50%,rgba(5,12,17,.2)) !important; opacity: 1 !important; }
.ct-hero .wp-block-cover__inner-container { width: calc(100% - 96px); max-width: 1760px !important; margin-inline: auto; }
.ct-hero-copy { max-width: 760px !important; margin-left: 0; padding-block: clamp(90px,12vw,164px); }
.ct-hero .wp-block-cover__inner-container > .ct-hero-copy { margin-left: 0 !important; margin-right: auto !important; }
.ct-hero .ct-eyebrow { margin-bottom: 1.35rem; }
.ct-hero h1 { max-width: 780px; margin-block: 0 1.35rem; letter-spacing: -.035em; line-height: 1.15; }
.ct-hero-copy > p:not(.ct-eyebrow) { max-width: 54ch; margin-block: 0 2rem; line-height: 1.85; }
.ct-hero .wp-block-buttons { gap: 1rem; }
.ct-eyebrow { color: #54e0c1; font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.ct-section { padding-block: clamp(96px,9vw,160px); }
.ct-section > .wp-block-group.alignwide { width: calc(100% - 96px); max-width: 1760px !important; }
.ct-section > .wp-block-group.alignwide > .ct-eyebrow, .ct-section > .wp-block-group.alignwide > h2, .ct-section > .wp-block-group.alignwide > .ct-lead { margin-left: 0 !important; margin-right: 0 !important; }
.ct-intro { background: #0b151d; }
.ct-projects { background: #0e1821; scroll-margin-top: 30px; }
.ct-latest { background: #0a1118; }
.ct-section h2 { margin-top: .2em; margin-bottom: .65em; letter-spacing: -.035em; line-height: 1.2; }
.ct-section p { margin-block: 0 1.35em; line-height: 1.9; }
.ct-lead { max-width: 760px; color: #d0dde1; font-size: clamp(1.05rem,1.6vw,1.2rem); }
.ct-section .ct-card-grid, .ct-section .ct-project-grid, .ct-section .wp-block-query { width: 100% !important; max-width: none !important; }
.ct-card-grid, .ct-project-grid { gap: clamp(32px,4vw,72px); margin-top: clamp(48px,5vw,76px); align-items: stretch; }
.wp-block-columns.ct-card-grid, .wp-block-columns.ct-project-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); }
.wp-block-columns.ct-card-grid > .wp-block-column, .wp-block-columns.ct-project-grid > .wp-block-column { width: auto !important; min-width: 0; max-width: none; margin: 0 !important; flex-basis: auto !important; }
.ct-info-card, .ct-project-card, .ct-post-card { height: 100%; overflow: hidden; background: linear-gradient(155deg,#172c39,#101e29); border: 1px solid rgba(84,224,193,.28); border-radius: 20px; box-shadow: 0 18px 46px rgba(0,0,0,.25); }
.ct-info-card { position: relative; padding: clamp(36px,4vw,60px); }
.ct-info-card::before { content: ""; display: block; width: 52px; height: 4px; margin-bottom: 28px; border-radius: 99px; background: #54e0c1; box-shadow: 0 0 20px rgba(84,224,193,.35); }
.ct-topic-icon { margin: 0 0 30px; }
.ct-topic-icon img { display: block; width: 64px; height: 64px; object-fit: contain; }
.ct-info-card h3 { line-height: 1.3; margin-bottom: 1rem; }
.ct-info-card p { margin-top: 0; }
.ct-info-card h3, .ct-project-card h3, .ct-post-card h2, .ct-post-card h3 { color: #f3f7f7; }
.ct-info-card p, .ct-project-card p, .ct-post-card p { color: #d0dde1; }
.ct-project-card > :not(figure) { margin-inline: 22px; }
.ct-project-card > :last-child { margin-bottom: 24px; }
.ct-project-card figure { margin: 0; }
.ct-project-card img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.ct-project-card h3 { margin-top: 22px; }
.ct-post-card { padding: 18px; }
.ct-post-card .wp-block-post-featured-image { margin: -18px -18px 18px; }
.ct-post-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.ct-page-main { min-height: 55vh; padding-block: clamp(46px,7vw,88px); background: #0a1118; }
.ct-page-content > :first-child { margin-top: 0; }
.ct-page-content h1 { margin-bottom: 1.2em; }
.ct-page-content .wp-block-post-content > * { max-width: 760px; margin-inline: auto; }
.ct-page-content .wp-block-post-content > .alignwide { max-width: 1180px; }
.ct-page-content .wp-block-post-content > .alignfull { max-width: none; }
.ct-page-content .wp-block-post-content p, .ct-page-content .wp-block-post-content li { color: #d0dde1; }
.ct-page-content img { border-radius: 12px; }
.ct-footer { padding-block: 30px; background: #070d12; border-top: 1px solid rgba(84,224,193,.16); }
.ct-footer-inner { gap: 16px 32px; }
.ct-footer p { margin: 0; color: #b7c6cd; }
.ct-footer-links { display: flex; flex-wrap: wrap; gap: .35em; }
.ct-footer .wp-block-social-links { margin: 0; gap: 12px; }
.ct-footer .wp-social-link { background: #54e0c1; color: #0a1118; }
.ct-footer .wp-social-link a { padding: 9px; }
.wp-block-button__link { transition: transform .18s ease, box-shadow .18s ease; }
.wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(84,224,193,.2); }
.wp-block-separator { border-color: rgba(84,224,193,.3); }
@media (max-width: 780px) {
  .ct-header-inner { padding-inline: 20px; }
  .ct-hero { min-height: 700px !important; }
  .ct-hero .wp-block-cover__inner-container { width: calc(100% - 40px); }
  .ct-hero-copy { max-width: 560px !important; }
  .ct-hero .wp-block-cover__image-background { object-position: center top !important; }
  .ct-hero .wp-block-cover__background { background: linear-gradient(90deg,rgba(5,12,17,.9),rgba(5,12,17,.64)) !important; }
  .ct-section { padding-inline: 20px; }
  .ct-section > .wp-block-group.alignwide { width: 100%; }
  .wp-block-columns.ct-card-grid, .wp-block-columns.ct-project-grid { grid-template-columns: 1fr; }
  .ct-footer-inner { align-items: flex-start !important; }
}
@media (min-width: 781px) and (max-width: 1200px) {
  .wp-block-columns.ct-card-grid, .wp-block-columns.ct-project-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ct-header-inner { gap: 12px 22px; }
  .ct-hero-copy { max-width: 560px !important; }
}