/* Gezenler sitewide: Block-Basis, Sidebar, Footer */
/* Schriftarten wie Live: Open Sans (Text) + Oswald (Überschriften) */
body, #gkComponent, #gkComponent p, .gezBlock, .gezBlock li, .gezBlogText, .gezEntMeta, .breadcrumbs{ font-family:'Open Sans', Arial, sans-serif; }
/* Oswald nur für Inhalts-/Showcase-Titel (wie Live: .itemTitle/.catItemTitle/gkTabs) */
.gezBlogTitle, #gkComponent .page-header h1, #gkComponent .item-page h1,
.gezScTabs, .gezScCap .big, .gezTicker .gezTickLabel{ font-family:'Oswald', Arial, sans-serif; }
/* Modul-/Box-Überschriften nutzen Open Sans (wie Live: .box h3.header) */
.gezBlockTitle, .gezBlockTitle span, .gezPopTitle, .gezEntTitle, .gezFTitle{ font-family:'Open Sans', Arial, sans-serif; }
/* Gerahmter Original-Look: feste zentrierte Breite, body-Hintergrundbild (bg.jpg) sichtbar seitlich */
html{ min-width:1000px; }
.gkWrap{ width:1000px !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box; }
.gezBlock{ margin:0 0 22px; }
/* Tag-Wolke (K2 TAGS Nachbau) */
.gezTagCloud{ line-height:2.1; }
.gezTagCloud a{ color:#2a8fd6; text-decoration:none; margin:0 6px 0 0; }
.gezTagCloud a:hover{ color:#f0a30a; text-decoration:underline; }
/* Breadcrumb-Leiste Fallback (falls GK-CSS nicht greift) */
#gkBreadcrumb > div{ overflow:hidden; }
#gkTools{ float:right; }
#gkTools a{ display:inline-block; padding:0 5px; color:#999; text-decoration:none; font-weight:700; }
#gkTools a:hover{ color:#2a8fd6; }
.breadcrumbs ul{ list-style:none; margin:0; padding:0; }
.breadcrumbs li{ display:inline; }
/* Breadcrumb-Trenner wie Live: blaue Sterne zwischen den Einträgen */
.breadcrumbs li span{ color:#9a9a9a; margin-right:7px; }
.breadcrumbs li.pathway ~ li.pathway::before{ content:"\2605"; margin:0 11px; color:#78a8d5; font-size:11px; }
.gezBlockTitle{ margin:0 0 12px; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; border-bottom:2px solid #2a8fd6; padding-bottom:6px; color:#222; }
.gezBlockTitle span{ display:inline-block; border-bottom:2px solid #f0a30a; margin-bottom:-8px; padding-bottom:6px; }
ul.gezList{ list-style:none; margin:0; padding:0; }
ul.gezList li{ padding:7px 0; border-bottom:1px dotted #ddd; font-size:14px; }
ul.gezList li a{ color:#222; font-weight:600; text-decoration:none; }
ul.gezList li a:hover{ color:#2a8fd6; }
.gezDate{ display:block; font-size:11px; color:#999; }
ul.gezThumbs{ list-style:none; margin:0; padding:0; }
ul.gezThumbs li{ display:flex; gap:10px; padding:9px 0; border-bottom:1px dotted #ddd; }
ul.gezThumbs img{ width:70px; height:50px; object-fit:cover; display:block; }
.gezThumbTxt a{ color:#222; font-weight:600; font-size:13px; text-decoration:none; }
.gezThumbTxt a:hover{ color:#2a8fd6; }
/* Sidebar Kategorien wie Live: blaue Außenbox + weißer Titel + weiße Innenbox + graue Sterne */
.gezSideCats{ background:#78a8d5; border-radius:7px; padding:0 0 16px; margin-bottom:24px; }
.gezSideCats .gezBlockTitle{ color:#fff !important; border:none !important; margin:0; padding:18px 22px 14px; font-size:20px; font-weight:600; letter-spacing:-0.5px; text-transform:uppercase; }
.gezSideCats .gezBlockTitle span{ border:none !important; margin:0; padding:0; display:inline; }
.gezCatBox{ background:#fff; border:none; border-radius:4px; margin:0 16px; padding:2px 18px; }
.gezSideCats .gezCatList{ list-style:none; margin:0; padding:0; }
.gezSideCats .gezCatList li{ border-bottom:1px solid #ededed; display:flex; align-items:center; gap:13px; }
.gezSideCats .gezCatList li:last-child{ border-bottom:none; }
.gezCatStar{ color:#d4d4d4; font-size:13px; flex:0 0 auto; }
.gezSideCats .gezCatList li a{ display:block; flex:1; padding:15px 2px; color:#444; text-decoration:none; font-size:16px; }
.gezSideCats .gezCatList li a:hover{ color:#2a8fd6; }
.gezCatCount{ color:#aaa; font-size:14px; }
/* Kalender */
.gezSideCal{ }
.gezCalHead{ display:flex; align-items:center; justify-content:space-between; background:#f5f5f5; border:1px solid #e3e3e3; border-bottom:none; padding:9px 12px; }
.gezCalTitle{ font-size:12px; font-weight:700; letter-spacing:.5px; color:#444; }
.gezCalNav{ color:#999; cursor:default; font-size:14px; }
.gezCalTable{ width:100%; border-collapse:collapse; border:1px solid #e3e3e3; }
.gezCalTable th{ background:#fafafa; color:#777; font-size:11px; font-weight:600; padding:6px 0; border:1px solid #eee; text-align:center; }
.gezCalTable td{ text-align:center; padding:7px 0; font-size:12px; color:#555; border:1px solid #eee; }
.gezCalEmpty{ background:#fcfcfc; }
.gezCalToday{ background:#2a8fd6 !important; color:#fff !important; font-weight:700; border-radius:2px; }
/* POPULAR + ENTERASAN nebeneinander */
.gezSideRow{ display:flex; gap:14px; margin-top:20px; }
.gezSidePop{ flex:0 0 40%; }
.gezSideEnt{ flex:1; min-width:0; }
.gezPopTitle{ background:#1c1c1c; color:#fff; font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; margin:0; padding:12px 14px; }
.gezPopList{ list-style:none; margin:0; padding:0; background:#1c1c1c; }
.gezPopList li{ border-top:1px solid #2e2e2e; }
.gezPopList li a{ display:block; padding:11px 14px; color:#cfcfcf; font-size:13px; font-weight:700; text-decoration:none; line-height:1.3; }
.gezPopList li a:hover{ color:#fff; }
/* ENTERASAN GEZILER: Breitbild + Datum + Rate, kein Titel, grauer Header (wie Live) */
.gezEntTitle{ color:#9a9a9a; font-size:19px; font-weight:700; text-transform:uppercase; line-height:1.1; margin:0 0 14px; letter-spacing:.3px; }
.gezEntList{ list-style:none; margin:0; padding:0; }
.gezEntList li{ padding:0 0 12px; margin:0 0 12px; border-bottom:1px solid #e6e6e6; }
.gezEntList li:last-child{ border-bottom:none; margin-bottom:0; }
.gezEntImg{ display:block; margin:0 0 8px; }
.gezEntImg img{ width:100%; height:72px; object-fit:cover; display:block; }
.gezEntMeta{ color:#999; font-size:11px; white-space:nowrap; }
.gezEntMeta strong{ color:#555; font-weight:700; }
/* Footer dunkel */
#gkBottomWrap{ background:#1b1b1b; color:#bdbdbd; margin-top:24px; }
.gezFooterCols{ display:grid !important; grid-template-columns:repeat(4,1fr); gap:34px; padding:30px 20px; max-width:1200px; margin:0 auto; box-sizing:border-box; }
.gezFCol{ min-width:0; }
.gezFTitle{ color:#fff; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; margin:0 0 14px; padding-bottom:8px; border-bottom:1px solid #3a3a3a; }
.gezFList{ list-style:none; margin:0; padding:0; }
.gezFList li{ padding:5px 0; font-size:13px; }
.gezFList li a{ color:#bdbdbd; text-decoration:none; }
.gezFList li a:hover{ color:#2a8fd6; }
.gezFThumbs{ list-style:none; margin:0; padding:0; }
.gezFThumbs li{ display:flex; gap:10px; align-items:center; padding:7px 0; }
.gezFThumb img{ width:54px; height:40px; object-fit:cover; display:block; }
.gezFLink{ color:#ddd; font-size:13px; text-decoration:none; }
.gezFLink:hover{ color:#2a8fd6; }
.gezFAbout{ font-size:13px; line-height:1.6; color:#aaa; margin:0; }
@media (max-width:900px){ .gezFooterCols{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .gezFooterCols{ grid-template-columns:1fr; } }

/* Zwei-Spalten-Layout Inhalt + Sidebar */
#gkContent.gkContentR #gkContentMainbody{ overflow:hidden; }
#gkContent.gkContentR #gkComponentWrap{ float:left; width:65%; box-sizing:border-box; padding-right:30px; overflow:hidden; }
#gkContent.gkContentR #gkRight{ float:right; width:35%; box-sizing:border-box; position:relative; z-index:2; }
/* Inhaltsbilder nie über die Spalte hinaus (verhindert Überlappen der Sidebar) */
#gkComponent img, #gkComponentWrap img{ max-width:100%; height:auto; }
.gezCal, .gezCalTable td{ background:#fff; }
/* Artikel-Top-Tag-Buttons ausblenden (wie Original, keine Tags oben) */
#gkComponent .tags.list-inline{ display:none; }
/* Einzelartikel-Titel: gross + fett + Grossbuchstaben wie Live (Bild 62) */
#gkComponent .page-header h1, #gkComponent .item-page h1{ font-family:'Oswald', Arial, sans-serif; font-size:32px; line-height:1; font-weight:700; text-transform:uppercase; letter-spacing:0; color:#222; margin:0 0 6px; padding:6px 0 0; }
@media (max-width:760px){ #gkComponent .page-header h1, #gkComponent .item-page h1{ font-size:26px; } }
/* Einzelartikel-Hauptbild: volle Spaltenbreite + Bildunterschrift-Overlay unten links (wie Live/K2) */
#gkComponent figure.item-image, #gkComponent figure.left.item-image{ float:none !important; width:100% !important; max-width:100%; margin:4px 0 20px !important; position:relative; }
#gkComponent figure.item-image img{ width:100%; height:auto; display:block; }
#gkComponent figure.item-image .gezImgCap{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,.62); color:#fff; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; padding:8px 15px; max-width:90%; box-sizing:border-box; }
/* Einzelartikel-Meta wie Live: Datum zuerst, kein Details-Label/Category/Hits/Icons */
#gkComponent .article-info{ display:flex; flex-wrap:wrap; align-items:baseline; color:#999; font-size:13px; margin:0 0 18px; padding:0; }
#gkComponent .article-info dt.article-info-term{ display:none; }
#gkComponent .article-info .category-name, #gkComponent .article-info .hits, #gkComponent .article-info .modified{ display:none; }
#gkComponent .article-info dd{ margin:0; }
#gkComponent .article-info dd [class^="icon-"]{ display:none; }
#gkComponent .article-info .published{ order:1; }
#gkComponent .article-info .createdby{ order:2; }
#gkComponent .article-info .createdby::before{ content:"|"; margin:0 9px; color:#ccc; }
#gkContent.gkContentR #gkRight .gezBlock{ margin-bottom:18px; }
@media (max-width:900px){ #gkContent.gkContentR #gkComponentWrap, #gkContent.gkContentR #gkRight{ float:none; width:100%; padding-right:0; } }

/* Tag-/Länderseiten: Blog-Layout wie Live */
.gezBlogItem{ padding:0 0 30px; margin:0 0 30px; border-bottom:1px solid #e8e8e8; }
.gezBlogTitle{ margin:0 0 6px; font-size:28px; line-height:1.1; font-weight:700; text-transform:uppercase; letter-spacing:.3px; }
.gezBlogTitle a{ color:#1a1a1a; text-decoration:none; }
.gezBlogTitle a:hover{ color:#2a8fd6; }
.gezBlogMeta{ color:#999; font-size:12px; margin:0 0 18px; }
.gezBlogMeta a{ color:#2a8fd6; text-decoration:none; }
.gezBlogSep{ margin:0 4px; color:#ccc; }
.gezBlogImg{ display:block; margin:0 0 18px; }
.gezBlogImg img{ width:100%; height:auto; display:block; }
.gezBlogText{ margin:0 0 18px; color:#555; font-size:15px; line-height:1.7; }
.gezBlogMore{ display:inline-block; background:#1c1c1c; color:#fff; font-size:12px; font-weight:700; text-transform:uppercase;
  letter-spacing:.5px; padding:10px 18px; text-decoration:none; }
.gezBlogMore:hover{ background:#2a8fd6; }
.gezPagination{ margin:16px 0; }
/* Horizontaler Pager (wie Live: Start Prev 1 2 3 Next End) */
.com-content-category-blog__counter, .counter.float-md-end{ display:none !important; }
ul.pagination{ list-style:none; display:flex; justify-content:center; flex-wrap:wrap; gap:2px; margin:26px 0 8px; padding:20px 0 0; border-top:1px solid #e8e8e8; }
ul.pagination li.page-item{ margin:0; }
ul.pagination .page-link{ display:inline-block; padding:6px 13px; color:#8a8a8a; text-decoration:none; font-size:15px; border:none; background:none; box-shadow:none; }
ul.pagination .page-link:hover{ color:#2a8fd6; background:none; }
ul.pagination .active .page-link{ color:#1a1a1a; font-weight:700; }
ul.pagination .disabled .page-link{ color:#bbb; }
/* Prev/Next/Start/End-Icons als Text (Icon-Font wird im Frontend nicht geladen) */
ul.pagination .page-link .icon-angle-double-left,
ul.pagination .page-link .icon-angle-left,
ul.pagination .page-link .icon-angle-right,
ul.pagination .page-link .icon-angle-double-right{ font-family:inherit !important; }
ul.pagination .page-link .icon-angle-double-left::before{ content:"Start"; }
ul.pagination .page-link .icon-angle-left::before{ content:"Prev"; }
ul.pagination .page-link .icon-angle-right::before{ content:"Next"; }
ul.pagination .page-link .icon-angle-double-right::before{ content:"End"; }