@font-face {
    font-family: 'FF-Clan-Narrow';
    src: url('fonts/ff-clan-narrow-news/af683d5e-4444-4a0f-b1fe-42a9db9c14db.woff') format("woff"),url('fonts/ff-clan-narrow-news/4c3852b4-6ea1-4cbe-949e-cfe37d9a6b84.woff2') format("woff2"),url('fonts/ff-clan-narrow-news/3e89e3e0-a82f-48a2-92ce-f31564a5a193.eot') format("eot"),url('fonts/ff-clan-narrow-news/635cecd6-3fcb-474b-98a4-3fc021b85d03.ttf') format("ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FF-Clan-Narrow';
    src: url('fonts/ff-clan-narrow-news-italic/f780ec8e-74fe-44ad-babc-4757b3e0aa68.woff') format("woff"),url('fonts/ff-clan-narrow-news-italic/766cc4ce-a90d-43dd-a14e-6bfbfaded5c2.woff2') format("woff2"),url('fonts/ff-clan-narrow-news-italic/8a62febb-6c1a-4f35-bb10-b69c8beddb39.eot') format("eot"),url('fonts/ff-clan-narrow-news-italic/cca463f4-5535-4ead-886f-f04e31acb184.ttf') format("ttf");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'FF-Clan-Narrow';
    src: url('fonts/ff-clan-narrow-medium/3184d816-3b07-4e7f-b31b-02ae54ffda5a.woff') format("woff"),url('fonts/ff-clan-narrow-medium/e513b29b-7b08-4506-9119-a2c0c597e890.woff2') format("woff2"),url('fonts/ff-clan-narrow-medium/709a358c-72d0-49fa-afdb-3a748c6197ce.eot') format("eot"),url('fonts/ff-clan-narrow-medium/886df0eb-2615-4dac-a848-bd1e5105b402.ttf') format("ttf");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'FF-Clan-Narrow';
    src: url('fonts/ff-clan-narrow-medium-italic/d9bfd2b7-d5f2-4bd8-aef3-b6548d8c7954.woff') format("woff"),url('fonts/ff-clan-narrow-medium-italic/4fe59b2f-0d5e-4a4c-a77b-142be5e67b57.woff2') format("woff2"),url('fonts/ff-clan-narrow-medium-italic/71a2a28c-1802-46b1-a768-adc3c65481e4.eot') format("eot"),url('fonts/ff-clan-narrow-medium-italic/73fe8670-5509-4eb3-b178-508a4f2e3530.ttf') format("ttf");
    font-weight: bold;
    font-style: italic;
}

body {
	font-family: "FF-Clan-Narrow",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 16px;
}

.color,
a {
	color: #004F71;
}

h1 {
	text-transform: uppercase;
	color: #004F71;
	font-size: 1.5rem;
}



h2 {
	text-transform: uppercase;
	color: #004F71;
	font-size: 1.5rem;
}

.btn:hover {
	color: #fff;
	background: #003658 !important;
}

#slider {
	margin-top: 15px;
}

.ui-buttonset {
	margin-right: 0;
}

.btn {
	background: #004F71 !important;
	color: #fff;
}

#breadcrumb {
	border-top: 1px solid #004F71;
	border-bottom: 1px solid #004F71;
	padding: 0.5rem 0;
}

#breadcrumb .item {
	color: #004F71;
	font-size: .9rem;
}

#breadcrumb .item:not(:last-child):after {
	content: "/";
	padding-left: 0.2rem;
	color: #dee2e6;
}

#breadcrumb .item.active {
	color: #BE0F34;
}

#breadcrumb .item.disable {
	color: #dee2e6;
}

#breadcrumb .item.prev {
	cursor: pointer;
}

footer {
	padding: 32px 0;
	font-size: 0.875rem;
}

footer nav a {
	color: #fff;
	display: inline-block;
	text-decoration: underline;
	padding: 0 5px;
}

header {
	/*position: fixed;*/
	/*z-index: 5;*/
	top: 0;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
}

header .top {
	height: 29px;
	background: #f1f5f7;
}

.navbar-nav .nav-item a.nav-link {
	font-size: 1.0625rem;
    font-weight: 600;
    color: #2d383d;
}

select,
input,
.form-control,
.btn,
#slider,
.ui-slider-horizontal .ui-slider-handle,
.custom-checkbox .custom-control-label::before {
	border-radius: 0 !important;
}

.custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background: #004F71;
    border-color: #004F71;
}

.bg-info {
	background-color: #004F71 !important;
}

.col-form-label,
label {
	font-weight: bold;
}

#aufhaltestellen .etagennum .grid_1,
#hoehenniveaus .etagennum .grid_1 {
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	height: 38px;
}

.btn-light,
#header_visual .btn {
	color: #212529;
    background-color: #f8f9fa !important;
    background-color: #f8f9fa !important;
}

#header_visual .active {
	/*color:#00B1AB;*/
	border-color: #004F71 !important;
	background: #004F71 !important;
    color: #fff !important;
}

h3 {
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #004F71;
	color: #004F71;
	font-size: 16px;
}

footer {
	background: #004F71;
}

footer .logo {
	width: 55px;
    height: auto;
}

footer .nav .nav-link {
	color: #fff;
}

.aufzug .etagenum {
	    transform: skewY(-2deg);
    position: relative;
    left: 92px;
    top: -2px;
}

.konfigurator_hinten .aufzug .etagenum {
	transform: skewY(1deg);
	position: relative;
	left: 44px;
	top: 0px;
}

.input-group-text {
	border-radius: 0;
}


@media (max-width: 991px) {
	header .logo {
		width: 70px;
	}

	.navbar-toggler {
		border: none;
		color: #212529 !important;
		font-size: 16px;
	    border-left: 1px solid #e0e4e6;
	    border-right: 1px solid #e0e4e6;
	    margin-right: 1rem;
	}

	.navbar-toggler .navbar-toggler-icon {
		width: 1.2rem;
		height: 1.2rem;
	}

	footer .row div[class*="col-md"] div[class*="col-md"]:not(:last-child) {
		margin-bottom: 1rem;
	}

	footer nav a:first-child {
		padding-left: 0;
	}

	.navbar {
		padding: 0;
	}

	.navbar-nav {
		border-top: 1px solid #e0e4e6;
	}

	.navbar-brand {
		margin-left: 1rem;
	}

	.navbar-nav .nav-item a.nav-link {
		padding: 0.75rem 1rem;
		border-bottom: 1px solid #e0e4e6;
	    color: #be0f34;
	    font-size: 16px;
	    font-weight: normal;
	}

	button:focus {
		outline: none;
	}
}

@media (min-width: 992px) {

	#breadcrumb {
		border: none;
	}

	#breadcrumb .item {
		background: #004F71;
		padding: 5px 15px 5px 0;
		color: #fff !important;
		position: relative;
		margin-right: 3rem;
		font-size: 1rem;
	}

	#breadcrumb .item:after {
		content: "" !important;

		width: 0;
		height: 0;
		border: 17px solid transparent;

		border-left-color: #004F71;
	  	border-right: 0;
	  	position: absolute;
	  	top: 0;
	  	left: 100%;
	}

	#breadcrumb .item:before {
	    content: "";
	    display: inline-block;
	    position: relative;
	    border: 17px solid transparent;
	    border-color: #004F71;
	    border-left-color: transparent;
	    position: absolute;
	  	top: 0;
	  	right: 100%;
	}

	#breadcrumb .item:first-child {
		padding-left: 20px;
	}

	#breadcrumb .item:first-child:before {
		display: none;
	}

	#breadcrumb .item.active {
		background: #BE0F34;
	}

	#breadcrumb .item.active:before {
		border-color: #BE0F34;
		border-left-color: transparent;
	}

	#breadcrumb .item.active:after {
		border-left-color: #BE0F34;
	}

	#breadcrumb .item.disable {
		background: #dee2e6;
	}

	#breadcrumb .item.disable:before {
		border-color: #dee2e6;
		border-left-color: transparent;
	}

	#breadcrumb .item.disable:after {
		border-left-color: #dee2e6;
	}

	#breadcrumb .item.btn_link {
		cursor: pointer;
	}
}

.form-control[readonly] {
	border: none !important;
	background: none !important;
	text-align: right !important;
}

.form-control[readonly] + .input-group-append .input-group-text {
	border: none !important;
	background: none !important;
}