/*####### Elements_Skin_Bright_Blue.css #######*/ 
 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}	

/* Body //////////// */
body {
    font-family:Arial,sans-serif;
    font-size:14px;
    color:#292929;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}
.underside #main p {
    font-size:16px;
    line-height:26px;
}

p.back,
p.more {
    font-size:13px;
    margin-top: 25px;
}

/* Typography //////////// */
h1,
h2,
h3,
h5,
h6 {
    font-weight:normal;
    color:#006699;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}
h1 {
    font-size:25px;
    line-height:25px;
    text-transform: uppercase;
}
h2 {
    font-size:24px;
    line-height:30px;
}
h3 {
    margin: 10px 0 20px 0;
    font-size:18px;
}
h4 {
    font-size:inherit;
    margin: 0;  
}
h5 {
    font-size:14px;
    line-height:24px;
}
h6 {
    font-size:12px;
    line-height:21px;
}
p, blockquote {
    line-height:17px;
}
.slid-p p {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    line-height:1.4em;
    background-color: rgba(0, 0, 0, 0.1);
}
em {
    font-style:italic;
}
strong {
    font-weight:bold;
}
small {
    font-size:80%;
}

@media (max-width: 480px) {
h1 {
    font-size:21px;
}
h2 {
    font-size:20px;
}
h3 {
    font-size:15px;
}
}



/* Auflistungen /////////////////////////////////////////////////////// */
.arrow-right ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
.arrow-right ul li {
    position:relative;
    margin:0 0 10px;
    padding-left:1.5em;
}
.arrow-right ul li::before {
    display:inline-block;
    padding-right:1em;
    font-family:Fontello;
    font-weight:bold;
    color:#006699;
    content: "\e894";
}

.doubleAngle-red ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
.doubleAngle-red ul li {
    position:relative;
    margin:0 0 10px;
    padding-left:1.5em;
}
.doubleAngle-red ul li::before {
    display:inline-block;
    padding-right:1em;
    font-size: inherit;
    font-family:Fontello;
    font-weight:bold;
    color:#ffa933;
    content: "\e8fd";
}


/* Headline bordered //////////// */
h1.bordered,
h2.bordered,
h3.bordered,
h5.bordered,
h6.bordered,
.bordered h1,
.bordered h2,
.bordered h3,
.bordered h5,
.bordered h6 {
    padding-bottom:10px;
    border-bottom:1px solid #d6d6d6;
}
h1.bordered:after,
h2.bordered:after,
h3.bordered:after,
h5.bordered:after,
h6.bordered:after {
    width:50px;
    height:4px;
    position:relative;
    display:block;
    margin-top:7px;
    margin-bottom:-11px;
    background-color:#fa8535;
    font:0px FontAwesome;
    content:".";
}
.bordered h1:after,
.bordered h2:after,
.bordered h3:after,
.bordered h5:after,
.bordered h6:after {
    width:50px;
    height:4px;
    position:relative;
    display:block;
    margin-top:7px;
    margin-bottom:-11px;
    background-color:#fa8535;
    font:0px FontAwesome;
    content:".";
}



/* Links //////////// */
a {
    text-decoration:none;
    color:#006699;
    border:none;
}
a:hover {
    text-decoration:underline;
}
a:focus {
    outline:none;
}
.slid-p a {
    font-size:1.1em;
    text-decoration:none;
    color:#515151;
    border: none;
}
.slid-p a:hover {
    text-decoration:underline;
}

.img_vergleichrech img {
    float:left;
    margin-right:10px;
}

/* Images responsive //////////// */
.responsive img {
    width:100% !important;
    height:auto !important;
}

/* BIG BUTTON //////////// */
.big_button a,
a.big_button {
    position:relative;
    display:block;
    padding:15px 30px;
    text-align:center;
    background-color:#006699;
    font-size:18px;
    text-decoration:none;
    color:#ffffff;
}
.big_button a:hover,
a.big_button:hover {
    background-color:rgba(006699,.9);
}

/* MORE & BACK BUTTON //////////// */
p.back a,
a.back,
a.toplink,
.toplink a {
    padding:6px 13px;
    background-color:#006699;
    text-decoration:none;
    color:#ffffff;
}
p.more a:hover,
a.more:hover,
p.back a:hover,
a.back:hover,
a.toplink,
.toplink a {
    background-color:rgba(006699,.9);
}


/* 
//////////// */
blockquote p {
    position:relative;
    display:block;
    padding-right:60px;
    padding-left:100px;
    font-style:italic;
}
blockquote {
    position:relative;
    display:block;
    margin:0;
    padding:0;
}
blockquote:before {
    left:25px;
    position:absolute;
    display:block;
    font:50px Fontello;
    content: "\e896";
}



/* information //////////// */
.information {
    min-height: 120px;
    padding:5px;
    text-align:left;
    background-color:#e8e8e8;
    border:1px solid #006699;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}

.information h3{
padding-left: 80px;
}

.information p{
padding-left: 80px;
}
.information p:before{
   font:50px Fontello;font-color; 
   color: green;
   content: "\e818";
   position: absolute;
   margin: 0px 0 0 -75px;
   padding-top: 5px;
   width: 65px;
   height: 59px;
   border-radius: 35px;
   background-color: #ffffff;
   text-align: center;
}

.information ul{
padding-left: 80px;
}
.information ul li{
padding-left:0em;
}
.information ul:before{
   font:50px Fontello;font-color; 
   color: green;
   content: "\e818";
   position: absolute;
   margin: 0px 0 0 -75px;
   padding-top: 5px;
   width: 65px;
   height: 59px;
   border-radius: 35px;
   background-color: #ffffff;
   text-align: center;
}

@media (max-width: 480px) {

  .information ul:before{
   font:40px Fontello;font-color; 
   padding-top: 8px;
   width: 60px;
   height: 53px;
   }

}
/* Clear //////////// */
.clear {
    height:0px;
    position:relative;
    float:none;
    clear:both;
    display:block;
}

/* Colored //////////// */
.colored {
    color:#006699;
}

/* Hidden //////////// */
.hidden {
    display:none;
}


/* Line //////////// */
.line {
    width:100%;
    height:1px;
    background-color:#d6d6d6;
    font-size:1px;
    line-height:1px;
}

/* Text align center //////////// */
.center {
    text-align:center;
}

/* Inside Elements //////////// */
header,
#container,
.custom .inside {
    background-color:#ffffff;
}

#Informationsection {
    background-color:#ffffff;
}
#Slidersection {
    background-color:#ffffff;
}
#Slidersection .inside {
    background-color:rgba(3b3b3b,.1);
}


/* Figure //////////// */
figure {
    margin:0;
    padding:0;
    font-size:0px;
    line-height:0px;
}
figure:focus,
img:focus {
    outline:none;
}

/* .invisible //////////// */
.invisible {
    width:0px;
    height:0px;
    left:-1000px;
    top:-1000px;
    position:absolute;
    overflow:hidden;
    display:inline;
}



/* Logo //////////// */

.logo {
    float:left;
}
.logo img {
    float: inline-start;
    margin:0;
}
.kapp {
    font-size: 15px;
    font-weight: bold;
    float: right;
    display: flex;
    align-items: center;
}
.kapp img{
    width:100px;
    height: auto !important;
}
.hotline {
    text-align: right;
    font-size: 22px;
    margin: 0;
}
.hotline:before {
    font:21px Fontello;
    color:#006699;
    content: "\e8c8";
    margin-right: 10px;
}

@media (max-width:800px) {   

  .logo img {
    margin:8px 0 0 5px;
    width:270px;
  }
  .kapp {
    font-size: 12px;    
  }
  .kapp img {
  width: 70px;
  }
  .hotline {
    font-size: 15px;
    padding: 15px 8px 0 0;
    line-height: 36px;
  }
  .hotline:before {
    font:15px Fontello;
  }
}

@media (max-width:550px) {   

  .logo img {
    margin:5px 0 0 5px;
    width:200px;
  }
  .kapp {
    font-size: 11px;    
  }
  .hotline {
    font-size: 11px;
  }
}

@media (max-width:430px) {   

  .logo img {
    margin:3px 0 0 0px;
    width:180px;
  }
  .hotline {
    font-size: 10px;
    padding: 15px 5px 0 0;
  }
}




/* SLIDERSECTION //////////// */
#Slidersection section {
    margin-left:-3.2% !important;
    margin-right:-3.2% !important;
}
#Slidersection section.sc-first {
    margin-left:-3.2% !important;
    margin-right:-0% !important;
    width:77.45% !important;
}
#Slidersection section.sc-last {
    margin-right:-3.2% !important;
    margin-left:-0% !important;
    width:77.45% !important;
}
#Slidersection .mod_article,
.Slider-Bewertung .mod_article {
    overflow:visible !important;
}
#Slidersection .ce_sliderStart img {
    width:100% !important;
    height:auto !important;
}
.ce_flexSlider h1,
.ce_flexSlider h2,
.ce_flexSlider h3 {
    margin-bottom:0;
    color:#dedede;
}
#Slidersection .content-slider {
    overflow:hidden !important;
    margin-bottom:0px !important;
}
#Slidersection .slider-control {
    width:100%;
    height:0%;
    left:0;
    top:50%;
    position:absolute;
}
#Slidersection .slider-control .slider-menu {
    top:140px !important;
}
#right .slider-control .slider-menu {
    display:none;
}
#right .slider-control {
    top:0;
    position:static;
}
#right .slider-wrapper {
    margin-top:25px;
}
#Slidersection .ce_sliderStart .slider-control .slider-prev {
    width:25px;
    height:80px;
    left:-0%;
    top:50%;
    position:absolute;
    margin-top:-40px;
    background-color:#006699;
    font-size:0px;
    text-decoration:none;
    z-index:99;
    margin-left:-20px;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#Slidersection .ce_sliderStart:hover .slider-control .slider-prev {
    margin-left:0px;
}
#Slidersection .ce_sliderStart .slider-control .slider-next {
    width:25px;
    height:80px;
    right:0;
    top:50%;
    position:absolute;
    margin-top:-40px;
    background-color:#006699;
    font-size:0px;
    text-decoration:none;
    z-index:99;
    margin-right:-20px;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#Slidersection .ce_sliderStart:hover .slider-control .slider-next {
    margin-right:0px;
}
#Slidersection .ce_sliderStart .slider-control .slider-next:hover,
#Slidersection .ce_sliderStart .slider-control .slider-prev:hover {
    background-color:rgba(006699,.5);
}
#Slidersection .ce_sliderStart .slider-control .slider-prev:before {
    left:7px;
    top:28px;
    position:absolute;
    font:22px Fontello;
    color:#ffffff;
    content: "\e8f4";
}
#Slidersection .ce_sliderStart .slider-control .slider-next:before {
    right:7px;
    top:28px;
    position:absolute;
    font:22px Fontello;
    color:#ffffff;
    content: "\e8f5";
}
#Slidersection .ce_sliderStart figcaption {
    bottom:28px;
    left:30px;
    position:absolute;
    display:block;
    padding:15px 20px 17px;
    background-color:rgba(0,0,0,.5);
    font-size:13px;
    color:#fff;
    width:auto !important;
}
.slidersection_wide {
    display:none;
}
.slidersection_small {
    display:block;
}



@media (max-width:959px) {
    #Slidersection section.sc-last, #Slidersection section.sc-first {
    	position:relative  !important;
    	display:block  !important;
    	width:106.4% !important;
    	float:none !important;
    	clear:both !important;
    	margin-left:-3.2% !important;
    	margin-right:-3.2% !important;
    	padding-left: 0% !important;
    	padding-right: 0% !important;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;   
    	box-sizing: border-box;
    }
    #Slidersection .sc4{
        display:none;
    }
    #Slidersection .panes{
    	padding-bottom:50px;
    }
}

@media (max-width: 480px) {

   #Slidersection .ce_sliderStart figcaption {
	display: none;
   }
   .slid-p {
        display: none;
   }
}



/* MENU SIDE //////////// */
aside nav ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
aside nav ul li {
    width:100%;
    position:relative;
    display:block;
    background-color:#e8e8e8;
    list-style-type:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
aside nav ul li a,
aside nav ul li span,
#portfolio_filter a {
    width:100%;
    position:relative;
    overflow:hidden;
    display:block;
    margin-bottom:1px;
    padding:6px 10px 6px 15px;
    background-color:#e8e8e8;
    text-decoration:none;
    color:#515151;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
aside nav ul li a:before,
aside nav ul li span:before,
#portfolio_filter a:before {
    margin-right:15px;
    font-family:Fontello;
    color:#006699;
    content: "\e8ef";
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
aside nav ul li a:hover:before,
aside nav ul li span:hover:before,
aside nav ul li span.active:before,
#portfolio_filter a.active:before,
#portfolio_filter a:hover:before {
    color:#ffffff;
}
aside nav ul li a:hover,
aside nav ul li span.active,
aside nav ul li span.forward:hover,
#portfolio_filter a:hover,
#portfolio_filter a.active {
    background-color:#006699;
    text-decoration:none;
    color:#ffffff;
}
aside nav ul.level_1 li > ul {
    display:none;
}
aside nav ul.level_1 li.active > ul,
aside nav ul.level_1 li.trail > ul {
    display:block;
}
aside nav ul ul li {
    padding-left:15px;
}








/* Googlemap //////////// */
.dlh_googlemap {
    width:100% !important;
}
.mod_dlh_googlemaps {
    margin-bottom:20px;
}
#Informationsection .mod_dlh_googlemaps {
    margin:-2.1% -3.2%;
}




/* STARTSEITE ////////////////// */
.StartList ul {
    min-height:150px;
    font-size: 14px;
    width: 250px;
    float:left;
    margin:0 0 25px 15px;
    padding:0 0 10px;
    border:1px solid #d6d6d6;
    list-style-type:none;
    -webkit-box-shadow: 5px 5px 5px #d6d6d6;
    -moz-box-shadow: 5px 5px 5px #d6d6d6;
    box-shadow: 5px 5px 5px #d6d6d6;
}
.StartList ul li {
    padding:0 10px;
}
.StartList ul li.first {
    margin-bottom:10px;
    padding:10px;
    background-color:#006699;
    font-size:18px;
    color:#ffffff;
}
.StartList ul li::before {
    height:20px;
    margin-right:8px;
    font:18px Fontello;
    color:#006699;
    content: '\e8fd';
}

.StartList ul.ListRecht li.first::before,
.StartList ul.ListHaus li.first::before,
.StartList ul.ListHaft li.first::before,
.StartList ul.ListVorsorge li.first::before {
    color:#ffffff;
}
.StartList ul.ListRecht li.first::before {
    content: '\e99e';
}
.StartList ul.ListHaus li.first::before {
    content: '\ea07';
}
.StartList ul.ListHaft li.first::before {
    content: '\e800';
}
.StartList ul.ListVorsorge li.first::before {
    content: '\e9a8';
}



@media (max-width: 480px) {
.StartList ul li.first {
    font-size:16px;
}
.StartList ul {
    font-size: 14px;
    margin:0 0 25px 5px;
}

}

/* LINKBOX ///////////////// */
.LinkBox{
display: flex;
flex-wrap: wrap;
}

.LinkBoxInner{
width: 295px;
display: flex;
flex-wrap: wrap;
border: 1px solid #d4d4d4;
box-shadow: 0 3px 6.37px 0.63px rgba(21, 21, 21, 0.35);
padding: 5px;
margin: 10px auto;
background-color: #8bdde3;
}

.LinkBoxH2{
flex: 0 1 290px;
order: 1;
margin-bottom: 10px;
}
.LinkBoxH2 h2 {
text-align: center;
margin: 0;
font-size: 24px;
font-weight: bold;
}

.LinkBoxTip{
flex: 0 1 auto;
margin: 0 auto;
order: 3;
width: 80px;
height: 80px;
display: -webkit-box;
-webkit-box-align: center;
-webkit-box-pack: center;
border-radius: 50%;
background-color: #006699;
color: #fff;
text-align: center;
}

.LinkBoxArzt, .LinkBoxBU, .LinkBoxElektro,
.LinkBoxFahrrad, .LinkBoxFlug, .LinkBoxGlas,
.LinkBoxHaus, .LinkBoxHandwerk, .LinkBoxHerz,
.LinkBoxHR, .LinkBoxHund, .LinkBoxKinder,
.LinkBoxKFZ, .LinkBoxKoffer, .LinkBoxKrankenwagen, 
.LinkBoxKurse, .LinkBoxPflegebett, .LinkBoxRecht,
.LinkBoxSchiff, .LinkBoxUV
{
flex: 0 1 auto;
order: 2;
width: 80px;
height:80px;
margin: 0 auto;
-webkit-box-align: center;
-webkit-box-pack: center;
font: 60px Fontello;
color: #fff;
}

.LinkBoxAlterman, .LinkBoxBike, .LinkBoxDoctor, .LinkBoxGesundheit, 
.LinkBoxFamilie, .LinkBoxFamiliesicher, .LinkBoxFenster,
.LinkBoxFeuer, .LinkBoxFeuerhaus, .LinkBoxFirma, .LinkBoxFoerderung,
.LinkBoxHundspritze, .LinkBoxHundkrause, .LinkBoxHauswald,
.LinkBoxHundrennend, .LinkBoxKatze, .LinkBoxKindervorsorge, .LinkBoxKleinefirma, .LinkBoxLV, .LinkBoxManrollstuhl,
.LinkBoxMfh, .LinkBoxParagraf, .LinkBoxPcarbeit,
.LinkBoxPferdreiter, .LinkBoxPferdgeld, .LinkBoxPferdkrank, 
.LinkBoxPflege, .LinkBoxRechthammer,
.LinkBoxRechthammerschild, .LinkBoxRentegeld, 
.LinkBoxRuhestand, .LinkBoxSolarhaus, .LinkBoxSchluesselhand,
.LinkBoxSpritze, .LinkBoxTierarzt, .LinkBoxTod, .LinkBoxUnfall, .LinkBoxUVsturz,
.LinkBoxUrlaub, .LinkBoxVeteriner, 
.LinkBoxWaagerecht, .LinkBoxWohnraum,.LinkBoxWohnwagen,.LinkBoxWohnmobil, .LinkBoxZahnbuerste,
.LinkBoxZuhause
{
flex: 0 1 auto;
order: 2;
width: 80px;
height:80px;
margin: 0 auto;
background-position:left center;
background-repeat:no-repeat;
background-size: 60px;
}

.LinkBoxAlterman {
    background-image:url("../backgrounds/alter-man-ws.svg");
}
.LinkBoxArzt::before {
    content: "\e9a5";
}
.LinkBoxBike {
    background-image:url("../backgrounds/bike-ws.svg");
}
.LinkBoxBU::before {
    content: "\e9ba";
}
.LinkBoxDoctor {
    background-image:url("../backgrounds/doctor-ws.svg");
}
.LinkBoxElektro::before {
    content: "\e9cc";
}
.LinkBoxFahrrad::before {
    content: "\e984";
}
.LinkBoxFamilie {
    background-image:url("../backgrounds/familie-sicherheit-ws.svg");
}
.LinkBoxFamiliesicher {
    background-image:url("../backgrounds/familie-ws.svg");
}
.LinkBoxFenster {
    background-image:url("../backgrounds/fenster-ws.svg");
}
.LinkBoxFeuer {
    background-image:url("../backgrounds/feuer-ws.svg");
}
.LinkBoxFeuerhaus {
    background-image:url("../backgrounds/feuer-haus-ws.svg");
}
.LinkBoxFirma  {
    background-image:url("../backgrounds/firma-ws.svg");
}
.LinkBoxFlug::before {
    content: "\e937";
}
.LinkBoxFoerderung {
    background-image:url("../backgrounds/foerderung-ws.svg");
}
.LinkBoxGesundheit {
    background-image:url("../backgrounds/gesundheit-ws.svg");
}
.LinkBoxGlas::before {
    content: "\e9eb";
}
.LinkBoxHandwerk::before {
    content: "\e8ce";
}
.LinkBoxHaus::before {
    content: "\e819";
}
.LinkBoxHauswald {
    background-image:url("../backgrounds/haus-wald-ws.svg");
}
.LinkBoxHerz::before {
    content: "\e9a7";
}
.LinkBoxHR::before {
    content: "\e979";
}
.LinkBoxHund::before {
    content: "\e801";
}
.LinkBoxHundkrause {
    background-image:url("../backgrounds/hundmitkrause-ws.svg");
}
.LinkBoxHundspritze {
    background-image:url("../backgrounds/hund-spritze-ws.svg");
}
.LinkBoxHundrennend {
    background-image:url("../backgrounds/hund-rennend-ws.svg");
}
.LinkBoxKatze {
    background-image:url("../backgrounds/katze-ws.svg");
}
.LinkBoxKinder::before {
    content: "\ea03";
}
.LinkBoxKindervorsorge {
    background-image:url("../backgrounds/kindervorsorge-ws.svg");
}
.LinkBoxKleinefirma {
    background-image:url("../backgrounds/kleine-firma-ws.svg");
}
.LinkBoxKFZ::before {
    content: "\e9ea";
}
.LinkBoxKoffer::before {
    content: "\e958";
}
.LinkBoxKrankenwagen::before {
    content: "\e9a8";
}
.LinkBoxKurse::before {
    content: "\e973";
}
.LinkBoxLV {
    background-image:url("../backgrounds/lv-ws.svg");
}
.LinkBoxManrollstuhl {
    background-image:url("../backgrounds/maninrollstuhl-ws.svg");
}
.LinkBoxMfh {
    background-image:url("../backgrounds/mfh-ws.svg");
}
.LinkBoxParagraf {
    background-image:url("../backgrounds/paragraf-ws.svg");
}
.LinkBoxPcarbeit {
    background-image:url("../backgrounds/pc-arbeit-ws.svg");
}
.LinkBoxPferdreiter {
    background-image:url("../backgrounds/pferd-reiter-ws.svg");
}
.LinkBoxPferdgeld {
    background-image:url("../backgrounds/pferd-geld-ws.svg");
}
.LinkBoxPferdkrank {
    background-image:url("../backgrounds/pferd-krank-ws.svg");
}
.LinkBoxPflege {
    background-image:url("../backgrounds/pflege-ws.svg");
}
.LinkBoxPflegebett::before {
    content: "\e9ab";
}
.LinkBoxRecht::before {
    content: "\e99e";
}
.LinkBoxRechthammer {
    background-image:url("../backgrounds/recht-hammer-ws.svg");
}
.LinkBoxRechthammerschild {
    background-image:url("../backgrounds/recht-hammer-schild-ws.svg");
}
.LinkBoxRentegeld{
    background-image:url("../backgrounds/rente-geld-ws.svg");
}
.LinkBoxRuhestand {
    background-image:url("../backgrounds/ruhestand-ws.svg");
}
.LinkBoxSchiff::before {
    content: "\e988";
}
.LinkBoxSchluesselhand {
    background-image:url("../backgrounds/schluessel-hand-ws.svg");
}
.LinkBoxSolarhaus {
    background-image:url("../backgrounds/solar-haus-ws.svg");
}
.LinkBoxSpritze {
    background-image:url("../backgrounds/spritze-ws.svg");
}
.LinkBoxTierarzt {
    background-image:url("../backgrounds/tierarzt-ws.svg");
}
.LinkBoxTod {
    background-image:url("../backgrounds/tod-ws.svg");
}
.LinkBoxUnfall {
    background-image:url("../backgrounds/unfall-ws.svg");
}
.LinkBoxUrlaub {
    background-image:url("../backgrounds/urlaub-ws.svg");
}
.LinkBoxUVsturz {
    background-image:url("../backgrounds/uv-ws.svg");
}
.LinkBoxUV::before {
    content: "\e9a8";
}
.LinkBoxVeteriner {
    background-image:url("../backgrounds/veterinaer-ws.svg");
}
.LinkBoxWaagerecht {
    background-image:url("../backgrounds/waaage-recht-ws.svg");
}
.LinkBoxWohnraum {
    background-image:url("../backgrounds/wohnraum-ws.svg");
}
.LinkBoxWohnwagen{
    background-image:url("../backgrounds/wohnwagen-ws.svg");
}
.LinkBoxWohnmobil{
    background-image:url("../backgrounds/wohnmobil-ws.svg");
}
.LinkBoxZahnbuerste {
    background-image:url("../backgrounds/zahn-buerste-ws.svg");
}
.LinkBoxZuhause {
    background-image:url("../backgrounds/zuhause-ws.svg");
}

.LinkBoxBtn{
flex: 0 1 auto;
order:4;
margin: 10px auto 0px auto;
width: 240px;
padding: 7px 15px 7px 10px;
background-color: #ffa933;
border-color: #ffa933;
}
.LinkBoxBtn a:link, .LinkBoxBtn a:hover, .LinkBoxBtn a:visited{
margin: 20px;
font-size: 17px;
font-weight: bold;
text-decoration: none;
color: #fff;
}
.LinkBoxBtn a:hover{
color: #006699;
}
.LinkBoxBtn a:after  {
    display:inline-block;
    float: right;
    font:20px Fontello;
    font-weight:bold;
    color:#006699;
    content: '\e8fd';
}

.LinkBoxCalc{
display: flex;
flex-wrap: wrap;
}
.LinkBoxCalcInner
{
min-width: 295px;
/*box-shadow: 0 3px 6.37px 0.63px rgba(21, 21, 21, 0.35);*/
/*border: 1px solid #000;*/
flex: 0 1 auto;
margin: 10px auto;
background-color: #006699;
padding: 10px;
}
.LinkBoxCalcInner a, .LinkBoxCalcInner a:link, .LinkBoxCalcInner a:visited{
padding: 0 7px 0 7px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 17px;
}
.LinkBoxCalcInner a:hover{
color: #fa8535;
text-decoration: underline;
}
.LinkBoxCalcInner:before {
font: 24px Fontello;
content: "\e9ce";
color: #fff;
}
.LinkBoxCalcInner:after{
font: 24px Fontello;
content: "\e8fd";
color: #fff;
float: right;
}


/* Footer //// */
footer {
    background-color:#e0e0e0;
}

#footer h1.bordered,
#footer h2.bordered,
#footer h3.bordered,
#footer h4.bordered,
#footer h5.bordered,
#footer h6.bordered {
    margin-top:11px;
    margin-bottom:11px;
    font-size:17px;
    line-height:30px;
}
#footer .bordered h1,
#footer .bordered h2,
#footer .bordered h3,
#footer .bordered h4,
#footer .bordered h5,
#footer .bordered h6 {
    margin-top:11px;
    margin-bottom:11px;
    font-size:17px;
    line-height:30px;
}

.footer-service {
    margin-bottom:10px;
    padding-left:10px;
    background-color:#e8e8e8;
}
.footer-service a {
    display:block;
    text-decoration:none;
}
.footer-service a:hover {
    color:#515151;
}

/* ICONS ACCORDION //////////////////////////////////////////////////// */
.accHaft .ui-accordion-header::before,
.accHaus .ui-accordion-header::before,
.accRecht .ui-accordion-header::before,
.accUnfall .ui-accordion-header::before,
.accGebäude .ui-accordion-header::before {
    position:relative;
    display:inline-block;
    margin-right:15px;
    font:20px Fontello;
    color:#006699;
}
.accHaft .ui-accordion-header::before {
    content: '\ea03';
}
.accHaus .ui-accordion-header::before {
    content: '\e979';
}
.accRecht .ui-accordion-header::before {
    content: '\e99e';
}
.accUnfall .ui-accordion-header::before {
    content: '\e9a8';
}
.accGebäude .ui-accordion-header::before {
    content: '\e819';
}

.ui-accordion-header:hover::before,
.ce_accordion .ui-accordion-header-active::before {
    color:#ffffff;
}

/* ICONS VOR UEBERSCHRIFTEN H3, H4//////////////////////////////////////////////////// */
#accGlas h3,
#accPrivatR h3,
#accVerkehrR h3,
#accWohnR h3,
#accBerufR h3,
#accSpezialR h3,
#accVermR h3,
#accWohnFR h3,
#accBerufFR h3,
#accNebenVertragR h3,
#accVersVertragR h3,
#accVertragR h3,
#accInkassoR h3,
#accFirmaFR h3{
    background-position-y: 2px;
    background-size: 22px;
    background-repeat:no-repeat;
    padding-left: 28px;
    position: relative;
}
#accGlas h3{
    background-image:url("../backgrounds/glas_acc.png");
}
#accPrivatR h3{
    background-image:url("../backgrounds/privat.png");
}
#accVerkehrR h3{
    background-image:url("../backgrounds/verkehr.png");
}
#accWohnR h3{
    background-image:url("../backgrounds/wug.png");
}
#accBerufR h3 {
    background-image:url("../backgrounds/arbeit_b.png");
}
#accSpezialR h3{
    background-image:url("../backgrounds/paragraph_b.png");
}
#accVermR h3 {
    background-image:url("../backgrounds/vermieter_b.png");
}
#accWohnFR h3{
    background-image:url("../backgrounds/fabrik_b.png");
}
#accBerufFR h3 {
    background-image:url("../backgrounds/angetellte_b.png");
}
#accNebenVertragR h3{
    background-image:url("../backgrounds/dienstleistung_b.png");
}
#accVersVertragR h3{
    background-image:url("../backgrounds/vertrag_b.png");
}
#accVertragR h3{
    background-image:url("../backgrounds/vertrag_b.png");
}
#accInkassoR h3{
    background-image:url("../backgrounds/geldbeutel_b.png");
}
#accFirmaFR h3 {
    background-image:url("../backgrounds/fabrik_b.png");
}


#accBlank h4:before {
    position: relative;
    display:inline-block;
    margin-right:9px;
    font:12px Fontello;
    content: "\e878";
    color:#227ac6d9;
}



/* SchadenContainer ////////////////////////////////////////////////// */
.beispiel_container {
    padding:10px 20px;
    background-color:#e8e8e8;
    font-style:italic;
}

/* Flex Container Reiseversicherung //////////////////////////////////// */
.ReiseFlexBox {
    padding:15px;
    border:1px solid #006699;
    display: flex;
    flex-wrap: wrap;
}
.ReiseFlexBox div {
    min-width:200px;
}
.ReiseFlexBox a {
    display:block;
    margin-right:10px;
    padding:6px 13px;
    background-color:#006699;
    color:#ffffff;
    cursor: pointer;
}
.ReiseFlexBox a:hover {
    background-color:rgba(006699,.9);
}




/* ACCORDION //////////// */
.ce_accordion {
    margin-bottom:10px;
}
.ce_accordion .toggler {
    width:100%;
    position:relative;
    display:block;
    padding:11px 40px 11px 11px;
    background-color:#e8e8e8;
    color:#515151;
    cursor:pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ce_accordion .toggler:hover,
.ce_accordion .ui-accordion-header-active {
    background-color:#006699;
    color:#ffffff;
}
.ce_accordion .toggler:focus {
    outline:none;
}
.ce_accordion .ui-accordion-header:after {
    right:15px;
    top:13px;
    position:absolute;
    font:16px Fontello;
    color:#006699;
    content: "\e90f";
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ce_accordion .ui-accordion-header:hover:after {
    color:#ffffff;
}
.ce_accordion .ui-accordion-header-active:after {
    right:15px;
    top:13px;
    position:absolute;
    font:16px Fontello;
    color:#ffffff;
    content: "\e90e";
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ce_accordion .accordion {
    padding:10px 11px;
}





/* INFO TABELLEN //////////// */
.info_table table {
border-collapse: collapse;
width: 98%; 
font-size: 0.9em;
border: 1px solid #006699; /*#8C9F04;*/
box-shadow: 0 0 6px #006699;;
-webkit-box-shadow: 0 0 6px #006699;;
-moz-box-shadow: 0 0 6px #006699;;
}
.info_table table tr:nth-child(1n+1) {
background-color: #fff5dd;
}
.info_table table tr:nth-child(2n+2) {
background-color: #fff;
}
.info_table table td {
padding: 2px 5px 2px 5px;
border: 1px solid #006699;
}


/* BEWERTUNGEN //////////////////////////////////////////////////////////////////// */ 
#com_tl_page_306 .widget {
    width:50%;
    float:left;
}
#com_tl_page_306 .text {
    width:98%;
}
#com_tl_page_306 .rating {
    float:left;
    border: none;
}
#com_tl_page_306 .rating input {
    display:none;
}
#com_tl_page_306 .rating label:before {
    display:inline-block;
    margin:5px;
    font:1.25em Fontello;
    content: "\e9f3";
}
#com_tl_page_306 .rating label {
    float:right;
    color:#ddd;
}
#com_tl_page_306 .rating input:checked ~ label,
#com_tl_page_306 .rating:not(:checked) > label:hover,
#com_tl_page_306 .rating:not(:checked) > label:hover ~ label {
    color:#ffd700;
}
#com_tl_page_306 .rating > input:checked + label:hover,
#com_tl_page_306 .rating > input:checked ~ label:hover,
#com_tl_page_306 .rating > label:hover ~ input:checked ~ label,
#com_tl_page_306 .rating > input:checked ~ label:hover ~ label {
    color:#ffed85;
}
#com_tl_page_306 .rating span {
    width:150px;
    float:left;
    font-size:1.3em;
    color:#006699;
}


/* SLIDER BEWERTUNG IM CONTENT (z.b.RECHNER-SEITEN) //////////////////////////////////////// */
#SliderKundenbewertung .slider-control {
    display:none;
}
#SliderKundenbewertung {
    margin-top:25px;
}




/* RIGHT SIDE // */
#right .ce_list ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
p.ContainerTitle {
    margin:0;
    padding-bottom:10px;
    padding-left:0;
    border-top:0px solid #d6d6d6;
    border-right:0px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
    border-left:0px solid #d6d6d6;
    font-size:17px;
    line-height:34px;
    color:#006699;
    background: none;
}
p.ContainerTitle::after {
    width:50px;
    height:4px;
    position:relative;
    display:block;
    margin-top:7px;
    margin-bottom:-11px;
    background-color:#fa8535;
    font:0px FontAwesome;
    content: ".";
}
.produkt_empfehlung {
    padding:3%;
    background-color:#e8e8e8;
}
.produkt_empfehlung p {
    margin:0;
}
p.icon-call::before {
    font:20px Fontello;
    font-weight:bold;
    color:#006699;
    content: '\e8c8';
}
.img_vergleichrech_right {
    margin-bottom:75px;
}
.img_vergleichrech_right figure {
    text-align:center;
}

#right hr {
margin-bottom: 50px; background: #006699; height: 2px; border: 0px; background-image: linear-gradient(to right, #d9f0fc, #268ce4, #d9f0fc);
}

#right figure {
    text-align:center;
}


/* Site: WIR UEBER UNS /////////////////////////////////////////////////////// */
.sc-count3 p.sparpreis::before {
    width:50px;
    height:47px;
    top:15px;
    position:relative;
    display:inline-block;
    margin-right:15px;
    background-image:url("../backgrounds/sparpreis_kl.png");
    background-repeat:no-repeat;
    content:"";
}
.sc-count2 p.lexika::before {
    width:50px;
    height:47px;
    top:22px;
    position:relative;
    display:inline-block;
    margin-right:15px;
    background-image:url("../backgrounds/lexika.png");
    background-repeat:no-repeat;
    content: "";
}
.sc-count1 p.eigRech::before {
    width:50px;
    height:47px;
    top:15px;
    position:relative;
    display:inline-block;
    margin-right:15px;
    background-image:url("../backgrounds/eigeneRechner.jpg");
    background-repeat:no-repeat;
    content:"";
}
.sc-count3 p.sparpreis,
.sc-count2 p.lexika,
.sc-count1 p.eigRech,
.sc-count0 p.beratung {
    font-size:20px;
    line-height:30px;
    color:#006699;
}



/* ///////////////////////neues Menue /////////////////////////////// */
    #Menusection .mod_article .block {
    	overflow: visible !important;
	}
	
  #Menusection .mod_article .block {
    	overflow: visible !important;
	}
	
.navbar {
  background-color: #3b3b3b;
  color: #fff;
  position: relative;
  margin:0;
  padding:0;
  top: 0;
  width: 100%;
  height: 50px;
}

.navbar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-evenly;
 
}

.navbar-nav > li {
  position: relative;
}
.navbar-nav > li:hover{
  background: #006699;
}


.navbar-nav > li:hover > .sub-menu {
  display: flex; 

}

.navbar-nav > li > a {
    border-bottom: none;
    line-height: 50px;
    font-size: 15px;
}

/*bewirkt, dass die letzten Menüpunkte („weiteres“, „Tierversicherung“ etc.) nach links aufklappen,*/
.navbar-nav > li:last-child .sub-menu,
.navbar-nav > li:nth-last-child(2) .sub-menu,
.navbar-nav > li:nth-last-child(3) .sub-menu,
.navbar-nav > li:nth-last-child(4) .sub-menu{
  right: 0;
  left: auto;
  transform: none;
}

.menu-link {
  display: block;

 margin: 0;
  
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.menu-link:hover {
  background: #006699;
}

.drop-icon{
    position: relative;
     
}
.drop-icon::before{
    height: 20px;
    color: #fff;
    font: 18px Fontello;
    content: '\e8fd';
	padding: 0 0 0 3px;
}

/* ---------- SUBMENU ---------- */
.sub-menu{
  display: none;
  position: absolute;
  top:50px;
  left: 0;
  background: #006699;
  color: #000;
  min-width: 600px;
  max-width: 1100px;
  padding: 0 0 0 5px;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  z-index: 100;
  flex-direction: row;
  gap: 2rem;  

}

.sub-menu-item p {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 0.5rem;
}

.sub-menu-item ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sub-menu-item ul li a {
  opacity: 0.8;
  transition: all 0.5s ease;
  display: inline-block;
  font-size: 15px;
  line-height: 35px;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
}

.sub-menu-item ul li a:hover {
  text-decoration: underline;
}

/* ---------- TOGGLER ---------- */
.navbar-toggler {
  height: 50px;
  width: 50px;
  padding: 0 10px;
  display: none;
  transition: all 0.4s ease;
  overflow: hidden;
  background: #006699;
  color: #292929;
}

.navbar-toggler::before {
  line-height: 50px;
  font-size:28px;
  font-family: "fontello";
  content: '\e8cb';
}



/* ---------- RESPONSIVE ---------- */
@media (max-width: 959px) {
 

.navbar {
  z-index: 100;
}

 .navbar-nav {
    flex-direction: column;
    display: none;
    width: 100%;
    background: #004c97;
  }

.navbar-nav > li > a {
    border-bottom: none;
    line-height: 50px;
    font-size: 15px;
}
  .navbar-nav.open {
    display: flex;
  }
  
  .navbar-nav > li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  navbar-nav > li:hover > .sub-menu {
  display: flex; 
  padding: 0 10px;
}

 .navbar-nav li.active > .sub-menu {
    display: flex;
  }

  .sub-menu {
    position: static;
    background: #003870;
    color: #fff;
    box-shadow: none;
    border-radius: 0;
    display: none;
	min-width: auto;
    flex-direction: column;
	gap: 0;

  }

.sub-menu-item {
	width: 100%;
}

.sub-menu-item p {
  display: none;
}

.sub-menu-item ul li a {
  
      color: #fff;
	  padding:  0;
}
 

  .navbar-toggler {
    display: block;
    text-align: left;
  }
}




/* SEARCH MENUSECTION //////////// */
#Menusection .mod_search {
    display: flex;
    width:50px;
    height:50px;
    right:0;
    top:0;
    position:absolute;
    overflow:hidden;
    padding:0;
    background-color:#006699;
    -ms-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    /*z-index: 1050;*/
}
#Menusection .mod_search:hover {
    width:100%;
}
#Menusection .mod_search .formbody {
    width:100%;
    height:50px;
}
#Menusection .mod_search .formbody:before {
    width:50px;
    height:33px;
    right:0;
    top:0;
    position:absolute;
    padding-top:17px;
    text-align:center;
    background-color:#444;
    font:15px Fontello;
    color:#006699;
    content: "\e9ed";
}
#Menusection .mod_search .formbody .submit {
    width:50px;
    height:50px;
    right:0;
    top:0;
    position:absolute;
    margin:0;
    padding:0;
    -webkit-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0;
    border:0px;
    border-radius:0;
    font-size:0px;
    cursor:pointer;
    background:transparent;
}
#Menusection .mod_search .formbody .submit:hover {
    background-color:rgba(0,0,0,.05);
}

#Menusection .mod_search .formbody .text {
    width:100%;
    height:50px;
    left:0;
    top:0;
    position:absolute;
    display:block;
    padding:0 60px 0 90px;
    vertical-align:middle;
    background-color:rgba(0,0,0,.01);
    -webkit-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0;
    border:0px;
    border-radius:0;
    font-size:14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    -webkit-appearance: none;
}
#Menusection .mod_search .header,
#Menusection .mod_search .first,
#Menusection .mod_search .last,
#Menusection .mod_search .even {
    display:none;
}