html {
    scroll-behavior: smooth;
}
body{
    background-color: #fffaee;
	/*background-image: url("pics/bg.png");
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;*/
    font-family: "Knewave", system-ui;
}
.background1{
    background-image: linear-gradient(to right, #fdedc8, #fdde94); 
}
.table-no-background {
    background-color: transparent !important;
}
.table-no-background th,
.table-no-background td {
    background-color: transparent !important;
    border-color: #dee2e6; /* Optional: Setzt die Farbe der Rahmen */
    border-bottom: 1px solid;
}
.knewave-regular {
  font-family: "Knewave", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: 2.0em;
  text-shadow: 2px 2px #fff;
}
.knewave-tablehead {
  font-family: "Knewave", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
  /*text-shadow: 2px 2px #fff;*/
}
.knewave-tabletext {
  font-family: "Knewave", system-ui;
  font-weight: lighter;
  font-style: normal;
  font-size: 1.0em;
  /*text-shadow: 2px 2px #fff;*/
}
.gotodates{
		display: none;
	}
.randUnterMenu{
    border-bottom: 1px solid #000;
}

.bildUnterMenu{
    width: 100%;
    height: 200px;
    background-image: url('pics/logos01/logo-rot-rand01.png');
    background-position: center center;
    background-repeat: no-repeat;
}
.devider{
    width: 100%;
    height: 200px;
    background-image: url('pics/logos01/devider-rot.png');
    background-position: center center;
    background-repeat: no-repeat;
}
.nav-link-text{
    color: #000;
}
.nav-link-text:hover{
    /*color: #213a92;*/
    color: #d53e3d;

}
.link-item-2{
    margin-right: 100px;
}
.link-item-3{
    margin-left: 100px;
}
.navbar-brand{
    display: none;
}

.polaroid {
    background: white;
    padding: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*display: inline-block;*/
}
.polaroid2 {
    background: white;
    padding: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*display: inline-block;*/
    margin-top: -50px;
}
.polaroid3 {
    background: white;
    padding: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*display: inline-block;*/
    margin-top: -40px;
}
.polaroid4 {
    background: white;
    padding: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*display: inline-block;*/
    margin-top: -40px;
}


.polaroid-dates {
    background: white;
    padding: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*display: inline-block;*/
    margin-top: 50px;
}

.polaroid img {
    width: 100%;
    height: auto;
}
.polaroid2 img {
    width: 100%;
    height: auto;
}
.polaroid3 img {
    width: 100%;
    height: auto;
}
.polaroid4 img {
    width: 100%;
    height: auto;
}

.caption {
    text-align: center;
    padding: 10px;
    font-family: "Knewave", system-ui;
}
.card {
            background-color: transparent;
            border: none;
        }
.btn:hover{
    background-color: #d53e3d !important;
    outline: 2px solid #000;
}
#toTopBtn {
    display: none; /* Versteckt den Button zunächst */
    position: fixed; /* Macht den Button fest positioniert */
    bottom: 55px; /* Abstand vom unteren Rand */
    right: 50px; /* Abstand vom rechten Rand */
    z-index: 99; /* Stellt sicher, dass der Button über anderen Elementen liegt */
    font-size: 32px; /* Schriftgröße */
    font-weight: bold;
    border: 2px solid #231f20; /* Entfernt den Rand */
    outline: none; /* Entfernt den Umriss */
    background-color: #cf403c; /* Hintergrundfarbe */
    color: white; /* Textfarbe */
    cursor: pointer; /* Zeigt einen Pointer beim Hovern */
    padding: 10px; /* Innenabstand */    
    width: 60px;
    height: 60px;
    background-image: url('pics/pfeil-oben.jpg');
    background-position: center center;
    background-size: contain;
    border-radius: 5px;
}

#toTopBtn:hover {
    background-color: #333; /* Hintergrundfarbe beim Hovern */
}



@media only screen and (max-width: 990px) {
    .bildUnterMenu{
        /*height: 0px;*/
        background-image: url('')
    }
    .link-item-2{
        margin-right: initial;
    }
    .link-item-3{
        margin-left: initial;
    }
    .knewave-regular {
        font-size: 1.4em;
    }
    .nav-item{
        padding: 0 !important;
        margin: 0 !important;
    }
    .navbar-brand{
    display: block;
    }
    .polaroid {
    background: white;
    padding: 7px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: inline-block;
	width:115%;
}
.polaroid2 {
    background: white;
    padding: 7px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*display: inline-block;*/
    margin-top: 20px;
	width:100%;
}
.polaroid3 {
    background: white;
    padding: 7px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*display: inline-block;*/
    margin-top: -40px;
	width:135%;
}	
.polaroid4 {
    background: white;
    padding: 7px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*display: inline-block;*/
    margin-top: -40px;
	width:135%;
}
.polaroid-dates {
    background: white;
    padding: 7px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*display: inline-block;*/
    margin-top: 0px;
}
.polaroid4 img {
    width: 100%;
    height: auto;
}


    .caption {
    	display: none;
}
.knewave-tablehead {
  font-family: "Knewave", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9em;
  /*text-shadow: 2px 2px #fff;*/
}
.knewave-tabletext {
  font-family: "Knewave", system-ui;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8em;
  /*text-shadow: 2px 2px #fff;*/
}
	.contactpic1{
		display: none !important;
	}
	.upcoming{
		display: none;
	}
	.gotodates{
		display: inline-block;
	}
	audio{
		width: 250px;
	}
}