/*
Theme Name: Ausgang Podcast
Version: 2.1
Description: Eigenständiges WordPress-Theme für den Ausgang Podcast mit Podlove-Integration, Block-Editor-Unterstützung und frei bestückbarer Startseite.
Author: Ausgang Podcast
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: ausgang-podcast
*/

/* =========================================================================
 * Hinweis: Bis v1.6 stand dieses CSS als <style>-Block in der header.php.
 * Seit v2.0 liegt es hier -- dadurch wird es vom Browser gecacht, kann
 * über die Theme-Datei-Bearbeitung gepflegt werden und lässt sich in der
 * editor-style.css spiegeln.
 * ====================================================================== */

.ausgang-hp{
	--ap-paper:#F6F5F1; --ap-paper-dim:#EEECE5; --ap-ink:#161B22; --ap-ink-soft:#5B6270;
	--ap-line:#DCD9D0; --ap-signal:#E1432B; --ap-signal-dim:#F6D9D4;
	background:var(--ap-paper); color:var(--ap-ink); font-family:'Inter',sans-serif;
	-webkit-font-smoothing:antialiased; min-height:100vh; padding-bottom:40px;
}
.ausgang-hp *{box-sizing:border-box;}
.ausgang-hp a{color:inherit; text-decoration:none;}
.ausgang-hp .ap-wrap{max-width:960px; margin:0 auto; padding:0 24px;}

.ap-skip{position:absolute; left:-9999px; top:0; background:#161B22; color:#F6F5F1; padding:10px 16px; z-index:999;}
.ap-skip:focus{left:0;}
.ausgang-hp .screen-reader-text{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap;}

/* --- Kopfleiste --- */
.ausgang-hp .ap-topbar{
	position:relative;
	padding:26px 0; border-bottom:1px solid var(--ap-line);
	display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.ausgang-hp .ap-logo-wrap{margin:0; padding:0; font-size:inherit; font-weight:inherit; line-height:1; min-width:0;}
.ausgang-hp .ap-logo{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:21px; letter-spacing:-0.02em; display:inline-block;}
.ausgang-hp .ap-logo span{color:var(--ap-signal);}
.ausgang-hp .ap-logo-img img{display:block; max-height:44px; width:auto;}

.ausgang-hp .ap-actions{display:flex; align-items:center; gap:8px; flex-shrink:0;}

.ausgang-hp .ap-social{
	display:inline-flex; align-items:center; justify-content:center;
	width:38px; height:38px; border-radius:50%; color:var(--ap-ink-soft);
	transition:color .18s ease, background .18s ease;
}
.ausgang-hp .ap-social:hover{color:var(--ap-signal); background:var(--ap-paper-dim);}
.ausgang-hp .ap-social svg{width:20px; height:20px; display:block;}

.ausgang-hp .ap-nav-toggle{
	display:flex; /* auf allen Breiten -- das Menü ist zu umfangreich für eine Leiste */
	width:38px; height:38px; padding:0; border:none; background:none; cursor:pointer;
	flex-direction:column; align-items:center; justify-content:center; gap:5px;
	border-radius:50%; transition:background .18s ease;
}
.ausgang-hp .ap-nav-toggle:hover{background:var(--ap-paper-dim);}
.ausgang-hp .ap-nav-toggle span{
	display:block; width:20px; height:2px; background:var(--ap-ink);
	transition:transform .2s ease, opacity .15s ease;
}
.ausgang-hp .ap-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.ausgang-hp .ap-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.ausgang-hp .ap-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* --- Menü-Panel ---
   Absolut positioniert, damit es das Layout der Kopfleiste nicht
   auseinanderdrückt. Bei vielen Einträgen scrollt es intern. */
.ausgang-hp .ap-nav{
	display:none;
	position:absolute; top:100%; right:0; z-index:60;
	width:min(340px, calc(100vw - 48px));
	max-height:min(70vh, 560px); overflow-y:auto; overscroll-behavior:contain;
	margin-top:-1px; padding:4px 18px;
	background:var(--ap-paper);
	border:1px solid var(--ap-line); border-radius:6px;
	box-shadow:0 14px 34px rgba(22,27,34,.12);
}
.ausgang-hp .ap-nav.is-open{display:block;}

.ausgang-hp .ap-nav ul{list-style:none; display:block; margin:0; padding:0;}
.ausgang-hp .ap-nav li{border-bottom:1px solid var(--ap-line);}
.ausgang-hp .ap-nav > ul > li:last-child{border-bottom:none;}
.ausgang-hp .ap-nav a{
	display:block; padding:12px 2px; font-size:14.5px; line-height:1.35;
	color:var(--ap-ink);
}
.ausgang-hp .ap-nav a:hover{color:var(--ap-signal);}
.ausgang-hp .ap-nav .current-menu-item > a{font-weight:600;}

/* Unterpunkte eingerückt */
.ausgang-hp .ap-nav ul ul{padding-left:16px; border-top:1px solid var(--ap-line);}
.ausgang-hp .ap-nav ul ul a{font-size:13.5px; color:var(--ap-ink-soft); padding:10px 2px;}
.ausgang-hp .ap-nav ul ul li:last-child{border-bottom:none;}

.ausgang-hp footer.ap-footer{max-width:960px; margin:50px auto 0; padding:22px 24px 0; border-top:1px solid var(--ap-line); font-size:12.5px; color:var(--ap-ink-soft);}

/* --- Episoden-Eyebrow --- */
.ausgang-hp .ap-on-air{display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--ap-signal); margin:28px 0 6px;}
.ausgang-hp .ap-rec-dot{width:8px; height:8px; border-radius:50%; background:var(--ap-signal); animation:ap-pulse 1.8s ease-in-out infinite;}
@keyframes ap-pulse{0%,100%{opacity:1; box-shadow:0 0 0 0 rgba(225,67,43,.35);} 50%{opacity:.55; box-shadow:0 0 0 6px rgba(225,67,43,0);}}
@media (prefers-reduced-motion:reduce){
	.ausgang-hp .ap-rec-dot{animation:none;}
	.ausgang-hp .ap-player-dock{transition:none;}
	.ausgang-hp .ap-nav-toggle span{transition:none;}
}

/* --- Episoden-Zeile --- */
.ausgang-hp .ap-list{margin-top:10px;}
.ausgang-hp .ap-row{
	display:grid;
	grid-template-columns:auto 1fr auto;
	grid-template-areas:"photo body play" ". player .";
	align-items:center;
	column-gap:22px;
	padding:14px 0;
	border-top:1px solid var(--ap-line);
}
.ausgang-hp .ap-row:last-child{border-bottom:1px solid var(--ap-line);}

.ausgang-hp .ap-photo-wrap{
	grid-area:photo; margin:0; padding:0; width:124px; flex-shrink:0;
	display:flex; flex-direction:column; gap:5px;
}
.ausgang-hp .ap-photo{
	width:124px; height:124px; aspect-ratio:1/1; border-radius:4px; overflow:hidden;
	display:block; background-size:cover; background-position:center;
}
.ausgang-hp .ap-photo img{width:100%; height:100%; object-fit:cover; display:block;}

.ausgang-hp .ap-credit{
	font-size:9.5px; line-height:1.35; color:var(--ap-ink-soft); opacity:.8;
	overflow-wrap:anywhere; hyphens:auto; margin:0;
}

.ausgang-hp .ap-body{grid-area:body; min-width:0;}
.ausgang-hp .ap-meta-top{display:flex; gap:8px; align-items:center; flex-wrap:wrap; font-size:11.5px; font-variant-numeric:tabular-nums; letter-spacing:0.02em; color:var(--ap-ink-soft); margin-bottom:6px;}
.ausgang-hp .ap-body h2,
.ausgang-hp .ap-body h3{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:16px; line-height:1.35; margin:0 0 6px;}
.ausgang-hp .ap-body h2 a:hover,
.ausgang-hp .ap-body h3 a:hover{color:var(--ap-signal);}
.ausgang-hp .ap-excerpt{
	font-size:13.5px; line-height:1.5; color:var(--ap-ink-soft); margin:0 0 8px;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ausgang-hp .ap-readmore{display:inline-flex; align-items:center; gap:4px; font-size:12.5px; font-weight:600; border-bottom:1px solid var(--ap-ink); padding-bottom:1px;}
.ausgang-hp .ap-readmore:hover{border-color:var(--ap-signal); color:var(--ap-signal);}

.ausgang-hp .ap-play-toggle{
	grid-area:play; flex-shrink:0; width:48px; height:48px; border-radius:50%;
	background:var(--ap-ink); color:var(--ap-paper); border:none; cursor:pointer;
	display:flex; align-items:center; justify-content:center; transition:transform .2s ease, background .2s ease;
}
.ausgang-hp .ap-play-toggle:hover{transform:scale(1.06); background:var(--ap-signal);}
.ausgang-hp .ap-play-toggle svg{width:16px; height:16px;}
.ausgang-hp .ap-play-toggle.is-open{background:var(--ap-signal);}

/* --- Player-Dock ---
   NICHT display:none: ohne Layout-Box misst der Podlove-Player
   Breite/Höhe 0 und rendert nichts. */
.ausgang-hp .ap-player-dock{
	grid-area:player;
	max-height:0; overflow:hidden; opacity:0; margin-top:0;
	transition:opacity .18s ease;
}
.ausgang-hp .ap-player-dock.is-open{
	max-height:none; overflow:visible; opacity:1; margin-top:14px;
}

.ausgang-hp .ap-pager{display:flex; justify-content:center; padding:28px 0 6px;}
.ausgang-hp .ap-pager select{
	font-family:'Inter',sans-serif; font-size:13.5px; font-weight:600; color:var(--ap-ink);
	background:var(--ap-paper); border:1px solid var(--ap-line); border-radius:20px;
	padding:10px 18px; cursor:pointer;
}
.ausgang-hp .ap-pager select:hover{border-color:var(--ap-signal);}
.ausgang-hp .ap-empty{padding:30px 0; color:var(--ap-ink-soft); font-size:14px;}

/* --- Einzelansicht --- */
.ausgang-hp .ap-single{padding:34px 0;}
.ausgang-hp .ap-single-title{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:clamp(24px,3.4vw,36px); line-height:1.2; margin:6px 0 20px;}
.ausgang-hp .ap-single-figure{margin:0 0 20px;}
.ausgang-hp .ap-single-photo{aspect-ratio:16/9; border-radius:4px; overflow:hidden;}
.ausgang-hp .ap-single-photo img{width:100%; height:100%; object-fit:cover; display:block;}
.ausgang-hp .ap-single-credit{font-size:11.5px; line-height:1.5; color:var(--ap-ink-soft); margin:7px 0 0;}
.ausgang-hp .ap-single-player{margin-bottom:26px;}
.ausgang-hp .ap-single-content{font-size:15.5px; line-height:1.7;}
.ausgang-hp .ap-single-content p{margin-bottom:1.2em;}

@media (max-width:640px){
	.ausgang-hp .ap-row{grid-template-columns:auto 1fr auto; grid-template-areas:"photo body play" "player player player";}
	.ausgang-hp .ap-photo-wrap{width:76px;}
	.ausgang-hp .ap-photo{width:76px; height:76px;}
	.ausgang-hp .ap-credit{font-size:9px;}
	.ausgang-hp .ap-body h2,
	.ausgang-hp .ap-body h3{font-size:14.5px;}
}

.ausgang-hp .ap-footer-text{padding:26px 0 0; font-size:13.5px; line-height:1.6; color:var(--ap-ink-soft);}
.ausgang-hp .ap-footer-widget h4{font-family:'Space Grotesk',sans-serif; font-size:14px; color:var(--ap-ink); margin-bottom:8px;}


/* =========================================================================
 * NEU AB v2.0
 * ====================================================================== */

/* --- Zweispaltiges Grundlayout ---
   Ohne Seitenleiste bleibt .ap-layout ein simpler Block, das Ergebnis ist
   also identisch mit v1.6. Erst .has-sidebar macht daraus ein Raster. */
.ausgang-hp .ap-layout{display:block;}
.ausgang-hp .ap-layout.has-sidebar{
	display:grid;
	grid-template-columns:minmax(0,1fr) 264px;
	column-gap:48px;
	align-items:start;
}
.ausgang-hp .ap-content{min-width:0;}

.ausgang-hp .ap-sidebar{
	padding-top:34px;
	font-size:13.5px; line-height:1.6; color:var(--ap-ink-soft);
	position:sticky; top:24px;
}
.ausgang-hp .ap-sidebar-widget + .ap-sidebar-widget{
	margin-top:26px; padding-top:26px; border-top:1px solid var(--ap-line);
}
.ausgang-hp .ap-sidebar-widget h4{
	font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:12px;
	letter-spacing:0.08em; text-transform:uppercase; color:var(--ap-ink);
	margin:0 0 10px;
}
.ausgang-hp .ap-sidebar-widget p{margin:0 0 .9em;}
.ausgang-hp .ap-sidebar-widget p:last-child{margin-bottom:0;}
.ausgang-hp .ap-sidebar-widget img{max-width:100%; height:auto; border-radius:4px; display:block;}
.ausgang-hp .ap-sidebar-widget ul{list-style:none; margin:0; padding:0;}
.ausgang-hp .ap-sidebar-widget li{padding:7px 0; border-bottom:1px solid var(--ap-line);}
.ausgang-hp .ap-sidebar-widget li:last-child{border-bottom:none;}
.ausgang-hp .ap-sidebar-widget a{color:var(--ap-ink); border-bottom:1px solid var(--ap-line);}
.ausgang-hp .ap-sidebar-widget a:hover{color:var(--ap-signal); border-color:var(--ap-signal);}

@media (max-width:860px){
	.ausgang-hp .ap-layout.has-sidebar{display:block;}
	.ausgang-hp .ap-sidebar{
		position:static; margin-top:40px; padding-top:26px;
		border-top:1px solid var(--ap-line);
	}
}

/* --- Redaktioneller Vorab-/Nachtext auf Übersichtsseiten --- */
.ausgang-hp .ap-intro{padding:34px 0 4px; font-size:15.5px; line-height:1.7;}
.ausgang-hp .ap-intro > *:first-child{margin-top:0;}
.ausgang-hp .ap-intro > *:last-child{margin-bottom:0;}
.ausgang-hp .ap-intro p{margin:0 0 1.2em;}
.ausgang-hp .ap-outro{padding:30px 0 0; font-size:15.5px; line-height:1.7;}

.ausgang-hp .ap-page-title{
	font-family:'Space Grotesk',sans-serif; font-weight:700;
	font-size:clamp(24px,3.4vw,36px); line-height:1.2; margin:34px 0 18px;
}
.ausgang-hp .ap-intro + .ap-on-air{margin-top:34px;}

/* --- Typografie für Block-Inhalte ---
   Gilt für alles, was aus dem Editor kommt: Seiten, Folgen, Vorabtexte. */
.ausgang-hp .ap-single-content h2,
.ausgang-hp .ap-intro h2,
.ausgang-hp .ap-outro h2{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:24px; line-height:1.25; margin:1.8em 0 .6em;}
.ausgang-hp .ap-single-content h3,
.ausgang-hp .ap-intro h3,
.ausgang-hp .ap-outro h3{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:19px; line-height:1.3; margin:1.6em 0 .5em;}
.ausgang-hp .ap-single-content h4,
.ausgang-hp .ap-intro h4,
.ausgang-hp .ap-outro h4{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:16px; margin:1.5em 0 .5em;}
.ausgang-hp .ap-single-content a,
.ausgang-hp .ap-intro a,
.ausgang-hp .ap-outro a{border-bottom:1px solid var(--ap-line);}
.ausgang-hp .ap-single-content a:hover,
.ausgang-hp .ap-intro a:hover,
.ausgang-hp .ap-outro a:hover{color:var(--ap-signal); border-color:var(--ap-signal);}
.ausgang-hp .ap-single-content ul,
.ausgang-hp .ap-single-content ol,
.ausgang-hp .ap-intro ul,
.ausgang-hp .ap-intro ol{padding-left:1.3em; margin:0 0 1.2em;}
.ausgang-hp .ap-single-content li,
.ausgang-hp .ap-intro li{margin-bottom:.4em;}
.ausgang-hp .ap-single-content img,
.ausgang-hp .ap-intro img,
.ausgang-hp .ap-outro img{max-width:100%; height:auto; border-radius:4px;}
.ausgang-hp .ap-single-content figure,
.ausgang-hp .ap-intro figure{margin:1.6em 0;}
.ausgang-hp .ap-single-content figcaption,
.ausgang-hp .ap-intro figcaption{font-size:11.5px; line-height:1.5; color:var(--ap-ink-soft); margin-top:7px;}
.ausgang-hp .ap-single-content blockquote,
.ausgang-hp .ap-intro blockquote{
	margin:1.6em 0; padding:2px 0 2px 20px;
	border-left:3px solid var(--ap-signal);
	font-size:17px; line-height:1.55;
}
.ausgang-hp .ap-single-content blockquote p:last-child{margin-bottom:0;}
.ausgang-hp .ap-single-content hr,
.ausgang-hp .ap-intro hr{border:none; border-top:1px solid var(--ap-line); margin:2.2em 0;}
.ausgang-hp .ap-single-content table{width:100%; border-collapse:collapse; font-size:14px;}
.ausgang-hp .ap-single-content th,
.ausgang-hp .ap-single-content td{padding:8px 10px; border:1px solid var(--ap-line); text-align:left;}
.ausgang-hp .ap-single-content code{
	font-size:.9em; background:var(--ap-paper-dim); padding:2px 5px; border-radius:3px;
}

/* Buttons aus dem Block-Editor an die Signalfarbe angleichen */
.ausgang-hp .wp-block-button__link{
	background:var(--ap-ink); color:var(--ap-paper); border-radius:22px;
	font-family:'Inter',sans-serif; font-weight:600; font-size:14px;
	padding:11px 22px; border-bottom:none;
}
.ausgang-hp .wp-block-button__link:hover{background:var(--ap-signal); color:var(--ap-paper);}
.ausgang-hp .is-style-outline .wp-block-button__link{
	background:transparent; color:var(--ap-ink); border:1px solid var(--ap-line);
}
.ausgang-hp .is-style-outline .wp-block-button__link:hover{border-color:var(--ap-signal); color:var(--ap-signal); background:transparent;}

/* Breite Blöcke: nur ohne Seitenleiste, sonst gäbe es Überlappungen. */
.ausgang-hp .ap-layout:not(.has-sidebar) .alignwide{
	margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
	max-width:100vw; width:auto;
}
.ausgang-hp .ap-layout:not(.has-sidebar) .alignwide > *{
	max-width:960px; margin-left:auto; margin-right:auto; padding:0 24px;
}
.ausgang-hp .alignfull{margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); max-width:100vw; width:auto;}
.ausgang-hp .alignleft{float:left; margin:.4em 1.4em 1em 0; max-width:50%;}
.ausgang-hp .alignright{float:right; margin:.4em 0 1em 1.4em; max-width:50%;}
.ausgang-hp .aligncenter{margin-left:auto; margin-right:auto;}
.ausgang-hp .ap-single-content::after,
.ausgang-hp .ap-intro::after{content:""; display:table; clear:both;}

@media (max-width:640px){
	.ausgang-hp .alignleft,
	.ausgang-hp .alignright{float:none; margin:1.4em 0; max-width:100%;}
}

/* --- 404 --- */
.ausgang-hp .ap-404{padding:60px 0; text-align:center;}
.ausgang-hp .ap-404 h1{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:clamp(26px,4vw,40px); margin:0 0 12px;}
.ausgang-hp .ap-404 p{color:var(--ap-ink-soft); font-size:15px; margin:0 0 22px;}

/* --- Fokus-Sichtbarkeit (war bisher nur Browser-Default) --- */
.ausgang-hp a:focus-visible,
.ausgang-hp button:focus-visible,
.ausgang-hp select:focus-visible{
	outline:2px solid var(--ap-signal); outline-offset:3px; border-radius:2px;
}

/* --- Standard-Blätterfunktion (Archive, Suche) --- */
.ausgang-hp .navigation.pagination{padding:28px 0 6px;}
.ausgang-hp .nav-links{display:flex; gap:6px; justify-content:center; flex-wrap:wrap;}
.ausgang-hp .nav-links .page-numbers{
	display:inline-flex; align-items:center; justify-content:center;
	min-width:36px; height:36px; padding:0 12px;
	border:1px solid var(--ap-line); border-radius:18px;
	font-size:13.5px; font-weight:600; font-variant-numeric:tabular-nums;
	color:var(--ap-ink-soft);
}
.ausgang-hp .nav-links .page-numbers:hover{border-color:var(--ap-signal); color:var(--ap-signal);}
.ausgang-hp .nav-links .page-numbers.current{background:var(--ap-ink); border-color:var(--ap-ink); color:var(--ap-paper);}

/* --- Vorherige / nächste Folge --- */
.ausgang-hp .post-navigation{
	margin-top:6px; padding-top:22px; border-top:1px solid var(--ap-line);
}
.ausgang-hp .post-navigation .nav-links{
	display:grid; grid-template-columns:1fr 1fr; gap:22px; justify-content:stretch;
}
.ausgang-hp .post-navigation .nav-next{text-align:right;}
.ausgang-hp .post-navigation a{
	display:block; font-family:'Space Grotesk',sans-serif; font-weight:600;
	font-size:14.5px; line-height:1.35;
}
.ausgang-hp .post-navigation a:hover{color:var(--ap-signal);}
.ausgang-hp .ap-nav-label{
	display:block; font-family:'Inter',sans-serif; font-weight:600; font-size:11px;
	letter-spacing:0.08em; text-transform:uppercase; color:var(--ap-ink-soft);
	margin-bottom:5px;
}
@media (max-width:640px){
	.ausgang-hp .post-navigation .nav-links{grid-template-columns:1fr;}
	.ausgang-hp .post-navigation .nav-next{text-align:left;}
}

/* --- Block "Episodenübersicht" --- */
.ausgang-hp .ap-episodes-block{margin:34px 0;}
.ausgang-hp .ap-episodes-block .ap-on-air{margin-top:0;}

/* =========================================================================
 * Suche (ab v2.1)
 * ====================================================================== */

.ausgang-hp .ap-search-toggle{
	display:inline-flex; align-items:center; justify-content:center;
	width:38px; height:38px; padding:0; border:none; background:none; cursor:pointer;
	border-radius:50%; color:var(--ap-ink-soft);
	transition:color .18s ease, background .18s ease;
}
.ausgang-hp .ap-search-toggle:hover{color:var(--ap-signal); background:var(--ap-paper-dim);}
.ausgang-hp .ap-search-toggle svg{width:19px; height:19px; display:block;}
.ausgang-hp .ap-search-toggle.is-open{color:var(--ap-signal); background:var(--ap-paper-dim);}

/* Klappt an derselben Stelle auf wie das Menü-Panel. */
.ausgang-hp .ap-search-panel{
	display:none;
	position:absolute; top:100%; right:0; z-index:61;
	width:min(420px, calc(100vw - 48px));
	margin-top:-1px; padding:16px 18px;
	background:var(--ap-paper);
	border:1px solid var(--ap-line); border-radius:6px;
	box-shadow:0 14px 34px rgba(22,27,34,.12);
}
.ausgang-hp .ap-search-panel.is-open{display:block;}

/* Formular -- greift überall: Kopfleiste, Ergebnisseite, Widget. */
.ausgang-hp .ap-searchform{
	display:flex; align-items:center; gap:6px;
	padding:3px 4px 3px 16px;
	background:var(--ap-paper);
	border:1px solid var(--ap-line); border-radius:24px;
	transition:border-color .18s ease;
}
.ausgang-hp .ap-searchform:focus-within{border-color:var(--ap-signal);}

.ausgang-hp .ap-search-field{
	flex:1; min-width:0;
	border:none; background:none; outline:none;
	font-family:'Inter',sans-serif; font-size:14.5px; line-height:1.4;
	color:var(--ap-ink); padding:8px 0;
	-webkit-appearance:none; appearance:none;
}
.ausgang-hp .ap-search-field::placeholder{color:var(--ap-ink-soft); opacity:.75;}
.ausgang-hp .ap-search-field::-webkit-search-cancel-button{-webkit-appearance:none; appearance:none;}

.ausgang-hp .ap-search-submit{
	flex-shrink:0; width:34px; height:34px; border-radius:50%;
	border:none; background:var(--ap-ink); color:var(--ap-paper); cursor:pointer;
	display:flex; align-items:center; justify-content:center;
	transition:background .18s ease, transform .2s ease;
}
.ausgang-hp .ap-search-submit:hover{background:var(--ap-signal); transform:scale(1.06);}
.ausgang-hp .ap-search-submit svg{width:16px; height:16px;}

/* Ergebnisseite */
.ausgang-hp .ap-search-lead{max-width:460px; margin:0 0 6px;}
.ausgang-hp .ap-search-count{
	font-size:13px; color:var(--ap-ink-soft); margin:14px 0 0;
	font-variant-numeric:tabular-nums;
}

/* Drei Icons plus Schriftzug werden auf sehr schmalen Displays eng. */
@media (max-width:400px){
	.ausgang-hp .ap-logo{font-size:18px;}
	.ausgang-hp .ap-actions{gap:2px;}
}