@charset "utf-8";
/* CSS Document */


@media screen and (min-width: 2100px) { 

}


@media screen and (max-width: 1600px) { 
	.owl-inner {
		right: 100px;
	}
}


@media screen and (max-width: 1400px) { 
	.owl-inner {
		right: 15px;
	}
	.home #wrap-header {
		background-image: url('/fileadmin/user_upload/Dokumente/Headerbilder/gebaeude01_xl.jpg');
	}
}


@media screen and (max-width: 1230px) { 
	.container {
		max-width:100% !important;
	}
}


@media screen and (max-width: 1060px) { 
	#logo {
		width:308px; 
		transition: none !important;
		top: 50%;
        transform: translateY(-50%);
	}

	#wrap-topbild {
		height: 40vw;
	}
	
	#topbild #owlslider .item img {
		width: 130% !important;
		height: auto;
	}
	
	.accordion h5 .btn {
		white-space: normal !important; 
	}
}

@media screen and (max-width: 992px) {
	.home #wrap-header {
		background-image: url('/fileadmin/user_upload/Dokumente/Headerbilder/gebaeude01_lg.jpg');
	}
}


@media screen and (max-width: 767px) { 

	#wrapper { display:block !important; }
	main img {
		max-width: 100% !important;
		height: auto; 
	}
	.owl-inner {
		right: 20px;
		width: calc(100% - 40px);
	}
	.owlbutton {
		margin-top: 30px;
	}
}


@media screen and (max-width: 680px) { 
	#logo { width:260px;  }
	#inhalt .bgwhite:first-child {
		border-top: 10px solid #fff !important;
	}
}


@media screen and (max-width: 600px) { 
		
	footer { padding-top: 0px; }
	#frow1 { margin-top:0px; }

	footer .row div[class*="col-sm"] {
		/*margin-bottom:30px; */
	}

	.home #wrap-header {
		background-image: url('/fileadmin/user_upload/Dokumente/Headerbilder/gebaeude01_sm.jpg');
	}
}


@media screen and (max-width: 576px) { 
	
	main .row img {
			/*width:100%;*/
			max-width: 100% !important;
			height: auto; 
	}
	
	#wrap-topbild {
		height:58vw;
	}
	
	#topbild .ce-column, #topbild .ce-gallery figure {
		width: 195% !important;
	}

	#topbild #owlslider .item img {
		width: 195% !important;
		height: auto;
	}
	
	#social-links a { margin-right: 22px; }
	#social-links .fa { font-size:1.5em !important }

	#social-links .circle-icon {
		width: 46px;
		height: 46px;
	}
	
	
}


@media screen and (max-width: 520px) { 

	footer div[class*='col-']:after {
		content: " "; 
		visibility: hidden;
		display: block;
		height: 10px !important;
		clear: both;
	}
}



@media screen and (max-width: 480px) { 
	#header { height: 80px; }
	#logo { width:230px;  }
	#wrap-topbild { margin-top:80px !important; }
	
	.tx-felogin-pi1 h3 {
		font-size: 26px;
	}

	.tx-felogin-pi1 fieldset label {
		width:100%;
		display:block;
		float:none !important;
	}

.tx-felogin-pi1 input[type="submit"] {
	margin-top:10px;
	margin-left:0px; 
}
	
	
}