/* ############################################################################################################ */
/* ##  name: Custom CSS                                                                                      ## */
/* ############################################################################################################ */

/*••••• Fonts •••••*/

/* source-sans-3-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200;
  src: url('/project/nureinshop/pub/font/source-sans-3-v18-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/project/nureinshop/pub/font/source-sans-3-v18-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('/project/nureinshop/pub/font/source-sans-3-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/project/nureinshop/pub/font/source-sans-3-v18-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('/project/nureinshop/pub/font/source-sans-3-v18-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/project/nureinshop/pub/font/source-sans-3-v18-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* righteous-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  src: url('/project/nureinshop/pub/font/righteous-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/project/nureinshop/pub/font/righteous-v17-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/*••••• Colors •••••*/

:root {
    /* --startseite: #1A1A1A; */
    --startseite: #282628;
    --kirchenchor: #95012D;
    --jugendchor: #013C1C;
    --kinderchor: #78C01D;
    --foerderverein: #F9CE53;
}

/*••••• Cookie Window •••••*/

[data-ref="nureinshop/plugin/cookie_message"] .cookie-message--btn {
    background-color: var(--kirchenchor)
}

.cookie-message--p {
color: #282628;
}

.cookie-message-details td {
color: #282628;
}

/*••••• Webseite •••••*/

html {
    background-color: #FFF;
}

body {
    background-color: #FFF;
    font-family: 'Source Sans 3', Arial, Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #282628;
    letter-spacing: 0.04em;
    line-height: 1.65;
}

/*••••• Headings & Co. •••••*/

h1, h2, h3, h4 {
    margin-bottom: 0;
}

h1, h2 {
    font-family: 'Righteous', Arial, Sans-serif;
}


h1 {
    color: var(--kirchenchor);
    font-size: clamp(180%, 3.5vw, 250%);
    font-weight: 600;
    letter-spacing: 0.09em;
    line-height: 1;
}

h2 {
    color: var(--kirchenchor);
    font-size: clamp(150%, 2.5vw, 200%);
    font-weight: 400;
    letter-spacing: 0.09em;
    line-height: 1.2;
}

.theme-kinderchor h1, .theme-kinderchor h2 {
    color: var(--kinderchor);
}

.theme-kirchenchor h1, .theme-kirchenchor h2 {
    color: var(--kirchenchor);
}

.theme-jugendchor h1, .theme-jugendchor h2 {
    color: var(--jugendchor);
}

.theme-foerderverein h1, .theme-foerderverein h2 {
    color: var(--foerderverein);
}

h3 {
  font-weight: 400;
  font-size: clamp(130%, 3.2vw, 160%);
}

p {
    margin-top: 10px;
    margin-bottom: 0;
}

strong {
    font-weight: 600;
}

a {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #282628;
}

/* .theme-kirchenchor a {
    color: var(--kirchenchor);
}

.theme-jugendchor a {
    color: var(--jugendchor);
}

.theme-kinderchor a {
    color: var(--kinderchor);
}

.theme-foerderverein a {
    color: var(--foerderverein);
}

*/

a:hover {
    filter: brightness(100%);
    text-shadow: 0 0 0 #282628, 0.03em 0 #282628;
    color: #282628;
}

.btn {
    border-radius: 3px;
    font-family: inherit;
    letter-spacing: inherit;
    text-decoration: none;
    color: #fff!important;
}

.theme-startseite .btn {
    background-color: var(--kirchenchor);
}
.theme-kinderchor .btn {
    background-color: var(--kinderchor);
    color: var(--startseite)!important;
}
.theme-jugendchor .btn {
    background-color: var(--jugendchor);
}
.theme-foerderverein .btn {
    background-color: var(--foerderverein);
    color: #282628;
}

.theme-foerderverein .btn {
    color: #282628!important;
}

.aktuelles-slider .btn {
    color: #282628!important;
}

#region-content ul {
    margin-left: 20px;
}

blockquote {
    padding: 20px;
    color: #fff;
    background-color: var(--kirchenchor);
    background-image: url('/pub/media/4cc7f53cb841a8b11d516af3cf2ec7bd/kirchenmusik-background-note.svg');
    background-repeat: no-repeat;
    background-position: bottom 5px right 5px;
    background-size: auto 60%;
    margin-top: 25px;
}

blockquote a, blockquote h1, blockquote h2, blockquote h3, blockquote h4 {
    color: #fff;
}

.theme-jugendchor blockquote{
    background-color: var(--jugendchor);
}

.theme-kinderchor blockquote{
    background-color: var(--kinderchor);
    color: var(--startseite);
}

.theme-foerderverein blockquote {
    background-color: var(--foerderverein);
    color: #282628;
}



.theme-jugendchor blockquote a, .theme-jugendchor blockquote h1, .theme-jugendchor blockquote h2, .theme-jugendchor blockquote h3, .theme-jugendchor blockquote h4,
.theme-startseite blockquote a, .theme-startseite blockquote h1, .theme-startseite blockquote h2, .theme-startseite blockquote h3, .theme-startseite blockquote h4,
.theme-kirchenchor blockquote a, .theme-kirchenchor blockquote h1, .theme-kirchenchor blockquote h2, .theme-kirchenchor blockquote h3, .theme-kirchenchor blockquote h4 {
    color: #fff;
}

.theme-kinderchor blockquote a, .theme-kinderchor blockquote h1, .theme-kinderchor blockquote h2, .theme-kinderchor blockquote h3, .theme-kinderchor blockquote h4,
.theme-foerderverein blockquote a, .theme-foerderverein blockquote h1, .theme-foerderverein blockquote h2, .theme-foerderverein blockquote h3, .theme-foerderverein blockquote h4 {
    color: #282628;
}


.theme-kirchenchor .nureinshop-block-accordion--head, .nureinshop-block-accordion--head  {
    background-color: var(--kirchenchor);
    color: #fff;
    text-decoration: none;
}

.theme-jugendchor .nureinshop-block-accordion--head {
    background-color: var(--jugendchor);
    color: #fff;
}

.theme-kinderchor .nureinshop-block-accordion--head {
    background-color: var(--kinderchor);
    color: #282628!important;
}

.theme-foerderverein .nureinshop-block-accordion--head {
    background-color: var(--foerderverein);
    color: #282628!important;
}

.theme-foerderverein .nureinshop-block-accordion--head::after, .theme-kinderchor .nureinshop-block-accordion--head::after {
    filter: brightness(0) saturate(100%) invert(11%) sepia(6%) saturate(419%) hue-rotate(251deg) brightness(101%) contrast(89%);
}

.nureinshop-block-accordion ul {
    margin-top: 10px;
}

.nureinshop-block-accordion--body > *:first-child {
    margin-top: 0;
}

#region-breadcrumb ul li a {
    color: #000;
}

/*••••• Tabelle •••••*/

th {
    text-align: left;
    padding-top: 15px;
}

td {
    vertical-align: top;
}

/*••••• Header •••••*/

header {
    border-bottom: 1px solid gray;
    min-height: unset;
    position: sticky;
    top: 0;
    height: 75px;
}

.theme-kirchenchor #region-mobile-nav  {
    background-color: var(--kirchenchor);
}

.theme-jugendchor #region-mobile-nav  {
    background-color: var(--jugendchor);
}

.theme-kinderchor #region-mobile-nav  {
    background-color: var(--kinderchor);
}

.theme-foerderverein #region-mobile-nav  {
    background-color: var(--foerderverein);
}

header .container {
	min-height: inherit;
	height: inherit;
}

#region-logo {
  float: left;
  width: auto;
  position: absolute;
}

#region-logo a {
    padding: 0;
}

.page-nureinshop-home #region-logo a {
    padding: 5px 5px 5px 5px;
}

#region-logo a img {
  height: 180px;
}

.page-nureinshop-home #region-logo a img {
  height: 250px;
}


#region-search {
    position: absolute;
    right: 40px;
    margin-right: 0;
}


#region-search {
    display: none;
}

/* [data-id="search"] {
    display:none!important;
} */

#region-mobile-nav .mobile-logo {
  float: left;
  position: absolute;
  z-index: 2;
}

#region-mobile-nav .mobile-logo img {
  padding: 0;
  height: 100px;
  width: auto;
  max-width: 200px;
  border: 1px solid #DDDDDD;
  border-top: 0;
}

.page-nureinshop-home #region-mobile-nav .mobile-logo img {
    border: none;
}

.theme-jugendchor #region-mobile-nav ul, .theme-kirchenchor #region-mobile-nav ul {
    filter: invert(1);
}

/*••••• Navigation •••••*/

#region-nav ul li a {
    font-family: 'Righteous', Arial, Sans-serif;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 15px;
    border: none;
}

#region-nav .level-1 > li > a, #region-nav .level-1 > li:first-of-type > a {
  border: none;
}

#region-nav ul li:first-of-type, .offcanvas-nav li:first-of-type {
    background-color: var(--startseite);
}

#region-nav ul li:nth-of-type(2), .offcanvas-nav li:nth-of-type(2) {
    background-color: var(--kirchenchor);
}

#region-nav ul li:nth-of-type(3), .offcanvas-nav li:nth-of-type(3) {
    background-color: var(--jugendchor);
}

#region-nav ul li:nth-of-type(4), .offcanvas-nav li:nth-of-type(4) {
    background-color: var(--kinderchor);
}

#region-nav ul li:nth-of-type(4) * a, .offcanvas-nav li:nth-of-type(4) * a, #region-nav .level-1 > li:nth-of-type(4) > a {
    color: var(--startseite)!important;
}

#region-nav ul li:last-of-type, .offcanvas-nav li:last-of-type {
    background-color: var(--foerderverein);
}

#region-nav ul li:last-of-type * a, .offcanvas-nav li:last-of-type * a, #region-nav .level-1 > li:last-of-type > a {
    color: var(--startseite)!important;
}

#region-nav .level-1 > li:nth-of-type(4) a:hover, .offcanvas-nav .level-1 > li:nth-of-type(4) a:hover {
    background-color: #649330;
}

#region-nav .level-1 > li:nth-of-type(5) a:hover, .offcanvas-nav .level-1 > li:nth-of-type(5) a:hover  {
    background-color: #dba900;
}

.offcanvas-menu {
    background-color: #D1D1D1;
}

.offcanvas-nav li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.offcanvas-nav .level-2 li {
    background-color: inherit;
}

#region-nav .level-3 {
    background-color: inherit;
}

.offcanvas-menu li.active > a, .offcanvas-menu li.inpath > a {
  background-color: inherit;
}

.offcanvas-menu li.active > a::before {
    content: '>> ';
    display: inline;
}

#region-nav .level-2 {
    background-color: inherit;
    border-top: 2px solid #fff;
}

/* #region-nav .level-2 li {
    background-color: transparent!important;
} */

#region-nav .level-2 li {
	background-color: inherit !important;
}

#region-nav .level-2 li.has-children > a::after {
  content: '>';
  position: absolute;
  right: 8px;
}

#region-nav .level-3 {
  background-color: inherit !important;
}

#region-nav .level-3 a {
  padding: 10px 5px!important;
}

#region-nav .level-1 > li:hover > a {
    background-color: inherit;
}

#region-nav {
    min-height: inherit;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    pointer-events: none;
}

#region-nav nav {
    background-color: transparent;
    border: none;
    text-align: right;
    margin-top: 20px;
}

#region-nav nav .container {
    width: 100%;
}

#region-nav ul li {
  width: 190px;
  text-align: center;
  pointer-events: auto;
}

#region-nav .level-2 a {
    padding: 10px 5px;
    font-size: 18px;
}

@media only screen and (max-width: 1170px) {
    #region-nav ul li {
        width: 170px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 1090px) {
    #region-nav ul li {
        width: 150px;
        font-size: 16px;
    }
    #region-nav .level-2 a {
        font-size: 14px;
    }
}
    
    
/*••••• Slider •••••*/

.hero-slider .container {
    width: 100%;
}

/*••••• Inhalt •••••*/

.subpages-image {
    aspect-ratio: 1/1;
    object-fit: cover;
}

.subpages-releasedate {
    font-weight: 600;
}

.subpages-content a {
    text-decoration: none;
}

.nureinshop-block-contengrid--item p:first-child {
    margin-top: 0;
    line-height: 1;
}

.aktuelles-slider {
    padding-top: 5px;
    background-color: #D1D1D1;
    padding-bottom: 25px;
}

.aktuelles-slider article {
    background-color: transparent;
    line-height: 1.3;
}

.aktuelles-slider .subpages-title {
    color: #282628;
    font-size: 120%;
}

.aktuelles-slider a {
    text-decoration: none;
}

.aktuelles-slider .subpages-date {
    background-color: #fff;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Righteous', Arial, Sans-serif;
    padding: 2px 6px;
}

.aktuelles-slider .btn {
    background-color: #fff;
    border-radius: 0;
    color: #282628;
    font-family: 'Righteous', Arial, Sans-serif;
    padding: 1px 14px;
}

.aktuelles-slider .owl-carousel .owl-nav {
    top: calc(35%);
}

.aktuelles-slider .owl-carousel .owl-nav button.owl-prev {
    left: -120px;
    background-image: url('/pub/media/99dd8a375852d3b57c0c03b9f1a01055/kirchenmusik-buchen-pfeil.svg');width: 90px;
    height: 170px;
    opacity: 1;
}

.aktuelles-slider .owl-carousel .owl-nav button.owl-next {
    right: -120px;
    background-image: url('/pub/media/99dd8a375852d3b57c0c03b9f1a01055/kirchenmusik-buchen-pfeil.svg');
    transform: rotate(180deg);
    width: 90px;
    height: 170px;
    opacity: 1;
}

.spenden h3 {
    color: var(--kirchenchor);
    letter-spacing: -0.7px;
    font-size: 130%;
    line-height: 1;
}

.banderole {
    margin-top: 50px;
    padding-bottom: 25px;
}

.theme-kirchenchor .banderole {
    background-color: var(--kirchenchor);
    color: #fff;
}

.theme-kirchenchor .banderole h2, .theme-kirchenchor .banderole h3, .theme-kirchenchor .banderole a {
    color: #fff;
}

.theme-jugendchor .banderole {
    background-color: var(--jugendchor);
    color: #fff;
}

.theme-jugendchor .banderole h2, .theme-jugendchor .banderole h3, .theme-jugendchor .banderole a {
    color: #fff;
}

.theme-kinderchor .banderole {
    background-color: var(--kinderchor);
    color: var(--startseite);
}

.theme-kinderchor .banderole h2, .theme-kinderchor .banderole h3, .theme-kinderchor .banderole a {
    color: var(--startseite);
}

.theme-foerderverein .banderole {
    background-color: var(--foerderverein);
    color: #282628;
}

.theme-foerderverein .banderole h2, .theme-kinderchor .banderole h3, .theme-foerderverein .banderole a {
    color: #282628;
}


.theme-kirchenchor .banderole .btn {
    color: var(--kirchenchor)!important;
    background-color: #fff;
}

.theme-kinderchor .banderole .btn {
    color: var(--kinderchor)!important;
    background-color: #fff;
}

.theme-jugendchor .banderole .btn {
    color: var(--jugendchor)!important;
    background-color: #fff;
}

.theme-jugendchor .banderole .btn {
    color: var(--jugendchor)!important;
    background-color: #fff;
}

.theme-foerderverein .banderole .btn {
    color: var(--foerderverein)!important;
    background-color: #282628;
}

.kacheln {
    text-align: center;
}


.kacheln a {
    text-decoration: none;
}

.kacheln h2 {
    color: #fff;
    font-size: clamp(120%, 2.5vw, 150%);
    padding-bottom: 10px;
    margin-top: 0;
}

.theme-foerderverein .kacheln img, .theme-kinderchor .kacheln img  {
    /* filter: invert(88%) brightness(95%); */
    filter: brightness(0) saturate(100%) invert(11%) sepia(6%) saturate(419%) hue-rotate(251deg) brightness(101%) contrast(89%);
}

.theme-foerderverein .kacheln h2,.theme-kinderchor .kacheln h2  {
    color: var(--startseite);
}

.theme-kirchenchor .kacheln .nureinshop-block-contengrid--item {
    background-color: var(--kirchenchor);  
    transition: 0.5s ease;
}

.theme-jugendchor .kacheln .nureinshop-block-contengrid--item {
    background-color: var(--jugendchor);    
}

.theme-kinderchor .kacheln .nureinshop-block-contengrid--item {
    background-color: var(--kinderchor);    
}

.theme-foerderverein .kacheln .nureinshop-block-contengrid--item {
    background-color: var(--foerderverein);    
}

.kacheln .nureinshop-block-contengrid--item:hover {
    filter: brightness(120%);
}

.theme-kinderchor .kacheln .nureinshop-block-contengrid--item:hover {
	background-color: #92db40;
	filter: brightness(100%);
}

.theme-foerderverein .kacheln .nureinshop-block-contengrid--item:hover {
	background-color: #ffe03b;
	filter: brightness(100%);
}

.kacheln .nureinshop-block-contengrid--item img{
    transition: 0.5s ease;
}

.kacheln .nureinshop-block-contengrid--item:hover img{
    rotate: 10deg;
}

.subpages-list h2 {
    font-size: clamp(125%, 2.0vw, 150%);
}

.block-nureinshop-banner {
    margin-top: 35px;
}

/*••••• Veranstaltungen •••••*/

.termine {
    background-color: #D1D1D1;
    padding-top: 10px;
    padding-bottom: 20px;
}

.termine article {
    position: relative;
}

.termine .block-nureinshop-events--date {
    margin-top: 65px;
    font-size: 100%;
}

.termine .block-nureinshop-events--title h2 {
    font-size: 110%;
    line-height: 1;
    padding-bottom: 0;
    margin-top: 0;
    letter-spacing: 1.5px;
}

.termine .block-nureinshop-events--body {
    position: initial;
    padding-bottom: 10px;
}

.termine .block-nureinshop-events--intro {
    display: none;
}

.termine .block-nureinshop-events--title {
    position: absolute;
    top:0;
    width: 100%;
    border-bottom: 1px solid #fff;
    min-height: 3em;
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: normal;
}

.termine .block-nureinshop-events--title {
	position: absolute;
	top: 0;
	width: 100%;
	border-bottom: 1px solid #282628;
	background-color: #eaccd5;
	padding: 5px;
	min-height: 4em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 15px;
}

.termine .block-nureinshop-events--dateinfo {
    padding: 0 15px;
}

.termine .block-nureinshop-events--grid article {
	background-color: #fff !important;
	border: 1px solid black;
	padding: 0;
}

.termine .block-nureinshop-events--date {
	margin-top: 4.5em;
	font-size: 100%;
	padding: 0 15px;
}

.theme-kinderchor .termine .block-nureinshop-events--title {
    background-color: #E0F9C0;
}

.theme-jugendchor .termine .block-nureinshop-events--title {
    background-color: #B1ECCB;
}

.theme-foerderverein .termine .block-nureinshop-events--title {
    background-color: #FBF0D4;
}

.theme-jugendchor .termine .block-nureinshop-events--title a {
        color: #282628;
}


.termine .block-nureinshop-events--location {
    padding: 0 15px;
}

.block-nureinshop-events--title a {
    text-decoration: none;
}

.block-nureinshop-events article {
    padding: 20px;
    margin-top: 20px!important;
}

.theme-kinderchor .block-nureinshop-events article {
    background-color: #E0F9C0;
}

.theme-jugendchor .block-nureinshop-events article {
    background-color: #B1ECCB;
}

.theme-kirchenchor .block-nureinshop-events article {
    background-color: #EACCD5;
}

.page-nureinshop-home .termine .block-nureinshop-events--title, .theme-foerderverein .termine .block-nureinshop-events--title, .theme-kinderchor .termine .block-nureinshop-events--title {
    border-bottom: 1px solid #282628;
}

.theme-kirchenchor .termine {
    background-color: var(--kirchenchor);
    color: #282628;
}

.theme-kinderchor .termine {
    background-color: var(--kinderchor);
    color: #282628;
}

.theme-jugendchor .termine {
    background-color: var(--jugendchor);
}

.theme-foerderverein .termine {
    background-color: var(--foerderverein);
    color: #282628;
}




.termine h2 {
    color: #282628;
}


.page-nureinshop-home .termine h2, .theme-foerderverein .termine h2,  .theme-kinderchor .termine h2 {
    color: #282628;
}

.left-column .col-12 {
    width: 70%;
    margin-left: auto;
    margin-right: 30%;
    padding-right: 20px;
    color: #282628;
    padding-bottom: 25px;
}

.left-column .col-12::after {
    content: ' ';
    height: 100%;
    width: 50vw;
    display: inline-block;
    background-image: url('/pub/media/5d978db57bd6708a3fb3995fde83a2a9/kirchenmusik-buchen-vorsommerfest.jpg');
    background-color: #E0E0E0;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 100%;
    background-position: right center;
}

.left-column {
    overflow-x: clip;
}

.rose-background {
    background-color: #EACCD5;
    margin-top: 50px;
}

@media only screen and (max-width: 700px) {
    .left-column .col-12::after {
        display: none;
    }
    .left-column .col-12 {
        width: 100%;
        padding: 15px;
    }
}


/*••••• Formular •••••*/

.block-nureinshop-form--success {
	background-color: var(--kirchenchor);
	color: #fff;
	padding: 10px 20px;
	border-radius: 0;
	margin-top: 10px;
}

.block-nureinshop-form--success .btn,
.block-nureinshop-form--success .btn:hover{
    background-color: #fff;
    color: var(--kirchenchor)!important;
}


.theme-jugendchor .block-nureinshop-form--success {
	background-color: var(--jugendchor);
	color: #FFFFFF;
	padding: 10px 20px;
	border-radius: 0;
	margin-top: 10px;
}

.theme-jugendchor .block-nureinshop-form--success .btn,
.theme-jugendchor .block-nureinshop-form--success .btn:hover{
    background-color: #fff;
    color: var(--jugendchor)!important;
}

.theme-kinderchor .block-nureinshop-form--success {
	background-color: var(--kinderchor);
	color: #000;
	padding: 10px 20px;
	border-radius: 0;
	margin-top: 10px;
}

.theme-kinderchor .block-nureinshop-form--success .btn,
.theme-kinderchor .block-nureinshop-form--success .btn:hover{
    background-color: #000;
    color: var(--kinderchor)!important;
}

.theme-foerderverein .block-nureinshop-form--success {
	background-color: var(--foerderverein);
	color: #000;
	padding: 10px 20px;
	border-radius: 0;
	margin-top: 10px;
}

.theme-foerderverein .block-nureinshop-form--success .btn,
.theme-foerderverein .block-nureinshop-form--success .btn:hover{
    background-color: #000;
    color: var(--foerderverein)!important;
}

.block-nureinshop-form--success * {
  color: inherit;
}


.block-nureinshop-youtube {
    margin-top: 40px;
}

.video-container iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

/*••••• Footer & Copyright •••••*/
.block-nureinshop-form--input h2 {
    font-size: 150%;
}

/*••••• Footer & Copyright •••••*/

#region-footer {
    background-color: #EACCD5;
    padding-bottom: 25px;
    padding-top: 25px;
}

.theme-jugendchor #region-footer {
    background-color: #B1ECCB;
}

.theme-kinderchor #region-footer {
    background-color: #E0F9C0;
}

.theme-foerderverein #region-footer {
    background-color: #FBF0D4;
}

#region-footer a {
    color: #282628;
}

#region-footer h2 {
    margin-top: 0;
    font-size: clamp(150%, 2.5vw, 200%);
    /* color: var(--kirchenchor); */
    letter-spacing: 0.095em;
}

#region-footer h3 {
    text-transform: uppercase;
    font-size: clamp(100%, 2.5vw, 130%);
    font-weight: 500;
    line-height: 1;
}

#region-footer p {
    margin-top: 0;
    font-weight: 400;
    font-size: 18px;
}

#region-copyright {
    background: var(--kirchenchor);
    color: #fff;
    padding: 3px;
    font-size: 16px;
}

#region-copyright a {
    color: #fff;
}

#region-copyright p {
    margin-top: 0;
}

/** generated: 2025-10-27 15:43:36 **/