/* Add here all your CSS customizations */
body {
	background-image: url("/img/unimages/sky.jpg");
	background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
	background-color: #8CC3E3;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight:400;
	letter-spacing:0.02em;
	line-height: 22px;
	margin: 0;
}

html.boxed .body {
	background-color: #FFF;
	border-bottom: 5px solid #005896;
	border-radius: 5px;
	border-top: 0px solid #D9DADB;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.35);
	margin: 25px auto;
	max-width: 1200px;
	height: auto;
	overflow: hidden;
}


.inverted {
    background-color: #BD2716;
}



.box-content a {
	text-decoration:none;
	border:0;
}

.vendorlogos {
	margin-right:10px;
	margin-left:10px;
	align-content: center;
}

.owl-carousel {
    margin-bottom: -20px;
}


/* ---------------------------------------------------------------------- */
/* Anfang Seitenhintergrundbilder
/* ---------------------------------------------------------------------- */
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
* {
	margin: 0;
	padding: 0;
	outline: none;
}
/* ---------------------------------------------------------------------- */
/* Ende Seitenhintergrundbilder
/* ---------------------------------------------------------------------- */

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
		color: #FFF;
		border-bottom-color:#E09F08;
	}

#footer .footer-ribbon {
    background: #1F8FD1 none repeat scroll 0 0;
}

#footer .footer-ribbon::before {
    border-right: 10px solid #1F8FD1;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 7px;
}

#footer {
    background: rgba(2, 71, 117, 1) none repeat scroll 0 0;
    border-top: 4px solid #024775;
    clear: both;
    font-size: 0.9em;
    margin-top: 50px;
    padding: 70px 0 0;
    position: relative;
}

#footer .footer-copyright {
    background: rgba(4, 58, 94, 1) none repeat scroll 0 0;
    border-top: 4px solid #043A5E;
    margin-top: 0px;
    padding: 10px 0 0;
}

#footer .footer-copyright p {
    color: #DCE6ED;
    margin: 0;
    padding: 0;
}

#footer .list.list-icons li .fa, .list.list-icons li .icons {
    color: #DCE6ED;
    border-color: #FFF;
}
#footer li {
    color: #DCE6ED;
    border-color: #FFF;
	line-height: 15px;
}

.footertext {
    color: #DCE6ED;
    line-height: 24px;
    margin: 0 0 20px;
}

.footertext a:hover {
    text-decoration: none;
}




/* ---------------------------------------------------------------------- */
/* Anfang eigene Responsive-Styles
/* ---------------------------------------------------------------------- */

/* Tablet Portrait size to Tablet Landscape (devices and browsers) */
@media only screen and (min-width: 800px) and (max-width: 1200px) {

	#googlemaps {
		margin-top:5px;
	}
	


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 799px) {

html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
		color: #005998;
		border-bottom-color:#E09F08;
	}
	
	#googlemaps {
		margin-top:5px;
	}
	
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
		color: #005998;
		border-bottom-color:#E09F08;
	}



.word-rotate-items {
	font-size:30px;
}
	
	#googlemaps {
		margin-top:5px;
	}
	
	#iqrpict, #iqrhr {
		display: none;
	}
	
	#headlogo {
	max-width:98%;
	max-height:54%;
}	
}

/* ---------------------------------------------------------------------- */
/* Ende eigene Responsive-Styles
/* ---------------------------------------------------------------------- */