strong {
    color: #753e16;
}
body {     
    color: lightgray;    
    background: #333;
}
    
header, footer { 
    background: #333; 
    color: #fff; 
}
nav a { 
    color: #fff; 
}
main {
    background-color: #f9f6f0;
}

#skipMainNav {
  background-color: #333;
  color: #222;
}

.info_extra
{
    background-color:red;
}


.info_tab_link {
  background-color: blue;
  background-color: #f9f6f0;
  color: #f9f6f0;
  border: 0px solid #f007;
}

.aktuelles_tab_link {
  background-color: blue;
  background-color: #f9f6f0;
  color: #f9f6f0;
  border: 0px solid #f007;
}

.contact, .legal, .services { 
    background: #f9f9f9; 
}


*
{
     border: 0px solid #f007;
}
div
{
     border: 0px solid #f0f7;
}
p
{
     border: 0px solid #00f7;
}
b{
     border: 0px solid #5557;
}
strong
{
     border: 0px solid #55f7;
}

.gridContainerBanner1
{
    border: 0px solid #33f9;
    visibility: hidden;
    display: none;
}

.gridContainerBanner2
{
    border: 0px solid #33f9;
    visibility: hidden;
    display: none;
}

@media only screen and (min-width: 300px) and (max-width: 799px) {
.gridContainerBanner1
{
    visibility: hidden;
    display: none;
}

.gridContainerBanner2
{
    visibility: visible;
    display: block;
}

}
@media only screen and (min-width: 800px) and (max-width: 1599px) {
.gridContainerBanner1
{
    visibility: visible;
    display: block;
}

.gridContainerBanner2
{
    visibility: hidden;
    display: none;
}

}

@media only screen and (min-width: 1600px) {
.gridContainerBanner1
{
    visibility: visible;
    display: block;
}

.gridContainerBanner2
{
    visibility: hidden;
    display: none;
}

}

/* Spezifische CSS-Regeln für den Querformatmodus */
@media (orientation: landscape) {
    gridContainerBanner1
    {
        visibility: hidden;
        display: none;
    }
    gridContainerBanner2    
    {
        visibility: visible;
        display: block;
    }
}



h1 {
    color:#093158;
     border: 0px solid #33f5;
    }

.h1_mit_Icon /**::first-line**/
{
}   
 
.h1_mit_Icon_2_zeilig /**::first-line**/
{
}   

h2 {
    color:#093158;
     border: 0px solid #3f35;
    }
h3 {
    color:#753e16;
     border: 0px solid #f335;

    }
.h3_mit_Icon /**::first-line**/
{
}   
 
.h3_mit_Icon_2_zeilig /**::first-line**/
{
}   
h4 {
    color:#753e16;
     border: 0px solid #ff39;
    }



p, ul {
  
  color:#231f20;
     border: 0px solid #f3f9;
}
img {
  
     border: 0px solid #3ff9;
}

nav {
}
.gridContainerHeader {
    border: 0px solid red;
}

.gridContainerHeader1 {
    border: 0px solid blue;
    }
.gridContainerHeader2 {
    border: 2px solid green;
    }


.gridContainerH1 {
    border: 0px solid yellow;
    color: darkgray;
    }

.gridContainerH2 {
    border: 0px solid brown;
    }

.gridContainerHeaderNav
{
    border: 0px solid gray;
    
}

.gridContainerHeaderColor {
    /***background-color: yellow;**/
    
}


.gridContainerAll{
  background-color: green;
  background-color: #f9f6f0;
}
.gridContainer1 {
  border: 0px solid black;
  background-color: #f9f6f0;
}
.gridContainer2 {
  border: 0px solid black;

    background-color: #f9f6f0;
    background-image: url("../images/web_BG2_50prog.jpg");
    background-repeat: no-repeat;
    background-size: cover; /* Passt das Bild an die Größe des Spans an */
}

.gridContainer_kirche {
  background-color: #9D231F;
}

.gridContainer_konzert {
  background-color: #003E64;
}


.gridContainer_1to4_ALL {
  border: 1px solid #1117;
}

.gridContainer_1to4 {
  border: 0px solid black;

    background-color: #f9f6f0;
    background-image: url("../images/web_BG2_50prog.jpg");
    background-repeat: no-repeat;
    background-size: cover; /* Passt das Bild an die Größe des Spans an */
    border: 1px solid #1117;
}
.gridContainer_1tox_ALL {
  border: 1px solid #1117;
}

.gridContainer_2_1 {
  border: 0px solid black;

    background-color: #f9f6f0;
    background-image: url("../images/web_BG2_50prog.jpg");
    background-repeat: no-repeat;
    background-size: cover; /* Passt das Bild an die Größe des Spans an */
}


.gridContainer_1to3 {
  border: 0px solid black;

    background-color: #f9f6f0;
    background-image: url("../images/web_BG2_50prog.jpg");
    background-repeat: no-repeat;
    background-size: cover; /* Passt das Bild an die Größe des Spans an */
}

.gridContainerTermin_4 {
    background-color: #f9f6f0;
    background-image: url("../images/web_BG2_50prog.jpg");
    background-repeat: no-repeat;
    background-size: cover; /* Passt das Bild an die Größe des Spans an */
}

.gridContainerTermin_3 {
    background-color: #f9f6f0;
    background-image: url("../images/web_BG2_50prog.jpg");
    background-repeat: no-repeat;
    background-size: cover; /* Passt das Bild an die Größe des Spans an */
}

.gridContainerTermin_2 {
    background-color: #f9f6f0;
    background-image: url("../images/web_BG2_50prog.jpg");
    background-repeat: no-repeat;
    background-size: cover; /* Passt das Bild an die Größe des Spans an */
}

.gridContainerTermin_1 {
    background-color: #f9f6f0;
    background-image: url("../images/web_BG2_50prog.jpg");
    background-repeat: no-repeat;
    background-size: cover; /* Passt das Bild an die Größe des Spans an */
}

.gridContainerKontakt {
    /*background-image: url("images/web_BG2_50prog.jpg");*/
  border: 0px solid red;
  background-color: #f9f6f0;
  background-repeat: no-repeat;
}

.gridContainerKontakt1 {
    background-image: url("../images/web_BG2_50prog.jpg");
    background-size: cover;   
    background-color: #f9f6f0;
}

.adventskonzert {
    background-image: url("../images/advenstsingen_2025_2.png");
    background-size: cover;   
    background-color: #f9f6f0;
}

.advent {
    background-color: #f9f6f0e5;
    margin:3em;
}
.advent2 {
    border: 1px solid black;
    margin:1em;
    padding:3em;
}

.gridContainerKontakt > .gridKontaktItem {
    border: 0px solid black;
}

.gridContainerKontakt > .gridKontaktItem:nth-child(even) {
    background-image: url("../images/web_BG2_2R.png");
    background-size: cover;
}

.gridContainerKontakt > .gridKontaktItem:nth-child(odd) {

    background-image: url("../images/web_BG2_2L.png");
    background-size: cover;
}


.gridContainerStart > div {
  border: 1px solid black;
}


.gridContainer1 > div {
  border: 0px solid black;
}

.gridContainer2 > div {
  border: 0px solid black;
}

.gridContainer2 > div > img {
  border: 0px solid red;
}

.gridContainerAll{
}

.gridContainerKontakt1 {
    background-color: #f9f6f055;
}





    .kirche {
        color: #9D231F;
    }
    .normal {
        color: #603E1F;/**#82542B;**/
    }
    .konzert {
        color: #003E64;
    }


@media only screen and (min-width: 300px) and (max-width: 799px){

    .ersetzungsbuchstabe_kirche {
        border: 0px solid #ff07;
        display: inline-block;
        width: 50px; /* Breite des Bildes */
        height: 72px; /* Höhe des Bildes */
        background-image: url('../images/Kirchenmusik_icon_Kirchenmusik.svg'); /* Pfad zu Ihrem Bild */
        background-repeat: no-repeat;
        background-size: contain; /* Passt das Bild an die Größe des Spans an */
        font-size: 0; /* Versteckt den Originalbuchstaben, falls er doch sichtbar ist */
        line-height: initial; /* Setzen Sie die Line-Height zurück, falls erforderlich */
        position: relative;
        top: -58px;
    }
    .ersetzungsbuchstabe_neutral {
        border: 0px solid #f0f7;
        display: inline-block;
        width: 50px; /* Breite des Bildes */
        height: 72px; /* Höhe des Bildes */
        background-image: url('../images/Kirchenmusik_icon_neutral.svg'); /* Pfad zu Ihrem Bild */
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain; /* Passt das Bild an die Größe des Spans an */
        font-size: 0; /* Versteckt den Originalbuchstaben, falls er doch sichtbar ist */
        line-height: initial; /* Setzen Sie die Line-Height zurück, falls erforderlich */
        position: relative;
        top: -70px;
    }
    .ersetzungsbuchstabe_konzert {
        border: 0px solid #0ff7;
        display: inline-block;
        width: 50px; /* Breite des Bildes */
        height: 72px; /* Höhe des Bildes */
        background-image: url('../images/Kirchenmusik_icon_Konzert.svg'); /* Pfad zu Ihrem Bild */
        background-repeat: no-repeat;
        background-size: contain; /* Passt das Bild an die Größe des Spans an */
        font-size: 0; /* Versteckt den Originalbuchstaben, falls er doch sichtbar ist */
        line-height: initial; /* Setzen Sie die Line-Height zurück, falls erforderlich */
        position: relative;
        top: -58px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1599px){

    .ersetzungsbuchstabe_kirche {
        border: 0px solid #ff07;
        display: inline-block;
        width: 50px; /* Breite des Bildes */
        height: 72px; /* Höhe des Bildes */
        background-image: url('../images/Kirchenmusik_icon_Kirchenmusik.svg'); /* Pfad zu Ihrem Bild */
        background-repeat: no-repeat;
        background-size: contain; /* Passt das Bild an die Größe des Spans an */
        font-size: 0; /* Versteckt den Originalbuchstaben, falls er doch sichtbar ist */
        line-height: initial; /* Setzen Sie die Line-Height zurück, falls erforderlich */
        position: relative;
        top: -58px;
    }
    .ersetzungsbuchstabe_neutral {
        border: 0px solid #f0f7;
        display: inline-block;
        width: 50px; /* Breite des Bildes */
        height: 72px; /* Höhe des Bildes */
        background-image: url('../images/Kirchenmusik_icon_neutral.svg'); /* Pfad zu Ihrem Bild */
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain; /* Passt das Bild an die Größe des Spans an */
        font-size: 0; /* Versteckt den Originalbuchstaben, falls er doch sichtbar ist */
        line-height: initial; /* Setzen Sie die Line-Height zurück, falls erforderlich */
        position: relative;
        top: -70px;
    }
    .ersetzungsbuchstabe_konzert {
        border: 0px solid #0ff7;
        display: inline-block;
        width: 50px; /* Breite des Bildes */
        height: 72px; /* Höhe des Bildes */
        background-image: url('../images/Kirchenmusik_icon_Konzert.svg'); /* Pfad zu Ihrem Bild */
        background-repeat: no-repeat;
        background-size: contain; /* Passt das Bild an die Größe des Spans an */
        font-size: 0; /* Versteckt den Originalbuchstaben, falls er doch sichtbar ist */
        line-height: initial; /* Setzen Sie die Line-Height zurück, falls erforderlich */
        position: relative;
        top: -58px;
    }
}


@media only screen and (min-width: 1600px){
    .ersetzungsbuchstabe_kirche {
        border: 0px solid #ff07;
        display: inline-block;
        width: 50px; /* Breite des Bildes */
        height: 72px; /* Höhe des Bildes */
        background-image: url('../images/Kirchenmusik_icon_Kirchenmusik.svg'); /* Pfad zu Ihrem Bild */
        background-repeat: no-repeat;
        background-size: contain; /* Passt das Bild an die Größe des Spans an */
        font-size: 0; /* Versteckt den Originalbuchstaben, falls er doch sichtbar ist */
        line-height: initial; /* Setzen Sie die Line-Height zurück, falls erforderlich */
        position: relative;
        top: -58px;
    }
    .ersetzungsbuchstabe_neutral {
        border: 0px solid #f0f7;
        display: inline-block;
        width: 50px; /* Breite des Bildes */
        height: 72px; /* Höhe des Bildes */
        background-image: url('../images/Kirchenmusik_icon_neutral.svg'); /* Pfad zu Ihrem Bild */
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain; /* Passt das Bild an die Größe des Spans an */
        font-size: 0; /* Versteckt den Originalbuchstaben, falls er doch sichtbar ist */
        line-height: initial; /* Setzen Sie die Line-Height zurück, falls erforderlich */
        position: relative;
        top: -70px;
    }
    .ersetzungsbuchstabe_konzert {
        border: 0px solid #0ff7;
        display: inline-block;
        width: 50px; /* Breite des Bildes */
        height: 72px; /* Höhe des Bildes */
        background-image: url('../images/Kirchenmusik_icon_Konzert.svg'); /* Pfad zu Ihrem Bild */
        background-repeat: no-repeat;
        background-size: contain; /* Passt das Bild an die Größe des Spans an */
        font-size: 0; /* Versteckt den Originalbuchstaben, falls er doch sichtbar ist */
        line-height: initial; /* Setzen Sie die Line-Height zurück, falls erforderlich */
        position: relative;
        top: -58px;
    }
}


@media only screen and (min-width: 3000px){

    .ersetzungsbuchstabe_kirche {
        border: 2px solid #ff07;
        display: inline-block;
        width: 4.0vw; /* Breite des Bildes */
        height:5.0vw; /* Höhe des Bildes */
        background-image: url('../images/Kirchenmusik_icon_Kirchenmusik.svg'); /* Pfad zu Ihrem Bild */
        background-repeat: no-repeat;
        background-size: contain; /* Passt das Bild an die Größe des Spans an */
        font-size: 0; /* Versteckt den Originalbuchstaben, falls er doch sichtbar ist */
        line-height: initial; /* Setzen Sie die Line-Height zurück, falls erforderlich */
        position: relative;
        top: -4.8vw;
    }
    .ersetzungsbuchstabe_neutral {
        border: 2px solid #f0f7;
        display: inline-block;
        width: 4.0vw; /* Breite des Bildes */
        height:5.0vw; /* Höhe des Bildes */
        background-image: url('../images/Kirchenmusik_icon_neutral.svg'); /* Pfad zu Ihrem Bild */
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain; /* Passt das Bild an die Größe des Spans an */
        font-size: 0; /* Versteckt den Originalbuchstaben, falls er doch sichtbar ist */
        line-height: initial; /* Setzen Sie die Line-Height zurück, falls erforderlich */
        position: relative;
        top: -4.8vw;
    }
    .ersetzungsbuchstabe_konzert {
        border: 2px solid #0ff7;
        display: inline-block;
        width: 4.0vw; /* Breite des Bildes */
        height:5.0vw; /* Höhe des Bildes */
        background-image: url('../images/Kirchenmusik_icon_Konzert.svg'); /* Pfad zu Ihrem Bild */
        background-repeat: no-repeat;
        background-size: contain; /* Passt das Bild an die Größe des Spans an */
        font-size: 0; /* Versteckt den Originalbuchstaben, falls er doch sichtbar ist */
        line-height: initial; /* Setzen Sie die Line-Height zurück, falls erforderlich */
        position: relative;
        top: -4.8vw;
    }
}