/*!
 * Start Bootstrap - Agency v5.0.5 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */

 
 /*
 Farben:
 #1F486D (dunkelblau)

#659EB3 (mittelblau)

#A5C9CC (hellblau)

#EAD7B1 (beige)

#C07641 (rostbraun)
 */
 
 /*
 2023
 Orange > Braun #c07641
Hellblau > Hellgrün #cbd8c0
Mittelblau > Grün #429f77
 
 */
 
 
 /*
old body
body {
  overflow-x: hidden;
  font-family: 'Arial', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
*/

@font-face {
font-family: "ofissina";
src: url(../ofissina.ttf);
}

@font-face {
font-family: "Chango";
src: url(../font/Chango-Regular.ttf);
}

body {
  overflow-x: hidden;
  font-family: "ofissina" !important;
  color:#fff;
}

h1,h2,h3,h4,h5{
	font-family:"ofissina" !important;
	color:#fff;
}


#mainNav .navbar-brand {
	font-family: "ofissina";
	color:#C07641;
}
.nav-link{
			
		
	  font-size:24px;
	  color:#fff;
	  
}

.masthead{
	margin-top:70px;
	min-height:46vw;
	background-image:url('../img/2026/Header.jpg') !important;
	background-size:cover !important;
	background-color:#fff9e2;
	background-position: top center !important;
}

/*Mobile Version*/


@media screen and (max-width: 769px) {
	.masthead{
		margin-top:70px;
		/*height:125vw;*/
		min-height:0px;
		background-image:url('../img/2026/Header.jpg') !important;
		/*background-size:contain !important;*/
		background-color:#fff;
	}
}

.table a{
	font-weight:bold;
}

.fonty{
	font-family: "ofissina";
	color:#fff;
}

a {
	color:#fff;
}

a:hover{
	color:#95c7c0;
	text-decoration:none;
}

.img-fluid{
	max-height:75%;
}

.nav-link :hover{
		color:#6b5e5d !important;
}

.nav-link a:hover{
		color:#6b5e5d !important;
}

.knepf{
	margin-top:40px;
	font-size:16px;
    display: inline-block;
    padding: 16px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: #4F4B7C;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
	color:white;
	font-family:"ofissina";
	font-weight:bold;
}

.knepf:hover{

	background-color:white;
}
.knepf:hover a{
	color:black !important;
}

.text-muted a{
	font-family:montserrat;
	  font-style: normal;
	  font-size:14px;
	  color:#EA5901;
}

.img-fluid{
	
}


@media screen and (min-width: 400px) {
.imgfit{
	 
	  object-fit: contain;
	  overflow:hidden;
}
}

@media screen and (min-width: 768px) {
.imgfit{
	 max-height:140px;
	  object-fit: contain;
	  overflow:hidden;
}
}

@media screen and (min-width: 1024px) {
.imgfit{
	 max-height:194px;
	  object-fit: contain;
	  overflow:hidden;
}
}


@media screen and (min-width: 1200px) {
.imgfit{
	 max-height:234px;
	  object-fit: contain;
	  overflow:hidden;
}
}

/*
#schlafen a{
	color:#533831;
}

#schlafen a:hover{
		color:#fed136;
}
*/

.img-fluid{
	    width: 100%;
    max-height: 233px;
    object-fit: cover;
	
}
@media screen and (min-width: 768px) {
	.img-fluid{
    max-height: 140px;
	}
}

@media screen and (min-width: 1023px) {
	.img-fluid{
    max-height: 193px;
	}
}

.firmenlogo{
	width:auto !important;
	object-fit:default !important;
}

.topright{
			position:absolute;
			right:-5px;
		}

.topleft{
			position:absolute;
			left:-5px;
		}
		
		.bottomRight{
			position:absolute;
			right:-5px;
			bottom:50px;
		}
		
		.bottomLeft{
			position:absolute;
			left:-5px;
			bottom:50px;
		}
		
		.smallImg{
			width:25px;
		}
		
		.medImg{
			width:35px;
		}
		
		.lgImage{
			width:75px
		}
		
				
		.xlImage{
			width:100px
		}
		.artistSpan{
			font-family:Montserrat;
			weight:bold;
		}
		
		
	  .artists-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .artist-card {
    flex: 0 0 calc(33.333% - 14px);
    min-width: 160px;
    overflow: hidden;
  }

  .artist-card img {
    width: 100%;
    object-fit: cover;
    display: block;
  }

  .artist-card .artist-name {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    padding: 10px 12px 12px;
    margin: 0;
  }