/* flip box */
.bg-secondary {
    background-color: #ececec !important;
}

.schatten-w{
		background: rgba(222,222,222,0.8);
		color:rgb(211, 0, 0);
		
}


.flip-box {
    background-color: transparent;
    width: 100%;
    height: 500px;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@media only screen and (min-width:768px) and (max-width:991.98px) {
    .flip-box {
        height: 400px
    }
}

@media only screen and (max-width:767.98px) {
    .flip-box {
        height: 350px
    }
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    -o-transition: transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.flip-box-back,
.flip-box-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
	border-radius: 10px;
	border: 1px solid #303030;
}


.flip-box-front .flip-thumb {
    height: 100%;
    width: 100%;
    margin: 0;
	border-radius: 10px;
	background-size: cover;
}

.flip-box-back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.flip-box:hover .flip-box-inner {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.flip-box--y .flip-box-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.flip-box--y:hover .flip-box-inner {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.flip-content {
    color: rgb(48, 48, 48);
    padding: 50px
}

.flip-content li{list-style-position: inside;}


@media only screen and (min-width:768px) and (max-width:991.98px),
only screen and (max-width:767.98px) {
    .flip-content {
        padding: 30px
    }
}

.flip-content .btn-bordered,
.flip-content h4 {
    color: #c21718;
}

.flip-content .btn-bordered {
    margin-top: 20px
}

@media only screen and (max-width:575.98px) {
    .flip-content .btn-bordered {
        margin-top: 15px
    }
}

.flip-content .btn-bordered:hover {
    color: #fff
}

.finance-flip-box .flip-content {
    padding: 30px
}







/*! Place your custom styles here */

#start p,#start .p{text-align: justify;}

#auswahl{margin-top:-100px;}
 
#gesellschaften h4{font-size:14px;}
 
.titelbild{
	background-color: rgba(0, 0, 0, 0); 
	background-repeat: no-repeat; 
	background-position: center top; 
	background-size: auto auto ; 
	opacity: 1;
	height:28em; 
	margin-top:-50px;
} 
 
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background-image:url(../images/team.jpg) */
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}


.btn-kont{margin-top:25%!important;}

#ueberblick .feature{height:230px;}
@media(max-width:1200px){
	#ueberblick .feature{height:250px;}
	.btn-kont{margin-top:50%!important;}
}
@media(max-width:991px){
	#ueberblick .feature{height:210px;}
	.btn-kont{margin-top:0%!important;}
}

@media(max-width:769px){#ueberblick .feature{height:140px;}}

.slider.slider--inline-arrows .flickity-prev-next-button::before {
    background: #fff;
	padding: 10px 18px 10px 18px;
	border-radius: 50%;
	border: thin solid #09F;
}

.partner{
	border: thin solid #666;
	padding: 10px;
	height: 100px;
	margin-bottom: 50px;
	border-radius: 5px;
	background: #d5d5d5;
}

.lupe{
	font-size: 24px;
	float: right;
	padding-right: 25px;
	color:#C5ECFE;
}


#impressum td, tr{color: #333;}

.feature h4 + p{max-width:100%!important;}

.feature-6 p{line-height:18px;}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}


#kontakt-schaden iframe{height:1450px;}

#kontakte td{
	color:#333;
}

#datenschutz td{
	color:#333;
	line-height:12px;
	font-size:10px;
}

#auswahl a h4:hover{
	color:#c21718;
}
#auswahl a:hover{
	text-decoration:none;
}

.btn--orange, .btn--orange:visited {
    background: #c21718;
    border-color: #666;
	margin-top:-30px;
}

.active{
	color:#c21718;
}

.industrie-micha{
    max-width: 12em;
    float: right;
    padding-left: 20px;
}

.btn{
  text-decoration:none;
}


#datenschutz ul, #gewerbe ul, #gewerbe2 ul{
	list-style: url(../images/haken.png);
	list-style-position:inside;
}

#kfz, #privat p{
	font-size:16px;
}

.balken{margin-top:-7.4em;}

.sparten{
	text-align:center;
	background: rgba(255,255,255,0.6);
	border:1px solid #666;
	border-radius:5px;
	margin-bottom:20px;
}


.sparten-pic{
	border-radius: 50%;
	border: solid thick #b3b3b3;
	max-width: 100px;
	margin-top:10px;
}
.sparten-pic:hover{
	border-radius: 50%;
	border: solid thick #c21718;
}

#deltschev{margin-top:250px;}

.bar__abstand{margin-top: 5px;}

.main-container{
	background-image: url(../images/hg.jpg);
	background-position:bottom center;
	background-repeat: no-repeat;
	background-size: auto;
}

#datenschutz{
	background: rgba(255,255,255,.8);
}

@media screen and (min-width: 500px) and (max-width: 545px) { 
	.sparten-pic{max-width: 70px;}
	.sparten h4{font-size:12px;}
}

@media screen and (max-width: 1200px) and (min-width: 991px) {
	#deltschev{margin-top:300px;} 
	.bar__abstand{margin-top: 0px;}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
	#deltschev{margin-top:320px;}
	.bar__abstand{margin-top: 0px;}
}

@media screen and (max-width: 768px) {#deltschev{margin-top:0px;}}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}


.tabs li{
	display: table-cell;
	border: 1px solid #c21718;
}

.fuellen{
	background:#f9f9f9;
	width: 100%;
	height: 300px;
	z-index: 0;
	display:block;
}

.adjust-tabs{
	margin-top: 50px;
	margin-bottom: -60px;
}

#kontakte p{
	font-size: 1.2em;
	line-height: 1.85714286em;
	color: #333;
	font-weight: 400;
}
#kontakte tr{
	font-size: 1.2rem;
}
#impressum p{
	font-size: 1.2em;
	line-height: 1.85714286em;
	color: #333;
	font-weight: 400;
}

#impressum td, #impressum tr{
	font-size: 1.2rem;
	line-height: 1.85714286em;
}
footer p{
	font-size: 1.2em;
	line-height: 1.85714286em;
	color:#626262;
	font-weight: 400;
}

footer td, footer tr{
	font-size: 1.2rem;
    color:#626262;
}

#kontakte .lead {
	font-size: 1.35714286em;
	line-height: 1.68421053em;
	color: #454545;
	font-weight: 400;
}

#kontakte img{
	width:80%;
}

#kontakte .icon{
    width: 2.2em;
    margin-left: auto;
    margin-right: auto;
    height: 2.2em;
	font-size: 60px;
	display: inline-block;
}


#kontakte .tabs{border: none;}
#kontakte .tabs li{
	border: none;
	display: inline-flex;
	width: 33%;
}

 

#versicherungen .lead {
	font-size: 1.35714286em;
	line-height: 1.68421053em;
	color: #454545;
	font-weight: 400;
}

#versicherungen img{
	width:80%;
}

#versicherungen .icon{
    width: 2.2em;
    margin-left: auto;
    margin-right: auto;
    height: 2.2em;
	font-size: 60px;
	display: inline-block;
}

#versicherungen ul{margin-left:20px;}

.vers .icon{
		width: 70px !important;
		height: 70px !important;
		font-size: 30px !important;
		text-align: center;
}

.vers li{list-style: disc;}

#versicherungen .tabs{border: none;}
#versicherungen .tabs li{
	border: none;
	display: inline-flex;
	width: 33%;
}

#impressum .boxed:hover{
	border-left:#c21718 1px solid;
	border-right:#c21718 1px solid;
	border-bottom:#c21718 1px solid;
	background:rgba(255,255,255,0.9);
	transform: scale(1.05);
	box-shadow:0px 0px 10px #696969;
	transition: transform 1s ease-in-out;
	-webkit-transition: transform 1s ease-in-out;
	-webkit-transition: transform 1s ease-in-out;
}

.imp-fa{
	width: 90px;
	height: 90px;
	font-size: 42px!important;
	margin-bottom:20px;
}

@media(max-width:991px){#versicherungen .tabs li{width:32%;}}


@media(max-width:769){
	#kontakte .icon{
		width:1.8em;
		height:1.8em;
	}
	#kontakte .tabs li{
		width:30%;
	}
	.feature__body h3{
		font-size: 1.8em!important;
		line-height: 1.5em!important;
		font-weight:700;
	}
}

@media (max-width:480px){
    #versicherungen .icon{font-size:40px;}
    #versicherungen ul {margin-left: 0px;}
}

.text-center {
	text-align: center;
	margin: auto;
}


.imp-block{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.imp-box{
	min-height:385px;
}


.feature{color:#333333;}
.feature p{color:#333333;}

.icon {
    color: #c21718;
    border: #FFF solid thick;
    border-radius: 50%;
    padding: 0.4em;
    background: #d5d5d5;
    font-weight: 600;
	font-size:3em;
	margin-bottom:20px;
}


.icon:hover{
	color: #fff;
	border: #ccc solid thick;
	border-radius: 50%;
	padding: 0.4em;
	background: #c21718;
	font-weight: 600;
}

.icon-center{
	text-align:center;
}

#kontakte span{
	padding-top:0px;
}


.ml0{margin-left:0px!important;}
.mr0{margin-right:0px!important;}

.pl0{padding-left:0px!important;}

.pb0{padding-bottom:0px!important;}
.pb20{padding-bottom:20px!important;}
.pt0{padding-top:0px!important;}
.pt20{padding-top:20px!important;}

.mt-30{margin-top:-30px!important;}
.mt-40{margin-top:-40px!important;}
.mt-50{margin-top:-50px!important;}
.mt-80{margin-top:-80px!important;}
.mt-105{margin-top:-105px!important;}
.mt-160{margin-top:-160px!important;}
.mt-250{margin-top:-250px!important;}
.mt-280{margin-top:-280px!important;}

.ml-5{margin-left:-5px!important;}
.ml-10{margin-left:-10px!important;}
.ml-15{margin-left:-15px!important;}

.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;}
.mt120{margin-top:120px!important;}

.mb0{margin-bottom:0px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mb90{margin-bottom:90px!important;}
.mb100{margin-bottom:100px!important;}

h1, h2, h3, h4, h5, h6 {
	color:#c21718;	
}
.bg-hellblau{
	background:#d5d5d5;
}
.bg-weiss{
	background:#FFF;
	max-height:240px;
}

.rot{color:#c21718!important;}
.weiss{color:#fff!important;}
.schwarz{color:#4e4f4e!important;}

a {
	color:#c21718;
}

.color--orange{
	color:#c21718;
}

.dk-blau{
	color:#c21718;
}
	
.bar .logo {
	max-width:100%;
	max-height: 300px !important;
}

#menu1{
	background:#FFF;
}


table th, table td {
    padding: 0;
}

.bg--dark {
    background: #dbdbdb;
}

.wir{
	color:#000;
	font-size:20px;
	padding-top:5px;
}

.wir strong{
	font-weight:700;
}

.ueberschrift{
	margin-top: -26px;
	height: 40px;
	margin-bottom: 20px;
}

.ueberschrift.pos-fixed {
   display:none;
}

a:hover{
	text-decoration: none;
	color:#f90134!important;
}



footer h6{
	color:#c21718;
	font-size:20px;
}

footer{
	border-top: #c21718 solid 3px;
}

footer.space--sm {
    padding-top: 2em;
}


#jobs table td{
	border-bottom: #242424 solid thin;
	font-size:12px;
}

#datenschutz .fa, #gewerbe .fa, #gewerbe2 .fa{font-size:3em;}
#datenschutz p, #gewerbe p{
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
}

#gewerbe2 p{font-size:14px;line-height:18px;}


.leistungen{
	background-image: url(../images/hg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:contain;
}


.no-handy {display:block;}
.only-handy {display:none;}
.no-mini-handy{display:block;}


@media all and (max-width: 768px) {
	.no-handy {display:none;}
	.only-handy {display:block;}
}


.leistung {
	font-size: 14px;
	font-family: 'Raleway','Helvetica', sans-serif;
	font-weight: 600;
	vertical-align:top;
}

.bl-hg-tx{
	color: #fff;
	font-weight: 600;
	text-shadow: -4px 0px 8px #000, -2px -2px 15px #000;
}

.step1-4{
	color: #fff;
	background: #c21718;
	border-radius: 50%;
	padding: 28px;
	margin-top: -60px;
	margin-bottom: 30px;
}


@media all and (max-width: 990px) {
	
	#datenschutz .fa, #gewerbe .fa, #gewerbe2 .fa{
		text-align: center;
		float: right;
		width: 2em;
	}

	.feature h4 + p {
	    max-width: 80%;
	}
	
	
}


@media all and (max-width: 768px) {

	.step1-4{
		margin-left: -40px;
		margin-top: -30px;
		margin-bottom: 30px;
	}
	
	.imp-box{
		min-height:370px;	
	}
	
	.dropdown .dropdown__content h5{
		display:none;	
	}
	.menu-vertical li{
		margin-bottom:0px;
		margin-top:0px;	
	}
	div[class*="col-"] > div[class*="col-"]:last-child {
		padding-right: 15px;
	}
	/*
	.menu-vertical li:not(:last-child) {
		margin-bottom: -0.30952381em;
	}
	*/
	.dropdown [class*="col-"] + [class*="col-"] {
		margin-top: 0em;
	}
	.dropdown .dropdown__content:not([class="bg--dark"]) .menu-vertical a:hover {
		color: #c21718;
		font-weight:700;
	}
	
	#auswahl{margin-top:0px;}


}

@media all and (max-width: 500px) {
	.no-mini-handy{
		display:none;
	}

	.col-xxs-12{
		width:100%;	
	}	
	.col-xxs-6{
		width:50%;	
	}
	.imp-box{
		min-height:100px;	
	}
	.tabs li{
		padding:2px;
	}
	#kontakt-schaden iframe{height:1250px;}


}