/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.3.1769953114
Updated: 2026-02-01 14:38:34

*/
/* File: wp-content/themes/kadence-child-fohof/style.css
   Place: end of file (Frontpage styles)
*/

.fhhof-container{
  width: min(1100px, calc(100% - 2rem));
  margin-inline: auto;
}

.fhhof-frontpage section{
  padding: 1.5rem 0;
}

.fhhof-hero__inner{
  display: grid;
  gap: 2rem;
  align-items: center;
}

@media (min-width: 900px){
  .fhhof-hero__inner{
    grid-template-columns: 1.2fr 0.8fr;
  }
}

.fhhof-hero__mediaBox{
  aspect-ratio: 4 / 3;
  border-radius: 18px;
  background: rgba(0,0,0,.06);
}

.fhhof-hero__cta{
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.fhhof-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .85rem 1.1rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid rgba(0,0,0,.14);
}

.fhhof-btn--primary{
  background: rgba(0,0,0,.92);
  color: #fff;
}

.fhhof-btn--ghost{
  background: transparent;
  color: inherit;
}

.fhhof-links-grid{
  display: grid;
  gap: 1rem;
}

@media (min-width: 800px){
  .fhhof-links-grid{
    grid-template-columns: repeat(3, 1fr);
  }
}

.fhhof-linkbox{
  display: block;
  padding: 1.25rem;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.12);
  text-decoration: none;
}

.fhhof-linkbox h3{
  margin: 0 0 .4rem;
}

.fhhof-linkbox p{
  margin: 0;
  opacity: .8;
}

.fhhof-sectionhead{
  margin-bottom: 1.25rem;
}

.fhhof-cards-grid{
  display: grid;
  gap: 1rem;
}

@media (min-width: 900px){
  .fhhof-cards-grid{
    grid-template-columns: repeat(3, 1fr);
  }
}

.fhhof-card{
  padding: 1.25rem;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.12);
}

.fhhof-card__media{
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  background: rgba(0,0,0,.06);
  margin-bottom: .85rem;
}

.fhhof-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 14px;
}

.fhhof-card--link{
  text-decoration: none;
  color: inherit;
  display: block;
}

.emph{
  font-weight: 800;
}

.fhhof-ctaBand{
  padding: 3rem 0;
}

.fhhof-ctaBand__inner{
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.12);
  padding: 1.5rem;
  display: grid;
  gap: 1rem;
  position: relative;
  overflow: hidden;
}

@media (min-width: 900px){
  .fhhof-ctaBand__inner{
    grid-template-columns: 1.2fr 0.8fr;
    align-items: center;
    padding: 2rem;
  }
}

.fhhof-ctaBand__inner::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--fhhof-cta-bg);
  background-size: cover;
  background-position: center;
  opacity: .18;
  pointer-events: none;
}

.fhhof-ctaBand__inner > *{
  position: relative;
}

.fhhof-ctaBand__title{
  margin: 0 0 .5rem;
}

.fhhof-ctaBand__text{
  margin: 0;
  opacity: .85;
}

.fhhof-ctaBand__actions{
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media (min-width: 900px){
  .fhhof-ctaBand__actions{
    justify-content: flex-end;
  }
}

.fhhof-frontpage{
  background: #000;
  color: rgba(255,255,255,.88);
}

.fhhof-frontpage a{
  color: inherit;
}

.fhhof-frontpage section{
  background: transparent;
}

.fhhof-hero{
  padding: 4rem 0;
  position: relative;
  overflow: hidden;
}

.fhhof-hero--bg{
  background-image: var(--fhhof-hero-bg);
  background-size: cover;
  background-position: center;
}

.fhhof-hero--bg::before{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 30%, rgba(0,0,0,.35), rgba(0,0,0,.90) 70%);
  pointer-events: none;
}

.fhhof-hero .fhhof-container,
.fhhof-hero__inner{
  position: relative;
}

.fhhof-hero__title{
  color: rgba(255,255,255,.92);
}

.fhhof-hero__lead{
  color: rgba(255,255,255,.78);
  max-width: 60ch;
}

.fhhof-linkbox,
.fhhof-card{
  background: rgba(255,255,255,.04);
  border-color: rgba(212,175,55,.28); /* gold-ish accent */
}

.fhhof-linkbox p,
.fhhof-card p{
  color: rgba(255,255,255,.72);
  opacity: 1;
}

.fhhof-sectionhead p{
  color: rgba(255,255,255,.72);
}

.fhhof-card__media{
  background: rgba(255,255,255,.06);
}

/* File: wp-content/themes/kadence-child-fohof/style.css
   Place: END of file (Buttons)
*/

.fhhof-btn{
  border-color: rgba(212,175,55,.55);
}

.fhhof-btn--primary{
  background: rgba(212,175,55,.18);
  border-color: rgba(212,175,55,.75);
  color: rgba(255,255,255,.92);
}

/* Kadence uses body.home for the front page */
body.home .site-header,
body.home .site-header-row-container{
  background: rgba(0,0,0,.55) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Make header text/links light on front page */
body.home .site-header,
body.home .site-header a,
body.home .site-header .site-title a,
body.home .site-header .menu-toggle{
  color: rgba(255,255,255,.92) !important;
}

body.home .site header .site-title{
  color: #C9A44C;
}

/* Optional: slightly reduce border/shadow */
body.home .site-header{
  border-bottom: 1px solid rgba(255,255,255,.10);
  box-shadow: none !important;
}

/* Ensure menu links look consistent */
body.home .main-navigation a{
  color: rgba(255,255,255,.86) !important;
}
body.home .main-navigation a:hover{
  color: rgba(255,255,255,.98) !important;
}

/* Make header a bit tighter and more "premium" */
body.home .site-header{
  padding-top: .35rem;
  padding-bottom: .35rem;
}

/* Align header contents vertically */
body.home .site-header-row,
body.home .site-header-row-container-inner{
  align-items: center;
}

/* Give menu a bit more breathing room */
body.home .main-navigation{
  margin-left: 1rem;
}

/* Logo sizing on front page */
body.home .site-header .custom-logo{
  max-height: 44px;
  width: auto;
}

/* If Kadence wraps logo in .site-branding, keep it aligned */
body.home .site-branding{
  display: flex;
  align-items: center;
}

/* Optional: subtle separation from hero background */
body.home .site-header .custom-logo{
  filter: drop-shadow(0 2px 10px rgba(0,0,0,.45));
}

/* Gold accent for hover */
body.home .main-navigation a:hover{
  color: rgba(212,175,55,.95) !important;
}

/* Gold accent for active/current menu item */
body.home .main-navigation .current-menu-item > a,
body.home .main-navigation .current_page_item > a,
body.home .main-navigation .current-menu-ancestor > a{
  color: rgba(212,175,55,.98) !important;
  position: relative;
}

/* Underline indicator for active item */
body.home .main-navigation .current-menu-item > a::after,
body.home .main-navigation .current_page_item > a::after,
body.home .main-navigation .current-menu-ancestor > a::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  background: rgba(212,175,55,.70);
  border-radius: 999px;
}

/* Mobile menu toggle on dark header */
body.home .menu-toggle,
body.home .menu-toggle:hover{
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(212,175,55,.45) !important;
}

/* Make headings clearly visible on dark background */
body.home .fhhof-featured h2,
body.home .fhhof-featured h3,
body.home .fhhof-ctaBand h2,
body.home .fhhof-ctaBand h3{
  color: rgba(255,255,255,.95) !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.55);
}

/* Improve paragraph readability in these sections */
body.home .fhhof-featured p,
body.home .fhhof-ctaBand p{
  color: rgba(255,255,255,.78) !important;
}

/* If CTA background image is used, slightly strengthen the overlay */
body.home .fhhof-ctaBand__inner::before{
  opacity: .28; /* was .18 */
}

/* File: wp-content/themes/kadence-child-fohof/style.css
   Place: END of file (Members page layout)
*/

/* Page header */
.fhhof-pagehead{
  padding: 3rem 0 1rem;
  background: #000;
  color: rgba(255,255,255,.92);
}

.fhhof-pagehead__title{
  margin: 0;
  color: rgba(255,255,255,.95);
  text-shadow: 0 2px 16px rgba(0,0,0,.55);
}

/* Class nav */
.fhhof-classnav{
  margin-top: 1rem;
}

.fhhof-classnav__list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: .75rem 1rem;
  flex-wrap: wrap;
}

.fhhof-classnav__link{
  text-decoration: none;
  color: rgba(255,255,255,.80);
  border-bottom: 1px solid rgba(212,175,55,.35);
}

.fhhof-classnav__link:hover{
  color: rgba(212,175,55,.95);
  border-bottom-color: rgba(212,175,55,.70);
}

/* Members grid section background */
.fhhof-membersGrid{
  padding: 2rem 0 4rem;
  background: #000;
  display: grid;
  gap: 1rem;
}

.fhhof-classnav{
  margin-top: .75rem;
  margin-bottom: 1.5rem;
}

.fhhof-classnav__link{
  font-size: .95rem;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(212,175,55,.35);
}

.fhhof-classnav__link:hover{
  border-bottom-color: rgba(212,175,55,.8);
}

@media (min-width: 800px){
  .fhhof-membersGrid{
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Member card */
.fhhof-memberCard{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  min-height: 180px;
  display: block;
  text-decoration: none;
  color: rgba(255,255,255,.92);
  border: 1px solid #C9A44C;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), rgba(0,0,0,.02) 70%),
    var(--fhhof-card-bg);
  background-size: cover, cover;
  background-position: center, center;
}

/* If no image, keep it nicely dark */
.fhhof-memberCard[style=""]{
  background: rgba(255,255,255,.04);
}

.fhhof-memberCard__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.80));
  pointer-events: none;
}

.fhhof-memberCard__content{
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
}

.fhhof-memberCard__title{
  margin: 0 0 .35rem;
  font-size: 1.35rem;
  color: rgba(255,255,255,.95);
  text-shadow: 0 2px 16px rgba(0,0,0,.55);
}

.fhhof-memberCard__cta{
  display: inline-block;
  font-weight: 600;
  color: rgba(212,175,55,.95);
}

/* Improve member card image visibility */
.fhhof-memberCard{
  min-height: 240px;
  background-color: #000;
}

.fhhof-memberCard__overlay{
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.15) 0%,
    rgba(0,0,0,.55) 60%,
    rgba(0,0,0,.85) 100%
  );
}

/* Make entire archive page dark */
body.post-type-archive-mitglied{
  background: #000 !important;
}

body.post-type-archive-mitglied .content-area,
body.post-type-archive-mitglied .site-main{
  background: #000 !important;
}

.fhhof-classnav__link.is-active{
  color: rgba(0,0,0,.92);
  background: rgba(212,175,55,.95);
  border-radius: 999px;
  padding: .35rem .75rem;
  border-bottom: none;
}

/* Taxonomy archive for "class" */
body.tax-class{
  background: #000 !important;
}

/* Kadence content wrappers sometimes keep a light background */
body.tax-class .content-area,
body.tax-class .site-main,
body.tax-class .site,
body.tax-class .content-wrap,
body.tax-class .content-bg,
body.tax-class .entry-content-wrap{
  background: #000 !important;
}

body.tax-class .fhhof-pagehead{
  padding-bottom: 1.25rem;
}

body.tax-class .fhhof-container{
  position: relative;
}

body.tax-class .fhhof-classnav__link{
  color: rgba(255,255,255,.78);
  border-bottom-color: rgba(212,175,55,.35);
}

body.tax-class .fhhof-classnav__link:hover{
  color: rgba(212,175,55,.95);
  border-bottom-color: rgba(212,175,55,.75);
}

/* Active pill stays as gold */
body.tax-class .fhhof-classnav__link.is-active{
  color: rgba(0,0,0,.92);
  background: rgba(212,175,55,.95);
  border-radius: 999px;
  padding: .35rem .75rem;
  border-bottom: none;
}

/* File: wp-content/themes/kadence-child-fohof/style.css
   Place: END of file (Ads)
*/

.fhhof-ad{
  margin: 1.5rem 0;
}

.fhhof-ad__inner{
  border-radius: 18px;
  border: 1px solid rgba(212,175,55,.22);
  background: rgba(255,255,255,.03);
  overflow: hidden;
}

.fhhof-ad__img{
  width: 100%;
  height: auto;
  display: block;
}

.fhhof-ad__html{
  padding: 1rem;
  color: rgba(255,255,255,.85);
}

/* File: style.css
   Place: END of file (Birthdays module)
*/

.fhhof-birthdays{
  padding: 2rem 0;
}

.fhhof-birthdays__title{
  margin-bottom: 1rem;
  color: rgba(255,255,255,.95);
}

.fhhof-birthdays__list{
  list-style: none;
  padding: 0;
  margin: 0;
}

.fhhof-birthdays__list{
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 1.25rem;
  border-radius: 18px;
  border: 1px solid rgba(212,175,55,.22);
  background: rgba(255,255,255,.03);
}

.fhhof-birthdays__item{
  display: grid;
  grid-template-columns: 72px 1fr 24px;
  align-items: center;
  gap: .75rem;
  padding: .65rem .75rem;
  border-radius: 10px;
  text-decoration: none;
  transition: all .25s ease;
}

.fhhof-birthdays__item:hover{
  background: rgba(212,175,55,.08);
  transform: translateX(4px);
}

.fhhof-birthdays__date{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 .6rem;
  border-radius: 999px;
  background: rgba(212,175,55,.12);
  color: rgba(212,175,55,.95);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.fhhof-birthdays__name{
  color: rgba(255,255,255,.92);
  font-weight: 600;
}

.fhhof-birthdays__arrow{
  color: rgba(212,175,55,.7);
  font-size: 1rem;
  transition: transform .25s ease;
}

.fhhof-birthdays__item:hover .fhhof-birthdays__arrow{
  transform: translateX(4px);
}

.fhhof-birthdays__date{
  min-width: 55px;
  color: #d4af37;
  font-weight: 600;
}

.fhhof-birthdays__age{
  opacity: .6;
  font-size: .9rem;
}

/* File: wp-content/themes/kadence-child-fohof/style.css
   Place: END of file (Birthdays module styling)
*/

.fhhof-birthdays{
  margin: 0 0 0;
}

.fhhof-birthdays__title{
  margin: 0 0 1rem;
  font-size: 1.6rem;
  color: rgba(255,255,255,.95);
}

/* Card container look */
.fhhof-birthdays__list{
  list-style: none;
  margin: 0;
  padding: 1.25rem 1.25rem;
  border-radius: 18px;
  border: 1px solid rgba(212,175,55,.22);
  background: rgba(255,255,255,.03);
}

/* Rows */
.fhhof-birthdays__item{
  display: grid;
  grid-template-columns: 72px 1fr auto;
  gap: .75rem;
  align-items: center;
  padding: .7rem 0;
  border-bottom: 1px solid rgba(212,175,55,.12);
}

.fhhof-birthdays__item:last-child{
  border-bottom: none;
}

/* Date badge */
.fhhof-birthdays__date{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 .6rem;
  border-radius: 999px;
  background: rgba(212,175,55,.12);
  color: rgba(212,175,55,.95);
  font-weight: 700;
  letter-spacing: .02em;
  font-variant-numeric: tabular-nums;
}

/* Links */
.fhhof-birthdays__item a{
  color: rgba(255,255,255,.9);
  text-decoration: none;
  font-weight: 650;
}

.fhhof-birthdays__item a:hover{
  color: rgba(212,175,55,.95);
}

/* Age on the right */
.fhhof-birthdays__age{
  color: rgba(255,255,255,.55);
  font-size: .95rem;
  white-space: nowrap;
}

/* Mobile */
@media (max-width: 640px){
  .fhhof-birthdays__item{
    grid-template-columns: 72px 1fr;
  }
  .fhhof-birthdays__age{
    grid-column: 2 / -1;
  }
}

/* File: style.css
   Place: directly below birthdays styling */

.fhhof-birthdays__title{
  text-shadow: 0 2px 18px rgba(0,0,0,.65);
}

.fhhof-countdown{
  margin: 0 0;
}

.fhhof-countdown__inner{
  border-radius: 18px;
  border: 1px solid rgba(212,175,55,.22);
  background: rgba(255,255,255,.03);
  padding: 1.5rem;
}

.fhhof-countdown__headline{
  margin: 0 0 1rem;
  color: rgba(255,255,255,.95);
  font-size: 1.4rem;
}

.fhhof-countdown__timer{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin: 0 0 1rem;
}

.fhhof-countdown__unit{
  border-radius: 14px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(212,175,55,.16);
  padding: .9rem .75rem;
  text-align: center;
}

.fhhof-countdown__unit .num{
  display: block;
  font-size: 1.75rem;
  font-weight: 800;
  color: rgba(212,175,55,.95);
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
}

.fhhof-countdown__unit .lbl{
  display: block;
  margin-top: .25rem;
  font-size: .9rem;
  color: rgba(255,255,255,.65);
}

.fhhof-countdown__text{
  margin: 0 0 1.1rem;
  color: rgba(255,255,255,.78);
}

.fhhof-countdown__cta{
  margin: 0;
}

@media (max-width: 640px){
  .fhhof-countdown__timer{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.fhhof-formblock{
  margin: 2.5rem 0 3.5rem;
  padding: 1.5rem;
  border-radius: 18px;
  border: 1px solid rgba(212,175,55,.22);
  background: rgba(255,255,255,.03);
}

.fhhof-formblock__title{
  margin: 0 0 1rem;
  color: rgba(255,255,255,.95);
}

.fhhof-formblock__textarea{
  width: 100%;
  border-radius: 14px;
  padding: .9rem 1rem;
  border: 1px solid rgba(212,175,55,.18);
  background: rgba(0,0,0,.35);
  color: rgba(255,255,255,.9);
  margin: 0 0 1rem;
}

.fhhof-formblock__textarea::placeholder{
  color: rgba(255,255,255,.55);
}

.fhhof-formblock__message{
  margin: 0 0 1rem;
  padding: .75rem 1rem;
  border-radius: 12px;
}

.fhhof-formblock__message.is-success{
  border: 1px solid rgba(212,175,55,.28);
  background: rgba(212,175,55,.10);
  color: rgba(255,255,255,.92);
}

.fhhof-formblock__message.is-error{
  border: 1px solid rgba(255,90,90,.35);
  background: rgba(255,90,90,.10);
  color: rgba(255,255,255,.92);
}

.kand-list-item {
    margin-bottom: .4rem;
}

/* Kandidaten-Archiv: Hintergrund überall dark, keine weißen Seitenflächen */
.post-type-archive-kandidat,
.post-type-archive-kandidat #page,
.post-type-archive-kandidat .site,
.post-type-archive-kandidat .site-content,
.post-type-archive-kandidat #primary,
.post-type-archive-kandidat .content-area {
  background: #000 !important;
}

/* Falls Kadence einen Content-Wrapper mit Hintergrund nutzt */
.post-type-archive-kandidat .content-wrap,
.post-type-archive-kandidat .content-bg,
.post-type-archive-kandidat .entry-content-wrap,
.post-type-archive-kandidat .entry {
  background: transparent !important;
}

.fhhof-bigpoll__item{display:flex;gap:.6rem;align-items:center;margin:.5rem 0;}
.fhhof-bigpoll__cand{color:#C9A44C;text-decoration:none;}
.fhhof-bigpoll__cand:hover{text-decoration:underline;}
.fhhof-msg{padding:12px 14px;border-radius:8px;margin:12px 0;}
.fhhof-msg--ok{border:1px solid rgba(201,164,76,.4);}
.fhhof-msg--err{border:1px solid rgba(208,0,0,.4);}

.entry-summary{color:#efefef}
a.post-more-link{color:#C9A44C}
a.post-more-link:hover{color:#B60505}
.entry-content p{color:#efefef}

.fhhof-lang__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:10px;
  align-items:center;
  display:none;
}

.fhhof-lang__link{
  display:flex;
  align-items:center;
  transition:transform .15s ease, opacity .15s ease;
}

.fhhof-lang__flagimg{
  width:20px;
  height:auto;
  border-radius:3px;
  box-shadow:0 0 0 1px rgba(201,164,76,.25);
  transition:transform .15s ease, box-shadow .15s ease;
}

/* Hover-Effekt */
.fhhof-lang__link:hover .fhhof-lang__flagimg{
  transform:scale(1.08);
  box-shadow:0 0 0 1px #C9A44C;
}

/* Aktive Sprache */
.fhhof-lang__item.is-current .fhhof-lang__flagimg{
  box-shadow:0 0 0 2px #C9A44C;
}

.site-title{
  color: #C9A44C;
}

.entry-title {
	color: #C9A44C;
}

.nav-next, .nav-previous {
	color: #C9A44C;
}