/* Abobutton  my-calendar */
.ics a{
	background-color:#f6f6f6 !important;
	border-radius: 4px !important;
}

/* Hintergrund Suche */
.jetpack-instant-search__search-results-primary,
.jetpack-instant-search__jetpack-colophon{
	background-color:#f6f6f6
	color:#666666 !important;
}
/*Kopf mit Suche und Buttons */
/* ab hier ... */
.jetpack-instant-search__box, 
.jetpack-instant-search__overlay-close,
.jetpack-instant-search__box-label,
.jetpack-instant-search__box-gridicon,
.jetpack-instant-search__box-input,
button.jetpack-instant-search__overlay-close{
  background-color: #dd002b !important;
}

.jetpack-instant-search__box input[type="button"], 
.jetpack-instant-search__box input[type="input"], 
.jetpack-instant-search__box-input.search-field, 
.jetpack-instant-search ::selection{
	color:#ffffff !important;
}

.jetpack-instant-search__box-gridicon svg, 
button.jetpack-instant-search__overlay-close svg{
	fill:#ffffff !important;
}
button.jetpack-instant-search__overlay-close:hover svg.gridicon {
  fill: yellow;
	background-color: #dd002b;
}
button.jetpack-instant-search__overlay-close:hover{
  background-color: #dd002b !important;
}

/*Result-box design*/
.jetpack-instant-search__search-result {
	border-color: #f1f1f1;
	box-shadow:0 6px 12px rgba(0,0,0,0.15),0 3px 5px rgba(0,0,0,0.08);
	margin-bottom: 0.6em;
	border-radius:6px;
	padding:5px;
}

/*Titel*/
.jetpack-instant-search__search-result-title-link{
	color:#dd002b !important;
	font-size:1.1rem
}
/*Hervorhebund Suchbegriff*/
.jetpack-instant-search .jetpack-instant-search__search-results .jetpack-instant-search__search-results-primary .jetpack-instant-search__search-result mark {
  color: #666666 !important;
  background-color: #c9c9c9;
}
/* Breadcrumb navigation */
.jetpack-instant-search__path-breadcrumb, .jetpack-instant-search__path-breadcrumb-link {
  color: #666666 !important;
	font-size:0.7rem;
	font-style:italic;
}

/* Datum und Autor */
.jetpack-instant-search__search-result-expanded__footer-author, .jetpack-instant-search__search-result-expanded__footer-date {
  color: #666666 !important;
  font-size: 0.7rem;
  font-style: italic;
}

/* Search result content */
.jetpack-instant-search__search-result-expanded__content {
  color: #666666 !important;
  font-size: 0.9rem;
}

/* Bilder zum Suchergebnis*/
.jetpack-instant-search__search-result-expanded__image {
  top: 5px !important;
}
/* Relevanz button */
.jetpack-instant-search__search-form-controls .jetpack-instant-search__search-sort button.jetpack-instant-search__search-sort-option.is-selected {
  color: #dd002b;
 }

/*Anzahl der Ergebnisse ...*/
.jetpack-instant-search__search-results-title, .jetpack-instant-search__search-results-unused-query {
  color: #dd002b;
}

.jetpack-instant-search__jetpack-colophon-text {
  color: #c9c9c9;
}
/*********************************/
/* Logo als home button     */
.tkj_homeButton a{
        /* Logo-Breite anpassen */
		display: flex;
    width: 48px;  
    height: 48px;   
    background-image: url('https://tkj-windsurfing.de/wp-content/uploads/2026/03/cropped-tkj-windsurfen-logo-001_transparent.png');
    background-size:contain;
    background-repeat: no-repeat;
		background-position: center;
		background-color:#dd002b !important;
		position:inherit;
		text-indent: -9999px;
		border-radius:24px;
}

.tkj_homeButton a:hover{
        /* Logo-Breite anpassen */
		background-color:#dd002b !important;
		background-blend-mode:saturation;
		border-radius:24px;
}

.tkj_homeButton {
		background-color:#dd002b !important;
}


/*********************************/
/* Inhaltsbreite vergrößert     */
/* Scroll-Panels (Inhalt ist 55px 
kleiner als normale Seiten)    */
.panel-content .wrap {
/*background-color: #d1d1d1;*/
	max-width: 1004px !important;
}

/* Inhaltsbreite normale Seiten */
.site-content .wrap .site-main,
.site-content .wrap .content-area,
.site-content .wrap .content-area .site-main {
/*background-color: #d1d1d1;*/
	max-width: 950px !important;
}

.primary-menu-container.menu li {
	display: flex !important;
	justify-content: space-between !important;
/* verteilt die Buttons */
	gap: 1rem !important;
/* Abstand zwischen Buttons */
}

.primary-menu-container.menu li a,
.primary-menu-container.menu li button {
	flex: 1 !important;
/* jeder Button bekommt gleich viel Platz */
	text-align: center !important;
}

/*********************************/
.wp-block-newspack-blocks-carousel .entry-wrapper .entry-title a {
	color: #ffffff !important;
}

/*********************************/
/** Überschriften anpassen      **/
/* Grundregel: Beitragsüberschrift vergrößern */
.entry-title,
.entry-title a,
.single .entry-title,
.archive .entry-title,
.home .entry-title,
.blog .entry-title {
/*	font-size: 1rem; */
/* Hauptgröße für Desktop */
	color: #dd002b !important;
/*font-weight: bolder; */
}

/*********************************/
/** Titel angepasst             **/
.site-title a {
	font-weight: 800;
}

/*********************************/
/**    Menü in Vereinsfarben    **/
/* Hauptnavigation Hintergrund (Desktop) */
.navigation-top, 
.navigation-top .menu,
.navigation-top .menu ul,
.navigation-top .sub-menu {
	background-color: #dd002b;
}

/* Hauptnavigation Hintergrund */
.main-navigation,
.main-navigation .menu-item {
	background-color: #dd002b;
}

/* csroll Button auf dem Desktop */
.menu-scroll-down {
	color: #ffffff !important;
}

/* Hauptnavigation Hintergrund */
.cdm-menu-for-top-1 .menu,
.cdm-menu-for-top-1 .menu  ul {
	background-color: #dd002b;
}

/* Hauptnavigation Hintergrund */
.navigation-top .menu .menu-item .current-menu-item,
.navigation-top .menu .current-menu-item,
.cdm-menu-for-top-1 .menu .menu-item .current-menu-item,
.cdm-menu-for-top-1 .menu .current-menu-item {
	background-color: #f6f6f6;
}

/* Mobile: Menü-Button und geöffnetes Menü */
.menu-toggle,
.main-navigation.toggled {
	background-color: #dd002b;
}

/* Menü‑Links lesbar machen */
.main-navigation a,
.main-navigation .main-nav ul ul a,
.main-navigation a.menu-scroll-down {
	color: #ffffff;
}

.main-navigation a.menu-scroll-down {
	color: #ffffff;
}

/* Hover / aktive Links */
.main-navigation a:hover,
.main-navigation .main-nav ul ul a:hover,
.main-navigation .main-nav .current-menu-item > a {
	color: #ffffff;
	background-color: rgba(0,0,0,0.3);
	border-radius:4px;
}

.navigation-top .dropdown-toggle,
.navigation-top .menu-toggle {
	color: #ffffff;
}

/* Top Menu Hintergrund */
.top-menu .menu {
	background-color: #dd002b !important;
}

/*********************************/
/** Footer in TKJ Farbe         **/
/* Hintergrund- und Textfarbe */
.site-footer {
	background-color: #dd002b;
	color: #ffffff;
}

/* Footer Links */
.site-footer a {
	color: #ffffff;
}

/* Link Hover / Fokus */
.site-footer a:hover,
.site-footer a:focus {
	color: #ffffff;
	opacity: .9;
}

/* Footer Widgets u Widget Links */
.site-footer .widget,
.site-footer .widget a {
	background: transparent;
	color: #ffffff;
}

/* Footer Info Bereich (z. B. Copyright) */
.site-footer .site-info {
	background: transparent;
	color: #ffffff;
}

/* Falls andere Regeln überschreiben */
.site-footer {
	background-color: #dd002b !important;
}

/*********************************/
/**   Button auf der Seite     	**/
.wp-element-button{
	background-color:#dd002b !important;
	border-radius:4px;
	box-shadow:0 3px 7px rgba(0,0,0,0.35);}