/*
---------------------------------------------
BOOTSTRAP OVERRIDES
---------------------------------------------
*/
.text-center { text-align: -webkit-center; }

/*** PANELS ***/
.panel-title { font-weight: 600; font-size: 1.1rem; }
.panel-title a[aria-expanded="true"] .glyphicon {
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}
.panel-title a .glyphicon { transition: transform 0.3s ease; }
.media { margin-top: 0; }

/*
---------------------------------------------
BASE STYLES OVERRIDES
---------------------------------------------
*/
h1 {
	font-size: 4.5rem;
	color: #fff;
	letter-spacing: 1px;
}
h2 {
	font-size: 3rem;
	margin-bottom: 0.8em;
}
h3 {
	font-size: 1.86rem;
	margin-bottom: 0.7em;
}


/*
---------------------------------------------
 AIRMNA STYLES
---------------------------------------------
*/
img.kmu-login-img { border-radius: 20px; }

/*** SECTION / JUMBOTRON ***/
.section, .section-center, .section-panel, .kmu-jumbotron, .kmu-jumbotron-nobg {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.section, .section-center, .section-panel { padding: 3em 0 3em 0; }
.section-center { text-align: center; }
.section .row, .section-center .row { display: flex; flex-wrap: wrap; }
.section-small { padding-left: 5%; padding-right: 5%; }
.kmu-jumbotron, .kmu-jumbotron-nobg { padding: 4em 0 1em 0; }
.kmu-jumbotron { background-image: url('../images/background.svg'); margin-top: 70px; }
.kmu-jumbotron > div > .row { margin-left: 0; margin-right: 0; }
.kmu-jumbotron-innerbox, .kmu-jumbotron-innerbox2 {
	text-align: center;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 90%;
	position: relative;
}
.kmu-jumbotron-innerbox { max-width: 1150px; }
.kmu-jumbotron-headline, .kmu-jumbotron-text, .kmu-jumbotron-securities { margin: 50px 0; }
.kmu-jumbotron-buttons-top { margin: 50px 0; }
.kmu-jumbotron-headline { margin: 15px 0; }
.kmu-jumbotron-text > div {
	color: #fff;
	line-height: 1.71;
	font-size: 1.125rem;
}

.kmu-jumbotron-securities {
	display: flex;
	text-align: center;
	font-size: 0.95rem;
}
.kmu-jumbotron-securities-column {
	flex: 1;
	padding: 0 15px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-right: 1px solid #bbb;
}
.kmu-jumbotron-securities-column:last-child { border-right: none; }
.kmu-jumbotron-securities-box {
	display: flex;
	align-items: flex-start;
	text-align: left;
	max-width: 260px;
}
.kmu-jumbotron-securities-box i {
	color: #fff;
	margin-right: 10px;
	padding-top: 5px;
	flex-shrink: 0;
}
.kmu-jumbotron-securities-box span {
	color: #bbb;
	word-wrap: normal;
}

.kmu-jumbotron-buttons { margin: 50px 0 50px 0; }
.kmu-jumbotron-button-left { padding-right: 2.5em; }
.kmu-jumbotron-button-right { padding-left: 2.5em; }
.kmu-jumbotron-button-center { width: 80%; max-width: 300px; }
.btn.btn-primary.kmu-jumbotron-button-center { margin-bottom: 20px; }
.kmu-jumbotron-fa { padding-right: 10px; }

.kmu-section-symbol {
	font-size: 1.2rem;
	padding: 40px 0 30px;
	position: relative;
}
	.kmu-section-symbol::before {
		content: "";
		position: absolute;
		top: 0;
		width: 75%;
		border-top: 1px solid #cdcdcd;
	}
.kmu-section-symbol, .kmu-section-title, .kmu-section-title-desktop, .kmu-section-title-step, .kmu-section-title-numbers {
	font-weight: 600 !important; font-size: 1.1rem; line-height: 1.43;
}
.kmu-section-title, .kmu-section-title-desktop, .kmu-section-title-numbers, .kmu-section-text { margin-bottom: 20px; }
.kmu-section-title-step { margin-bottom: 12px; text-align: left; }
.kmu-section-text-step { margin-bottom: 38px; text-align: left; }
.kmu-section-numbers h2 { margin-bottom: 0.8em; }
.kmu-section-numbers p { margin-bottom: 20px; }
.kmu-section-text-numbers { padding: 0; }
.kmu-section-title-numbers, .kmu-section-title-step { font-size: 1.2rem; }

.kmu-slogan-logo, .kmu-slogan-symbol, .kmu-slogan-text { margin-bottom: 40px; }
.kmu-slogan-symbol { font-size: 1.1rem; }
.kmu-slogan-logo { height: 55px; display: flex; align-items: center; }
.kmu-slogan-logo img { max-height: 50px; max-width: 200px; }

/*** CAROUSEL ***/
.carousel-wrapper {
	position: relative;
	overflow: hidden;
}
.carousel-track-wrapperA, .carousel-track-wrapperK {
	overflow: hidden;
	white-space: nowrap;
	scroll-behavior: smooth;
	/* max-width: 960px;  MAX. 3 BILDER UNTER AUFLÖSUNG VON 1500px */
	margin: 0 auto;
}
.carousel-trackA, .carousel-trackK {
	display: inline-flex;
}
.carousel-itemA, .carousel-itemK {
	display: inline-block;
	width: 300px;
	margin: 0 10px;
	cursor: pointer;
	overflow: hidden;
}
.carousel-itemA img, .carousel-itemK img {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	}
.carousel-nav {
	position: absolute;
	top: 40%;
	z-index: 2;
	color: black;
	background: rgba(255,255,255,0.7);
	padding: 10px;
	cursor: pointer;
}
.carousel-nav.left { left: 0; }
.carousel-nav.right { right: 0; }
.carousel-legend {
	padding: 15px 10px;
	cursor: pointer;
}
.carousel-legend-industry {
	font-size: 1rem;
	font-weight: 600;
	padding: 5px 0;
	text-align: left;
}
.carousel-legend-numbers {
	font-size: 0.9rem;
	padding: 10px 0;
}
.carousel-dots {
	margin-top: 15px;
	text-align: center;
}
.dotA, .dotK {
	display: inline-block;
	height: 12px;
	width: 12px;
	margin: 0 5px;
	background-color: #ccc;
	border-radius: 50%;
}
.dotA.active, .dotK.active { background-color: #333; }

/*
---------------------------------------------
MEDIA ANPASSUNGEN
---------------------------------------------
lg => 1200px
md => 992px
sm => 768px
xs <  768px
---------------------------------------------
*/

/* SPEZIALGRÖSSE LG FÜR CAROUSEL - ALLE 4 BILDER ANZEIGEN, OHNE NAVIGATION
@media (min-width: 1450px) {
	.carousel-track-wrapperA, .carousel-track-wrapperK { max-width: 100%; }
	.carousel-trackA, .carousel-trackK { display: inline-block; }
	.carousel-itemA, .carousel-itemK { margin: 0 10px; }
	.carousel-nav, .carousel-dots { visibility: hidden; display: none; }
	.kmu-section-text-numbers { padding: 0 2em; }
}
@media (min-width: 1475px) { .carousel-itemA, .carousel-itemK { margin: 0 14px; } }
@media (min-width: 1500px) { .carousel-itemA, .carousel-itemK { margin: 0 16px; } }
@media (min-width: 1525px) { .carousel-itemA, .carousel-itemK { margin: 0 18px; } }
@media (min-width: 1550px) { .carousel-itemA, .carousel-itemK { margin: 0 20px; } .kmu-section-text-numbers { padding: 0 2.33em;} }
@media (min-width: 1575px) { .carousel-itemA, .carousel-itemK { margin: 0 22px; } }
@media (min-width: 1600px) { .carousel-itemA, .carousel-itemK { margin: 0 24px; } }
@media (min-width: 1625px) { .carousel-itemA, .carousel-itemK { margin: 0 26px; } }
@media (min-width: 1550px) { .carousel-itemA, .carousel-itemK { margin: 0 20px; } .kmu-section-text-numbers { padding: 0 2.66em; } }
@media (min-width: 1675px) { .carousel-itemA, .carousel-itemK { margin: 0 30px; } }
@media (min-width: 1700px) { .carousel-itemA, .carousel-itemK { margin: 0 32px; } }
@media (min-width: 1725px) { .carousel-itemA, .carousel-itemK { margin: 0 34px; } }
@media (min-width: 1750px) { .carousel-itemA, .carousel-itemK { margin: 0 36px; } .kmu-section-text-numbers { padding: 0 3em; } }
@media (min-width: 1775px) { .carousel-itemA, .carousel-itemK { margin: 0 38px; } }
@media (min-width: 1800px) { .carousel-itemA, .carousel-itemK { margin: 0 40px; } }
 */


/* AB MD */
@media (min-width: 992px) {
	.kmu-jumbotron-securities { font-size: 0.89rem; }
}

@media (max-width: 991px) {
}

/* BIS MD */
@media (max-width: 991px) {
	h1 { font-size: 3.438rem; }
	h2 { font-size: 2.81rem; }
	h3 { font-size: 1.65rem; }
	.kmu-section-symbol { font-size: 1.05rem; }
	.kmu-section-text-step { margin-bottom: 22px; }
	.kmu-jumbotron-button-left, .kmu-jumbotron-button-right { padding-left: 0; padding-right: 0; }
	.kmu-jumbotron-securities { font-size: 0.88rem;	}
}

/*** AB HIER MOBILE VERSION ***/

/* SM BIS MD
@media (min-width: 767px) {
}
 */

/* BIS XS - TABLET */
@media (max-width: 767px) {
	h1 { font-size: 2.625rem; }
	h2 { font-size: 1.98rem; }
	h3 { font-size: 1.48rem; }
	.carousel-itemA, .carousel-itemK { width: 250px; }
	.kmu-jumbotron { padding: 0; margin-top: 60px; }
	.kmu-jumbotron-fa { margin-right: 0; }
	.kmu-jumbotron-innerbox, .kmu-jumbotron-innerbox2 { width: 100%; }
	.kmu-jumbotron-innerbox2 { margin-top: 40px; }
	.kmu-jumbotron-headline, .kmu-jumbotron-text, .kmu-jumbotron-securities { margin: 35px 0; }
	.kmu-section-title-step { margin: 15px 0 6px 0; }
	.kmu-section-text-step { margin-bottom: 15px; }
	.kmu-section-numbers h2 { margin-bottom: 0.6em; }
	.kmu-section-numbers p { margin-bottom: 20px; }
	.kmu-section-title-numbers { margin-bottom: 0.8em; }
	.kmu-section-text-numbers { margin-bottom: 20px; }
	.kmu-slogan-firma { margin-bottom: 20px; }
	.kmu-section-title-step, .kmu-section-title-numbers { font-size: 1.05rem; }
	.kmu-jumbotron-securities-box span, .kmu-jumbotron-securities-box i {
		font-size: 0.78rem !important;
	}
}

@media (max-width: 705px) {
	.vertical-line-hidemobile { width: 20px;	}
}

/* XS BIS 700px */
@media (max-width: 700px) {
	.carousel-itemA, .carousel-itemK { width: 200px; }
	.vertical-line-hidemobile { visibility: hidden;	display: none;	}
}

/* XS BIS 620px - HANDY */
@media (max-width: 620px) {
	.section-small {padding-left: 0; padding-right: 0; }
	.carousel-itemA, .carousel-itemK { width: 260px; }
	.carousel-legend-industry, .carousel-legend-numbers { padding: 10px 0 5px 0; }
	.carousel-legend-industry { font-size: 0.95rem !important; }
	.carousel-legend-numbers > div { font-size: 0.8rem !important; }
	.kmu-jumbotron-button-center { width: 95%; max-width: 560px; }
	.kmu-jumbotron-securities { justify-content: space-between; }
	.kmu-jumbotron-securities-column { flex: 0 0 48%; }
	.kmu-section-title-step { margin-top: 25px; }
	.kmu-section-numbers h2 { margin-top: 0.8em; }
	.kmu-slogan-logo, .kmu-slogan-symbol, .kmu-slogan-text-mobile { margin-bottom: 15px; }
	.kmu-slogan-firma{ margin-bottom: 40px; }
	.fa-2x { font-size: 1.7em; }
	.vertical-line-wrapper { text-align: left; }
	.vertical-line { width: 20px; }
	.vertical-line-hidemobile { visibility: visible; display: inline-block; width: 30px; }
}