/* Portalspezifische Formatierungen:
   Farbe der Hover-Teaser,
   Abstände in der ersten Ebene der Hauptnavigation, ... */
:root {
	--portalgradient: linear-gradient(180deg, #4471bc 0%, #2d4799 100%);
}

/* "Das Portal für Arbeitsleben und Behinderung */
.navbar .container.claim {
	padding: 0 15px 15px;
	font-size: 15px;
	color: #074e94;
	margin-top: -15px;
}

.logo .navbar-brand::after {
	content: 'Das Portal zu Arbeitsleben und Behinderung';
	display: block;
	color: #074e94;
	font-size: 15px;
}


/* START Hover-/Image-Teaser */
.hoverteaser {
	border-color: #4471bc;
}

.hoverteaser .showing .overlay {
	background-image: var(--portalgradient);
}

/* nicht portalspezifisch, sollte aber nach dem nicht-focus-Selektor stehen */
.hoverteaser .showing .overlay:focus,
.hoverteaser .overlay:hover,
.hoverteaser .overlay:active {
	opacity: 1;
	outline: none;
}
/* ENDE Hover-/Image-Teaser */


/* Mosaik */
.mosaik .blue-1 {
	background-image: url("/system/modules/de.rehadat.projekt2021.frontend/resources/images/mosaik/sprechblasen.svg");
}





@media (min-width: 414px) {
	.logo .navbar-brand img {
		width: 70%;
		width: 180px;
	}
}


@media (min-width: 576px) {
	.logo .navbar-brand img {
		width: 200px;
		min-width: auto;
	}
}




@media (min-width: 768px) {
	.logo .navbar-brand img {
		width: auto;
		min-width: auto;
	}
}



@media (min-width: 992px) {
	.logo .navbar-brand {
		padding-bottom: 0;
	}
	
	.suchfeld {
		width: 230px;
	}
	
	.claim {
		/* color: var(--schrifteins); */
		color: #074E94;
		font-size: 16px;
	}
	
	.logo .navbar-brand::after {
		font-size: 16px;
		padding-left: 0;
	}
	
	/* Mindesthöhe erforderlich wegen sehr langer linker Navigation, am längsten wenn Therapie / Training aufgeklappt ist */
	.single-col, 
	.single-col-short {
		min-height: 1180px;
	}
}







@media (min-width: 1200px) {
	.suchfeld {
	  width: 385px;
	}
	
	.homepage-slider.image .carousel-item .slider-text :is(h1, h2) {
		max-width: unset; /* notwendig, wenn "REHADAT-Podcast" in eine Zeile passen soll */
		margin-bottom: 9px;
	}
}



@media (prefers-color-scheme: dark), (inverted-colors: inverted) {
}