/* Font Awesome */
@import url("//use.fontawesome.com/releases/v5.6.3/css/all.css");
/* Bootstrap core CSS */
@import url("bootstrap.min.css");
/* Material Design Bootstrap */
@import url("mdb.min.css");
@import url("//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap");


.winter-neva-gradient {
    background-image: -webkit-linear-gradient(330deg,#6fd0f6 0,#ffffff 100%);
    background-image: -o-linear-gradient(330deg,#6fd0f6 0,#ffffff 100%);
    background-image: linear-gradient(120deg,#6fd0f6 0,#ffffff 100%);
}
.blue-gradient {
    background: -webkit-linear-gradient(50deg,#6bc9f2,#3366a1)!important;
    background: -o-linear-gradient(50deg,#6bc9f2,#3366a1)!important;
    background: linear-gradient(40deg,#6bc9f2,#3366a1)!important;
}
	body {
		font-size: 1.1rem;
	}
	h1, .h1 {
		font-size: 2.2rem;
	}

	h2, .h2 {
		color: #004b8c;
	}
	hr {
		border-top: 2px solid #004b8c;
	}
	p, li {
		font-family: 'Roboto Condensed', sans-serif;
	}

	/* Navbar */
	.navbar.navbar-light {
		font-size: 1.2rem;
		background: #fff;
	}
	.navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link {
		color: #004b8c;
	}
	.navbar.navbar-light .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
		color: #0099d9;
	}
	.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link {
		background: transparent;
		color: #0099d9;
	}
	/* Navbar */

	/* Carousel */
	#branche {
		text-transform: uppercase;
	}
	.carousel {
		position: relative;
	}
	.carousel-caption {
		display: none!important;
	}
	#logo {
		position: absolute;
		left: 0; right: 0;
		top: 0; bottom: 0;
	}
	#slidertext {
		position: absolute;
		top: 65%;
		color: #004b8f;
		line-height: 1.6rem;
	}
	#slidertext p {
		color: #0099d9;
	}
	/* Carousel */
	
	/* Columns */
		.sectcol {
			
		}
		/* Kunde */
		.sectcol h2 a {
			color: #004b8c;
		}
		.sectcol p a {
			color: #000;
		}
	/* Columns */
	
	/* Card */
		.sectcard h2 {
			font-size: 2.2rem;
			text-transform: uppercase;
			color: #004b8c;
			text-align: center;
		}	
		.sectcard img {
			height: 100%;
			object-fit: cover;
		}	
		.sectcard .card .card-body {
			background: #d1d3d4;
			text-align: center;
		}	
		.sectcard .card.white .card-body, .sectcard .card.white .view  {
			border-bottom: 2px solid #004b8c;
			background: white;
			text-align: left;
		}	
		.sectcard .card .card-body .card-text {
			font-size: 1.1rem;
		}	
		.sectcard .card .card-body .card-title {
			font-size: 1.8rem;
			font-weight: 300;
		}
		.sectcard .card.white .card-body .card-title  {
			text-align: left;
		}
	/* Card */
	
	.btn {
		border-width: 1px!important;
	}
	
	/* Footer */
	#footer {
		position: relative;
	}
	#footer .fussnote {
		font-size: .9rem;
	}
	footer ul {
		list-style-type: none;
	}
	footer ul li {
		line-height: 2rem;
	}
	footer.text-white a {
		color: #fff;
	}
	footer div.text-center {
		position: absolute; 
		bottom: 0; 
	}
	#agentur {
		font-size: 0.8em;
	}
	#agentur a {
		color: #666;
	}
	#logobrand {
		position: absolute;
		padding: 0 15px;
		left: 2rem; top: 0;
	}
	/* Footer */


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media only screen and (max-height: 450px) {}
@media only screen and (max-width: 980px) {}

/* col devices (phones, 600px and down) */
@media only screen and (max-width: 767px) {}

}
@media only screen and (max-width: 320px) {}

/* col-sm (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 576px) {
	#slidertext h2 {
		padding-left: 2rem;
		font-size: 1rem;
	}
	#slidertext p {
		padding-left: 3.5rem;
		font-size: 1rem;
	}
} 

/* col-md (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	#slidertext h2 {
		padding-left: 2.5rem;
		font-size: 1.5rem;
	}
	#slidertext p {
		padding-left: 4.5rem;
		font-size: 1.5rem;
	}
} 

/* col-lg (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	#slidertext h2 {
		padding-left: 3.4rem;
		font-size: 1.7rem;
	}
	#slidertext p {
		padding-left: 6rem;
		font-size: 1.7rem;
	}
} 

/* col-xl (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	#slidertext h2 {
		padding-left: 4rem;
		font-size: 2rem;
	}
	#slidertext p {
		padding-left: 7rem;
		font-size: 2rem;
	}
} 

/* col-xl (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1920px) {
	#slidertext h2 {
		padding-left: 6.5rem;
		font-size: 2.5rem;
	}
	#slidertext p {
		padding-left: 9rem;
		padding-top: 1rem;
		font-size: 2.5rem;
	}
} 

/* = = = = = = = = = = = = = = = = = = = = = = = = = = 
	Ansicht Text-Editor im Edit-Bereich
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.cke_editable blockquote {
	border-left: 4px solid #004685;
	padding-left: 8px; margin-left: 8px;
	background: #f8f8f8;
}

.cke_editable blockquote img {
	height: 64px;
}