@charset "UTF-8";
html,
body {
	min-height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Oswald", "Calibri", "sans-serif";
	font-weight: 300;
	color: #FFF;
	
	background-image: url("../pics/wengermotos_bg.jpg");
	background-size: cover;
}
.clear {
	clear: both;
}

.no-padding {
	padding: 0;
}

h1, h2, h3 {
     word-wrap: break-word;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -o-hyphens: auto;
     hyphens: auto;
}

a{
	color: #FFFFFF;
	text-decoration: none;
}
	a:hover{
		color: #212121;
		text-decoration: none;
	}
a.btn-link {
	display: inline-block;
	font-weight: 300;
	text-decoration: none;
	color: #747474;
	background-image: url("../pics/wengermotos_dots.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	a.btn-link:hover,
	a.btn-link:active,
	a.btn-link:focus{
		color: #FFF;
		text-decoration: none;
		background-image: url("../pics/wengermotos_dots_hover.png");
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 40px;
	}


	
.vertical-center {
	min-height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-box-align : center;
	-webkit-align-items : center;
	-moz-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	width: 100%;
	
	-webkit-box-pack : center;
	-moz-box-pack : center;
	-ms-flex-pack : center;
	-webkit-justify-content : center;
	justify-content : center;
}

strong {
	font-weight: 400;
}

header {
	width: 100%;
	z-index: 1;
}

header .logo {
	margin-top: 32px;
	padding: 0;
    max-width: 350px;
}

img {
	object-fit: cover;
}

nav.navbar {
	border-radius: 0;
	border: 0;
	position: relative;
	background-color: transparent;
	padding: 0;
	font-weight: 400;
	font-size: 13px;
	
	margin-top: 20px;
	margin-bottom: 20px;
}

nav.navbar .navbar-nav > li > a {
	color: #FFF;
	text-transform: uppercase;
	padding-left: 0;
	margin-right: 18px;
}
	nav.navbar .navbar-nav > li > a:active,
	nav.navbar .navbar-nav > li > a:focus,
	nav.navbar .navbar-nav > li > a:hover {
		color: #CF132A;
	}
	nav.navbar .navbar-nav li a.active{
		color: #CF132A;
	}

nav.navbar .navbar-collapse {
	padding: 0;
}

header .partner {
	height: 50px;
	margin-top: 10px;
	position: relative;
	padding-right: 0px;
	padding-left: 10px;
}
	header .logo-partner {
		height: 55px;
		position: absolute;
		bottom: 0px;
		right:  0px;
        object-fit: contain;
	}

@media only screen and (max-width: 768px) {
	header .logo {
		position: absolute;
		left: 20px;
		top: 12px;
		max-width: 170px;
		margin: 0;
	 }

	nav.navbar { 
		position: relative; 
		margin: 0;
		font-size: 16px;
	}

	nav.navbar .navbar-header {
		padding: 30px 0;
	}

	nav.navbar .navbar-nav { margin: 0; }
	nav.navbar .navbar-collapse { padding: 10px 15px; }
}

@media only screen and (max-width: 992px) {
	header .brand-logos { display: none; }
}

.masterslider-wrapper {
	max-height: 580px;
	min-height: 300px;
	height: 300px;
	width: 100%;
	padding: 0;
	overflow: hidden;
	position: relative;
	margin: 0;
}

.ms-slide iframe + .ms-slide-layers {
	display:  none; 
}

	@media only screen and (min-width: 768px) {
	  .masterslider-wrapper {
	    height: 450px;
	  }
	}
	@media only screen and (min-width: 1170px) {
	  .masterslider-wrapper {
	    height: 580px;
	  }
	}

	.masterslider-wrapper .master-slider {
		height: 100%;
		width: 100%;
	}
		.masterslider-wrapper .master-slider .ms-nav-prev {
			background-image: url("../pics/wengermotos_arrow_right.png");
			background-position: 0 0;
			width: 38px;
			height: 37px;
		}
		.masterslider-wrapper .master-slider .ms-nav-next {
			background-image: url("../pics/wengermotos_arrow_left.png");
			background-position: 0 0;
			width: 38px;
			height: 37px;
		}

	.masterslider-wrapper .ms-bullets.ms-dir-h {
		right: 100px;
	}
	.masterslider-wrapper .ms-bullet {
		background: url("../pics/wengermotos_dots.png") no-repeat !important;
		background-position: 0 0 !important;
		width: 25px !important;
		height: 10px !important;
		margin: 0 -2px !important;
	}
		.masterslider-wrapper .ms-bullet.ms-bullet-selected {
			background: url("../pics/wengermotos_dots_hover.png") no-repeat !important;
		}

	.masterslider-wrapper .master-slider .slider-title {
		top: 	250px;
		left:		100px;
		width: 	30%;
		
		text-transform: uppercase;
		font-size: 36px !important;
		line-height: 40px !important;
		font-weight: 300;
		text-align: left;
		text-shadow: 5px 5px 30px rgba(0, 0, 0, 1);
	}
		.masterslider-wrapper .master-slider .slider-title .title-padding{
			padding-left: 26px;
		}
			@media only screen and (max-width: 477px) {
				.masterslider-wrapper .master-slider .slider-team-title { left: 0 !important; }
			}
			.masterslider-wrapper .master-slider .slider-team-title, .masterslider-wrapper .master-slider .slider-link a{
				width: 230px;
				line-height: 22px !important;
				
				padding: 5px 10px 5px 0px !important;
				margin-top: 10px;
				
				display: block;

				font-size: 16px !important;
				font-weight: 400;
				text-transform: uppercase;
				text-align: center;
				text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
				color: #FFFFFF;
				
				background-image: url("../pics/btn_bg.png");
				background-size: 230px 33px;
				background-repeat: no-repeat;
				background-position:left;
				overflow: hidden;
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
			}
				.masterslider-wrapper .master-slider .slider-team-title, .masterslider-wrapper .master-slider .slider-link a:hover{
					background-position:right;
				}
			

/* CONTENT */
.container.bgcolor{
	background-color:#171717;
}

.newsletter-item {
	height: 105px;
	padding: 20px 0px;
	color: #747474;
	display: block;
	cursor: pointer;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
	.newsletter-item.selected,
	.newsletter-item:active,
	.newsletter-item:focus,
	.newsletter-item:hover
	{
		color: #FFF;
		background-color: #B41624;
	}
	
	
.navu{
	text-align:center;
	font-size: 16px;
	line-height:	40px;
	height: 40px;
	color: #747474;
	background-color: #212121;
	border-right: 1px solid #171717;
	border-bottom: 1px solid #171717;
	display: block;
	cursor: pointer;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	text-transform: uppercase;
}
	.navu.selected,
	.navu:active,
	.navu:focus,
	.navu:hover
	{
		color: #FFF;
		background-color: #cf132a;
	}
	
	

.newsletter-item .date {
	float: left;
	height: 100%;
	width: 30%;
	text-align: center;
}
	.newsletter-item .date span {
		font-size: 46px;
		font-weight: 300;
		line-height: 46px;
		display:	block;
		text-transform: uppercase;
	}

.newsletter-item .text-wrapper {
	float: right;
	height: 100%;
	width: 70%;
	overflow: hidden;
}
	.newsletter-item .text-wrapper .text{
		height: 40px;
		color: #747474;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
		.newsletter-item:hover .text-wrapper .text,
		.newsletter-item.selected .text-wrapper .text,
		.newsletter-item:active .text-wrapper .text,
		.newsletter-item:focus .text-wrapper .text
		{
			color: #FFF;
		}
	.newsletter-item.white-font {
		color: #FFF;
	}
	
.news-short {
	display: none;
}
	.news-short.selected {
		display: block;
	}

.mainnews-wrapper {
	display: none;
}
	.mainnews-wrapper.selected {
		display: block;
	}

	
.quad-1 {
	height: 210px;
	padding: 15px 20px;
	position: relative;
}

.quad-1 .half {
	width: 33.3333%;
	float: left;
	height: 105px;
}

.team-item { height: 420px; }
.quad-2 { height: 420px; }

@media screen and (max-width : 1213px) {
	.newsletter-item  { height: 95px; }
	.quad-1 { height: 160px; }
	.quad-1 .half  { height: 65px; }
	.team-item { height: 320px; }
	.quad-2 { height: 320px; }
}

@media screen and (max-width : 1005px) {
	.quad-1 { height: 250px; }
	.quad-1 .half { height: 125px; }
	.quad-2 { height: auto; }
}

.quad-pic {
	overflow: hidden;
	padding: 0;
	position: relative;
}

.quad-pic img {
	height: 100%;
	min-width: 100%;
}

.quad-pic  a.btn-special {
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url("../pics/btn_bg.png");
	background-size: 280px 40px;
	background-repeat: no-repeat;
	color: #FFF;
	padding: 10px 20px 10px 40px;
	width: 100%;
	font-weight: 400;
	font-size: 20px;
	line-height: 20px;
}


.quad-pic  a.btn-special:active,
.quad-pic  a.btn-special:focus,
.quad-pic  a.btn-special:hover {
	text-decoration: none;
}

.red-dark {
	background-color: #9F181F;
}

.red-normal {
	background-color: #B41624;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.red-light {
	background-color: #CF132B;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
	.red-normal:hover, .red-light:hover{
		background-color: #212121;
	}

.grey-light {
	background-color: #212121;
}

.grey-dark {
	background-color: #171717;
}

.title h3 {
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 18px;
	text-transform: uppercase;
}

.title h4 {
	font-weight: 300;
	font-size: 14px;
	text-transform: uppercase;
	color: #eeeeee;
}

.text{
	color: #cfcfcf;
}

.maintext,
.mainnews-wrapper {
	padding: 30px;
}


.maintext .text,
.mainnews-wrapper .text {
	width: 50%;
	float: left;
	padding-right: 50px;
}
	@media screen and (max-width : 767px) {
		.maintext .text,
		.mainnews-wrapper .text {
			width: 100%;
			padding: 0;
		}
	}

.quad-1 .newsletter {
	width: 100%;
	height: 105px;
	padding: 20px 30px;
}

.title h2 {
	margin-top: 0;
	font-size: 25px;
	text-transform: uppercase;
}

.team-item {
	padding: 15px 20px;
}

.quad-1 .newsletter .miniform input {
	background-color: #E5D9DB;
	color: #212121;
	border: none;
	border-radius: 0;
	margin: 0;
	padding: 5px;
	width: 60%;
}

.quad-1 .newsletter .miniform button.btn-newsletter {
	background-color: #CF132A;
	color: #FFF;
	margin: 0;
	padding: 5px;
	font-weight: 400;
	text-transform: uppercase;
	border: none;
}

.quad-1 .newsletter .miniform button.btn-newsletter:active,
.quad-1 .newsletter .miniform button.btn-newsletter:focus,
.quad-1 .newsletter .miniform button.btn-newsletter:hover {
	text-decoration: none;
}

.quad-1.no-padding {
	padding: 0;
}

.quad-1 a.btn-more {
	position: absolute;
	right: 20px;
	bottom: 15px;
	color: #FFF;
	background-image: url("../pics/wengermotos_dots.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
}

.social-icons .half:nth-child(2){
    margin-top: 105px;
}

.team-item {
	display: none;
}
	.team-item.selected {
		display: block;
	}

.link-wrapper ul {
	padding: 0;
	list-style: none;
}

/* FOOTER */
footer {
	margin: 0 0 20px 0;
	color: #606060;
}
	footer a {
		color: #606060;
                text-transform: uppercase;
	}
		footer a:active,
		footer a:focus,
		footer a:hover {
                    color: #FFF;
                    text-decoration: none;
		}
	footer .address {
		font-size: 12px;
		margin-top: 10px;
	}
		@media screen and (max-width : 1005px) {
			footer .address {
				margin-top: 0 !important;
			}
		}

.btn-old-wrapper {
	padding: 0;
	text-align: center;
}
	.btn-old-wrapper a {
		display: block;
		background-color: #212121;
		color: #606060;
		padding: 10px;
	}
		.btn-old-wrapper a:active,
		.btn-old-wrapper a:focus,
		.btn-old-wrapper a:hover {
			text-decoration: none;
		}

/* Modal */
.modal-content {
	border-radius: 0;
	background-color:#000000;
}
	.modal-header{
		border-radius: 0;
		background-color:#000000;
		border-bottom: 1px solid #212121;
	}
	.modal-footer{
		border-radius: 0;
		background-color:#000000;
		border-top: 1px solid #212121;
	}
	
	
.modal-content button.btn-primary {
	border-radius: 0;
	border: none;
	background-color: #CF132A;
	text-transform: uppercase;
}


/* Formular */
.smart-forms .form-footer{
	padding: 28px 28px 28px 28px;
	padding-top: 0px;
	background-color: #000;
}
.smart-forms{
	font-family: "Oswald", "Calibri", "sans-serif";
}
.smart-forms .theme-red .gui-input:hover, .smart-forms .theme-red .gui-textarea:hover, .smart-forms .theme-red .select > select:hover, .smart-forms .theme-red .select-multiple select:hover, .smart-forms .theme-red .gui-input:hover ~ .input-hint, .smart-forms .theme-red .file .gui-file:hover + .gui-input, .smart-forms .theme-red .gui-textarea:hover ~ .input-hint {
    border-color: #FFF;
}
.smart-forms .theme-red .gui-input:focus, .smart-forms .theme-red .gui-textarea:focus, .smart-forms .theme-red .select > select:focus, .smart-forms .theme-red .select-multiple select:focus {
    border-color: #CF132A;
    box-shadow: 0px 0px 0px #FFF inset;
    color: #000000;
}
.smart-forms .theme-red .gui-input:focus ~ .field-icon i,
.smart-forms .theme-red .gui-textarea:focus ~ .field-icon i{ 
    color: #000000;
}
.smart-forms .refresh-captcha {
    position: absolute;
    background: none repeat scroll 0% 0% #000000;
    border: 3px solid #CF132A;
    border-radius: 30px;
    right: -15px;
    height: 32px;
    width: 32px;
    top: 4px;
}

/* iFrame */
.iframe-occasionen {
	width: 100%;
	height: 620px;
	border: 0px;
	padding:	0;
	margin: 0;
}

.btn-primary, button.btn-primary{
	border-radius: 0px;
	border: 0px;
	background-color: #cf132a;
	background: #cf132a;
	color: #FFF;
	text-transform: uppercase;
}
	.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
		border-radius: 0px;
		background-color: #FFF;
		color: #cf132a;
	}