/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.9
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/

/*Import Global Compulsory CSS Files*/
@import url(app.css);
@import url(blocks.css);

* {
	border-radius: 0;
}
body {
 color: #333;
 font-size: 13px;
 line-height: 1.6;
 font-family: 'OpenSans-Regular';
}
body.header-fixed-space {
  padding-top: 94px;
}
body.header-fixed-space-v2 {
	padding-top: 135px;
}
p, li, li a, label {
 color: #555;
}
a {
 color: #9B0336;
 text-decoration: none;
}
a, a:focus, a:hover, a:active, button, button:hover {
	outline: 0 !important;
}
a:focus {
	text-decoration: none;
}
a:hover {
 color: #9B0336;
 text-decoration: underline;
}

/*Boxed Layout
------------------------------------*/
.wrapper {
	background: #fff;
}
.boxed-layout {
  padding: 0;
  box-shadow: 0 0 5px #ccc;
  margin-left: auto !important;
  margin-right: auto !important;
  background: url(../img/patterns/15.png) repeat;
}
/* Add here all your css styles (customizations) */

.cuma{
	direction: rtl;
  unicode-bidi: bidi-override;
}

.paketbutler{
	text-align: center;
	padding: 1% 0 2%;
}
.paketbutler img{
	width: 100%;
	/* max-width: 800px;*/
}

.custom-frame {
	width: 100%;
	height: 537px;
}
.iframe{
	width: 100%;
	margin-bottom: 30px;
}
.i-frame {
	width: 100%;
	height: 537px;
	border: 0;
}

/* CorporateBenefits (Service) */
.c-benefits{
	width: 100%;
	border: 1px solid #F2F2F2;
}

/* Slider */
.carousel-inner {
	width: 80% !important;
}
.slider-div-4 {
	width: 33%;
}
.slider-div-4-l {
	width: 33%;
	float: left;
}
.slider-div-4-r {
	width: 33%;
	float: right;
}
.slider-div-4 img, .slider-div-4-l img, .slider-div-4-r img {
	max-width: 85%;
}
/* end */

.navBarText{
    font-size: smaller;
}

.topic{
    border:1px dotted #e4e9f0;
    padding-bottom: 5%;
    margin-bottom: 1%;
    height: 160px;
	}
.topicElement{
    width: 16%;
}

.wideline{
    margin-right: -105%;
}

.headlineInvis {
    display: block;
    margin: 10px 0 25px 0;

    border-bottom: 1px dotted white;
    margin-top: -1px;
}
.headlineInvis h2{
    color: white;
}

.readMore{
    margin-left: 19.5%;
}

.k6{
    color: dodgerblue;
}
.k6:hover{
    color: dodgerblue;
}

.hand{
    cursor:hand;
}

.head_logo{
	margin-top: 2%;
	width: 15%;
}
.bds_dgv_logo{
	margin-left: 30%;
	width: 40%;
}
.vero_logo{
	margin-left: 30%;
	width: 50%;
}

.footerSp_a{
	width:150px;
	margin-top: 35%;
	margin-left: 20px
}
.footerSp_b{
	width:180px;
	margin-top: 70px
}
.footerSp_c{
	width:150px; margin-top: 15%; margin-left: 20px
}
.footerSp_d{
	width:150px; margin-top: 30%; margin-left: 20px
}
.footerPics{
	width: 20%;
	float: left;
	margin-left: 0%;
	text-align: center;
}
#porsche{
	text-align: center;
}
#porsche img{
	width: 66vh;
	margin-top: 25px;
}
.footer-pic-sized {
	width: 100%;
	padding: 2.5em;
}

.zitat{
	margin-left: 2%;
}
.zitat_02{
	margin-left: 10%;
}

.contact_panel{
	width: 33%;
}

.brief{
	width: 30%;
	margin-left: 12.5%;
}
.oeffentl{
	width: 80%;
	margin-left: 40%;
}

.fullSize{
	margin-left: 1.2%;
}

.mittelstand{
	float: left;
	margin-left: 2.5%;
}
.service{
	width: 80%;
	margin-left: 10%
}
.trGray{
	background-color: #F2F2F2;
}
.impress{
	font-size: 0.8em;
}
.noDeko{
	text-decoration: none;
	color: #555;
}

.width-100, .contact_pic{
	width: 100%;
}

.magazin{
	margin-left: 80%;
}
.mag_pic{
	width: 15%;
	float: left;
	margin-right: 3%;
}

.mag_pic_2{
	width: 30%;
	float: left;
	margin-right: 3%;
	margin-bottom: 1%;
}

.mainLeft{
	width: 50%;
	float: left;
	padding-right: 2%;
}
.mainRight{
	width: 50%;
	float: left;
	padding-left: 2%;
}

.indexSubject{
	color: #9B0336;
	font-size: 2em;
	line-height: 1.2;
}
.indexSubjectSmall{
	color: #9B0336;
	font-size: 1.7em;
}

.colorRed{
	color: #9B0336;
}

.interview{
	color: #9B0336;
	font-weight: bold;
}

.name{
	color: black;
	font-size:1.7em;
}
.name-small{
	color: black;
	font-size: 1.4em;
}

.protectCardMobile{
        width: 0%;
    }

.navi{
	margin-left: 8%;
}

.auto2margin{
	margin: 2em auto 2em;
}

.mehr {
	float: right;
	margin-right: 1%;
}

.mod-div-75 {
	width: 74%;
}
.mod-div-65 {
	width: 64%;
}
.index-content {
	padding-right: 1%;
}
.border-gs {
	border: 1px solid #000;
}
.ul-margin-4 li{
	margin-right: 4%;
}

#service{
	text-align: center;
}

.topic h5{
	font-family: 'OpenSans-SemiBold';
}

.repraesentanzen{
	margin-bottom: 70px;
}
.repraesentanzen img{
	margin: 0 auto 15px;
}
.repraesentanzen p{
	text-align: center;
}
.repraesentanzen p:nth-child(2),
.repraesentanzen p:last-child{
	margin-top: -0.2em;
}
.repraesentanzen p span:first-child{
	font-family: 'OpenSans-SemiBold';
	font-size: 1.2em;
}

.datenschutz h2{
	margin-top: 30px;
}

@media (max-width: 1200PX){
	.mittelstand{
		margin-left: 0%;
	}
	.bvmu_logo{
		margin-bottom: 0%;

	}
}
@media (max-width: 991PX){
	body.header-fixed-space,
	body.header-fixed-space-v2 {
		padding-top: 0;
	}
	.mittelstand{
		width: 50%;
		float: none;
		margin-left: 25%;
		margin-bottom: 5px;
	}
	.protectCardMobile{
		margin: 0%;
		width: 10%;
		margin-top: 0%;
	}
	.bvmu_logo{
		padding-bottom: 2%;
		width: 20%;
	}
}
@media (max-width: 980PX) {
	.hide-img {
		display: none !important;
	}
	.head_logo {
		margin-bottom: 2%;
	}
	.mod-div-75{
		width: 30%;
		float: left;
		padding-right: 3%;
	}
	.mod-div-65{
		width: 30%;
		float: left;
		padding-right: 3%;
	}
	.mod-margin-18{
		margin-top: 18%;
	}
	.mod-margin-20{
		margin-top: 20%;
	}
}
@media (max-width: 767px) {
	.head_logo {
		width: auto;
		height: 35px;
	}
	.i-frame {
		height: 50%;
	}
	.hide-spacing {
		display: none !important;
	}
	.foot-mob-one {
		width: 100%;
		float: none;
	}
	.foot-mob-two-l {
		width: 50%;
		float: left;
	}
	.foot-mob-two-r {
		width: 50%;
		float: right;
	}
	.mob-size {
		width: 40%;
	}

	/* hover */
	.hoverbild{
		width: 100%;
		background-image:url(bildkacheln_2.jpg);
	}
	/* PaketButlerWerbeBanner */
	.paketbutler{
		width: 100%;
		text-align: center;
		padding: 1% 15px 2%;
	}
	.paketbutler img{
		max-width: 380px;
	}

	/* iframe */
	.custom-frame {
		height: 350px;
	}

	/* für Bilder auf pluspunkte.php */
	.custom-img-margin-2 div img{
		margin-bottom: 2%;
	}
}
@media (max-width: 760PX){
	.wideline{
		margin-right: 0%;
	}
	.headlineInvis {
		display: none;
	}
	.SliderText{
		font-size: 2em;
		color: white;
		margin-top: -10px;
		margin-left: 0%;
	}

	.readMore{
		padding-top: 20%;
		margin-left: 0%;
	}
	.oeffentl{
		width: 80%;
		margin-left: 10%;
	}

}
@media (max-width: 650PX){
	.contact_panel{
		width: 100%;
	}

	.topic{
		border:1px dotted #e4e9f0;
		padding-bottom: 5%;
		margin-bottom: 1%;
		height: 315px;
	}
	.topicLine{
		font-size: small;
	}
	.mittelstand{
		float: none;
		width: 100%;
		margin-left: 0%;
	}
	.oeffentl{
		width: 100%;
		margin-left: 0%;
	}
}
@media (max-width: 415px){
	#porsche img{
		width: 45vh;
		margin-top: 25px;
	}
}
@media (max-width: 360px){
	.portrait #headline {
		font-size: 32px;
		text-align: center;
	}
	.portrait #bds_logo {
		width: 18% !important;
		margin: 0 0 8px 0;
	}
	.portrait #content {
		font-size: 18px;
		text-align: center;
	}
}
@media (min-width: 992px) {
		#schrader{
		position: relative;
		top: 50%;
		transform: translateY(39%);
	}
	#fleetcor{
		position: relative;
		top: 50%;
		transform: translateY(34%);
	}
	.protectCard {
		width: 9%;
		float: right;
	}
	.hide-content {
		display: none !important;
	}
	.head_logo {
		margin-bottom: 4%;
	}
	.hide-spacing {
		display: none !important;
	}
}
@media screen and (min-width:768px) {
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-next, .carousel-control .icon-prev {
		margin-top: -45px !important;
	}
}