/* ########## CUSTOM CC ########## */
/* @font-face {
  font-family: OpenSansRegular;
  src: url('../fonts/OpenSans-Regular.woff2') format('woff2');
  }

@font-face {
	  font-family: OpenSansSemiBold;
	  src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2');
	  }

@font-face {
  font-family: OpenSansBold;
  src: url('../fonts/OpenSans-Bold.woff2') format('woff2');
  } */

:root {
	--cassiopeia-color-primary: rgba(255,255,255,.7);
	--cassiopeia-color-hover: rgba(255,255,255,.4);
	--cassiopeia-color-link: #000;
	--font-color-secondary: #852B00;
	}

body.site {
	background: transparent;
	background-image: url(../../../../../images/page_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-size: auto 100%;
  }

h1, .h1 {
  font-size: calc(0.75rem + 1.5vw);
	}
		@media (min-width: 1200px) {
		  h1, .h1 {
		    font-size: 1.8rem;
			  }
			}

h2, .h2 {
  font-size: calc(1.1rem + 0.9vw);
	}
		@media (min-width: 1200px) {
		  h2, .h2 {
		    font-size: 1.65rem;
			  }
			}

h3, .h3 {
  font-size: calc(1.1rem + 0.6vw);
	display:table;
	padding-right:30px;
	border:0px solid #222;
	border-width:0 0 2px 0;
	}
		@media (min-width: 1200px) {
		  h3, .h3 {
		    font-size: 1.5rem;
			  }
			}

h4, .h4 {
  font-size: calc(1.1rem + 0.3vw);
	}
		@media (min-width: 1200px) {
		  h4, .h4 {
		    font-size: 1.35rem;
			  }
			}

span.b {
	font-weight:bold;
	color:#662200!important;
	}

span.u {
	text-decoration: underline;
	}

header.container-header {
  border: 1px solid #777;
  border-width: 1px 0;
	margin: 0;
  }

header.container-header a:not(.logout) {
  color: #222!important;
  font-weight: bold;
  font-size: 1.1em;
  padding-top: 5px;
  display: inline-block;
  }

		div.container-nav li.nav-item.current.active a,
		div.container-nav li.nav-item:hover a {
			color:var(--font-color-secondary)!important;
			border:0px solid var(--font-color-secondary)!important;
			border-width:0 0 2px 0!important;
			}

				button.navbar-toggler {
				  border: 1px solid #222!important;
				  color: #222!important;
					}

				@media (min-width: 768px) {
					.container-header .mod-menu {
				    -webkit-box-orient: horizontal;
				    -webkit-box-direction: normal;
				    display: -webkit-box;
				    display: -ms-flexbox;
				    display: flex;
				    -ms-flex: 1 1 0%;
				    flex: 1 1 0%;
				    -ms-flex-direction: row;
				    flex-direction: row;
						}

					.container-header .mod-menu>li+li {
					  margin-left: 1.55em;
						}

					header.container-header {
						margin: 50px 0 0 0;
					  }
					}

div.grid-child.container-component,
div.grid-child.container-sidebar-right {
	border-radius: 7px;text-shadow: 0 0 1px #333;
	}

div.grid-child.container-component {
	background-color:rgba(255,255,255,.95);
	padding: 0 20px 20px 20px;
	}

		@media (max-width: 991px) {
			div.grid-child.container-component {
				margin-bottom: 25px;
				}
			}

		div.com-users-login,
 		div.com-users-remind,
		div.com-users-reset {
			max-width:477px;
			}

		/* ##### Alle Links im Content ##### */
		div.grid-child.container-component a:not(.ba-form-submit-btn) {
			color:var(--font-color-secondary);
			}

		/* ##### Alle p's im Content ##### */
		div.grid-child.container-component p {
			color: #2c1f1f!important;
			font-size:1.1rem;
			font-weight: 500;
			}

				img.beitragsbild {
					width:290px;
					margin:0 10px 10px 0;
					border:1px solid rgba(233,233,233,.77);
					float:left;
					position: relative;
					top: 6px;
					box-shadow: 1px 1px 3px rgba(180,180,180,.9);
					}

						@media (max-width: 500px) {
							img.beitragsbild {
								width:100%;
								clear:left;
								}
							}

ol.breadcrumb {
	background-color:transparent;
	padding: 5px 33px 5px 0 !important;
	border: 1px solid #999;
	border-width: 0 0 1px 0;
	display: inline-flex;
	}

div.chorproben {
  padding: 5px 10px;
  border: 1px solid var(--font-color-secondary);
  border-radius: 5px;
  background: rgb(227,122,54);
  /*background: linear-gradient(135deg, rgba(227,122,54,0.3) 0%, rgba(241,198,84,0.3) 56%, rgba(241,198,84,0.3) 100%);*/
	background: linear-gradient(135deg, rgba(255,231,184,.95) 0%, rgba(241,221,133,.95) 12%, rgba(231,177,115,.95) 42%, rgba(255,231,184,.95) 100%);
  box-shadow: 2px 2px 4px rgba(150,150,150,.6);
	margin:0px!important;
	text-align:center;
	color: var(--font-color-secondary);
	font-weight:bold;
	line-height:30px;
	}

		div.chorproben h1 {
	    margin-top: 0px!important;
	    text-align: center;
			padding-bottom:10px;
			border:0px solid var(--font-color-secondary);
			border-width:0 0 2px 0;
			font-size:1.7em;
			}

		p.smaller {
			font-size:14px;
			}

		a.chorbutton {
	    display: inline-block;
	    color: var(--font-color-secondary)!important;
	    margin: 7px auto!important;
	    padding: 3px 20px;
	    border-radius: 4px;
	    text-align: center;
	    font-weight: bold;
	    border: 1px solid brown;
	    background: rgb(227,122,54);
	    background: linear-gradient(175deg, rgba(227,122,54,.8) 0%, rgba(241,198,84,.8) 100%);
			text-decoration: none;
			}

				a.chorbutton img {
					vertical-align: middle;
					position: relative;
					top: -2px;
					}

footer.container-footer {
  border: 1px solid #777;
  border-width: 1px 0 0 0;
	border-radius: 7px;
	text-shadow: 0 0 1px #333;
  }

    footer.container-footer,
    footer.container-footer a {
      color: #222!important;
      margin-top: 33px;
			text-decoration: none;
      }

    footer.container-footer div.grid-child {
      padding: 1.5rem .5em;
      }

        a.footermenu {
          font-weight:bold;
          }

        div.copyright {
          padding-top:7px;
          font-size:15px;
          }

						a.copyright {
							cursor:default;
							}

/* ########## STARTSEITE ########## */

table.termine_start {
	border:1px solid #555;
	}

		table.termine_start td,
		table.termine_start th {
			border:1px solid #555;
			padding:10px 20px;
			}

				table.termine_start td:hover,
				table.termine_start th:hover {
					cursor:default;
					}

		table.termine_start thead {
			background: linear-gradient(135deg, rgba(255,231,184,.95) 0%, rgba(241,221,133,.95) 12%, rgba(231,177,115,.95) 42%, rgba(255,231,184,.95) 100%);
			}

		table.termine_start tbody tr:hover {
			background-color:rgba(222,222,222,.4);
			}

/* ########## KONTAKT ########## */

figure.maplink  {margin:0 20px 0 0;}
figure.maplink img {border:1px solid #333;}
figure.maplink figcaption {display:inline-block; padding:0 20px 0 8px; position:relative; top:-23px; background-color: rgba(210, 210, 210, 0.8); color:#000!important; font-size:12px;}
figure.maplink figcaption a {color:#000!important;}
figure.maplink figcaption a:hover {text-decoration:underline;}
div.contenttop figure.maplink figcaption {top:-41px;}

label.ba-form-checkbox span:first-of-type {
	border:1px solid #333!important;
	top: 7px;
	}

div.kontakt a {
	text-decoration: none;
	}

div.contact {
	margin-top:30px;
	}

		span.user_help {
			display:block;
			font-weight:bold;
			}

/* ########## IMPRESSUM ########## */

a#datenschutz {
	display: block;
	margin-top: 15px;
	}

.flex-container {
  display: flex;
  flex-wrap: wrap;
	margin-bottom:44px;
	}

		.flex-left,
		.flex-right {
		  padding: 10px;
		  flex: 50%;
			}

		@media (max-width: 768px) {
		  .flex-left, .flex-right {
		    flex: 100%;
			  }
			}

/* ########## LOGIN ########## */

form#com-users-login__form div.controls button {
	color:#222!important;
	font-weight:bold;
	border: 1px solid #999;
	width: 100%;
	}

form#com-users-login__form button.plg_system_webauthn_login_button {
	display:none;
	}

/* ########## JCE-Editor für User ########## */

body#tinymce {
	font-size: 1.2em;
	}

div.mb-2 button {
	color:#222!important;
	border: 1px solid #999;
	}

div.mceBranding,
div.editor-xtd-buttons,
button[data-submit-task="article.save2copy"],
button[data-bs-target="#versionsModal"] {
	display:none!important;
	}

a.logout {
	color: green!important;
  font-weight: bold;
  font-size: 1.1em;
  padding-top: 5px;
  display: inline-block;
	}