/* Hinweis: wirkt nur auf Seiten mit einem unter "Erscheinungsbild" gewählten "Layout" wie "1 Spalte" */

/* globale Variablen zum schnellen Austauschen */
:root {
  --maincolor: #1e2460;  /*(signalblau:) 1e2460; (koenigsblau:) 2b2c7c; (html-blau:) 191970; (royalblue:) 4169e1*/
  --hovercolor: #67ade6;
  --textcolor: #ffffff;
  --roundborder: 4px;
}

/* mainnav */
#topnav {background-color:var(--maincolor);}
#topnav ul a {color:var(--textcolor);} 
#homelink .logo span {color:var(--maincolor);}
#homelink .logo .lgemeinde {display:flex;}

/* Slider-Knopf (mit runden Ecken)*/
.tx-ff-owl-slider .layout-1 .link-more {color:var(--textcolor); background-color: var(--maincolor); border-radius: var(--roundborder);}
.tx-ff-owl-slider .layout-1 .link-more:hover {color:var(--textcolor); background-color: var(--hovercolor); }
.tx-ff-owl-slider .layout-2 .link-more {color:var(--textcolor); background-color: var(--maincolor); border-radius: var(--roundborder);}
.tx-ff-owl-slider .layout-3 .link-more {color:var(--textcolor); background-color: var(--maincolor); border-radius: var(--roundborder);}

/*  visibility (von 0.5) = opacity gesetzt, damit das geschlossene Dropdown-Menü auch geschlossen ist und nicht erneut auftaucht, wenn man auf den scheinbar freien Bereich hovert.*/
#topnav ul .dropdown {visibility:hidden; opacity: 0; transition:visibility 0.2s, opacity 0.2s linear; position:absolute; left:0; width:100%; min-height:450px;
  padding:50px 0; background-color:#f4f4f4; z-index: 999;}


/* mobile header */
#mobile-header {background-color:var(--maincolor);}
#mobile-header a {color:var(--textcolor);}