@font-face { font-family: 'DINPro-Light_13935';
             src: url('../fonts/dinpro/DINPro-Light_13935.ttf') format('truetype'); }
html{ font-size: 100%; height: 100%;  overflow-x: hidden; touch-action: manipulation; }

body{ font-size: 15px; font-family: 'DINPro-Light_13935', sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 400;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; 
	color: #000;  }
/*
body{ font-size: 15px; font-family: 'Roboto', sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 400;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; 
	color: #000; }
*/
h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img, inpot, button{ margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6{ line-height: 1.5; font-weight: inherit; }

h1{ font-size: 1.5em; line-height: 1; }
h2{ font-size: 1.4em; line-height: 1.1; }
h3{ font-size: 1.4em; line-height: 1.1; }
h4{ font-size: 1.2em; }
h5{ font-size: 1em; }
h6{ font-size: .5em; letter-spacing: 1px; }

a, button{ display: inline-block; text-decoration: none; color: inherit; transition: all .3s; }

a:focus, a:active, a:hover,
button:focus, button:active, button:hover,
a b.light-color:hover{ text-decoration: none; color: #fff; }
b{ font-weight: 500; }

img{ width: 100%; }

li{ list-style: none; display: inline-block; }

span{ display: inline-block; }

button{ outline: 0; border: 0; background: none; cursor: pointer; }

[type="checkbox"] { margin-left:10px; margin-top: 7px;}

[type="radio"] {}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}


.one-long-linennotklick {
    max-width: 100%;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: hidden;
	    display: -webkit-box;
    -webkit-line-clamp: 24;
    -webkit-box-orient: vertical;
	cursor:pointer;
   }


@media (max-width:767px){
.one-long-linennotklick {
    max-width: 100%;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: hidden;
	    display: -webkit-box;
    -webkit-line-clamp: 24;
    -webkit-box-orient: vertical;
	cursor:pointer;
    text-align: start;
   }
}
.one-long-lineklick {

	max-width: 100%;
    overflow: visible;
    height: auto;
    white-space: inherit;
	-webkit-box-orient: horizontal;
}



.one-long-line {
    max-width: 100%;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: hidden;
	    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
	cursor:pointer;
   }
   .one-long-line1::after  {
    content: "...";
    font-size: larger; 
    color: red; 
}
.one-long-line:hover {
    overflow: visible;
    height: auto;
    white-space: inherit;
	-webkit-box-orient: horizontal;
}

.content-line{
    width: 300px;
    padding: 10px;
    margin: 0 auto;
    background: #ccc;
    border-radius: 10px;
}
.content-line:hover {
overflow: visible;
    height: auto;
    white-space: inherit;

}
.content-line p{   
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.content-line p:hover {
    /* overflow: visible; */
    height: 100%;
    /* white-space: inherit;*/

}


.cat_kurz_nOB {
    background: #24292b;
    padding: 0px 16% 36px 15%;
    /* border-top: 4px solid #f07d00; */
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 2em;
}
.login_input {
    font-weight: 300;
    text-align: left;
    border: none;
    border-radius: 6px;
}
.adtitelef {
    font-weight: 300;
    text-align: left;
    border: none;
    border-radius: 6px;
    float: left;
    color: #fff;
    margin-top: -11px;
    /* margin-bottom: -20px; */
    line-height: 2em;
    font-size: 21px;
}
.adinhaltf {
    font-weight: 300;
    text-align: left;
    border: none;
    border-radius: 6px;
    /* width: 70%; */
    float: left;
    color: #fff;
    margin-top: -4px;
    /* margin-bottom: -20px; */
    line-height: 2em;
    margin-left: 8px;
}
.adtitele {
    font-weight: 300;
    text-align: left;
    border: none;
    border-radius: 6px;
    width: 28%;
    float: left;
    color: #fff;
    margin-top: 10px;
    /* margin-bottom: -20px; */
    line-height: 2em;
    font-size: 21px;
}
.adinhalt {
    font-weight: 300;
    text-align: left;
    border: none;
    border-radius: 6px;
    width: 70%;
    float: left;
	color: #fff;
    margin-top: 20px;
    /* margin-bottom: -20px; */
    line-height: 2em;
}
.sta {
margin-top:20px;
}
.statt {
font-weight:bold;
}
.stattb {
color:#feb209;
}
.stattbsmall {
padding-top: 18px;
    color: #fff;
    font-size: 12px;
    margin-bottom: -13px;
}
.login_input:active, .login_input:focus, .login_input:hover {
    box-shadow: 0 0 8px 7px #0000006b, 0px 0px 15px 0 rgb(0 0 0);
    outline: 0;
    background: #e97c0021;
}
.randdiv{
  float: left;
    width: 7.6%; 
}
.randdivop{
    float: left;
    margin: 12px 10px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
  }
.width_49L {
    height: 47px;
    width: 49%;
    margin-bottom: 4px;
    text-align: left;
    border-radius: 3px;
    margin-top: 17px;
    padding: 0px 6px 5px;
    border: 1px solid #ffffff;
    background: #eeeeee;
    margin-right: 1.3%;
}
.width_49R {
    height: 47px;
    width: 49%;
    margin-bottom: 4px;
    text-align: left;
    border-radius: 3px;
    background: #24292b;
    margin-top: 17px;
    padding: 0px 6px 5px;
    border: 1px solid #ffffff;
    background: #eeeeee;
}
@media only screen 
   and (max-width : 800px) 
   and (max-height : 1280px) {
.width_49L {
    height: 47px;
    width: 100%;
    margin-bottom: 4px;
    text-align: left;
    border-radius: 3px;
    margin-top: 17px;
    padding: 0px 6px 5px;
    border: 1px solid #ffffff;
    background: #eeeeee;

}
.width_49R {
    height: 47px;
    width: 100%;
    margin-bottom: 4px;
    text-align: left;
    border-radius: 3px;
    background: #24292b;
    margin-top: 17px;
    padding: 0px 6px 5px;
    border: 1px solid #ffffff;
    background: #eeeeee;

}
}
.width_30L {
    height: 51px;
    width: 96px;
    margin-bottom: 4px;
    /* text-align: left; */
    border-radius: 0px;
    background: #000;
    margin-top: 17px;
    padding: 11px;
    margin-right: 1.3%;
    float: left;
	
}

.width_30L img{
    width: 123%;
    margin: 2px -8px;
}

.width_30C {
height: 47px;
    width: 91px;
    margin-bottom: 4px;
    text-align: center;
    border-radius: 3px;
    margin-top: 17px;
    padding: 6px;
    margin-right: 1.3%;
    float: left;
	border: 1px solid #ffffff;
    background: #eeeeee;
}
.width_30R {
    height: 47px;
    /* width: 66%; */
    /* border: 0px solid #000000; */
    margin-bottom: 4px;
    text-align: left;
    border-radius: 3px;
    background: #fff;
    margin-top: 30px;
    padding: 0px 0px 0px 19px;
    /* border-bottom: 1px solid #e2e2e2; */
    /* margin-right: 1.3%; */
    float: right;
    background: #24292b;
    color: #fff;
}
.checkc1{
	margin: 0px 6px 0px 0px;
    width: 21px;
	cursor:pointer;
}
.checklink{
    color: #feb902;
}
.width_100 {
height: 47px;
    width: 100%;
    margin-bottom: 4px;
    text-align: left;
    border-radius: 3px;
    margin-top: 17px;
    padding: 6px;
    border: 1px solid #ffffff;
    background: #eeeeee;
}
.div_sm_12_pa{
padding: 0px 0px 0px 20px;
}
.trdivf {
    background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
    width: 100%;
    height: 1px;
    float: left;
    /* margin-left: 12px; */
    /* margin-right: 87%; */
    margin-top: 0px;
    margin-bottom: 30px;
}
.trdiv {
    background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
    width: 23%;
    height: 1px;
    float: left;
    /* margin-left: 28%; */
    margin-right: 87%;
    margin-top: 47px;
    margin-bottom: -13px;
}
.bo100 {
background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
    width: 100%;
    margin-top: 28px;
    color: #fff;
    font-size: 21px;
    padding: 9px 30px;
    text-transform: uppercase;
    font-weight: bold;
    border: 0px;
}
.soca_youtube{
    background-image: url(../../images/youtube.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 78px;
    height: 90px;
    background-size: 50px;
}
.soca_instagram{
    background-image: url(../../images/instagram.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 97px;
    background-size: 61px;
}

.lititele{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}	
.magrin_b20{
margin-bottom:36px;
}
.topbminus{
margin-top: -29px;
}
.ptopp50{
padding-top: 50px;
}
.pbottom16{
    padding-bottom: 16px;
}
.textor{
    color: #E97B07;
}
.jobdivlak {
    border: 0px solid #e9e9e9;
    margin: 13px 48px 13px 0px;
    padding: 0px;
    /*box-shadow: 0px 12px 18px -6px rgba(0,0,0,.3);*/
box-shadow: 0px 8px 23px 2px rgba(0,0,0,.3);
}
.jobdi30vlk{
	width: 29.333333%;
}
.paketitel{
text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 18px 0px 9px 0px;
}

.paketdeteils{
    text-align: center;
    font-size: 15px;
    line-height: 1.7em;
    min-height: 183px;
    color: #666;
}
.paketanfrage{
 text-align: center;
}
.infolak{
text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 20px 6px 20px;
    color: #197ac7;
    margin-bottom: 15px;
    border: 2px solid #197ac7;
    text-transform: uppercase;
    margin-top: 12px;
}

.paketanfrage:hover {
 box-shadow: 0 0 5px #fff;
}

.paketanfrage button:focus, button:active, button:hover {
    text-decoration: none;
    color: #000;
	
}

.preislak{
font-weight: bold;
    color: #e97b47;
    font-size: 18px;
    /* line-height: 2.9em; */
    text-align: center;
    margin-bottom: 10px;
}
.jobdiv30{
	width: 28.333333%;
}
.jobdiv50{
	width: 43.333333%;
}
.jobdiv501{
	width: 47.333333%;
}
.jobdiv100{
	width: 98.333333%;
}	

.jobdiv{
border: 1px solid #e9e9e9;
    margin: 10px 29px;
    padding: 10px 25px;
}	
.jobtitel1{
    margin-top: 27px;
}	
.jobtitel2{
text-align: center;
    font-weight: bold;
    margin: -9px 0px 28px 0px;
    font-size: 17px
}
.jobtitel{
    color: #E97B07;
    line-height: 1.5em;
    margin-bottom: 0px;
    font-size: 17px;
    line-height: 2em;
        font-weight: bold;
}
.jobcat{
	color: #666;
    line-height: 1.5em;
    font-size: 11pt;
    line-height: 2em;
    text-align: justify;
	margin-bottom: 16px;
}
.jobdiv1{
border: 0px solid #e9e9e9;

        padding: 26px 25px;
}	
.jobdiv2{
border: 0px solid #e9e9e9;

        padding: 26px 25px;
    float: right;
}	
.jobdiv3{
border: 0px solid #e9e9e9;
    padding: 15px 10px 1px 10px;
    color: #f00;
    font-size: 18px;
    border-top: 1px solid #efefef;
    margin: 19px 0px 0px 0px;
    background: #ffffff;
    float: left;
    width: 100%;
}
.maila{
    float: right;
    background: #e97b07bd;
        margin: 3px 7.4% 5px 15px;
    padding: 2px 17px 4px 17px;
    font-size: 19px;
    background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
}
.maila:hover{
    background-image: linear-gradient(120deg,#6c6c6c 0%,#c2c2c2 100%)!important;
}
.mailt{
color: #fff;
    margin: 5px 0px;
    float: right;
}
.slidecat{
display:none;
color: rgb(255 255 255);
    z-index: 1000;
    top: 31%;
    position: absolute;
    width: 35%;
    background: #000000a6;
    text-align: center;
    font-size: 45px;
    padding: 24px 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: sans-serif;
    left: 34%;
	letter-spacing: 2px;
}
.div-blau{
    letter-spacing: 1px;
    float: left;
    padding-left: 32px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: 10px 10px;
    font-size: 18px;
    transition: .3s ease-in-out;
    margin-bottom: 0px;
    border: 0;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: inherit;
    background-color: #2692d7;
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 9px 12px;
	background: linear-gradient(to bottom, rgb(249, 170, 74) 30%, rgb(233, 123, 7) 100%);
	font-weight:bold;
	background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
	background-image: linear-gradient(120deg,#feb505 0%,#f47535 100%)!important;
}
#ThumbnailCarousel img {

}

#ThumbnailCarousel div {
    height:250px;
    width:100%;
}

#ThumbnailCarousel.carousel {
    padding-top:30px;
    text-align:center;
}
#mobile{
display:block;
float:right;
}
#activeOrange{
    background: #E97B07;
	background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
}

.size-1{
    font-size: 28px;
}
.slide_div{
    float: left;
}
.v_div{
    background: #fff;
    margin-top: -49px;
    padding-top: 50px;
}
.v_divlak {
  background: #fff;
    margin-top: -49px;
    padding-top: 50px;
	border-top: 4px solid #f07d00;
}
.artikelautol {
    width: 48%;
    min-height: 220px;
    float: left;
    border: 1px solid #d2d2d2;
}

.artikelauto_1 {
    width: 46%;
        min-height: 290px;
    float: left;
    border: 1px solid #d2d2d2;
    margin: 10px 15px 15px 10px;
}
.artikelauto_2 {
width: 46%;
        min-height: 290px;
    float: left;
    border: 1px solid #d2d2d2;
    margin: 10px 15px 15px 10px;
}

.hinweis{  
    /* height: 186px; */
    /* background: #00ff59; */
    width: 100%;
    padding: 23px 0px 18px 0px;
    text-align: center;
    /* background: #111; */
    color: #f44336;
    font-size: 26px;
    line-height: 1.6;
}
.modal-lg-hiweiss{ 
    width: 500px;
}
.modal-lg-hiweiss1{ 
    width: 800px;
}
.h_seo1{
    margin: 12px 0px 34px 0px;
    background: #fff;
    height: 72px;
    padding-top: 16px;
}
.modal-title-hiweiss {
color: #888888;
}
.hinweis1{    
    font-size: 32px;
    color: #000000;
    line-height: 1.6;
    background: #dedede54;
}
.hinweis2{
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    border: 1px solid;
    padding: 47px 0px 56px 0px;
    margin-top: -37px;
    line-height: 2em;
}
#closequ{
    background: #000000;
    width: 46px;
    padding-bottom: 15px;
    position: inherit;
    bottom: -60px;
    color: #fff;
    right: 5px;
    height: 55px;
    font-size: 42px;
    font-weight: normal;
    border-radius: 3px;
}
#borderradius3{
    border-radius: 3px;
}
.div-grbox1 {
margin-top: 10px;
    float: left;
    box-shadow: 0 0px 8px 0 rgba(0,0,0,.16), 0 1px 5px 0 rgba(0,0,0,.12);
    font-size: 15px;
    transition: .3s ease-in-out;
    margin-bottom: 0px;
    border: 0;
    border-radius: .125rem;
    cursor: pointer;
    /* text-transform: uppercase; */
    white-space: normal;
    word-wrap: break-word;
    color: inherit;
    /* background-color: #2692d7; */
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 9px 12px;
    /* background: linear-gradient(to bottom, rgb(185, 185, 185) 30%, rgb(251, 251, 251) 100%); */
    font-weight: bold;
    color: #666666;
    /* background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important; */
    margin-bottom: 17px;
}

.boxcat{
float: left;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
}	
.boxpreis{
    color: #e9711c;
    font-size: 18px;
    float: right;
}	
.maila1 {
    float: right;
    background: #e97b07bd;
    /* margin: 3px 7.4% 5px 15px; */
    padding: 2px 28px 4px 28px;
    font-size: 19px;
    background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
	cursor: pointer;
}
.maila1:hover{
    background-image: linear-gradient(120deg,#6c6c6c 0%,#c2c2c2 100%)!important;
}
@media (max-width: 768px)
{
.cat_kurz_nOB {
    background: #24292b;
    padding: 0px 0px 0px 0px;
    /* border-top: 4px solid #f07d00; */
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 2em;
}
.width_100 {
    height: 47px;
    width: 90%;
    margin-bottom: 4px;
    text-align: left;
    border-radius: 3px;
    margin-top: 17px;
    padding: 6px;
    border: 1px solid #ffffff;
    background: #eeeeee;
    margin: 8px 15px;
}
.width_49L {
    height: 47px;
    width: 90%;
    margin-bottom: 4px;
    text-align: left;
    border-radius: 3px;
    margin-top: 17px;
    padding: 0px 6px 5px;
    border: 1px solid #ffffff;
    background: #eeeeee;
    margin: 8px 15px;
}
.width_49R {
    height: 47px;
    width: 90%;
    margin-bottom: 4px;
    text-align: left;
    border-radius: 3px;
    background: #24292b;
    margin-top: 17px;
    padding: 0px 6px 5px;
    border: 1px solid #ffffff;
    background: #eeeeee;
	 margin: 8px 15px;
}
.stattbsmall {
    padding-top: 18px;
    color: #fff;
    margin: 8px 15px;
    font-size: 12px;
    margin-bottom: -13px;
 
}
.randdivgl{
    margin: 8px 15px;
  }
.width_30R {
    height: 47px;
    /* width: 66%; */
    /* border: 0px solid #000000; */
    margin-bottom: 4px;
    text-align: left;
    border-radius: 3px;
    background: #fff;
    margin-top: 30px;
    padding: 0px 0px 0px 0px;
    /* border-bottom: 1px solid #e2e2e2; */
    /* margin-right: 1.3%; */
    float: right;
    background: #24292b;
    color: #fff;
	    margin: 8px 15px;
}
.width_30L {
    height: 51px;
    width: 96px;
    margin-bottom: 4px;
    /* text-align: left; */
    border-radius: 0px;
    background: #000;
    margin-top: 17px;
    padding: 11px;
    float: left;
        margin: 25px 15px 9px 15px;
}
.width_30C {
    height: 47px;
    width: 91px;
    margin-bottom: 4px;
    text-align: center;
    border-radius: 3px;
    margin-top: 17px;
    padding: 6px;
    margin-right: 1.3%;
    float: left;
    border: 1px solid #ffffff;
    background: #eeeeee;
    margin: 26px 0px 0px 0px;
}
.bo100 {
    background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
    width: 90%;
    margin-top: 28px;
    color: #fff;
    font-size: 21px;
    padding: 9px 30px;
    text-transform: uppercase;
    font-weight: bold;
    border: 0px;
    margin: 8px 15px;
}
.adtitelef {
    font-weight: 300;
    text-align: left;
    border: none;
    border-radius: 6px;
    float: left;
    color: #fff;
    margin-top: -21px;
    margin-bottom: 1px;
    line-height: 2em;
    font-size: 21px;
}
adinhaltf {
    font-weight: 300;
    text-align: left;
    border: none;
    border-radius: 6px;
    width: 100%;
    float: left;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 17px;
    line-height: 2em;
    /* margin-left: 6px; */
}
.adtitele {
    font-weight: 300;
    text-align: left;
    border: none;
    border-radius: 6px;
    width: 100%;
    float: left;
    color: #fff;
    margin-top: 16px;
    /* margin-bottom: -20px; */
    line-height: 2em;
    font-size: 21px;
}
.adinhalt {
    font-weight: 300;
    text-align: left;
    border: none;
    border-radius: 6px;
    width: 100%;
    float: left;
    color: #fff;
    margin-top: 0px;
    /* margin-bottom: -20px; */
    line-height: 2em;
}

.trdiv {
    background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
    width: 39.4%;
    height: 1px;
    float: left;
    /* margin-left: 25%; */
    /* margin-right: 87%; */
    margin-top: 43px;
    margin-bottom: -15px;
}
.jobdiv501{
	width: 100%;
}
.jobdiv1{
    padding: 10px 10px;
}

.jobdiv3{
border: 0px solid #e9e9e9;
    padding: 12px 10px;
    color: #f00;
    font-size: 18px;
    border-top: 1px solid #efefef;
    margin: 20px 0px 3px 0px;
    background: #ffffff;
}
.jobdiv2{
    padding: 10px 10px;
}
.boxcat {
    float: left;
    text-align: left;
    width: 100%;
}
.panel-body {
     padding: 0px;
}
.maila1 {
    float: left;
    background: #e97b07bd;
    /* margin: 3px 7.4% 5px 15px; */
    padding: 2px 28px 4px 28px;
    font-size: 19px;
    background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
    cursor: pointer;
    width: 50%;
    text-align: center;
    margin-left: 27%;
	background-image: linear-gradient(120deg,#6c6c6c 0%,#c2c2c2 100%)!important;
}
.jobdi30vlk{
	width: 100%;
}
.jobdiv{
border: 1px solid #e9e9e9;
    margin: 0px;
    padding: 10px;
    width: 100%;
}
.paketdeteils {
    text-align: center;
    font-size: 18px;
    line-height: 1.7em;
    min-height: auto;
    color: #666;
}	
.preislak {
    font-weight: bold;
    color: #e97b47;
    font-size: 20px;
    /* line-height: 2.9em; */
    text-align: center;
	margin-top: 26px;
    margin-bottom: 10px;
}
.maila {
    float: none;
    background: #e97b07bd;
    margin: 3px 0px 14px 0px;
    padding: 8px 17px 10px 17px;
    font-size: 19px;
    background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
	cursor:pointer;
}

.modal-lg-hiweiss{ 
    margin: 17px 0px;
    width: 99%;
}
.modal-lg-hiweiss1{ 
    width: 100%;
    margin: 65px 0px 0px 0px;
}
.modal-title-hiweiss {
color: #888888;
}
.hinweis1{    
    font-size: 27px;
    color: #000000;
    line-height: 1.6;
    background: #dedede54;
	    font-weight: bold;
}
.hinweis2{  
    color: #fff;
    font-size: 23px;
        padding: 23px 0px 0px 0px;
    font-weight: bold;
}
}

.div1{
width:50%;
}
.div1h{
    padding: 14px 53px 17px 27px;
    float: left;
    width: 50%;
    /* background: #f1f1f1; */
    margin-top: 25px;
    margin-bottom: 11px;
    background: url(../../images/1stunde.png) no-repeat 7%;
    background-size: 51px;
    background-position-x: right;
    color: #575656;
    font-size: 21px;
    text-align: -webkit-auto;
    font-weight: bold;
}
@media all and (max-width: 768px ){
.navbar-inverse {
    background-color: #222222ad;
    border-color: #e97b07 0px;
    padding: 9px;
    height: 59px;
}
.navbar-nav{margin: 0px -26px;}
.navbar-inverse .navbar-nav>li>a{
    color: #ffffff;
    font-size: 12px;
	    font-weight: bold;
		    padding-left: 30px;
 }
.slide_div{
    float:none;
}
}
.slidestart_div{
    float: left;
}
@media all and (max-width: 768px ){
.slidestart_div{
    float:none;
    margin-bottom: -20px;
	margin-top: -30px;
}
}
.divab_new{
width:50%;
min-height:220px;
float:left;
margin-top: -8px;
}
.divab{
width:48%;
min-height:220px;
}
.divnright{
margin-left:4%;
}
@media all and (max-width: 768px ){
.divab{
width:100%;
}
.divnright{
margin-left:0px;
}
.divab_new {
    width: 50%;
    min-height: 220px;
    float: left;
	margin-top:0px;
}
.artikelauto_1 {
    width: 100%;
    min-height: 262px;
    float: left;
    border: 0px solid #d2d2d2;
    margin: 0;
    padding: 10px;
}
.artikelauto_2 {
    width: 100%;
    min-height: 262px;
    float: left;
    border: 0px solid #d2d2d2;
    margin: 0;
    padding: 10px;
}
}
#divcenter{
    text-align: center;}
.divcenter{
    text-align: center;
	    margin-top: 30px;
}
#grspan{
    padding: 21px 0px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #e97b07;
    font-size: 21pt;
	line-height: 50px;
}
#grspan_new{
       padding: 0px 0px 19px 0px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #e97b07;
    font-size: 21pt;
	line-height: 50px;
}
#grspan_new1{
       padding: 64px 0px 19px 0px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #e97b07;
    font-size: 21pt;
	line-height: 50px;
}
.vh2{
    padding-bottom: 0px;
	    text-align: center;
}
.vh3{
    padding-bottom: 0px;
}

@media all and (max-width: 768px ){
#grspan{
    padding: 20px 0px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #e97b07;
    font-size: 15pt;
    line-height: 34px;
	margin-top: -25px;
}
#grspan_new{
    padding: 30px 0px 19px 0px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #e97b07;
    font-size: 15pt;
    line-height: 34px;
	margin-top: -25px;
}
#grspan_new1{
    padding: 60px 0px 19px 0px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #e97b07;
    font-size: 15pt;
    line-height: 34px;
	margin-top: -25px;
}
.vh2{
    padding-bottom: 10px;
}
.vh3{
    padding-bottom: 40px;
}
.v_div {
    background: #fff;
    margin-top: -16px;
    padding-top: 50px;
}
.v_divlak {
    background: #fff;
    margin-top: -16px;
    padding-top: 50px;
	border-top: 4px solid #f07d00;
}
}
.ust{
    height: 2px;
    width: 84px;
    background: #e97b07;
    margin-left: 46.7%;
    margin-bottom: 25px;
}
@media all and (max-width: 768px ){

.ust{
    height: 2px;
    width: 84px;
    background: #e97b07;
    margin-left: 38%;
    margin-bottom: 20px;
}
}
.cat_kurzn3{
    line-height: 1.8em;
    color: #2b2b2b;
	margin-bottom:24px;
}
.grline{
	height: 1px;
    width: 100%;
    background: #e7e7e7;
    margin-bottom: 49px;
    margin-top: 17px;
}
.grline1{
	height: 1px;
    width: 100%;
    background: #e7e7e7;
    margin-bottom: 0px;
    margin-top: 0px;
}
@media all and (max-width: 768px ){
.grline{
    height: 0px;
    width: 100%;
    background: #e7e7e7;
    margin-bottom: 0px;
    margin-top: 0px;
}
}
.videoHDiv{
height:565px;
}
.videoHDivRow{
margin-top: -42px;
    margin-bottom: 44px;
}


#carousel-bounding-video{
    width: 100%;
    border: 0px solid #e4e4e4;
    padding: 0px;
	float:left;
	    margin-bottom: 18px;
}

#carousel-bounding-box{
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 9px;
	float:left;
}

.rowresponsive{
border: 1px solid #e4e4e4;
    padding-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    border-top: 0px;
	
}	
@media all and (max-width: 768px ){
.rowresponsive{
  border: 1px solid #e4e4e4;
    padding-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    border-top: 0px;
}
}



@media all and (max-width: 768px ){
#mobile{
display:none;
}
}
@media all and (max-width: 768px ){
#imap{
display:none;
}
}
.img-responsive{
margin-bottom:10px;
cursor:pointer;
}
.img-responsive:hover{
filter: grayscale(100%);
transform: scale(1.05);
}
.cfooter{
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 47px;
    background-color: #222222ad;
	background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
}
.cfooter_mobile{
display:none;
}

.cfooter{
display:none;
}

.cfooterdivl{
width:50%; float:left; font-size:14px; font-weight:bold;background:#ee7d01;
    text-align: center;    padding: 6px;    margin-top: -6px; border-radius: 3px;
}
.cfooterdivr{
width:47%;font-size:14px;float:right; font-weight:bold;background:#ee7d01;
    text-align: center;    padding: 6px;    margin-top: -6px;border-radius: 3px;
}

.cfooterdivl_lk{
width: 25%;
    float: left;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0px;
    margin-top: -14px;
    /* border-radius: 3px; */
    border-left: 0px solid #fff;
}
.cfooterdivr_lk{
width: 25%;
    float: left;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0px;
    margin-top: -14px;
    /* border-radius: 3px; */
    border-left: 1px solid #0000005e;
}

@media all and (max-width: 768px ){
.cfooter{
display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 56px;
    background-color: #00000099;
    padding-top: 18px;
    margin-bottom: 5px;	
}
}
.kontaktformfooterp{
    float: right;
    margin-right: 84px;
    padding: 11px 11px 11px 12px;
    /* bottom: 4%; */
    font-size: 19px;
    width: 186px;
    border: 1px solid white;
    text-align: center;
    letter-spacing: 1px;
    font-weight: bold;
    margin-top: 4px;
}
.kontaktformfooterp:hover{
 background-image: linear-gradient(120deg,#feb704 0%,#f37434 100%)!important;
}
.cfooterformp{
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 47px;
    margin-bottom: 104px;

}
.kontaktformfooter{
    float: right;
    background: #e97b07bd;
    margin-right: 55px;
    padding: 13px 12px 14px 12px;
    bottom: 4%;
    font-size: 19px;
	background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
	width:184px;
}

.cfooterform{
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 47px;
    margin-bottom: 30px;
}
#cat_kurz_bottom{
padding-bottom:46px;
}
.fc_catpreise_div{
visibility: hidden; height: 0px !important; position: absolute; margin: -80px;
}
@media all and (max-width: 768px ){
.fc_catpreise_div{
visibility: hidden; height: 0px !important; position: absolute; margin: -50px;
}
.cfooterform{
    display: none;
}

.kontaktformfooterp {
  float: left;
    margin-right: 74px;
    padding: 2px 11px 3px 11px;
    /* bottom: 4%; */
    font-size: 15px;
    width: 111px;
    border: 1px solid white;
    text-align: center;
    letter-spacing: 1px;
    font-weight: bold;
    margin-top: 17px;
}

.cfooterformp {
display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 117px;
    height: 47px;
    top: 0%;
    margin-left: 55%;
    height: 59px;
}


}

.terminbuchen{
display:block;
}
.terminbuchen_mobile{
display:none;
}
@media all and (max-width: 768px ){
.terminbuchen{
display:none;
}
.terminbuchen_mobile{
display:block;
    margin-right: -10px;
	margin-top:-10px;
	margin-bottom:-20px;
}
.terminbuchen_mobile_new {
    display: block;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: -21px;
    margin: 3px 0px 0px 0px;
}
}

.cat_kurz{
    line-height: 1.5em;
    color: #fff;
    margin-bottom: 0px;
    font-size: 13pt;
	line-height: 2em;
}

.cat_kurz a{
/*color:#f9aa4a;
font-weight:bold;*/
}
.colorf {
color:#fff;
line-height: 1.5em;
    margin-bottom: 0px;
    font-size: 12pt;
	line-height: 1.6em;
}
.colorschwarz {
    color: #000;
    line-height: 1.5em;
    margin-bottom: 0px;
    font-size: 13pt;
	line-height: 2em;
}
.colorgr {
    color: #666;
    line-height: 1.5em;
    margin-bottom: 0px;
    font-size: 12pt;
	line-height: 1.6em;
}
.colorgrau{
    color: #666;
}
#bgweiss{
background:#fff;
}

#bggrau{
background:#24292b;
}
#bggraupadding {
    background: #fff;
    padding: 20px 0px 34px 0px;
}
#bggra{
background:#24292b;
}
.slink{
    padding: 10px;
    background: #fff;
    color: #24292b;
    margin-left: 22px;
}
.slink:hover{
color:#f37335 ;
}

.cat_kurz_n{
    background: #24292b;
	padding: 31px 15% 30px 15%;
    border-top: 4px solid #f07d00;
    color: #fff;
    text-align: center;
    font-size: 12pt;
    line-height: 1.6em;;
}
.cat_vornach_media{
    background: #24292b;
	padding: 31px 15% 30px 15%;
    border-top: 4px solid #f07d00;
    color: #fff;
    text-align: center;
    font-size: 12pt;
    line-height: 1.6em;
	float:left;
    width:100%;
}
.cat_vornach_media1{
    padding: 33px 0px 0px 0%;
    border-top: 1px solid #ffffff;
    color: #fff;
    text-align: center;
    font-size: 12pt;
    line-height: 1.6em;
    float: left;
    width: 100%;
    margin-top: 17px;
}
.cat_vornach{
    background: #24292b;
	padding: 31px 15% 30px 15%;
    border-top: 4px solid #f07d00;
    color: #fff;
    text-align: center;
    font-size: 12pt;
    line-height: 1.6em;
	float:left;
    width:100%;
}
.cat_video{
background: #24292b;
    border-top: 4px solid #f07d00;
    color: #fff;
    text-align: center;
    padding: 58px 0px 40px 0px;
    /* margin-bottom: 13px;*/
}
.nurvideo{
    border: 0px;
    margin-bottom: 0px;
    padding: 58px 0px 0px 0px;
}
.nurimg{
    
}
.slide {
    border: 0px;
	margin-bottom: 0px;
}
 @media all and (max-width: 768px ){
 .slide {
    border: 0px;
	margin-bottom: 0px;
}
.cat_kurz{
color: #fff;
    margin-bottom: -18px;
    margin-top: -4px;
    text-align: justify;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    line-height: 2em;
}
.cat_kurz_n{
    background: #24292b;
    padding: 20px 9px;
    border-top: 4px solid #f07d00;
    color: #fff;
    text-align: center;
    font-size: 13px;

    width: 100%;
    line-height: 2em;
    font-size: 1.05em;
	    margin-bottom: 16px;
}
.cat_vornach_media{
    background: #24292b;
    padding: 20px 9px;
    border-top: 4px solid #f07d00;
    color: #fff;
    text-align: center;
    font-size: 13px;
    width: 100%;
    line-height: 2em;
    font-size: 1.05em;
	float:left;
}
.cat_vornach_media1{
    background: #24292b;
    padding: 20px 9px;
    border-top: 1px solid #ffffff;
    color: #fff;
    text-align: center;
    font-size: 13px;
    width: 100%;
    line-height: 2em;
    font-size: 1.05em;
	float:left;
}
.cat_vornach{
    background: #24292b;
    padding: 20px 9px;
    border-top: 4px solid #f07d00;
    color: #fff;
    text-align: center;
    font-size: 13px;

    width: 100%;
    line-height: 2em;
    font-size: 1.05em;
	
	float:left;
}

.cat_video{
background: #24292b;
    border-top: 4px solid #f07d00;
    color: #fff;
    text-align: center;
    padding: 21px 0px 29px 0px;
    margin-bottom: 0px;
    margin-top: -19px;
}
.nurvideo{
    border: 0px;
    margin-bottom: 0px;
    padding: 58px 0px 0px 0px;
}
.nurimg{

}
.videoHDiv{
height:auto;
}
.videoHDivRow{
margin-top: -49px;
    margin-bottom: 44px;
}

}
.container_fragen{
    background: url(../../images/faqzeichen.png);
    background-repeat: no-repeat;
    height: 85px;
    width: 86px;
    background-size: 104px;
    /* background-position: 22% 100%; */
    /* position: absolute; */
    margin-bottom: 0px;
    margin-top: -79px;
    float: left;
    -webkit-transform: rotate(-36deg);
    -moz-transform: rotate(17deg);
    margin-left: -69px;
}

.videostart{
width: 100%;
    autoplay:"true";
	}
@media all and (max-width: 768px ){
.container_fragen{
display:none;
}


.videostart{
    autoplay:"false"}
}
.div_3eck_bottom1 {
    width: 0px;
    height: 0px;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 19px 15px 0 15px;
    border-color: #e9e9e9 transparent transparent transparent;
    margin-left: 50%;
    margin-top: -1px;
}

.frage1 {
    background: #e9e9e9;
    /* border: 1px solid #eeeeee; */
    padding: 15px 15px 15px 15px;
    margin-top: 42px;
    border-radius: 4px;
    text-align: center;
    border-bottom: 20px
}
.antwort1 {
    padding: 13px 60px 19px 60px;
    /* border-bottom: 1px solid #eeeeee; */
    border-top: 0px;
    text-align: center;
}

.div_3eck_bottom {
    width: 0px;
    height: 0px;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 19px 18px 0 15px;
    border-color: #e9e9e9 transparent transparent transparent;
    margin-left: 96.7%;
    margin-top: -13px;
    -webkit-transform: rotate(59deg);
    -moz-transform: rotate(59deg);
}
.frage {
    background: #e9e9e9;
    /* border: 1px solid #eeeeee; */
    padding: 27px 30px 28px 30px;
    margin-top: 42px;
    border-radius: 4px;
    /* text-align: center; */
    border-bottom: 20px;
    line-height: 1.6em;
}
.antwort {
	padding: 120px 0px 10px 0px;
    /* border-bottom: 1px solid #eeeeee; */
    border-top: 0px;
    line-height: 1.6em;
    /* text-align: center; */
}
.vornach1 {
float:left;
width:100%;
	}
.vornach2 {
float:left;
margin-top: 16px;
width:100%;
}	
.parnv {
    background: #404040;
    /* border: 1px solid #eeeeee; */
    padding: 10px 3px 10px 4px;
    margin: 10px -10px;
    border-radius: 4px;
    /* text-align: center; */
    border-bottom: 20px;
    line-height: 1.6em;
    color: #ffffff;
	border-width: 3px;
    border-style: solid;
       /* border-image: linear-gradient( to bottom, #f37335 , #f37335 ) 1 100%;
    border-right: 0px;*/
	    border: 0px;
    border-left: 3px solid #f37335;
    float: left;
    width: 100%;
	}
	
@media all and (max-width: 768px ){
.navbar {
    position:fixed;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
	    width: 100%;
}
.div_3eck_bottom {
    width: 0px;
    height: 0px;
    /* -webkit-transform: rotate(360deg); */
    border-style: solid;
    border-width: 19px 18px 0 15px;
    border-color: #e9e9e9 transparent transparent transparent;
    margin-left: 48%;
    /* margin-top: -13px; */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
.parnv {
    background: #404040;
    /* border: 1px solid #eeeeee; */
    padding: 10px 3px 10px 4px;
    margin: 10px 0px 10px -1px;
    border-radius: 4px;
    /* text-align: center; */
    border-bottom: 20px;
    line-height: 1.6em;
    color: #ffffff;
	border-width: 3px;
    border-style: solid;
   /* border-image: linear-gradient( to bottom, #f37335 , #f37335 ) 1 100%;
    border-right: 0px;*/
	    border: 0px;
    border-left: 3px solid #f37335;
	}

.frage {
    background: #e9e9e9;
    /* border: 1px solid #eeeeee; */
    padding: 15px 15px 15px 15px;
    margin-top: 10px;
    border-radius: 4px;
    /* text-align: center; */
    border-bottom: 20px;
    line-height: 1.6em;
}
.antwort {
    padding: 9px 15px 30px 15px;
    /* border-bottom: 1px solid #eeeeee; */
    border-top: 0px;
    line-height: 1.6em;
    text-align: justify;
}
}
#img100{
width: 115px;
    margin: 15px 15px 15px -5px;
}
#div_on_text2{
color:#3b3b3b;
margin-left: 10px;
}
#widthselect {
width:403px;
}

.bootstrap-select {
  width: 220px \0;
  /* IE9 and below */
}
.bootstrap-select > .btn {
  width: 100%;
  padding-right: 25px;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select .btn:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .btn {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 1035;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.dropdown-header {
  cursor: default;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu li .media {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li .media-body {
  vertical-align: middle;
  white-space: normal;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .btn {
  z-index: 1036;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox input.form-control {
  margin-bottom: 0;
  width: 100%;
}
.mobile-device {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
.submitclass1 {
    background: #f6f6f6;
    color: #000000;
    border: 1px solid #929292;
    padding: 7px 43px;
    margin-right: -5px;
    font-weight: bold;
    font-size: 16px;
    /* clear: right; */
    /* margin-top: 30px; */
    /* box-shadow: 1px 10px 15px rgba(0,0,0, .15); */
    border: 1px solid #FF9800;
    background: #fff;
    /* color: #000000; */
    text-transform: uppercase;
    font-size: 14px;
    /* padding: 11px 10px; */
    /* margin-left: -9px; */
    border-radius: 2px;
    box-shadow: 0px 2px 18px 0px rgb(224, 224, 224);
}
.submitclass1:hover {
    background:#fff;
	border:1px solid #389bda;
	color:#389bda;
	}
.submitclass {
    background: #f6f6f6;
    color: #e97b07;
    border: 1px solid #e97b07;
    padding: 10px 55px;
    margin-right: 8px;
    font-weight: bold;
    font-size: 16px;
    clear: both;
    /* margin-top: 30px; */
    /* box-shadow: 1px 10px 15px rgba(0,0,0, .15);
    border: 1px solid #bfbfbf; */
    background: #fff;
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    /* padding: 11px 10px; */
    margin-left: 5px;
    border-radius: 2px;
    box-shadow: 0px 2px 18px 0px rgb(224, 224, 224);
}
.submitclass:hover {
    background:#fff;
	border:1px solid #389bda;
	color:#389bda;
	}
.bggr{
    padding: 2px 5px 6px 32px;
    float: left;
    width: 100%;
    /* background: #f1f1f1; */
    margin-top: 15px;
    margin-bottom: 20px;;
}
.bggr1{
    /* padding: 10px 33px 6px 32px; */
    float: left;
    width: 100%;
    background: #f1f1f1;
    margin-top: 8px;
    /* margin-bottom: 10px; */
}
.bggr2{
    padding: 10px 33px 6px 32px;
    float: left;
    width: 100%;
    /* background: #f1f1f1; */
    margin-top: 22px;
    margin-bottom: 11px;
}
.img_captcha_text{
    color: #000000;
    font-weight: bold;
    /* text-transform: capitalize; */
    letter-spacing: 1px;
    /* float: left; */
    font-size: 10px;
    margin-top: 30px;
    font-style: italic;
    margin-bottom: -11px;
}
.divtermin{
    padding: 14px 58px 18px 1px;
    float: left;
    /* width: 100%; */
    /* background: #f1f1f1; */
    margin-top: 25px;
    margin-bottom: 11px;
    background: url(../../images/Kalender_Button.png) no-repeat 7%;
    background-size: 49px;
    background-position-x: right;
    color: #b1122e;
    font-size: 21px;
    text-align: -webkit-auto;
    font-weight: bold;
}
.divtermin a{
color: #b1122e;
}

.termin_div0{
margin-top: 14px;
    width: 100%;
    float: left;
    margin-bottom: -10px;
}

.termin_div1{
    width: 50%;
    float: left;
    padding: 6px 10px 3px 80px;
}

.termin_div2{
	width: 50%;
    float: left;
    padding: 6px 10px 3px 45px;
}


.divtermin_new{
padding: 50px 14px 1px 1px;
    float: left;
    /* width: 100%; */
    /* background: #f1f1f1; */
    /* margin-top: 25px; */
    /* margin-bottom: 11px; */
    background: url(../../images/Kalender_Button_new.png) no-repeat 30% 8%;
    /* background-size: 49px; */
    /* background-position-x: right; */
    color: #ffffff;
    font-size: 19px;
    text-align: -webkit-auto;

}
.divtermin_new :hover{
    text-decoration: none;
    color: #000;

}
.termin_div1 button:focus, button:active, button:hover {
    text-decoration: none;
    color: #000;
}

.divtermin_new a{
color: #b1122e;

}
.divzeit_new{
        padding: 50px 6px 1px 1px;
    float: left;
    /* width: 100%; */
    /* background: #f1f1f1; */
    /* margin-top: 25px; */
    /* margin-bottom: 11px; */
    background: url(../../images/Montagezeit.png) no-repeat 46% 8%;
    /* background-size: 49px; */
    /* background-position-x: right; */
    color: #ffffff;
    font-size: 19px;
    text-align: -webkit-auto;
}
 @media all and (max-width: 768px ){
 .divtermin{
    padding: 15px 0px 16px 60px;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    background: url(../../images/Kalender_Button.png) no-repeat ;
	    background-position: 5px 3px;
    background-size: 47px;
    /* background-position-x: left; */
    color: #b1122e;
    font-size: 16px;
    /* font-style: italic; */
    text-align: -webkit-auto;
    font-weight: bold;
	width:100%;
}
.divtermin_new {
    padding: 50px 14px 1px 1px;
    float: left;
    /* width: 100%; */
    /* background: #f1f1f1; */
    /* margin-top: 25px; */
    /* margin-bottom: 11px; */
    background: url(../../images/Kalender_Button_new.png) no-repeat 30% 8%;
    /* background-size: 49px; */
    /* background-position-x: right; */
    color: #ffffff;
    font-size: 19px;
    text-align: -webkit-auto;
}
.div1 {
    float: left;
    margin-top: 26px;
    width: 50%;
    background: #f7f7f7;
    border-right: 1px solid #e6e6e6;
}
.div1h {
    float: left;
    padding: 15px 17px 16px 32px;
    float: left;
    width: 50%;
    /* background: #f1f1f1; */
    margin-top: 26px;
    margin-bottom: 11px;
    background: #f7f7f7  url(../../images/1stunde.png) no-repeat;
    background-size: 48px;
    background-position-x: right;
    color: #575656;
    font-size: 16px;
    text-align: -webkit-auto;
    font-weight: bold;
    background-position: 97%;
	
}
 }
.unsertipp{
    float: right;
    /* transform: rotate(2deg); */
    color: #fff;
    background: #FF0000;
    margin-top: -30px;
    padding: 2px 44px;
    font-size: 25px;
    font-style: italic;
    position: absolute;
    background: url(../../images/unsertipp.png) no-repeat 0% 9%;
    height: 198px;
    width: 134px;
    margin-left: 81.39%;
}
 @media all and (max-width: 768px ){
.unsertipp{
    float: right;
    /* transform: rotate(2deg); */
    color: #fff;
    background: #FF0000;
    margin-top: -13px;
    /* padding: 2px 44px; */
    font-size: 25px;
    font-style: italic;
    position: absolute;
    background: url(../../images/unsertipp.png) no-repeat 98% 12%;
    height: 158px;
    width: 144px;
    margin-left: 56.3%;
    background-size: 35%;
}
        }
.row1{
float:left;
}

.icon_div {
    width: 100px;
}
.divulhaeck {
    width: 16px;
    height: 32px;
    border: solid #e97b07;
    border-width: 0 6px 5px 0;
    transform: rotate(45deg);
    float: left;
    margin: -12px 17px 0px 0px;
}
ul#divul{
list-style: none;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
    margin-top: 26px;
    margin-bottom: 46px;
}
ul#divul li{
display: inline-block;
    padding: 2px 33px;
    /* background-color: #ccc; */
    padding-top: 30px;
    font-weight: bold;
    color: #5d5d5d;
    background: url(../../images/hacken_2.png) no-repeat 0% 100%;
    background-size: 29px;
}
.artikelimg{
height:150px;
}
.cat_img_new{
    width: 88%;
    margin: 0 auto;
}
.backartikel{
    background: #24292b;
    margin: 0 auto;
    text-align: center;
    height: 138px;
    border-top: 2px solid #ffffff;
    outline: 2px solid #24292b;
    box-shadow: 0px 0px 0px #24292b, 0px -3px 0px #24292b;
}
.artikel_new{
    font-size: 19px;
    padding: 15px 0px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.preisdurch1_new{
    font-size: 24px;
    font-weight: bold;
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-color: red;
    -webkit-text-decoration-color: red;
    color: #FFFFFF;
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 20px;	
}
.preisdurch1_leer_new{
    font-size: 24px;
    font-weight: bold;
	    color: #FFFFFF;
}

.preis0_new{
	font-size: 24px;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    float: left;
    padding-left: 20px;
}

.preis1_new{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    width: 50%;
    float: left;
    text-align: left;
    padding-left: 20px;
}

.artikelangfrage{
margin-top: 31px;
    font-size: 22px;
    padding: 8px 1px;
	    width: 100%;
    color: #FFFFFF;
    background: linear-gradient(to bottom, rgb(249, 170, 74) 30%, rgb(233, 123, 7) 100%);
}
.eckdetails{
    background: #ffffff;
    color: #e97b07;
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    padding-top: 7px;
    border-left: 1px solid #dddddd;
}
.eck{
border-style: solid;
    border-width: 44px 208px 0px 208px;
    border-color: #ffffff transparent transparent transparent;
}
.eckbraun {
    border-style: solid;
    border-width: 4px 20px 22px 20px;
    border-color: #d8d8d800 #c4c4c400 #eb800d #23611700;
    width: 14px;
    margin: 0 auto;
    background: linear-gradient(to bottom, rgb(249, 170, 74) 30%, rgb(233, 123, 7) 100%);
}

#divulnew{}
ul#divulnew{
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-left: 104px;
    margin-top: 30px;
}
ul#divulnew li{
    padding: 6px 0px 13px 51px;
    padding: 39px 0px 13px 51px;
    padding: 7px 0px 13px 50px;
    font-weight: normal;
    color: #020202;
    background: url(../../images/check_weiss.png) no-repeat 0% 11%;
    background-size: 36px;
    color: #FFFFFF;
    font-size: 21px;
}
ul#divulnew li:after {
    content: "";
    display: block;
    width: 126px;
    padding-top: 16px;
    border-bottom: 1px solid #fff;
    transition: .5s;
    margin-left: -5px;
}
 @media all and (max-width: 768px ){
 .divulhaeck {
    width: 11px;
    height: 20px;
    border: solid #e97b07;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
    float: left;
    margin: -3px 17px 0px 0px;
}
ul#divul{
    list-style: none;
    margin: 0px;
    padding: 0px;
	font-weight: bold;
    color: #616161;
	    margin-top: 26px;
    margin-bottom: -15px;

  
}
ul#divul li{
    display: inline-block;
    padding: 11px 0px 0px 31px;
    /* background-color: #ccc; */
    /* padding-top: 30px; */
    font-weight: normal;
    color: #5d5d5d;
    background: url(../../images/hacken_2.png) no-repeat 6% 93%;
    background-size: 18px;
    width: 49%;
    font-size: 14px;
}
        }


#aktionid{
text-align: center;
    padding: 7px;
}
#gutscheinid{
text-align: center;
    padding: 7px;
}
#st65id{
    text-align: center;
    padding: 7px;

}
#st85id{
    text-align: center;
    padding: 7px;
}
#st95id{
    text-align: center;
    padding: 7px;
}
 @media all and (max-width: 768px ){
 
#aktionid{
      text-align: center;
    padding: 7px 5px 7px 7px;
}
#gutscheinid{
      text-align: center;
padding: 7px 5px 7px 7px;
}
.stid{
min-width: 74px;
}
#st65id{
      text-align: center;
padding: 7px 5px 7px 7px;
}
#st85id{
      text-align: center;
padding: 7px 5px 7px 7px;
}
#st95id{
      text-align: center;
padding: 7px 5px 7px 7px;
}
}
#alert{
background: rgb(240, 125, 0) none repeat scroll 0% 0%;
border: 1px solid rgb(93, 93, 93);
position: absolute;
margin-top: -7px;
font-size: 12px;
padding: 7px 0px 7px 4px;
border-radius: 4px;
margin-left: 1px;
width: 85%;
font-weight: bold;
}
#alles_ok{
background: rgb(66, 180, 30) none repeat scroll 0% 0%;
border: 1px solid rgb(93, 93, 93);
position: absolute;
margin-top: -75px;
font-size: 14px;
padding: 30px 0px 0px 6px;
border-radius: 4px;
margin-left: -1px;
width: 1194px;
font-weight: bold;
height: 45px;
display: none
}

.color-orange{
    color: #909090;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 1px;
    float: left;
    font-size: 1.3em;
    /* margin-left: -2px; */
    /* font-style: italic; */
}
.color-orange1{
color: #E97B07;
    font-weight: bold;
    font-size: 1.5em;
    letter-spacing: 1px;
    float: left;
    margin-top: 7px;
        margin-left: -8px;
}
.color-blau{
color: #2692d7;
    font-weight: bold;
    font-size: 1.3em;
    letter-spacing: 1px;
    float: left;
    padding-left: 32px;
}
.trenndiv{
font-weight: bold;
    font-size: 20px;
    text-transform: capitalize;
    float: left;
    border-left: 2px solid #e97b07;
    height: 27px;
    margin: -1px 13px;
}

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

.color-orange{
    color: #909090;
    /* font-weight: bold; */
    text-transform: capitalize;
    letter-spacing: 1px;
    float: left;
    font-size: 17px;
    margin-top: 2px;
}
.color-orange1{
color: #E97B07;
    font-weight: bold;
    font-size: 1.5em;
    text-transform: capitalize;
    letter-spacing: 1px;
    float: left;
    margin-top: 7px;
        margin-left: -8px;
}
.color-blau{
color: #2692d7;
    font-weight: bold; 
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 1px;
    float: right;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px;
}
.trenndiv{
color: #2692d7;
    font-weight: bold;
    font-size: 20px;
    text-transform: capitalize;
    float: left;
    border-left: 2px solid #777777;
    height: 22px;
	 margin: 0px 0px;
}
}

 .sdiv1{
    padding: 10px 0px;
    color: #24292b;
    margin-right: 50px;
    width: 38%;
    float: left;
    border-top: 1px solid #f3f3f3;
    text-align: left;
    border-bottom: 1px solid #f3f3f3;
	    margin-top: -1px;
}
.sdiv1 a:hover{
color:#f37335 ;
}

 .sdiv1 a{
 width:90%;
}
.sdiv1 a:hover{
color:#f37335 ;
}
 .spfeil{
    color: #f78827;
    float: right;
    font-weight: bold;
    font-size: 18px;
	margin-top: -3px;
}
.sdiv{

}
 @media all and (max-width: 768px ){
 .sdiv{
    width: 100%;
    margin-left: 0%;
    margin-bottom: 30px;
}
 .sdiv1{
    padding: 10px 0px;
    color: #24292b;
    margin-left: 10px;
    width: 44%;
    float: left;
    border-top: 1px solid #f3f3f3;
    text-align: left;
    border-bottom: 1px solid #f3f3f3;
    margin-right: 10px;
	margin-top: -1px;
}

.sdiv1:hover{
color:#f37335 ;
}
        }

.trenndivtop{
    margin-top: 46px;
}
.trenndivbottom{
margin-bottom: 46px;
}
.trenndivheight{
height: 46px;
}
.divborder1{
    border: 1px solid #ddd;
    margin-left: -10px;
    border-left: 0px;
    margin-bottom: 24px;
	margin-top:0px;
	min-height: 590px;
}
.divborder1_new {
    border: 1px solid #ddd;
    margin-left: -10px;
    border-left: 0px;
    margin-bottom: 24px;
    margin-top: 0px;
   min-height: 506px;
}
.top30px {
	margin-top: 43px;
    background: #f9f9f9;
}
.top30px_new {
	margin-top: 43px;
    background: #e97b07;
    padding: 0px 0px 10px 0px;
	background: linear-gradient(to bottom, rgb(249, 170, 74) 30%, rgb(233, 123, 7) 100%);
	background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
}
 @media all and (max-width: 768px ){
 .eckdetails {
    color: #e97b07;
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    padding-top: 0px;
    border: 0px solid #dddddd;
    /* margin-top: -21px; */
    border-top: 0px;
    border-bottom: 0px;
    margin: 0 auto;
    width: 173px;
    margin-top: 1px;
    padding-top: 6px;
    background: #f9aa4a;
	display:none;
}
 .eck {
 	display:none;
    border-style: solid;
    border-width: 65px 172px 29px 181px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -37px;
}
.slidecat{
display:none;
    color: rgb(255 255 255);
    z-index: 1;
    top: 22%;
    position: absolute;
    width: 100%;
    background: #0000008a;
    text-align: center;
    font-size: 22px;
    padding: 20px 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: sans-serif;
    left: 0%;
    letter-spacing: 2px;
}
ul#divulnew {
list-style: none;
    margin: 0 auto;
    padding: 0px;
    padding-left: 79px;
    margin-top: 3px;
}
ul#divulnew li {
    padding: 6px 0px 13px 51px;
    padding: 39px 0px 13px 51px;
    padding: 7px 0px 13px 50px;
    font-weight: normal;
    color: #020202;
    background: url(../../images/check_weiss.png) no-repeat 0% 11%;
    background-size: 36px;
    color: #000000;
    font-size: 21px;
}
ul#divulnew li:after {
    content: "";
    display: block;
    width: 126px;
    padding-top: 16px;
    border-bottom: 1px solid #0c0c0c;
    transition: .5s;
    margin-left: -5px;
}
.termin_div0 {
    margin-top: 14px;
    width: 100%;
    margin-bottom: 0px;
}
.termin_div1 {
    width: 50%;
    float: left;
    padding: 6px 10px 3px 60px;
}
.termin_div2 {
    width: 50%;
    float: left;
    padding: 6px 10px 3px 63px;
}
.divborder1{
       border: 0px solid #ddd;
    margin-left: -10px;
    border-left: 0px;
    margin-bottom: 24px;
	background:#FFFFFF;
}

.top30px {
    margin-top: -3px;
    background: #fff;
    padding-bottom: 82px;
    margin-bottom: 40px;
}
.top30px_new {
margin-top: 14px;
    background: #fff;
    padding-top: 36px;
    margin: 0px;
    margin-bottom: 37px;
    background: #fff;
    border: 0px;
    /* margin: -1px 8px 28px 8px; */
    min-height: 337px;
    rgb(249, 170, 74) 30%, rgb(233, 123, 7) 100%): ;
background-image: linear-gradient(120deg,#e2e2e2 0%,#ffffff 100%)!important;
}

.termin_div1 {
    width: 50%;
    float: left;
    padding: 6px 10px 3px 45px;
}

 }
.divborder{
    border: 1px solid #ddd;
    margin-top: -3px;
    padding-bottom: 24px;
    margin-left: 10px;
    padding-top: 13px;
    width: 98.4%;
}

.divbordertop{
border-top: 1px solid #aad4ef;
margin-bottom: 0px;
}
.divbordertop1{
    border-top: 1px solid #aad4ef;
    margin-bottom: -6px;
    margin-top: 26px;
}
.divborderbottom{
    border-bottom: 1px solid #dddddd;
    margin-bottom: 1px;
    padding-bottom: 12px;
    width: 94%;
    margin-left: 23px;
}
.divborderbottom_new{
border-bottom: 1px solid #dddddd;
    /* margin-bottom: 1px; */
    padding-bottom: 1px;
    width: 100%;
    margin: 10px 0px;
}

 @media all and (max-width: 768px ){
.trenndivtop{
    margin-top: 46px;
}
.trenndivbottom{
margin-bottom: 46px;
}
.trenndivheight{
height: 46px;
}
        }
.control input:checked ~ .control_indicator {
    background: #ffffff;
}
.control {

    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 0px;
}
.control_indicator {
position: absolute;
    top: 0px;
    left: 0;
    height: 17px;
    width: 17px;
    background: #ffffff;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    margin-top: 4px;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-checkbox .control_indicator:after {
    left: 4px;
    top: -1px;
    width: 4px;
    height: 10px;
    border: solid #2692d7;
    border-width: 0 2px 3px 0;
    transform: rotate(45deg);
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
	}
.box_grau{
 margin: 15px 5px 0px 0px;
	}
.box_grau1{
        margin: 15px 0px 0px 5px;
	}
.box_grauimg{
    /* height: 28px; */
    width: 87px;
    /* float: left; */
    margin-top: 10px;
	}
.box_grauimg_new {
    /* height: 59px; */
    width: 132px;
    /* float: left; */
    margin-top: -7px;
}
.artikel{
    float: left;
    font-size: 17px;
    margin-left: 12px;
    margin-top: -1px;
    color: #4c4c4c;
    width: 96px;
	}
.col-md-3 .img-thumbnail {
    height:100%;
}


.cat_imgborder {
border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,.3);
}
 @media all and (max-width: 768px ){
.cat_imgborder {
border-radius: 5px;
    overflow: hidden;
    1px 1px 1px 4px rgba(242, 242, 242, 0.3)
	margin-top:14px;
	width:80%;
	margin-left:10%;
	margin-top:20px;
	margin-bottom:20px;
	}
        }
#orangespan10 {
    color: #E97B07;
    margin: 22px 0px 17px 0px;
    font-weight: bold;
}
#orangespan1 {
    color: #E97B07;
	    margin: 10px 0px 25px;
}
#orangespan2 {
    color: #E97B07;
	    margin: 10px 0px 25px;
}
#orangespan4 {
    color: #525252;
    margin: 40px 0px 10px;
    font-size: 16px;
	text-align:center;
    font-weight: bold;
	line-height:1.5em;
}
#orangespan2 {
    color: #b1122e;
    margin: 20px 0px -9px;
    font-weight: bold;
    font-size: 22px;
}
#orangespan3 {
    color: #E97B07;
    margin: 0px 0px 22px;
    font-weight: bold;
	text-align:center;
}
#orangespan3_new {
color: #E97B07;
    margin: 0px 9px 9px 9px;
    font-weight: bold;
    /* margin-left: 9px; */
    border-bottom: 1px solid #1111;
    padding-bottom: 9px;
}
#schwarzspan {
    color: #000;
    font-weight: normal;
    font-size: 18px;
	padding-bottom: 21px;
}
 @media all and (max-width: 768px ){
#schwarzspan {
color: #000;
margin: 10px 0px 1px;
font-size: 15px;
font-weight: normal;
}
        }

		
#orangespan {
    color: #E97B07;
    margin: 34px 0px 12px;
    font-weight: bold;
}
 @media all and (max-width: 768px ){
#orangespan {
    color: #E97B07;
    margin: 10px 0px 1px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.8em;
}
}

#orangespan1 {
    color: #E97B07;
    margin: -4px 0px 12px;
    font-weight: bold;
	line-height: 2em;
}
#orangespan2 {
    color: #E97B07;
    margin: -4px 0px 12px;
    font-weight: bold;
}
#orangespan1_new {
    color: #E97B07;
    margin: -4px 0px 12px;
    font-weight: bold;
}
 @media all and (max-width: 768px ){
 .div-grbox1 {
    margin-top: 10px;
    float: left;
    box-shadow: 0 0px 8px 0 rgba(0,0,0,.16), 0 1px 5px 0 rgba(0,0,0,.12);
    font-size: 14px;
    transition: .3s ease-in-out;
    margin-bottom: 0px;
    border: 0;
    border-radius: .125rem;
    cursor: pointer;
    /* text-transform: uppercase; */
    white-space: normal;
    word-wrap: break-word;
    color: inherit;
    /* background-color: #2692d7; */
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 9px 12px;
    /* background: linear-gradient(to bottom, rgb(185, 185, 185) 30%, rgb(251, 251, 251) 100%); */
    font-weight: normal;
    color: #666666;
    /* background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important; */
    margin-bottom: 17px;
}
#orangespan1 {
color: #E97B07;
    margin: 30px 0px 0px 0px;
    font-size: 18px;
    text-align: center;
	line-height:1.5em;
}
#orangespan2 {
    color: #E97B07;
    margin: -17px 0px 1px 0px;
    font-size: 19px;
    text-align: center;
    line-height: 1.5em;
}
#orangespan1_new {
    color: #E97B07;
    margin: 0px 0px 11px 0px;
    font-size: 18px;
    text-align: center;
    line-height: 1.5em;
}
}
#grauspan {
    color: #3b3b3b;
    margin: 0;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.8;
}
 @media all and (max-width: 768px ){
#grauspan {
    color: #3b3b3b;
    margin: 0;
    margin-bottom: 20px;
	margin-top:15px;
    font-size: 14px;
    line-height: 1.8;
}
        }
.smartno {
display:block;
}	
   @media all and (max-width: 768px ){
  .smartno {
    display:none;
}	
    }
	
.smartyes {
display:none;
}	
   @media all and (max-width: 768px ){
  .smartyes {
    display:block;
}	
    }
		
 .swiper-container {
      width: 100%;
      height: 268px;      
    }
  @media all and (max-width: 768px ){
  .swiper-container {
    width: 100%;
       height: 279px;     
}	
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.navbar-wrapper {
            position: absolute;
            left: 0;
            width: 100%;
            height: 0px;
        }
        .navbar-wrapper > .container {
            padding: 0;
        }

        @media all and (max-width: 768px ){
            .navbar-wrapper {
                position: relative;
                top: 0px;
            }
        }

 /* jssor slider loading skin spin css */
            .jssorl-009-spin img {
                animation-name: jssorl-009-spin;
                animation-duration: 1.6s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }

            @keyframes jssorl-009-spin {
                from {
                    transform: rotate(0deg);
                }

                to {
                    transform: rotate(360deg);
                }
            }
 .jssorb031 {position:absolute;}
                .jssorb031 .i {position:absolute;cursor:pointer;}
                .jssorb031 .i .b {fill:#000;fill-opacity:0.5;stroke:#fff;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.3;}
                .jssorb031 .i:hover .b {fill:#fff;fill-opacity:.7;stroke:#000;stroke-opacity:.5;}
                .jssorb031 .iav .b {fill:#fff;stroke:#000;fill-opacity:1;}
                .jssorb031 .i.idn {opacity:.3;}
 .jssora051 {display:block;position:absolute;cursor:pointer;}
                .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
                .jssora051:hover {opacity:.8;}
                .jssora051.jssora051dn {opacity:.5;}
                .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
.logo {
    margin-top: -18px;
    width: 188px;
    margin-right: 40px;
}	
   @media all and (max-width: 768px ){
            .logo {
    margin-top: -15px;
    width: 120px;
    margin-right: 0px;
    margin-left: -18px;
				}	
        }
.stylenav {
    margin-top: 13px;
    color: #ee7d01;
    /* font-size: 16px; */
    padding-right: 4px;
}		

.sliderstyle1 {
    visibility: hidden; position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;
}	
   @media all and (max-width: 768px ){
  .sliderstyle1 {
    visibility: hidden; position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1300px; height: 900px; overflow: hidden;
}	
        }
		
.sliderstyle2 {
    position: absolute; left: 0px; top: 0px; width: 1300px; height: 500px; overflow: hidden;
}	
   @media all and (max-width: 768px ){
  .sliderstyle2 {
    position: absolute; left: 0px; top: 0px; width: 1300px; height: 900px; overflow: hidden;
}	
        }
.angebot {
    margin-top: -29%;
    background: #fff;
    float: right;
    width: 397px;
    margin-right: 177px;
    width: 300px;
    position: relative;
}	
   @media all and (max-width: 768px ){
  .angebot {
    display:none;
}	
        }

.cat_div1 {
margin-bottom: 0px;
}
      @media all and (max-width: 768px ){
.cat_div1 {
margin-bottom: 10px;
}
        }
		
.cat_div {
border: 0px solid #D1D1D1;
margin-bottom: 0px;
}	
.cat_div40 {
border: 0px solid #D1D1D1;
margin-bottom: 40px;
}	
.cat_kurzTop {
    line-height: 1.8em;
    color: #2b2b2b;
    margin-bottom: 0px;
    margin-top: 27px;
}
.ref_div {
    margin-bottom: -45px;
    background: #24292b;
    padding-top: 0px;
}	
.cat_div_grau {
    background: #fafafa;
    padding: 37px 0px;
    margin: 7px 0px 0px 0px;
}
 @media all and (max-width: 768px ){
.cat_div_grau {
    background: #fafafa;
    padding: 0px 0px;
	    margin-top: -30px;
}	
        }	
.cat_name {
    font-size: 16px;
    color: #ffffff;
    /* background: #111112; */
    padding: 11px 10px;
    /* margin: 10px; */
    background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(63,121,181,1) 35%, rgba(94,153,207,0.7) 68%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(left, rgb(66, 71, 77) 0%,rgb(255, 255, 255) 35%,rgb(222, 222, 222) 68%,rgba(255, 255, 255, 0) 100%);
    /* background: linear-gradient(to right, rgb(77, 80, 79) 32%,rgb(255, 255, 255) 101%,#ffffff 50%,rgb(255, 255, 255) 94%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 );
    /* border-left: 14px solid #c5c5c5; */
    margin-top: 24px;
    margin-bottom: 0px;
    font-weight: bold;
    text-transform: uppercase;
	}	
.cat_img {
padding:0px;
}		
.cat_img img{
cursor: -webkit-grab;
border-radius: 0px;
/* box-shadow: 0px 2px 18px 0px rgb(97, 97, 97); */
}		
#rosa {
    background: #fcdddf;
    padding-top: 20px;
	    margin-left: 0px;
}
#blau {
    background: #bfdfff;
    padding-top: 20px;
	    margin-left: 0px;
}
#gruean {
    background: #cfc;
    padding-top: 20px;
	    margin-left: 0px;
}
#weiss {
    background: #f5f5f5;
    padding-top: 20px;
	    margin-left: 0px;
}
#weiterleiten_div_true {
    position: absolute;
    margin-top: -10px;
    padding-top: -2px;
    /* height: 90px; */
    color: #ffffff;
    background: #57af5d;
    padding: 45px 35px;
    text-align: center;
    /* padding-left: 212px; */
    text-transform: none;
    font-size: 37px;
    /* padding-left: 152px; */
    width: 100%;
}
#weiterleiten_div_false {
    position: absolute;
    margin-top: -10px;
    padding-top: -2px;
    /* height: 90px; */
    color: #ff0000;
    background: #f1f1f1;
    padding: 45px 35px;
    text-align: center;
    /* padding-left: 212px; */
    text-transform: none;
    font-size: 28px;
    /* padding-left: 152px; */
    width: 100%;
}
.ruck0 {
    padding: 10px 0px 19px 2px;
}
.ruck1 {
 padding: 25px 0px 18px 14px;
}
.ruck2 {
padding: 0px 0px 21px 14px;
}
.custom-radios div {
  display: inline-block;
}
.custom-radios input[type="radio"] {
  display: none;
}
.custom-radios input[type="radio"] + label {
  color: #333;

  font-size: 14px;
}
.custom-radios input[type="radio"] + label span {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 44px;
}
.custom-radios input[type="radio"] + label span img {
  opacity: 0;
  transition: all .3s ease;
}
.custom-radios input[type="radio"]#color-1 + label span {
  background-color: #2ecc71;
}
.custom-radios input[type="radio"]#color-2 + label span {
  background-color: #3498db;
}
.custom-radios input[type="radio"]#color-3 + label span {
  background-color: #f1c40f;
}
.custom-radios input[type="radio"]#color-4 + label span {
  background-color: #e74c3c;
}
.custom-radios input[type="radio"]:checked + label span {
  opacity: 1;
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg) center center no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;

}
.besteladressediv{
display:none;
}
.divkasse{
display: none;
margin-top: 18px;
}

.divgrau {
background:#F8F9FA;
}
.divgrau1 {
background:#efefef;
    height: 554px;
}
.divgrau2 {
margin-top: 7px;
background:#fff;
}
.divgrau3 {
background:#fff;
}
.divbgweiss{
background: #ffffff;
    color: #000;
    padding: 7px;
    margin-bottom: 15px;
    font-size: 19px;
    font-weight: bold;
    padding: 6px 11px;
    margin-left: -15px;
    margin-right: -16px;
}
.divgruen{
    background: #67df50;
    color: #fff;
    padding: 7px;
    margin-bottom: 15px;
}
.divgruen1{
    /* background: #67df50; */
    color: #5cb85c;
    /* padding: 9px; */
    margin-bottom: 28px;
    text-align: left;
    font-size: 23px;
    border-bottom: 1px solid #cdffc3;
    padding-bottom: 7px;
}
.divblau{
    background: #ffffff;
    color: #3e3f3e;
    /* padding: 9px; */
    margin-bottom: 28px;
    text-align: left;
    font-size: 23px;
    border: 1px solid #caebff;
    padding: 11px 8px;
    margin-right: -16px;
/* Custom Radio Button Start*/
}
.divblau1{
    background: #ffffff;
    color: #009cff;
    /* padding: 9px; */
    margin-bottom: 28px;
    text-align: left;
    font-size: 23px;
    border: 1px solid #caebff;
    padding: 11px 8px;

/* Custom Radio Button Start*/
}
.divblau2{
    background: #509cff;
    color: #fff;
    padding: 7px;
    margin-bottom: 15px;
}
.radiotextsty {
  color: #3e3f3e;
  font-size: 18px;
}

.customradio {
    display: block;
    position: relative;
    padding-left: 31px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 6px;
}

/* Hide the browser's default radio button */
.customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: white;
  border-radius: 50%;
  border:1px solid #BEBEBE;
}

/* On mouse-over, add a grey background color */
.customradio:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the radio button is checked, add a blue background */
.customradio input:checked ~ .checkmark {
  background-color: white;
  border:1px solid #BEBEBE;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.customradio .checkmark:after {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #509cff;
}

/* Custom Radio Button End*/
.ergebnis_div {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    /* border-radius: 0px; */
    /* background: #fff; */
    /* margin-right: 26px; */
    /* margin: 14px 37px 15px 0px; */
    /* min-height: 361px; */
    /* margin-bottom: 16px; */
    /* padding: 3px; */
    /* padding-top: 20px; */
	
}

.classimg_captcha {
    /* width: 30%; */
    float: left;
    margin-right: 8px;
    margin-top: 21px;
}
.classimg_captcha1 {
    float: left;
    margin-right: 8px;
    margin-top: 21px;
}
.classinput_captcha {
    width: 100%;
    border: 0px solid #000000;
    margin-bottom: 4px;
    text-align: center;
    border-radius: 3px;

    background: #fff;
    margin-top: 17px;
    padding: 6px;
    border-bottom: 1px solid #e2e2e2;
}
.width_5 {
    width: 100%;
    border: 0px solid #000000;
    margin-bottom: 4px;
    text-align: left;
    border-radius: 3px;
    background: #fff;
    margin-top: 17px;
    padding: 6px;
    border-bottom: 1px solid #e2e2e2;

}

.width_75 {
    width: 270px;
    border: 1px solid #E5E5E5;
    margin-bottom: 34px;
    text-align: center;
    border-radius: 2px;
    font-size: 14px;
    background: #F9F9F9;
    margin-top: 4px;
	    padding: 6px;
}
.immo_submit3 {
    background-repeat: no-repeat;
    height: 37px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-top: -12px;
    background: none;
    border: 0px;
    background: #868d8f;
    margin-top: 16px;
    /* border-radius: 4px; */
    font-weight: bold;
    color: #fff;
    font-weight: bold;
    border: 1px solid #484848;
	    cursor: pointer;
}

.ergebnis_div_produkt img {
    height: 132px;
    margin-top: 41px;
    margin-bottom: 50px;
    width: auto;
}
.modal-body-img {
    height: 132px;
    margin-top: 41px;
    margin-bottom: 50px;
    width: auto;
}
.ergebnis_text2 {
    color: #337ab7;
    font-size: 17px;

    padding-top: 8px;
    padding-bottom: 8px;
    /* text-transform: uppercase; */
    background: #f9f9f9;
    margin-top: 18px;
    text-align: left;
    padding-left: 6px;
    margin-bottom: -17px;
}
.preisdurch{
    width: 50%;
    /* background: #e3e3e3; */
    /* padding: 6px; */
    font-size: 16px;
    text-align: center;
    margin-top: 27px;
    font-weight: bold;
    margin-left: -2px;
    color: #ff0000;
 text-decoration-line: line-through;
  -webkit-text-decoration-line: line-through;
  text-decoration-color: red;
  -webkit-text-decoration-color: red;
}
.preis0{
    /* width: 100%; */
    /* margin-left: 31px; */
        /* margin-left: 31px; */
    font-size: 21px;
    font-weight: bold;
    text-align: right;
    float: right;
    /* margin-top: 6px; */
    /* background: #f7f7f7; */
    /* border-bottom: 1px solid #daf3ff; */
    text-align: center;
    /* background: #111; */
    padding: 0px 0px;
    color: #686868;

}
.preis{
    width: 100%;
    padding: 2px 2px;
        /* margin-left: 31px; */
    font-size: 21px;
    font-weight: bold;
    text-align: right;
    float: right;
    color: #2692d7;
    margin-top: 6px;
    background: #f7f7f7;
	border-bottom: 1px solid #daf3ff;
}
.preisdurch1{
    font-size: 16px;
    /* text-align: center; */
    /* margin-top: 27px; */
    font-weight: bold;
    margin-left: 11px;
    color: #777777;
	 text-decoration-line: line-through;
  -webkit-text-decoration-line: line-through;
  text-decoration-color: red;
  -webkit-text-decoration-color: red;
}
.preis1{
    /* width: 100%; */
    /* margin-left: 31px; */
        /* margin-left: 31px; */
    font-size: 21px;
    font-weight: bold;
    text-align: right;
    float: right;
    color: #2692d7;
    /* margin-top: 6px; */
    /* background: #f7f7f7; */
    /* border-bottom: 1px solid #daf3ff; */
    text-align: center;
    /* background: #111; */
    padding: 0px 0px;
	}

.div_ver_input16{
    background-repeat: no-repeat;
    height: 40px;
    text-align: center;
    /* width: 100%; */
    margin: 0 auto;
    margin-top: -12px;
    background: none;
    border: 0px;
    background: #009cff;
    margin-top: 16px;
    /* border-radius: 4px; */
    font-weight: bold;
    color: #fff;
    font-weight: bold;
    border: 2px solid #ffffff;
    cursor: pointer;
    padding: 0px 65px;
    float:right;
        margin-right: -2.8%;
}
.div_ver_input16:hover {
    background: #e7e7e7;
    color: #000000;
    /* border-radius: 4px; */
}
.div_ver_input17{
background-repeat: no-repeat;
    height: 37px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-top: -12px;
    background: none;
    border: 0px;
    background: #0075bb;
    margin-top: 16px;
    /* border-radius: 4px; */
    font-weight: bold;
    color: #fff;
    font-weight: bold;
    border: 1px solid #e1e3ea;
    cursor: pointer;
}
.div_ver_input17:hover {
    background: #fff;
    color: #0075bb;
    height: 37px;
    /* border-radius: 4px; */
    border: 1px solid #0075bb;
    font-weight: bold;
}
.ergebnis_schrift1_bold {
    font-size: 20px;
    height: 50px;
}
.bg-grau{ 
    padding: 30px 0px 1px;
    margin-bottom: 15px;
	border-bottom: 1px solid #fbfbfb;
}
b.light-color{ color: #fff; }
b.light-color-orange{ 
color: #E97B07;
    font-weight: bold;
    font-size: 17px;
    text-transform: capitalize;
    letter-spacing: 1px;
	margin-left: -15px;
	}
	   @media all and (max-width: 768px ){
b.light-color-orange{ 
color: #E97B07;
    font-weight: bold;
    font-size: 12px;
    text-transform: capitalize;
    letter-spacing: 1px;
	xmargin-left: -15px;
	}
.preis1_news {
    /* width: 100%; */
    /* margin-left: 31px; */
    /* margin-left: 31px; */
    font-size: 23px;
    font-weight: bold;
    text-align: right;
    float: right;
    color: #000000;
    /* margin-top: 6px; */
    /* background: #f7f7f7; */
    /* border-bottom: 1px solid #daf3ff; */
    text-align: center;
    /* background: #111; */
    padding: 0px 0px;
}      
	  
	   }

   
b.light-color-grau{    
    /* color: #E97B07; */
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    color: #fff;
}
p{
    line-height: 1.8;
    font-size: 1.05em;

    font-weight: 400;
    color: #fff;
}
p.grau{
    line-height: 1.8;
    font-size: 1.05em;

    font-weight: 400;
    color: #3b3b3b;
	    padding: 5px;
}
.graubox0{
    clear: both;
    margin: 20px 0px 23px 0px;
    /* box-shadow: 0px 2px 18px 0px rgb(222, 222, 222); */
    border: 0px solid #f5f5f5;
    color: #000000;
    padding: 0px 0px 20px 0px;
    background: #fbfbfb;
    box-shadow: 0px 8px 23px 2px rgba(0,0,0,.3);
}
.graubox0 img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.graubox0:hover img {
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
.graubox{
clear: both;
    margin: 10px 0px 10px 0px;
    /* box-shadow: 0px 2px 18px 0px rgb(222, 222, 222); */
    border: 0px solid #f5f5f5;
    color: #000000;
    /* padding: 0px 0px 20px 0px; */
    background: #fbfbfb;
    box-shadow: 0px 8px 23px 2px rgba(0,0,0,.3);	
}
.graubox img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.graubox:hover img {
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
.graubox2{
clear: both;

    box-shadow: 0px 2px 18px 0px rgb(222, 222, 222);
    border: 0px solid #f5f5f5;
    color: #e97b07;

    background: #fbfbfb;
    font-size: 20px;

    padding: 11px 7px;
    /* background: linear-gradient(to right, #646464 46%,rgb(255, 255, 255) 101%,#ffffff 50%,rgb(255, 255, 255) 94%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 );
    border-left: 0px solid #e97b07;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 44px 0px 3px 0px;
    text-align: left;

}
.cat_linie {
    background: #24292b;
    border-top: 4px solid #f07d00;
    color: #fff;
    text-align: center;
    padding: 0px 0px;
    /* margin-bottom: 13px; */
}
 @media all and (max-width: 768px ){
 #bggraupadding {
    background: #fff;
    padding: 20px 0px 6px 0px;
}
 .cat_linie {
background: #24292b;
    border-top: 4px solid #f07d00;
    color: #fff;
    text-align: center;
    padding: 0px 0px;
    margin-top: -16px;
}
 .graubox{
clear: both;
    margin: 28px 0px;
    box-shadow: 0px 2px 18px 0px #d4d4d4;
    /* border: 1px solid #f5f5f5; */
    color: #000000;
    padding: 0px 0px 0px 0px;
    background: #fbfbfb;
    margin-bottom: 0px;
    box-shadow: 0px 8px 23px 2px rgba(0,0,0,.3);
}
 .graubox0{
clear: both;
    margin: 28px 0px;
    box-shadow: 0px 2px 18px 0px #d4d4d4;
    /* border: 1px solid #f5f5f5; */
    color: #000000;
    padding: 0px 0px 0px 0px;
    background: #fbfbfb;
    margin-bottom: 0px;
    box-shadow: 0px 8px 23px 2px rgba(0,0,0,.3);
}

 .graubox2{
    clear: both;
    box-shadow: none;
    border: 0px solid #f5f5f5;
    color: #ffffff;
    background: #fbfbfb;
    font-size: 20px;
    padding: 5px 0px 10px 5px;
    background: linear-gradient(to right, #646464 30%,rgb(255, 255, 255) 96%,#ffffff 123%,rgb(255, 255, 255) 110%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 );
    border-left: 0px solid #e97b07;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 24px 0px 3px 0px;
    text-align: left;
}
 }
 .graubox1{
    clear: both;

   box-shadow: 0px 2px 18px 0px rgb(222, 222, 222);
     background: #f9f9f9;

}
.single-post1{
    margin-left: 15px;
    margin-right: -15px;
}
  @media all and (max-width: 768px ){
.single-post1{
    margin-left: 0px;
    margin-right: 0px;
}
        }
.orangebox1{
    clear: both;
	    margin: 0px 0px;
        box-shadow: 1px 5px 25px #f2f2f2;
    border: 1px solid #c5c5c5;
    border-top-color: transparent;
    background: #fff;
    color: #000000;
    padding: 0px 2px 30px 2px;
}
  @media all and (max-width: 768px ){
.orangebox1{

}
        }
.orangebox2{
    clear: both;
    /* margin: 20px 0px; */
    /* box-shadow: 1px 5px 25px #f2f2f2; */
    border-left: 0px solid #dddddd;
    border-top-color: transparent;
    background: #fff;
    color: #000000;
    padding: 10px 0px 30px 8px;
    min-height: 497px;
}
  @media all and (max-width: 768px ){
.orangebox2{
 box-shadow: 1px 5px 25px #f2f2f2;
    border-top: 5px solid #e97b07;
	border-left: 0px;
	padding: 5px 0px 20px 0px;
}
}
.light-color-schwarz{
    text-align: left;
    margin-top: 13px;
    color: #000;
    margin-left: -14px;
    font-size: 18px;
    font-weight: bold;
	}

.light-color-blau{ color: #5cb85c; font-size: 22px; font-weight:normal;}


/* ---------------------------------
2. COMMONS FOR PAGE DESIGN
--------------------------------- */

.btn{
    font-size: 11px;
    padding: 11px 0px;
    border-radius: 1px;
    letter-spacing: 1px;
    /* border: 1px solid #5cb85c; */
    /* background: #5cb85c; */
    color: #fff;
    /* width: 150px; */
    }

.btn:hover{ }

.btn-2{ background: none; color: #5cb85c; }

.btn-2:hover{ background: #5cb85c; color: #fff; }


.section{ padding: 15px 0 40px; }

.section .heading{ padding-bottom: 70px; }

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

.color-white{ color: #fff; }

.display-table{ display: table; height: 100%; width: 100%; }

.display-table-cell{ display: table-cell; vertical-align: middle; }

.card{ background: transparent; border: 0; }

.no-side-padding{ padding-right: 0px; padding-left: 0px; }

.no-left-padding{ padding-left: 0px; }

.no-right-padding{ padding-right: 0px; }

.icon{ font-size: 2em; }


.left-area{ float: left;  }

.right-area{ float: right;  }

.width-60{ width:60%; }

.width-50{ width: 50%; }


::-webkit-input-placeholder { font-size: .9em; letter-spacing: 1px; }

::-moz-placeholder { font-size: .9em; letter-spacing: 1px; }

:-ms-input-placeholder { font-size: .9em; letter-spacing: 1px;  }

:-moz-placeholder { font-size: .9em; letter-spacing: 1px;  }



/* ---------------------------------
3. MENU
--------------------------------- */

header{ position: absolute; left: 0; right: 0; top: 0; z-index: 1000; font-size: .95em; 
	box-shadow: 0px 2px 10px rgba(0,0,0, .3); background: #fff; }


/* TOP MENU */

header .top-menu{ width: 100%; height: 45px; line-height: 45px; overflow: hidden; font-size: .95em; font-style: italic; }


header .top-menu ul.welcome-area{ padding-left: 20px; }

header .top-menu ul.welcome-area > li{ margin: 0 15px; padding: 0 15px; border-left: 1px solid #ddd; }


header .top-menu ul > li:first-child{ border-left: 0; }

header .top-menu ul.social-icons{ display: inline-block; padding: 0 35px; color: #aaa; }

header .top-menu ul.social-icons > li > a{ padding: 0 15px; }



/* SEARCH AREA */

header .src-area{ position: relative; float: left; height: 45px; width: 250px; display: inline-block; 
	border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff; }

header .src-area .src-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
	padding: 0 40px 0 20px; background: transparent; border: 0; outline: 0; }

header .src-area .src-input:focus{ box-shadow: 0px 0px 1px #aaa; }

header .src-area .src-btn{ position: absolute; top: 0; bottom: 0; right: 0; width: 40px; font-size: 1.2em; 
	opacity: .6; z-index: 10; }

	
	
/* MIDDLE AREA */

header .middle-menu{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;  }

header .logo{ padding: 8px 0;
    /* height: 72px; */
    font-size: 20px;
    color: #444444;}

header .logo img{ height: 100%; width: auto; }


/* BOTTOM AREA */

header .bottom-area{ text-align: center; }

header .main-menu{ font-weight: 500; }

header .main-menu > li > a{ height: 60px; line-height: 60px; padding: 0 25px; }

header .main-menu > li > a:hover{ background: #eee; }


header .visible.main-menu{ display: block; }



/* DROPDOWN MENU STYLING */

header .main-menu li.drop-down{ position: relative; text-align: left; }

header .main-menu li.drop-down > ul.drop-down-menu{ display: none; position: absolute; top: 60px; left: 0; 
	min-width: 200px; box-shadow: 0px 3px 10px rgba(0,0,0,.3); background: #fff; }

header .main-menu li.drop-down > ul.drop-down-menu li{ display: block; border-top: 1px solid #ddd; }

header .main-menu li.drop-down > ul.drop-down-menu li > a{ display: block; padding: 12.5px 20px; }

header .main-menu li.drop-down > ul.drop-down-inner li:first-child{ border-top: 0; }

header .main-menu li i{margin-left: 10px; }



/* DROPDOWN SUBMENU */

header .main-menu li.drop-down > ul.drop-down-inner{ top: 0; left: auto; left: 100%; }



/* DROPDOWN HOVER */

header .main-menu li a.mouseover{ background: #F2F3F4; }

header .main-menu li.drop-down a.mouseover + ul.drop-down-menu{ display: block; 
	animation: full-opacity-anim .2s forwards; }


@keyframes full-opacity-anim{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}

/* NAV ICON */

.menu-nav-icon{ display: none; height: 60px; width: 50px; text-align: center; line-height: 60px; cursor: pointer; 
	font-size: 1.8em; }

	

/* ---------------------------------
4. SLIDER
--------------------------------- */

.main-slider{ margin-top: 140px; position: relative; height: calc(100vh - 400px); 
	width: 100%; overflow: hidden; margin-bottom:30px;}  
 
.main-slider .slider-content{ padding: 25px 60px 25px 40px!important; border-radius: 3px!important;
	background: rgba(0,0,0,.6); color: #fff; }

.slider-content .btn{ padding: 7px 15px;}

.slider-content .title{ margin: 10px 0 0; letter-spacing: 3px; }


#slider{ height: 100%; width: 100%; }
 
.main-slider .ls-nav-prev,
.main-slider .ls-nav-next{ display: block!important; opacity: 1!important; }


/* ---------------------------------
5. SINGLE POST
--------------------------------- */

.blog-posts .single-post{ margin-bottom: 6px; }

.single-post .icons{ overflow: hidden; line-height: 30px; margin: 30px 0 10px; }

.single-post .icons .caegory-btn{ padding: 0 20px; height: 30px; line-height: 30px; }

.single-post .icons ul.social-icons{ color: #666; }

.single-post .icons ul.social-icons > li > a{ padding-left: 15px; }

.single-post .icons ul.social-icons > li > a > i{ margin-right: 10px; }

.single-post .title{      
    font-size: 18px;
    background: #111112;
    padding: 9px 7px;
    background: linear-gradient(to right, #646464 46%,rgb(255, 255, 255) 101%,#ffffff 50%,rgb(255, 255, 255) 94%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 );
    border-left: 0px solid #e97b07;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-top: -21px;
	    margin-bottom: 1px;
	 }

.single-post .date{ color: #999; }

.single-post .read-more-btn{
    clear: both;
    margin-top: 30px;
    /* box-shadow: 1px 10px 15px rgba(0,0,0, .15); */
    /* background: #FF9800; */
    color: #666;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-size: 11px;
    padding: 11px 10px;
    margin-left: 5px;
    border-radius: 2px;
    box-shadow: 0px 2px 18px 0px rgb(207, 207, 207);
}

.single-post .read-more-btn:hover{ 
border: 1px solid #bfbfbf;
    background: #fff;
    color: #000000;
 }
	
	
/* POST STYLE TWO */

.post-style-2 .image-wrapper{ padding-right: 30px; }

.post-style-2 .post-details .icons{ margin-top: 0; }

.post-style-2 .post-details .icons .caegory-btn{ margin: 0; }


/* LOAD MORE BUTTON */

.blog-posts .load-more-btn{ clear: both; margin: 70px 0 30px; }


/* ---------------------------------
6. SIDEBAR STYLING
--------------------------------- */

.sidebar-section{ margin-bottom: 10px; }

.sidebar-section .title{ margin-bottom: 30px; }

.sidebar-area img{ max-width: 600px; }


/* ABOUT AUTHOR */

.about-author{
margin-top: 15px;
    padding: 0px 12px 18px;
    /* box-shadow: 1px -1px 9px rgb(255, 255, 255); */
    background: #00000085;
    position: absolute;
    border: 0px solid #f07d00;
 }

.about-author .author-image{ 
max-width: 150px;
        margin: -50px auto 51px;
    /* transform: translateY(-30px); */
    border-radius: 3px;
    /* overflow: hidden; */
    /*box-shadow: 0px 4px 20px rgb(240, 125, 0);*/
	 }

.about-author .social-icons > li{ margin: 0 10px; color: #888; font-size: 1.05em; }

.about-author .author-name{ margin: 43px 0 35px;}

.about-author .signature-image{ margin: 20px auto 0; max-width: 120px; }

.about-author .read-more-link{ margin: 39px 1px 14px 0px; font-size: .9em; letter-spacing: 2px; position: relative; 
	overflow: hidden; color: #f07d00; }

.about-author .read-more-link:after{ content:''; position: absolute; bottom: 0px; left: 0; right: 0; 
	height: 1px; transition: all .2s; background: #fff; }

.about-author .read-more-link:hover:after{ transform: translateX(100%); }


/* SEARCH AREA */

.src-area{ line-height: 50px; position: relative;  }

.src-area input{ display: block; width: 100%; padding: 0 50px 0 20px; border: 0; outline: 0; 
	border-bottom: 1px solid #bbb;  }

.src-area .src-btn{ position: absolute; top: 0; right: 20px; height: 50px; }

	
/* NEWSLETTER AREA */

.newsletter-area{ padding: 30px; background :#24292b; }

.newsletter-area .title{ margin: 0; color: #fff; }

.newsletter-area .email-input{ width: 100%; margin: 15px 0; border: 0; padding: 10px 20px; background: #fff; }


/* CATEGORY AREA */

.category-area .category{ position: relative; margin-bottom: 20px; }

.category .name{ position: absolute; bottom: 0; left: 0; right: 0; padding: 7px 20px; background: #5cb85c; color: #fff; }


/* LATEST POSTS */

.latest-post{ overflow: hidden; margin-bottom: 20px; }

.latest-post .l-post-image{ width: 80px; float: left; }

.latest-post .post-info{ margin-left: 100px; }

.latest-post .category-btn{ padding: 5px 10px; margin-bottom: 5px; }

.latest-post .date{ margin-top: 5px; color: #888; }
	

/* ADVERTISEMENT AREA */

.advertisement-img{ position: relative; }

.advertisement-img .discover-btn{ position: absolute; bottom: 30px; padding: 15px 0; width: 200px; 
	left: 50%; margin-left: -100px; border-color: #fff; color: #fff; }

.advertisement-img .discover-btn:hover{ border-color: #5cb85c; }


/* INSTAGRAM */
	
.instagram-area{ overflow: hidden; }

.instagram-area .instagram-img > li{ width: 30%; float: left; margin: 0 5px 5px 0; }

	
/* TAGS */

.tags-area .tags{ overflow: hidden; }

.tags-area .tags > li{ float: left; margin: 0 5px 5px 0; }

.tags-area .tags > li > a{ padding: 10px 15px; }


/* ---------------------------------
7. FOOTER INSTAGRAM STYLING 
--------------------------------- */

.footer-instagram-area{ overflow: hidden; border-top: 1px solid #ccc;  margin-top: 30px; }

.footer-instagram-area .title{ padding: 20px 0; }

.footer-instagram-area ul.instagram > li{ float: left; width: 25%; }


/* ---------------------------------
8. FOOTER
--------------------------------- */

footer{ border-top: 4px solid #f07d00; background: #24292b; color: #ddd; min-height: 328px; }

footer .footer-section{ margin: 30px 0; }

footer .copyright{ color: #ddd;  }

footer .social-icons{ text-align: right; }
footer .social-icons > li{     display: -webkit-box;
    padding: 15px 3px 0px 23px;}
footer .social-icons > li > a{ padding-left: 0px; }

.team_item {
    position: relative;
    text-align: center;
}

.team_item:before {
}

.team_item .hover_text {
position: absolute;
    /* margin-left: 15px; */
    bottom: 22px;
    width: 80%;
    text-align: center;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    background: #f7f4f394;
    /* margin-right: 37px; */
    margin-left: 10%;
}

.team_item img{
    width: 90%;
}

/* LEAVE COMMENT */

.leave-comment-area{ margin: 0px 0; }

.leave-comment-area .title{ margin-bottom: 15px;
    margin-top: 27px;}

.leave-comment input,
.leave-comment textarea{ width: 100%; margin-bottom: 30px; border: 0; outline: 0; border-bottom: 1px solid #aaa; }

.leave-comment input{ padding: 10px 0px; }

.leave-comment textarea{ padding: 10px 0px; }

/* ABSTAND */
.divabstand{
    height: 480px;
    background: #24292b;
	overflow: hidden;
}
.imgtop1{
    margin-top: -15%;
}	
.light-color-weiss{
    color: #FFFFFF;
    font-size: 0.95em;
}
.offer_items{
    width: 21.8%;
    height: auto;
    text-align: center;
    border: 1px solid #ebebeb;
    border-radius: 0px;
    background: #fff;
    /* margin-right: 25px; */
    margin: 25px 34px 2px 0px;
    min-height: 361px;
    margin-bottom: 16px;
    padding-top: 20px;
    float: left;
	}
.offer_items:hover{
box-shadow: 1px 2px 12px #C8C8C8;
}
.image_container{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}
.image_container img{
    height: 136px;
    width: auto;
    float: left;
}
.div_container{
    margin-top: -47px;
    float: right;
    /* margin-left: -215px; */
    background: #46dc43;
    padding: 7px 23px;
    color: #fff;
    font-size: 20px;
}
.div_container_titel{
font-size: 21px;
    /* margin-top: 35px; */
    color: #24292b;
    /* margin-bottom: 55px; */
    text-align: center;
    width: 100%;
    height: 75px;

}
/* ---------------------------------
 TABS
--------------------------------- */
  <!-- CSS code from Bootply.com editor -->
        
        <style type="text/css">
            /* CSS used here will be applied after bootstrap.css */
.nav-tabs img{
  width:100%;
  }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { 
	outline:none;
  	background-color: #ffffff;
	border: 1px solid #fff;
	border-bottom-color: transparent;
	cursor: default;
    }

.nav .nav-tabs li a:hover: {
    background-color:none;
    border: none;
    
    }
.nav-tabs li a:active{
	 background-color:#ffffff;
     border:none;
 	 border-right:0;
      }

l.nav .nav-tabs {
          
          }
.tabs-below > .nav-tabs,
 {
  border: 0px;
}
 
  .tab-content1{ 
    margin-top: -1px;
    border: 1px solid #ddd;
    border-right: 0px;
    background: #fff;
    float: left;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 22px;
}	
 .tab-content{
    border: 1px solid #ddd;
    border-top: 0px;
	border-right:0px;
	    min-height: 505px;
}	
@media all and (max-width: 768px ){
 .tab-content{
    border: 1px solid #ddd;
    border-top: 0px;
	min-height: 100px;
}	
}	
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
  padding-top: 24px;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tab-pane.active {
    /*animation: fadeOut 0.5s ease-out;*/
}

@keyframes slide-down {
    0% { opacity: 0; transform: translateY(100%); }
    100% { opacity: 1; transform: translateY(0); }
}


@keyframes slideInLeft {
    0% { opacity: 0; transform: translateY(100%); }
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 
  
   .slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 
  
        .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
  }
  @keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
  } 
  
  
.hovereffect {
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor: pointer;
border: 0px solid #d2d2d2;
width:100%;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    /*background-color: rgba(255, 255, 255, 0.28);  // Beim Hover hintergrund ändern */
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}
.hovereffect button.info {
text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    /* border: 1px solid #fff; */
    background-color: #f39831;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 253px 0 0;
    padding: 4px 13px;
    /* background: linear-gradient(to bottom, rgb(249, 170, 74) 30%, rgb(233, 123, 7) 100%); */
    font-size: 16px;
    /* border-radius: 3px; */
    /* font-weight: bold; */
    letter-spacing: 0.03em;
    width: 59%;
    background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
}

.hovereffect button.info:hover {

    box-shadow: 0 0 5px #fff;

}

.hovereffect a.info {
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    /* border: 1px solid #fff; */
    background-color: #f39831;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 360px 0 0;
    padding: 7px 30px;
    background: linear-gradient(to bottom, rgb(249, 170, 74) 30%, rgb(233, 123, 7) 100%);
    width: 100%;
}

.hovereffect a.info:hover {
border: 1px solid #fff; 
box-shadow:0 0 5px #fff;
}

.hovereffect a {
text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    /* border: 1px solid #fff; */
    background-color: #f39831;
    /* opacity: 0; */
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 80px 0 0;
    padding: 24px 30px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.41) 30%, rgba(255, 255, 255, 0.5) 100%);
    width: 100%;
    font-size: 21px;
}

.hovereffect a:hover {
border: 1px solid #fff; 
box-shadow:0 0 5px #fff;
}


.hovereffect:hover .artikelimg {
background: #d9d9d940;
}

.hovereffect:hover img {
-ms-transform:scale(1.16);
-webkit-transform:scale(1.16);
    transform: scale(1.16);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

/* hovereffect2 */

.hovereffect2 {
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor: pointer;
border: 0px solid #d2d2d2;
box-shadow: 0px 8px 23px 2px rgba(0,0,0,.3);
}

.hovereffect2 .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    /*background-color: rgba(255, 255, 255, 0.28);  // Beim Hover hintergrund ändern */
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.hovereffect2 img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect2 h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}
.hovereffect2 button.info {
text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    /* border: 1px solid #fff; */
    background-color: #f39831;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 253px 0 0;
    padding: 4px 13px;
    /* background: linear-gradient(to bottom, rgb(249, 170, 74) 30%, rgb(233, 123, 7) 100%); */
    font-size: 16px;
    /* border-radius: 3px; */
    /* font-weight: bold; */
    letter-spacing: 0.03em;
    width: 59%;
    background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;
}

.hovereffect2 button.info:hover {

    box-shadow: 0 0 5px #fff;

}

.hovereffect2 a.info {
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    /* border: 1px solid #fff; */
    background-color: #f39831;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 360px 0 0;
    padding: 7px 30px;
    background: linear-gradient(to bottom, rgb(249, 170, 74) 30%, rgb(233, 123, 7) 100%);
    width: 100%;
}

.hovereffect2 a.info:hover {
border: 1px solid #fff; 
box-shadow:0 0 5px #fff;
}

.hovereffect2 a {
text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    /* border: 1px solid #fff; */
    background-color: #f39831;
    /* opacity: 0; */
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 5px 0 0;
    padding: 25% 30px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.41) 30%, rgb(255 255 255 / 0%) 100%);
    width: 97%;
    font-size: 21px;
    height: 95%;
}

.hovereffect2 a:hover {
border: 0px solid #fff; 
box-shadow:0 0 0px #fff;
}


.hovereffect2:hover .artikelimg {
background: #d9d9d940;
}

.hovereffect2:hover img {
-ms-transform:scale(1.16);
-webkit-transform:scale(1.16);
    transform: scale(1.16);
}

.hovereffect2:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect2:hover h2,.hovereffect2:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect2:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
.iframetopmediaImg{
    height: 355px;
    width: 100%;
}
.iframetopmedia {
    margin-bottom: 38px;
    height: 355px;
    width: 100%;
}
.iframetop{
margin-bottom: 38px;
}
.div-grbox {
margin-top: 10px;
    text-align: center;
letter-spacing: 1px;
    float: left;
    padding-left: 32px;
    box-shadow: 0 0px 8px 0 rgba(0,0,0,.16), 0 1px 5px 0 rgba(0,0,0,.12);
    padding: 10px 10px;
    font-size: 18px;
    transition: .3s ease-in-out;
    margin-bottom: 0px;
    border: 0;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: inherit;
    /* background-color: #2692d7; */
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 9px 12px;
    /* background: linear-gradient(to bottom, rgb(185, 185, 185) 30%, rgb(251, 251, 251) 100%); */
    font-weight: bold;
    color: #f07d00;
    /* background-image: linear-gradient(120deg,#f37335 0%,#ffbd00 100%)!important;*/
}
.cat_divborder {
    border: 0px solid #D1D1D1;
    margin-bottom: 0px;
    margin: 0px 19px 0px -19px;
}
.borderdivimg {
    border: 0px solid #D1D1D1;
    margin-bottom: 0px;
    width: 47.6%;
    margin-left: 1px;
    margin-right: 21px;
	margin:0 auto;
}
.borderdivvideo {
    border: 0px solid #D1D1D1;
    margin-bottom: 0px;
    width: 47.6%;
    margin-left: 1px;
    margin-right: 21px;
	margin-top:0px;
}
.borderdivimgR {
border: 0px solid #D1D1D1;
    margin-bottom: 0px;
    width: 47.6%;
    margin-left: 10px;
    margin-right: 0px;
	margin-top:22px;
}
.borderdiv{
    text-align: justify;
    padding: 30px 41px 30px 70px;
    border: 0px solid #ffffff54;
	line-height: 2em;
}
.borderdivSlide{
    text-align: justify;
    padding: 30px 41px 30px 70px;
    border: 0px solid #ffffff54;
	margin-top:0px;
	line-height: 2em;
}

.bordertop{
    border-top: 2px solid #fff;
    position: absolute;
    top: 0px;
    right: 50%;
    margin-left: 0%;
    width: 50%;
        left: 30px;
}
.borderRight{
    border-right: 2px solid #fff;
    position: absolute;
    top: 50%;
    bottom: 0%;
    margin-left: 100%;
	    right: 0px;
}
.borderLeft{
border-right: 2px solid #fff;
    position: absolute;
    top: 0;
    bottom: 52%;
    margin-left: 0%;
    left: 30px;
}

.borderBottom{
border-top: 2px solid #fff;
    position: absolute;
    top: 100%;
    right: 0%;
    /* margin-left: 3%; */
    width: 50%;
}
.orangetitel{
    color: #E97B07;
    font-weight: bold;
    text-align: center;
}
.orangetitel:after{
    content: "";
    display: block;
    width: 160px;
    border-bottom: 1px solid #e97b07;
    transition: .5s;
    margin: 30px auto 30px auto;
}

.orangetitel{
    color: #E97B07;
    font-weight: bold;
    text-align: center;
}
.orangetitel:after{
    content: "";
    display: block;
    width: 160px;
    border-bottom: 1px solid #e97b07;
    transition: .5s;
    margin: 30px auto 30px auto;
}

.bordertopor{
    border-top: 2px solid #e97b07;
    position: absolute;
    top: 0px;
    right: 50%;
    margin-left: 0%;
    width: 50%;
        left: 30px;
}
.borderRightor{
    border-right: 2px solid #e97b07;
    position: absolute;
    top: 50%;
    bottom: 0%;
    margin-left: 100%;
	    right: 0px;
}
.borderLeftor{
border-right: 2px solid #e97b07;
    position: absolute;
    top: 0;
    bottom: 52%;
    margin-left: 0%;
    left: 30px;
}

.borderBottomor{
border-top: 2px solid #e97b07;
    position: absolute;
    top: 100%;
    right: 0%;
    /* margin-left: 3%; */
    width: 50%;
}
@media all and (max-width: 768px ){ 
.magrin_b20 {
    margin: 20px 0px 0px 0px;
}
div.positionen {
display: flex;
flex-flow: column;
}
div.position1 {
order: 1;
}
div.position2 {
order: 2;
}


.row_inverse {
    display: flex;
    flex-wrap: wrap;
}
.row_direction{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.ordervideo1{
order: 1;
margin: -44px 0px -22px 0px;
}
.ordervideo2{
order: 2;
margin: -44px 0px -22px 0px;
}
#smart100{
width:100%;

}
#orangespan3_new {
    color: #E97B07;
    margin: 40px 9px 16px 9px;
    font-weight: bold;
    /* margin-left: 9px; */
    border-bottom: 1px solid #1111;
    padding-bottom: 9px;
    text-align: center;
}
.borderdivimg {
    border: 0px solid #D1D1D1;
    margin-bottom: 0px;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
	line-height: 2em;
}
.borderdivvideo {
    border: 0px solid #D1D1D1;
    /* margin-bottom: 11px; */
    width: 90%;
    /* margin: 0 auto; */
    margin-top: 0px;
    line-height: 2em;
}
.borderdivimgR {
    border: 0px solid #D1D1D1;
    margin-bottom: 0px;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
	
}
#cat_divbordertopminus {
order: 1;
}
.cat_divborder {
    border: 0px solid #D1D1D1;
    margin-bottom: 0px;
    margin: 0px 19px 0px -19px;
}

.borderdiv{
    text-align: justify;
    border: 0px solid #ffffff54;
	    padding: 0px 10px 0px 51px;
		line-height: 2em;
}
.borderdivSlide{
text-align: justify;
    border: 0px solid #ffffff54;
    padding: 0px 10px 0px 51px;
    line-height: 2em;
    float: left;
    height: auto;
    margin-bottom: 10px;
}
.bordertop{
display:none;
}
.borderRight{
display:none;
}
.borderLeft{
display:none;
}
.borderBottom{
display:none;
}
.bordertopor{
display:none;
}
.borderRightor{
display:none;
}
.borderLeftor{
display:none;
}
.borderBottomor{
display:none;
}
.orangetitel{
    color: #E97B07;
    font-weight: bold;
    text-align: center;
}
.orangetitel:after{
    content: "";
    display: block;
    width: 160px;
    border-bottom: 1px solid #e97b07;
    transition: .5s;
    margin: 30px auto 30px auto;
}
.orangetite2{
    color: #E97B07;
    font-weight: bold;
    text-align: center;
}
.orangetite2:after {
    content: "";
    display: block;
    width: 150px;
    border-bottom: 1px solid #e97b07;
    transition: .5s;
    margin: 12px auto 22px auto;
}

.div-grbox {
    letter-spacing: 1px;
    float: left;
    padding-left: 32px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: 10px 10px;
    font-size: 18px;
    transition: .3s ease-in-out;
    margin-bottom: 0px;
    border: 0;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: inherit;
    background-color: #2692d7;
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 9px 12px;
        background: linear-gradient(to bottom, rgb(185, 185, 185) 30%, rgb(251, 251, 251) 100%);
    font-weight: bold;
    color: #000;
}


.hovereffect {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 100%;
    border: 1px solid #d2d2d2;
    margin-bottom: 30px;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    /*background-color: rgba(255, 255, 255, 0.28);  // Beim Hover hintergrund ändern */
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}
.hovereffect button.info {
text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    /* border: 1px solid #fff; */
    background-color: #f39831;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 256px 0 0;
    padding: 4px 13px;
    background: linear-gradient(to bottom, rgb(249, 170, 74) 30%, rgb(233, 123, 7) 100%);
    font-size: 16px;
    /* border-radius: 3px; */
    /* font-weight: bold; */
    letter-spacing: 0.03em;
    width: 100%;
	margin: 192px 0 0;
}

.hovereffect button.info:hover {

    box-shadow: 0 0 5px #fff;

}

.hovereffect a.info {
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    /* border: 1px solid #fff; */
    background-color: #f39831;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 360px 0 0;
    padding: 7px 30px;
    background: linear-gradient(to bottom, rgb(249, 170, 74) 30%, rgb(233, 123, 7) 100%);
    width: 100%;
}

.hovereffect a.info:hover {
border: 1px solid #fff; 
box-shadow:0 0 5px #fff;
}

.hovereffect:hover .artikelimg {
background: #d9d9d940;
}

.hovereffect:hover img {
-ms-transform:scale(1.16);
-webkit-transform:scale(1.16);
    transform: scale(1.16);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
.artikelimg {
    height: 90px;
}
.artikel_new{
    font-size: 17px;
    padding: 15px 0px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.preisdurch1_new{
    font-size: 22px;
    font-weight: bold;
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-color: red;
    -webkit-text-decoration-color: red;
    color: #FFFFFF;
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 12px;	
}
.preisdurch1_leer_new{
    font-size: 22px;
    font-weight: bold;
	    color: #FFFFFF;
}
.preis0_new{
	font-size: 22px;
    width: 100%;
    font-weight: bold;
    color: #fff;
    float: left;
    padding-left: 12px;
}

.preis1_new{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    width: 50%;
    float: left;
    text-align: left;
    padding-left: 12px;
}
.colorf {
/*
    color: #666;
    line-height: 1.5em;
    margin-bottom: 0px;
    font-size: 13pt;
    margin-top: 20px;
    float: left;
    margin-bottom: 25px;
	*/
}
.iframetop{
    margin: 16px 0px 1px 0px;
    width: 100%;
    height: 200px;
}
.iframetopmediaImg{
    height: auto;
    width: 100%;
    margin-bottom: 40px;
}
.iframetopmedia {
  
    height: 200px;
    width: 100%;
}
.div-blau{
    letter-spacing: 1px;
    padding-left: 32px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: 10px 10px;
    font-size: 18px;
    transition: .3s ease-in-out;
    margin-bottom: 0px;
    border: 0;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: inherit;
    background-color: #2692d7;
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 9px 12px;
	background: linear-gradient(to bottom, rgb(249, 170, 74) 30%, rgb(233, 123, 7) 100%);
	font-weight:bold;
	float:none;
}
}