:root {
	--secondColor: #707070;
	--riesbachRed: #a6192e;
}

::-moz-selection { background: #b4d7ff; }
::selection { background: #b4d7ff; }

h1 { font-size: 1.8em;
  color:var(--riesbachRed);
font-weight:normal;
line-height:normal;}

h2 { font-size: 1.6em;
  color:var(--riesbachRed);
font-weight:normal;
line-height:normal;}

h3 { font-size: 1.4em;
  color:var(--riesbachRed);
font-weight:normal;
line-height:normal;
margin-bottom:10px;
margin-top:20px}

h4 { font-size: 1.2em;
  color:var(--riesbachRed);
font-weight:normal;
line-height:normal;}

h5 { font-size: 1.0em;
  color:var(--riesbachRed);
font-weight:normal;
line-height:normal;}

h6 { font-size: 1.0em;
  color:var(--riesbachRed);
font-weight:normal;
line-height:normal;}

.jsn-p-opt {
    margin-top: 200px;
}


/* lets the image grow while hovering over it */
.hvr-grow {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Black & White filter*/
.black-white {
  filter: grayscale(100%);
}

.btn.btn-primary {
  color: #ffffff;
}

.btn.btn-danger {
  color: #ffffff;
  background-color: var(--riesbachRed);
}

.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:active.btn.btn-danger:focus {
  background-color: rgba(116, 0, 52, 0.71);
  color: #ffffff;
}

/* Navigation menu item colors (Bootstrap 5 / RSMathias) */
.rstpl-main-menu-position .navbar .rstpl-template-menu > li > a,
.rstpl-main-menu-position .navbar .rstpl-template-menu > li > .nav-header {
  	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    color:var(--secondColor);
}

.rstpl-main-menu-position .navbar .rstpl-template-menu > li > a::before,
.rstpl-main-menu-position .navbar .rstpl-template-menu > li > .nav-header::before {
    display: none;
}

/* Hamburger toggler color (Bootstrap 5) */
#rstpl-main-menu-position .navbar .navbar-toggler {
    background-color: #ffffff;	
    color:var(--riesbachRed);
  	border-color: var(--riesbachRed);
}

#rstpl-main-menu-position .navbar .navbar-toggler-icon {
  	color:var(--riesbachRed);
}

/* Off-canvas: white background + red icon auch bei hover/focus/active */
#rstpl-main-menu-position.rstpl-off-canvas-menu .navbar .navbar-toggler:hover,
#rstpl-main-menu-position.rstpl-off-canvas-menu .navbar .navbar-toggler:active,
#rstpl-main-menu-position.rstpl-off-canvas-menu .navbar .navbar-toggler:focus {
  background-color: #ffffff;
  color: var(--riesbachRed);
  border-color: var(--riesbachRed);
  border-width: 3px;
}

/* Off-canvas: hide filter on toggler */
#rstpl-main-menu-position.rstpl-off-canvas-menu .navbar .navbar-toggler {
  	filter:none;
}

/* Login/search icon colors */
.rstpl-main-menu-position .navbar .rstpl-template-menu .rstpl-navbar-login > a i,
.rstpl-main-menu-position .navbar .rstpl-template-menu .rstpl-navbar-search > a i {
  	color:var(--secondColor);
}

/* Logo max-width */
.rstpl-main-menu-position .navbar .rstpl-brand.image img {
  max-width: 50%;
  height:auto;
}

.rstpl-navbar-login #login-form a:hover {
  color:var(--secondColor);
}

/* Off-canvas: large font size for menu items */
.rstpl-main-menu-position.rstpl-off-canvas-menu .navbar #rstplNavbarContent .rstpl-template-menu > li > a,
.rstpl-main-menu-position.rstpl-off-canvas-menu .navbar #rstplNavbarContent .rstpl-template-menu > li > .nav-header {
  	font-size:30px;
}

/* Add animation to the navigation items on hover */
.rstpl-main-menu-position .navbar .rstpl-template-menu > li > a:hover,
.rstpl-main-menu-position .navbar .rstpl-template-menu > li > .nav-header:hover,
.rstpl-main-menu-position .navbar .rstpl-template-menu > li > a:active,
.rstpl-main-menu-position .navbar .rstpl-template-menu > li > .nav-header:active,
.rstpl-main-menu-position .navbar .rstpl-template-menu > li > a:focus,
.rstpl-main-menu-position .navbar .rstpl-template-menu > li > .nav-header:focus {
  	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  	-webkit-transform: scale(1.1);
  	transform: scale(1.1);
}

/* Correct line height and padding in navigation menu */
.rstpl-main-menu-position .navbar .rstpl-template-menu > li > a,
.rstpl-main-menu-position .navbar .rstpl-template-menu > li > .nav-header {
    line-height: 1;
  	padding: 10px;
  	text-shadow: none;
}

/* Make a margin on pages built without Pagebuilder */
.custom_171 .rstpl-main-menu-position.rstpl-off-canvas-menu {
    margin-bottom: 160px;
}
.custom_172 .rstpl-main-menu-position.rstpl-off-canvas-menu {
    margin-bottom: 160px;
}
.custom_173 .rstpl-main-menu-position.rstpl-off-canvas-menu {
    margin-bottom: 160px;
}
.custom_174 .rstpl-main-menu-position.rstpl-off-canvas-menu {
    margin-bottom: 160px;
}
.custom_102 .rstpl-main-menu-position.rstpl-off-canvas-menu {
    margin-bottom: 160px;
  	background-color: lightgrey;
}
.custom_149 .rstpl-main-menu-position.rstpl-off-canvas-menu {
    margin-bottom: 160px;
    background-color: lightgrey;
}
.custom_158 .rstpl-main-menu-position.rstpl-off-canvas-menu {
    margin-bottom: 160px;
    background-color: lightgrey;
}
.custom_159 .rstpl-main-menu-position.rstpl-off-canvas-menu {
    margin-bottom: 160px;
    background-color: lightgrey;
}

.rstpl-navbar-login.active {
	margin-bottom: 160px;
}

/* Makes a margin at the bottom and top of messages */
#system-message-container {
    margin-top: 150px;
    margin-bottom: -200px;
}

.btn-group > .dropdown-toggle.btn-primary, .dropdown-toggle.btn-primary, .btn-group > .dropdown-toggle.btn, .dropdown-toggle.btn{
  background-color: var(--riesbachRed);
}

small{
  font-weight:bolder;
}

/* Login icon in off-canvas menu */
.rstpl-main-menu-position.rstpl-off-canvas-menu .navbar #rstplNavbarContent .rstpl-template-menu > li.rstpl-navbar-login a i {
    color:var(--riesbachRed);
}

/* Makes a margin at the bottom of the /login page */
.nav-tabs.nav-stacked>li:last-child>a {
    margin-bottom: 100px;
}

/* Makes a margin at top of a lot of pages */
#rstpl-all-content-position {
  margin-top:20px;
}

/* Add margin at the bottom of events */
#rs_event_show {
  margin-bottom: 300px;
}

/* Table classes Zunft Riesbach */
#no-more-tables .alnleft {text-align: left;}
#no-more-tables td, th {padding: 0.5em;}
#no-more-tables .togglecolor tr:nth-child(even) {background-color: #aaaaaa;}

/*
Responsive table — takes effect for screens smaller than 760px and iPads.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

  	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tr { border: 1px solid #ccc; }

	#no-more-tables td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#no-more-tables td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		font-weight:bold;
	}

	#no-more-tables td:before { content: attr(data-title); }
}

/* Off-canvas submenu background */
.rstpl-main-menu-position.rstpl-off-canvas-menu .navbar #rstplNavbarContent .rstpl-template-menu > li.parent .dropdown-menu {
	background-color: #FFFFFF;
}

/* Footer: kein Hintergrundbild, stattdessen Vereinsfarbe; minimale Höhe */
#rstpl-footer-container {
  background-image: none;
  background-color: var(--riesbachRed);
  margin-top: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Footer: Links weiss */
#rstpl-footer-container a {
  color: #ffffff;
}

/* After-Footer: minimale Abstände */
.rstpl-after-footer-position {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* Footer-Menü: Links immer nebeneinander, kein Umbruch */
#rstpl-footer-container .mod-menu.nav {
  flex-wrap: nowrap;
}
#rstpl-footer-container .mod-menu.nav .nav-item {
  width: auto;
}
#rstpl-footer-container p {
  white-space: nowrap;
}

/* Login-Maske - Fifokey Bild verkleinern */
.plg_system_webauthn_login_button svg {
    width: 24px;
    height: 24px;
}