/* 
*   ================================================================================================
*   Media Queries Device
*   ================================================================================================
*/

@media only screen and (min-width: 320px) and (max-width: 995px){
	header.header-logo-abstand a{
		max-width: 50%;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px){
	nav div.navbar-collapse div.leichte-spreche,
	nav div.navbar-collapse div.inhalt-suchen{
		margin: 1rem 0 1rem 0;
	}
	
	
	.easy-language h2{
		font-size: 1.5em;
    	font-weight: bold;
    	line-height: 2em;
	}
	main div.card .btn-primary-2 {
		font-size: 14px;
	}
	
	.easy-language p {
		font-size: 16px;
		line-height: 2em;
	}
    .easy-language article.easy-language-list ul li{
		font-size: 16px;
		line-height: 2em;
		font-weight: normal;
	}
	
}
@media only screen and (min-width: 320px) and (max-width: 767px){
	main .carousel-control-next, 
	main .carousel-control-prev{
    	width: 25%;
	}
	.mobile-hidden {
		display: none!important;
	}
	.mobile-visible {
		display: block!important;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 426px){
	.breadcrumb-header div nav{
		margin-left: 0.8em;
	}
	#accordion li.card div.card-body p.text-justify, .textbild p.text-justify {
		text-align: left!important;
	}
	#accordion li.card div.card-body p.text-justify a:link, .textbild p.text-justify a:link{
		padding: 0px;
	}

	h2{
		font-size: 1.2em;
    	font-weight: bold;
	}
	h3{
		font-size: 1em;
    	font-weight: bold;
	}
	main section.slider div.col-lg-5 h1.display-3 {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 1.2;
	}
	main section.slider div.col-lg-5 p.display-4 {
		font-size: 1rem;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main article.image-container div div div h1.display-3 {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 1.2;
	}
	main article.image-container div div div p.display-4 {
		font-size: 1rem;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main article.suche div.kategorie {
		padding-left: 0rem;
	}
	article.zweispalte-text div.row div.col-lg-6:last-child{
		margin-top: 2rem;
	}
	
	main article.feature-box div.col-md-4:first-child{
		margin-top: 0rem;
	}
	main article.feature-box div.col-md-4{
		margin-top: 3rem;
	}
	
   /* 
    *   ================================================================================================
    *   Header 
    *   ================================================================================================
    */ 
	div.headerstyle-text {
		margin: 5.5rem 0 1.5rem 0 !important;
	}
	div.headerstyle{
		margin: 4rem 0 1rem 0 !important;
	}
	div.headerstyle-text div.col-xl-10 div.row div.col a span.schriftzug-logo {
		font-size: 0.8em !important;
		margin-left: 2em!important;
		width: 60%;
	}
	div.headerstyle-text .projekt-logo{
		margin-right: 1.5em!important;
	}
	div.headerstyle img.float-left, 
	div.headerstyle img.float-left {
		/*width: 80%;*/
	}
	div.headerstyle-text img.float-right{
		width: 120px;
	}
	div.headerstyle-text img.lvr-logo {
   		margin-right: 1em;
	}
	h1.display-3 {
    	font-size: 1.5em!important;
	}
    p.display-4 {
    	font-size: 1em!important;
	}
}
@media only screen and (min-device-width: 427px) and (max-device-width: 768px){
	main section.slider div.col-lg-5 h1.display-3 {
		font-size: 2rem;
		font-weight: 300;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main section.slider div.col-lg-5 p.display-4 {
		font-size: 1.5rem;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main article.image-container div div div h1.display-3 {
		font-size: 2rem;
		font-weight: 300;
		line-height: 1.2;
	}
	main article.image-container div div div p.display-4 {
		font-size: 1.5rem;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main article.suche div.kategorie {
		padding-left: 0rem;
	}
	article.zweispalte-text div.row div.col-lg-6:last-child{
		margin-top: 2rem;
	}

	/* 
    *   ================================================================================================
    *   Header 
    *   ================================================================================================
    */ 
	div.headerstyle{
		margin: 4rem 0 1.5rem 0 !important;
	}
	div.headerstyle-text {
		margin: 5.5rem 0 1.5rem 0 !important;
	}
	div.headerstyle-text div.col-xl-10 div.row div.col a span.schriftzug-logo {
		font-size: 1.5em !important;
		margin-left: 1.5em;
	} 
	div.headerstyle-text .projekt-logo{
		margin-right: 1.5em!important;
	}
	.col-md-6 .lvr-logo{	
    	margin-right: 1em;	
	}	
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px){
	main section.slider div.col-lg-5 h1.display-3 {
		font-size: 2rem;
		font-weight: 300;
		line-height: 1.2;
	}
	main section.slider div.col-lg-5 p.display-4 {
		font-size: 1.5rem;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main article.image-container div div div h1.display-3 {
		font-size: 2rem;
		font-weight: 300;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main article.image-container div div div p.display-4 {
		font-size: 1.5rem;
		line-height: 1.2;
		margin-top: 1rem;
	}
	
	/* 
    *   ================================================================================================
    *   Header 
    *   ================================================================================================
    */ 
	div.headerstyle-text {
		margin: 5.5rem 0 1.5rem 0 !important;
	}
	div.headerstyle-text .projekt-logo{
		margin-right: 1em;
	}
	.col-md-6 .lvr-logo{	
    	margin-right: 1em;	
	}	
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px){
	main section.slider div.col-lg-5 h1.display-3 {
		font-size: 2.5rem;
		font-weight: 300;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main section.slider div.col-lg-5 p.display-4 {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main article.image-container div div div h1.display-3 {
		font-size: 2.5rem;
		font-weight: 300;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main article.image-container div div div p.display-4 {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 1.2;
		margin-top: 1rem;
	}
}

@media only screen and (min-device-width: 1201px) and (max-device-width: 1700px){
	main section.slider div.col-lg-5 h1.display-3 {
		font-size: 3rem;
		font-weight: 300;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main section.slider div.col-lg-5 p.display-4 {
		font-size: 2.5rem;
		font-weight: 300;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main article.image-container div div div h1.display-3 {
		font-size: 3rem;
		font-weight: 300;
		line-height: 1.2;
		margin-top: 1rem;
	}
	main article.image-container div div div p.display-4 {
		font-size: 2.5rem;
		line-height: 1.2;
		margin-top: 1rem;
	}
	
	/* 
    *   ================================================================================================
    *   Header 
    *   ================================================================================================
    */ 
	div.headerstyle-text div.col-xl-10 div.row div.col a span.schriftzug-logo {
		font-size: 1.5em !important;
		margin-left: 1em;
	} 
}

/* 
*   ================================================================================================
*   Media Queries Browser
*   ================================================================================================
*/
@media only screen and (min-width: 320px) and (max-width: 769px){
	main article.feature-box div.col-md-4:first-child{
		margin-top: 0rem;
	}
	main article.feature-box div.col-md-4:not(:first-child){
		padding-top: 3rem;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1000px){
	article.zweispalte-text div.row div.col-lg-6:last-child{
		margin-top: 2rem;
	}
}
@media only screen and (min-width: 320px) and (max-width: 991px){
	main article.suche div.kategorie {
		padding-left: 0.5rem;
	}
	/* 
    *   ================================================================================================
    *   Header 
    *   ================================================================================================
    */ 
	div.headerstyle-text div.col-xl-10 div.row div.col a span.schriftzug-logo {
		font-size: 1.5em;
		margin-left: 1em!important;
	} 
	div.headerstyle-text .projekt-logo{
		margin-right: 1em;
	}
	h1.display-3 {
    	font-size: 2rem;
	}
	p.display-4 {
    	font-size: 1.5rem;
	}
}
@media only screen and (min-width: 820px) and (max-width: 1200px){
	header.container-fluid div.headerstyle-text {
		margin: 7rem 0 2.5rem 0;
	}
	/* 
    *   ================================================================================================
    *   Header 
    *   ================================================================================================
    */ 
	div.headerstyle-text div.col-xl-10 div.row div.col a span.schriftzug-logo {
		font-size: 1.5em;
		margin-left: 1.5em;
	}
	div.headerstyle-text .projekt-logo{
		margin-right: 1em;
	} 
	h1.display-3 {
    	font-size: 2rem;
	}
	p.display-4 {
    	font-size: 1.5rem;
	}
}
@media only screen and (min-width: 320px) and (max-width: 768px){
	article.zweispalte-text div.row div.col-lg-6:last-child{
		margin-top: 2rem;
	}
	div.headerstyle-text div.col-xl-10 div.row div.col a span.schriftzug-logo {
    	font-size: 1.25em;
	}
}

@media only screen and (min-width: 450px) and (max-width: 1200px){	
	.col-md-6 .lvr-logo{	
    	margin-right: 1em;	
	}
	.col-xl-12 .lvr-logo{	
    	margin-right: 1em;	
	}
}	
@media only screen and (min-width: 1200px) and (max-width: 1300px){	
	h1.display-3 {
    	font-size: 2.5em;
	}
}	
@media only screen and (min-width: 1000px) and (max-width: 1135px){	
	p.display-4 {	
    	font-size: 2em;	
	}	
}

@media only screen and (min-width: 320px) and (max-width: 1799px){
	div.headerstyle-text div.col-xl-10 div.row div.col a span.schriftzug-logo {
		vertical-align: top!important;
		margin-top: 0rem!important;
	} 
}
@media only screen and (min-device-width: 1800px){
	div.headerstyle-text div.col-xl-10 div.row div.col a span.schriftzug-logo {
		vertical-align: bottom!important;
		margin-top: 1.5rem;
		margin-left: 1em;
		margin-right: 0.4em;
	} 
}
/* 
*   ================================================================================================
*   Nav: Sprachauswahl
*   ================================================================================================
*/

@media (min-width: 1200px){
div.language-select div.dropdown-menu {
    position: absolute;
	margin-bottom: 0px;
}
}


/* 
*   ================================================================================================
*   Text/Bild Sortierung in mobiler Ansicht
*   ================================================================================================
*/
@media screen and (max-width: 992px) {
    .container { display: flex; flex-flow: column; }
    .mobilePositionOne { order: 1; }
    .mobilePositionTwo { order: 2 }
}

/* 
*   ================================================================================================
*   Bildleiste: Textbox
*   ================================================================================================
*/
@media only screen and (min-width: 767px) {
	img.header_banner {
		max-height: 200px!important;
		overflow: hidden;
	}
	.show-text-on-picture {
		position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
		position:absolute;
		background-color: #fff;
		padding-top: 0.5em;
		padding-bottom: 0.85em!important; 
		border-radius: 1em;
		opacity: 0.85;
		width: 70%;
	}	
	.show-text-on-picture .btn-light {
		color: #fff;
		background-color: #003D73 !important;
    	border-color: #003D73;
	}
	.show-text-on-picture .btn-light:hover,
	.show-text-on-picture .btn-light:focus {
		color: #fff;
   	 	background-color: #585858 !important;
    	border-color: #585858;
	}
	.show-text-on-picture .display-3 {
    	font-size: 1.5em;
		margin-top: 0.25em!important;
	}
	.show-text-on-picture p.display-4 {
    	font-size: 1em;
		margin-bottom: 0.25em;
	}
	.image-container .slider a.btn {
		font-size: 0.8em;
	}
}

@media only screen and (min-width: 1024px) {
	img.header_banner {
		max-height: 300px!important;
		overflow: hidden;
	}
	.show-text-on-picture {
		position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
		position:absolute;
		background-color: #fff;
		padding-top: 0.5em;
		padding-bottom: 1em!important;; 
		border-radius: 1em;
		opacity: 0.85;
		width: 100%;
	}
	.show-text-on-picture .display-3 {
    	font-size: 1.5em;
		margin-top: 0.25em!important;
	}
	.show-text-on-picture p.display-4 {
    	font-size: 1em;
		margin-bottom: 0.25em;
	}
	.image-container .slider a.btn {
		font-size: 0.8em;
	}
}

@media only screen and (min-width: 1439px) {
	img.header_banner {
		max-height: 400px!important;
		overflow: hidden;
	}
	.show-text-on-picture {
		position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
		position:absolute;
		background-color: #fff;
		padding-top: 0.85em;
		padding-bottom: 1.5em!important;; 
		border-radius: 1em;
		opacity: 0.85;
		width: 100%;
	}
	.show-text-on-picture .display-3 {
    	font-size: 2em;
		margin-top: 0.25em!important;
	}
	.show-text-on-picture p.display-4 {
    	font-size: 1.5em;
		margin-bottom: 0.25em;
	}
	.image-container .slider a.btn {
		font-size: 1em;
	}
}


@media only screen and (min-width: 2559px) {
	.show-text-on-picture {
		position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
		position:absolute;
		background-color: #fff;
		padding-top: 1em;
		padding-bottom: 1.5em!important;; 
		border-radius: 1em;
		opacity: 0.85;
		width: 35%;
	}
	.show-text-on-picture .display-3 {
    	font-size: 2.5em;
		margin-top: 0.25em!important;
	}
	.show-text-on-picture p.display-4 {
    	font-size: 2em;
		margin-bottom: 0.25em;
	}
	.image-container .slider a.btn {
		font-size: 1.5em;
	}
}

@media only screen and (min-width: 2560px) {
	.show-text-on-picture {
		position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
		position:absolute;
		background-color: #fff;
		padding-top: 1em;
		padding-bottom: 1.5em!important;; 
		border-radius: 1em;
		opacity: 0.85;
		width: 32%;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px){
	img.header_banner {
		max-height: 320px!important;
		overflow: hidden;
	}
}