/*
Theme Name:   Claudia Berg
Theme URI:    https://claudia-berg.de
Author:       Claudia Berg
Description:  Individuelles One-Pager-Theme für "Websites für Journalist:innen".
Version:      1.0.0
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  claudia-berg
*/

/* newsreader-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/newsreader-v26-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  src: url('webfonts/newsreader-v26-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  src: url('webfonts/newsreader-v26-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* dm-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/dm-sans-v17-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  src: url('webfonts/dm-sans-v17-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  src: url('webfonts/dm-sans-v17-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/dm-sans-v17-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




:root{
	--navy:#333;
	--navy-2:#15344f;
	--gold: #ff9900;
	--gold-light:#efefef;
	--paper:#eee;
	--ink:#17222d;
	--muted:#66717a;
	--white:#fff;
	--line:rgba(13,35,56,.15);
	--serif:"Newsreader",Georgia,serif;
	--sans:"DM Sans",Arial,sans-serif
}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--sans);color:var(--ink);background:#fff;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:1rem;background:#fff;padding:.75rem 1rem;z-index:9999}.skip-link:focus{left:1rem}.container-xl{max-width:1220px}.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(13,35,56,.08)}.navbar{padding:1rem 0}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand-mark{display:grid;place-items:center;width:60px;height:60px;font-family:var(--serif);font-size:1.15rem}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:1.2rem}.brand-copy small{font-size:.72rem;color:var(--muted);margin-top:.25rem}.nav-link{font-size:.92rem;font-weight:600;margin:0 .45rem;color:var(--navy)!important}.btn{border-radius:0;font-weight:700;padding:.78rem 1.15rem}.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}.btn-gold:hover,.btn-gold:focus{background:#007dac;border-color:#007dac;color:#fff}.navbar-toggler{border:0;padding:.5rem;box-shadow:none!important}.navbar-toggler span{display:block;width:27px;height:2px;background:var(--navy);margin:6px 0}.hero{padding:6.5rem 0 5rem;background:linear-gradient(90deg,#fff 0 67%,var(--paper) 67%)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:700;color:var(--gold);margin-bottom:1.25rem}h1,h2,h3{font-family:var(--serif);color:var(--navy);line-height:1.08}h1{font-size:clamp(3.1rem,6vw,6.3rem);max-width:900px;letter-spacing:-.035em}h2{font-size:clamp(2.35rem,4.5vw,4.3rem);letter-spacing:-.03em}h3{font-size:1.75rem}.hero-lead{font-size:1.25rem;max-width:760px;color:#485660;margin:2rem 0}.hero-actions{align-items:center}.text-link{font-weight:700;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.15rem}.hero-points{list-style:none;padding:0;margin:2.5rem 0 0;display:flex;flex-wrap:wrap;gap:1rem 2rem;font-size:.88rem}.hero-points li:before{content:"";display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:.6rem}.hero-visual{position:relative;padding:0 1rem 2rem}.image-frame{position:relative}.image-frame:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid var(--gold);background-color: var(--gold);z-index:0}.image-frame img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.75) contrast(.95)}.hero-note{position:absolute;right:-10px;bottom:0;z-index:2;background:var(--navy);color:#fff;padding:1.2rem 1.5rem;display:flex;flex-direction:column;min-width:220px}.hero-note span,.hero-note small{font-size:.72rem;opacity:.75}.hero-note strong{font-family:var(--serif);font-size:1.5rem}.trust-strip{padding:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-label{text-align:center;text-transform:uppercase;letter-spacing:.15em;font-size:.67rem;color:var(--muted)}.logo-row{display:flex;justify-content:space-around;align-items:center;gap:2rem;flex-wrap:wrap;color:var(--navy);font-weight:700;letter-spacing:.08em}.section{padding:7rem 0}.section-muted{background:var(--paper)}.section-heading p{color:var(--muted);margin:0}.section-heading.compact{max-width:750px}.service-card{border:1px solid var(--line);padding:2.2rem;background:#fff;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(13,35,56,.09)}.service-card.featured{background:var(--navy);color:#fff}.service-card.featured h3{color:#fff}.service-number{display:inline-block;color:var(--gold);font-weight:700;letter-spacing:.12em;margin-bottom:2.4rem}.service-card p{color:var(--muted)}.service-card.featured p{color:rgba(255,255,255,.72)}.service-card ul{padding-left:1.2rem;margin:1.5rem 0 0}.custom-note{background:var(--gold-light);padding:2rem 2.2rem;display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center}.custom-note p{margin:0}.project{padding:2.4rem 0;border-top:1px solid var(--line)}.project:last-child{border-bottom:1px solid var(--line)}.project img{width:100%;box-shadow:0 22px 55px rgba(13,35,56,.13)}.project-type{text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;color:var(--gold);font-weight:700}.project h3{font-size:2.6rem;margin:.7rem 0 1rem}.about-image{position:relative}.about-image:after{content:"";position:absolute;right:-22px;bottom:-22px;width:55%;height:45%;background:var(--gold-light);z-index:-1}.about-image img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.7)}.about .lead{font-size:1.25rem}.signature{font-family:var(--serif);font-size:1.8rem;color:var(--navy);margin-top:2rem}.signature span{font-family:var(--sans);font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);display:block}.testimonial-section{background:var(--navy);color:#fff;padding:6rem 0}.testimonial-section blockquote{max-width:950px;margin:0 auto;text-align:center}.testimonial-section p{font-family:var(--serif);font-size:clamp(2rem,4vw,3.7rem);line-height:1.18}.quote-mark{font-family:var(--serif);font-size:6rem;line-height:.4;color:var(--gold)}.testimonial-section footer{color:rgba(255,255,255,.65);margin-top:2rem;font-size:.85rem}.accordion-item{border-color:var(--line)}.accordion-button{font-family:var(--serif);font-size:1.35rem;color:var(--navy);padding:1.5rem 0}.accordion-button:not(.collapsed){background:transparent;color:var(--navy);box-shadow:none}.accordion-button:focus{box-shadow:none}.accordion-body{padding:0 2rem 1.5rem 0;color:var(--muted)}.contact-section{background:var(--navy);color:#fff;padding:7rem 0}.contact-section h2{color:#fff}.contact-section p{color:rgba(255,255,255,.72)}.text-gold{color:var(--gold)!important}.contact-details{display:flex;flex-direction:column;gap:.55rem;margin:2rem 0}.contact-details a{font-family:var(--serif);font-size:1.55rem;color:#fff;text-decoration:none}.small-note{font-size:.75rem}.contact-form{background:#fff;color:var(--ink);padding:2.3rem}.contact-form label{font-size:.82rem;font-weight:700;margin-bottom:.45rem}.form-control,.form-select{border-radius:0;border:0;border-bottom:1px solid #aeb5ba;padding:.75rem 0;background:transparent}.form-control:focus,.form-select:focus{box-shadow:none;border-color:var(--gold)}.form-check-input{border-radius:0}.site-footer{background:#091927;color:rgba(255,255,255,.65);padding:1.4rem 0;font-size:.78rem}.site-footer p{margin:0}.site-footer nav{display:flex;gap:1.5rem}.site-footer a{color:inherit;text-decoration:none}

@media (min-width:992px) and (max-width:1263.98px){
  .hero-note{right:0}
  .about-image:after{right:0}
}
@media(max-width:991.98px){.navbar-collapse{padding:1rem 0 1.4rem}.navbar-nav{align-items:flex-start!important}.nav-link{margin:.2rem 0}.hero{background:#fff;padding-top:4.5rem}.hero-visual{max-width:600px;margin:2rem auto 0}.custom-note{grid-template-columns:1fr}.project{padding:3.5rem 0}.section{padding:5rem 0}}
@media(max-width:767.98px){h1{font-size:3.25rem}.hero{padding:3.5rem 0}.hero-note{right:0}.hero-points{display:block}.hero-points li{margin-bottom:.5rem}.section{padding:4rem 0}.service-card{padding:1.7rem}.custom-note{padding:1.5rem}.contact-form{padding:1.4rem}.contact-details a{font-size:1.3rem}.logo-row{justify-content:flex-start}.brand-copy small{display:none}}

/* --- WordPress-spezifische Ergänzungen --- */
.form-status{padding:1rem 1.25rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}
.form-status.ok{background:#e7f3ec;color:#14532d;border:1px solid #bbe0c9}
.form-status.error{background:#fdeaea;color:#7f1d1d;border:1px solid #f3c1c1}
.cb-honeypot{position:absolute!important;left:-9999px!important;opacity:0}
.page-content{padding:5rem 0}
.page-content .entry-title{margin-bottom:2rem}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}


.logo-row img {
	height: 60px; 
	width: auto;
	filter: grayscale(100%);
  transition: filter 0.5s ease;
}
.logo-row img:hover {
  filter: grayscale(0%);
}
a:hover, a:focus {
	color: #007dac;
}