/**** Font's ****/

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/**** Font's ****/
/**** font-family:'Roboto', sans-serif; ****/
/**** font-family:'Roboto Condensed', sans-serif; ****/
/**** Font's ****/

/* GOTTARDO SPEDITION */
/* Farben:rot:#e62c2c | font grau:#545353 | bg grau:#5a595a */

body {
	margin:0;
	padding:0;
	font-family:'Roboto Condensed', sans-serif;
	font-size:160%;
}
::-moz-selection {background-color:#e62c2c;color:#FFF;}
::selection {background-color:#e62c2c;color:#FFF;}
a, a:hover ,a:active ,a:focus {text-decoration:none;}
a {color:#e62c2c;}
a:hover {color:#ab2222;}
h1 {font-size:30px;color:#545353;}
h2 {font-size:20px;color:#e62c2c;}
hr {
	height:1px;
	background:rgba(231, 44, 82, 0.6);
	margin:25px 0;
	width:100%;
	display:inline-block;
}

header {
	margin:20px 0;
}
header .logo a img {
	width:100%;
	height:auto;
}
header .online_logo {
	text-align:right;
}
header .online_logo a img {
	width:auto;
	height:80px;
}
nav {
	width:100%;
	background:#e62c2c;
	height:59px;
}
nav .menu ul {
	margin:0 auto;
	padding:0;
	width:985px;
}
nav .menu .mobile {
	display:none;
}
nav .menu ul li {
	padding:16.5px 10px;
	list-style:none;
	float:left;
	background:#e62c2c;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
}
nav .menu ul li.Aktive ,
nav .menu ul li:hover {
	background:#ab2222;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
}
nav .menu ul li a{
	color:#fff;
	font-size:18px;
}
.slider_text {
	position:absolute;
	z-index:99;
	top:300px;
	left:0;
	background:#e62c2c;
}
.slider_text h2{
	background:#000;
	margin:10px 0 0 0;
	padding:10px 30px;
	color:#fff;
	font-size:18px;
}
.slider_text p{
	padding:20px 30px;
	color:#fff;
	font-size:16px;
}
.slider {
	background:rgb(232, 232, 232);
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next, .carousel-control .icon-prev {
	width:60px;
	height:60px;
	margin-top:-30px;
	font-size:60px;
	color:#e62c2c;
}
img.ebene1 {
	position:absolute;
	z-index:2;
	top:-165px;
	/*margin:0px 0 0 -38%;
	left:50%;*/
}
.carousel-inner>.item>img.ebene2 {
	position:absolute;
	z-index:-1;
	top:-2%;
	left:-2%;
	width:104%;
	max-width:104%;
	height:104%;
}
.carousel-inner>.item#wolken>img.ebene2 {
	position:absolute;
	z-index:-1;
	top:0;
	left:-50%;
	width:150%;
	max-width:150%;
	height:auto;
	-webkit-transition:all 30s;
	transition:all 30s;
	transform:translateX(0px);
}
.carousel-inner>.item.active#wolken>img.ebene2 {
	transform:translateX(100px);
	-webkit-transition:all 30s;
	transition:all 30s;
}
.slider .item {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.video_background {
	position:absolute;
	top:0px;
	right:0px;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-1000;
	overflow:hidden;
}
a.NachUnten {
	position:absolute;
	bottom:-5px;
	left:50%;
	font-size:30px;
	color:#fff;
	margin:0 0 0 -14px;
	opacity:0.4;
	-webkit-animation-name:pfeil; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration:3s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	animation-name:pfeil;
	animation-duration:3s;
}
a.NachUnten:hover {
	opacity:1;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes pfeil {
	0% {
		margin:0 0 5px -14px;
	}
	50% {
		margin:0 0 0 -14px;
	}
	100% {
		margin:0 0 5px -14px;
	}
}
/* Standard syntax */
@keyframes pfeil {
	0% {
		margin:0 0 5px -14px;
	}
	50% {
		margin:0 0 0 -14px;
	}
	100% {
		margin:0 0 5px -14px;
	}
}
.carousel-indicators {
	bottom:30px;
}



.carousel-indicators .active {
	width:20px;
	height:20px;
	margin:0;
	background:#e62c2c;
}
.carousel-indicators li {
	width:20px;
	height:20px;
	margin:0;
	background-color:#000;
}
.testHH {
	height:900px;
}
footer .googlemaps {
	width:100%;
	height:350px;
}
footer .googlemaps .googlemapslogo {
	width:165px;
	height:auto;
}
footer .footerUnten {
	width:100%;
	background-image:linear-gradient(to right, #e62c2c 70%, white 70%);
}
footer .footerUnten .FooterNAV ul {
	margin:0;
	padding:0;
}
footer .footerUnten .FooterNAV ul li {
	margin:10px 20px 20px 0;
	padding:0;
	list-style:none;
	float:left;
}
footer .footerUnten .FooterNAV ul li a{
	color:#fff;
	font-size:16px;
}
footer .footer_infos p {
	color:#fff;
	font-size:14px;
}
footer .textfooter {
	font-size:10px;
	color:#fff;
	margin:10px 0 10px;
}
footer .footerUnten .footerLogo {
	background:#fff;
	height:210px;
}
footer .footerUnten .footerLogo p {
	background:#fff;
	font-size:10px;
	margin:10px 0;
	font-weight:600;
}
footer .footerUnten .footerLogo img.logoFooterUnten {
	background:#fff;
	padding:10px;
	margin:0 0 0 -70px;
	width:130%;
	height:auto;
}
.googlemaps {
	margin:30px 0 0 0;
}
.FooterNAV {
	display:inline-block;
}
li.login ol {
	display:none;
	list-style:none;
}
li.login ol li {
	list-style:none;
}
li.login:hover ol {
	display:block;
	position:absolute;
	z-index:99;
	margin:0;
	padding:0;
}
li.login ol li {
	padding:20px;
	width:250px;
	background:#e62c2c;
	margin:17px 0 0 -11px;
}
li.login ol li form input {
	float:left;
	margin:5px 0;
	padding:5px;
	width:100%;
}
li.login ol li:hover {
	background:#e62c2c;
}

/**** SLIDER ****/
.item div#sliderBild {
	width:100%;
	background:url(../img/slider/parallax/LKWs.png) no-repeat;
	display:block;
	z-index:9999;
	background-position:bottom center;
	background-size:cover;
}
.item div#sliderBild.slid1 {
	background:url(../img/slider/slider1.png) no-repeat;
	background-position:bottom center;
	background-size:cover;
}

/**** SLIDER ****/


/**** Seiten ****/


/**** Startseite ****/
.Startseite h2 ,
.Startseite h3 ,
.Startseite h1 {
	width:100%;
	text-align:center;
}
.Startseite h3 {
	color:#e62c2c;
	font-size:20px;
}
.Startseite h2 {
	color:#e62c2c;
	font-size:24px;
	margin:0 0 15px;
}

.Startseite p b {
	color:#e62c2c;
	font-weight:600;
}
.Startseite p {
	text-align:justify;
}
#mainbuttons{
	text-align:center;
	padding:30px 10px;
}
#mainbuttons .btn{
	margin-bottom:30px;
}
@media (min-width:768px) {
	#counterbox .col-sm-3{
	border-right:1px solid #e62c2c;
	}
	#counterbox .col-sm-3:last-child{
	border-right:none;
	}
}
#counterbox .fa-2x {
	margin:0 auto;
	float:none;
	display:table;
	color:#e72c2c;
	font-size:5em;
}
#counterbox .count-title {
	font-size:40px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:0;
	text-align:center;
}
#counterbox p.count-text {
	margin-top:10px;
	text-align:center;
}
/**** Nationale Verkehre ****/
.BG_Grau {
	background:#5a595a;
	color:#fff; 
	height:auto!important;
	padding:20px 15px;
	margin:0 0 30px 0;
}
.BG_Grau h3 {
	color:#fff;
	padding:10px 10px;
	background:#e62c2c;
	margin:0 0 20px -15px;
	display:inline-block;
	width:fit-content;
	text-align:left;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}
.BG_Grau span.loginRund {
	width:100px;
	height:100px;
	border-radius:50px;
	border:1px solid #fff;
	background:#e62c2c;
	text-align:center;
	padding:27px 0 0 0;
	display:block;
	color:#fff;
}
.BG_Grau span.loginRund:hover {
	background:#ab2222;
}
.Nationale_Distribution b {
	color:#fff;
	font-weight:800;
}
.BG_Grau.Nationale_Distribution a.login {
	width:100px;
	height:100px;
	display:block;
}

/**** Internationale Verkehre ****/
.Internationale_Verkehre h1 {
	text-align:center;
	text-transform:uppercase;
	margin:30px 0;
}

/**** Import Verkehre ****/
.Import_Verkehre h1 {
	text-align:center;
	text-transform:uppercase;
	margin:30px 0;
}
.Import_Verkehre .BG_Grau {
	height:450px;
}

/**** Historie ****/
.Historie h1 {
	text-align:center;
	text-transform:uppercase;
	margin:30px 0;
}
.Historie .padding0100 {
	padding:0 130px 30px;
}
.Historie span.Historie_Kreis {
	width:100px;
	height:100px;
	border-radius:50%;
	border:1px solid #000;
	background:#e62c2c;
	color:#fff;
	display:block;
	text-align:center;
	padding:25px 0 0 0;
}
.Historie span.Historie_strich {
	width:50px;
	height:50px;
	border-right:2px solid #000;
	display:block;
}
.Historie span.Historie_strich_Schluss {
	width:50px;
	height:50px;
	border-right:2px dotted #000;
	display:block;
}
.Historie .text_center {
	padding:0 45px;
}
.Historie .text_left {
	float:left;
	height:100px;
	width:100%;
	text-align:right;
	padding:20px 0 0 0;
}
.Historie .abstand_left {
	float:left;
	width:100%;
	height:50px;
}
.Historie .text_right {
	float:right;
	height:100px;
	width:100%;
	padding:20px 0 0 0;
}
.Historie .abstand_right {
	float:right;
	width:100%;
	height:50px;
}

@media (max-width:1200px){ /* md */
	.slider .item {
		height:497px;
	}
	img.ebene1 {
		top:-125px;
	}
}
@media (max-width:992px) { /* sm */
	 .slider .item {
		height:385px;
	}
	nav .menu ul {
		margin:0;
		width:auto;
	}
	nav .menu ul li a {
		font-size:14px;
	}
	nav .menu ul li {
		padding:16px 10px;
	}
	.slider_text {
		top:135px;
	}
	img.ebene1 {
		top:0;
	}
	li.login ol li {
		width:200px;
	}
	nav {
		height:56px;
	}
}

@media (max-width:810px) { /* XS */
	li.login ol li {
		width:150px;
	}
}
	
	
@media (max-width:768px) { /* XS */
	nav .menu .desktop {
		display:none;
	}
	nav .menu ul.mobile {
		display:block;
	}
	nav .menu ul.mobile ul.mobile_menu_LI {
		display:none;
	}
	nav .menu ul.mobile:hover ul.mobile_menu_LI {
		display:block;
		position:relative;
		top:56px;
	}
	nav .menu ul.mobile:hover li.menu_mobiel_LI {
		position:absolute;
	}
	ul.mobile_menu_LI {
		position:relative;
		z-index:999;
	}
	ul.mobile_menu_LI li {
		float:none!important;
		margin:0 0;
		background:#e62c2c;
		color:#fff;
	}
	nav .menu ul li ul {
		width:100%;
	}
	nav .menu ul.mobile li ul li {
		padding:20px 10px;
		width:100%;
		text-align:center;
	}
	footer .footerUnten .FooterNAV ul li {
		margin:10px 10px 0 0;
	}
	.BG_Rot {
		background:#e62c2c;
	}
	nav .menu ul li a {
		font-size:16px;
	}
	.Historie .padding0100 {
		padding:0 15px 30px;
	}
	.Historie span.Historie_Kreis {
		width:75px;
		height:75px;
		padding:15px 0 0 0;
	}
	.Historie span.Historie_strich ,
	.Historie span.Historie_strich_Schluss {
		width:38px;
		height:100px;
	}
	.Historie .abstand_left {
		height:100px;
	}
	.Historie .text_left {
		padding:0;
		height:75px;
	}
	header .online_logo a img {
		width:auto;
		height:65px;
	}
	img.ebene1 {
		top:0;
	}	
}

.BG_Grau{
	line-height:150%;
}
.BG_Grau h2{
	color:#fff;
}
.BG_Grau a {
	color:#fff;
}
.BG_Grau hr{
	background-color:#fff;
}
#footermap{
	border:none;
	width:100%;
	height:350px;
}
footer .row.footer_infos a{
	color:#fff;
}
body .cc_container .cc_btn, 
body .cc_container .cc_btn:visited{
	background-color:#e62b2c;
	color:#fff;
}
body .cc_container .cc_message:before{
	display:none;
}
.personlist ul{
	position:relative;
	border-bottom:1px solid #ccc;
}
.personlist ul li{
	display:inline-block;
	border:1px solid #ccc;
	padding:10px;
	margin:0px;
	border-bottom:none;
	background:#fff;
	position:relative;
	cursor:pointer;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
}
.personlist ul li:hover{
	top:1px;
}
.personlist ul li.on{
	top:1px;
}
.personlist .card{
	position:relative;
	display:inline-block;
	text-align:center;
	padding:10px;
	margin:35px 20px 20px;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow:3px 3px 5px #868686;
	transition:0.2s;
	width:200px;
}
.personlist .card .cardperson{
	position:absolute;
	font-size:300%;
	top:-29px;
	left:33%;
	background:#ffffff;
	padding:10px 15px 0;
	border-radius:50%;
	border-top:1px solid #ccc;
}
.personlist .card h3,
.personlist .card a{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.personlist .card a{
	display:block;
	text-align:left;
}
.personlist .card a i{
	display:inline-block;
	width:20px;
	text-align:center;
}
.labinp{
	display:block;
	margin-bottom:10px;
}
.labinp label,
.labinp input,
.labinp textarea{
	display:block;
	width:100%;
}
.labinp label{
	font-weight:normal;
}
.labinp input,
.labinp textarea{
	background-color:#ccc;
	border:none;
	padding:5px;
	color:#545353;
	border-radius:3px;
}
.labinp textarea{
	max-width:100%;
	min-width:100%;
	height:120px;
	min-height:120px;
	max-height:230px;
}
.labinp label.cbcontainer {
	position:relative;
	display:block;
	padding-left:35px;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.labinp label.cbcontainer input[type=checkbox] {
	position:absolute;
	opacity:0;
	height:0;
	width:0;
	cursor:pointer;
}
.labinp label.cbcontainer .cbcheckmark {
	position:absolute;
	top:0;
	left:0;
	height:25px;
	width:25px;
	background-color:#e62c2c80;
	cursor:pointer;
}
.labinp label.cbcontainer:hover input[type=checkbox] ~ .cbcheckmark {
	background-color:#e62c2c;
}
.labinp label.cbcontainer input[type=checkbox]:checked ~ .cbcheckmark {
	background-color:#e62c2c;
}
.labinp label.cbcontainer .cbcheckmark:after {
	position:absolute;
	display:none;
	content:"";
}
.labinp label.cbcontainer input[type=checkbox]:checked ~ .cbcheckmark:after {
	display:block;
}
.labinp label.cbcontainer .cbcheckmark:after {
	left:9px;
	top:5px;
	width:5px;
	height:10px;
	border:solid white;
	border-width:0 3px 3px 0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.fehlerText{
	color:#e62c2c;
}
.fehlerBorder{
	outline:1px solid #e62c2c;
}
form#Kontaktformular{
	position:relative;
}
form#Kontaktformular #status{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background:url(/img/load.gif) no-repeat center;
}
form#Kontaktformular #status #message{
	max-width:275px;
	margin:100px auto;
	padding:25px;
	background:#00000080;
	color:#fff;
	border-radius:4px;
}




/* ILSTYLE GmbH | www.ilstyle.de */
a[href="https://ilstyle.de"] {cursor: help;}