:root {
--krosa:#fdd1da;
--kblau:#33b7dd;
}




button:focus, .nav-link:focus, .logo:focus, .sprachenlink:focus {
  outline:none;
}



button:focus-visible, .nav-link:focus-visible, .logo:focus-visible, .sprachenlink:focus-visible {
  outline:1px solid grey !important;
}


@supports not selector(:focus-visible) {
  button.with-fallback:focus,  a.with-fallback:focus {
    outline:1px solid yellow !important;
  }
}




/* styles footer header black */


.hkslogo {
  font-size: 3.4rem;
  padding-right: 1em;
}



.header{
	background-color:black;
	padding-top:1rem;
	padding-bottom:3.5em;
}

.headerhome{
	padding-bottom:1em !important;
}

.outer-wrapper{
	padding-top:0;
}

.logo, .headerbuttons li, .subhead{
	font-size:1.4em;
	line-height:1em;
}

.subhead{ /* fleisch ober kunstsammlungenakademie */
 	margin-top:3em;
	border-top:1px solid black;
	margin-bottom:0.5em;
	padding-top:0.5em;
	margin-left:0rem;
	margin-right:0.5rem;
 }

.content-wrapper{
	background-color:white;
}

.footer{
	display:flex;
	flex-wrap: wrap;
	font-size:inherit;
	margin-top:1em;
}

.footer .row{
	width:48%;
	margin-right:2%;
	display:flex;
	flex-wrap: wrap;
	margin-bottom:2%;
}

.footercol2{
	width:48%;
	margin-right:2%;
	margin-bottom:2%;
}


.subopen{
 	/* url im home wegen dem bg-pfad*/
	width:1em;
	background-repeat: no-repeat !important;
	background-position: 0% 50% !important; /* Center the image */
	background-size: 90% !important;
	margin-left:-15px;
}

.subclose{
	/* url im home wegen dem bg-pfad*/
	background-position: 0% 50% !important; /* Center the image */
}


.bildlegende {
	font-size: 0.8em;
	display:inline-block;
	width:80%;
}


.migrated_related_text p{
	display:block !important;
}



.offcanvas{
	color:white !important;
	background-color:black;
}

.offcanvas-header .btn-close{
	color:white;
}

.carousel-custom-fullscreen, .orgunit-bg{
	background-color:white;
}

.mosaic-ISliderImages-slider_images-tile{
	margin-bottom:2em;
}

.bild{
	//cursor:pointer;
	max-width:80% !important;
	margin-bottom:0.6em;
}

.bildh{
	//cursor:pointer;
	max-width:50% !important;
	margin-bottom:0.6em;
}


strong, b{
	background:none !important;
	background-color:none !important;
}

hr{
	margin-bottom:1em;
	margin-top:1em;
}

/* ticker akive zahl*/
.pgactive{
	color:var(--krosa) !important;
}

.suchergebnislink{
	text-decoration:underline !important;
}


.presse-col-list-image{
	width:40%;
}


@media (max-width: 820px){ /*# */

.logo, .headerbuttons li{
	font-size:3vw;
	line-height:3.2vw;
}



}

@media (max-width: 768px){ /*# */

.bild, .bildh{
	  max-width:100%  !important;
	  width:100% ;
}

.footer .row{
	width:100%;
	margin-right:0;
}

.footercol2{
	width:48%;
	margin-right:2%;
}


.presse-col-list-image{
	width:80%;
}



}

@media (max-width: 570px){ /*# */

.logo, .headerbuttons li{
	font-size:4vw;
	line-height:4vw;
}


.subhead{
	font-size:inherit;
	line-height:inherit;
}



}


@media (max-width: 480px){ /*# */

.footercol2{
	width:100%;
	margin-right:0;
}


}




@media (max-width: 400px){ /*# */

.basichead{  /* opt größer font*/
	font-size:2.5vh ;
	line-height:2.3vh;
}

.header{ /* rauf wenn opt größer font*/
	padding-top:10px;
	//margin-top:10px;
}


}