h3{
    font-size: 1.75rem !important;
    font-weight: 500 !important;
}


header#siteHeader .logo img {
    width: auto !important;
    height: 50px !important;
    max-height: 50px;
}

input[type="text"]{
    border: 2px solid #a59c94;
    padding:5px;
}

.sidebar-nav ul li ul {
    padding-left: 0px;
}
.sidebar-nav ul li ul li {
    padding-left: 28px;
}
.sidebar-nav ul li ul li.active {
    background:#fff;
}
.sidebar-nav ul li ul li:last-child {
    margin-bottom:0px;
}
dd{
    display:none;   
    opacity: 0;
    transition: opacity 0.3s ease-in;
}
.img-holder{
    display: block;
}
.img-holder dt{   
    display: inline-block;
    margin-right:10%;
    position: relative;
}
.img-holder img{
    width:150px ;
    max-width:150px;
    
}
.col-xl-10 > .img-holder img, .col-xl-12 > .img-holder img{
     width:150px !important;
}
.img-holder .plus-icon{
    position: absolute;
    right:15px !important;
}
.jumpTo i{
    display: block;
}
.jumpTo:hover{
    color: #212121;
}
.gedankenstopp-icon::before{
    content:url(../../icons/gedankenstopp.svg);
    display: inline-block;     
    height:80px;
    width:80px;    
}
.gruebeltermin-icon::before{
    content:url(../../icons/gruebeltermin.svg);
    display: inline-block;     
    height:80px;
    width:80px;    
}
.atemuebung-icon::before{
    content:url(../../icons/atemuebung.svg);
    display: inline-block;      
    height:80px;
    width:80px;    
}
.wunschbox-icon::before{
    content:url(../../icons/wunschbox.svg);
    display:inline-block;       
    height:80px;
    width:80px;    
}
.nav-wunschbox-icon::before{
    content:url(../../icons/navi_wunschbox.svg);
    display:inline-block;       
    height:28px;
    width:28px; 
    top:6px;
    position: relative;   
}
.nav-favorite-icon::before{
    content:url(../../icons/navi_favoriten.svg);
    display:inline-block;       
    height:28px;
    width:28px; 
    top:6px;
    position: relative;   
}

.notfallkoffer-icon{    
    background-image:url("../../icons/notfallkoffer.svg");
    width:80px;
    height:80px;
    background-size: 80px 80px !important;    
}
.stimmungstagebuch-icon::before{
    content:url(../../icons/navi_stimmungstagebuch.svg);
    display:inline-block;       
    height:20px;
    width:20px;    
}
.nav-notfallkoffer-icon::before{
    content:url(../../icons/navi_notfallkoffer.svg);
    display:inline-block;       
    height:28px;
    width:28px; 
    top:6px;
    position: relative;   
}
.nav-abmelden-icon::before{
    content:url(../../icons/navi_abmelden.svg);
    display:inline-block;       
    height:17px;
    width:17px;  
    top:2px;
    position: relative;  
}
.nav-stimmungstagebuch-icon::before{
    content:url(../../icons/navi_stimmungstagebuch.svg);
    display:inline-block;       
    height:28px;
    width:28px; 
    top:6px;
    position: relative;   
}



.drucken-icon{
    
    display:inline-block;
    background:url("../../icons/drucken.svg") no-repeat;
    width:80px;
    height:80px;
    background-size: contain;   
}
.speichern-icon{  
    
    background-image:url("../../icons/speichern.svg");
    width:80px;
    height:80px;
    background-size: 80px 80px !important;   
}

.stoppuhr-icon::before{
    content:url(../../icons/stoppuhr.svg);
    display:inline-block;       
    height:80px;
    width:80px;    
}
.kapitel-icon{
    background-image:url("../../icons/kapitel.svg");
    width:80px;
    height:80px;
    background-size: 80px 80px !important;       
}    

.anleitung-icon{    
    background-image:url("../../icons/bedienungsanleitung.svg");
    width:80px;
    height:80px;
    background-size: 80px 80px !important;    
}

.zusatzkapitel-icon{    
    background-image:url("../../icons/zusatzkapitel.svg");
    width:80px;
    height:80px;
    background-size: 80px 80px !important;   
}

.content-linie{
    width:100%;
    border-bottom:1px solid #a59c94;
    margin-right:20%;
}
.text-underline{
    text-decoration: underline;;
}
.bold-underline{
    font-weight: 600;
    text-decoration: underline;
    display: inline-block !important;
}
.kursiv{
  font-style: italic;

}  
.textbold{
    font-weight:600;
}
.textred{
    color:#B02F2C;
}
dd.active{
    display:block !important;
    visibility: visible;
    opacity: 1;
}
dd.inactive{
    display:block !important;
    visibility: hidden;
    opacity: 0;
}
.siteNavi{
    width:100%;
    position:relative;
    background: #fff;
    padding:10px;
}
.siteNavi .prevLink{
    display:flex;
    font-size: 14px;
    width: 150px;
}
.siteNavi .nextLink{
    display:flex;
    font-size: 14px;
    width: 150px;
}
.siteNavi .nextLink a, .siteNavi .prevLink a{
    color: #212121;
    font-weight:400;
    height:40px;
    display:inline-block;
    }
    .siteNavi .nextLink a.hide, .siteNavi .prevLink a.hide{
    display:none;
    }
.siteNavi .nextLink a:after{
    content:"";
    display:block;
    position:absolute;
    background: url(../../icons/pfeil_rechts.svg) no-repeat;
    height:12px;
    width:80px;

}
.siteNavi .prevLink a:after{
    content:"";
    display:block;
    position:absolute;
    background: url(../../icons/pfeil_rechts.svg) no-repeat;
    height:12px;
    width:80px;
    transform: scaleX(-1);

}

.siteNavi .slideNavi{
    flex-wrap:nowrap;
}
.siteNavi .bb-1{
    border-bottom: 1px solid rgba(0,0,0,0.2);
    }
.siteNavi .slidePagination{
    text-align:center;
    padding: 15px 0px;
}
.siteNavi .slidePagination .slideIndexes{
    display:inline-block;
    margin-right: 30px;
     margin-top: 10px;
     margin-bottom:10px;
     padding:0px 2px;
    font-style:normal;
    cursor:pointer;
    font-weight:400;
    position:relative;
    font-size:25px;

}
.siteNavi .slidePagination .slideIndexes.active{
    border-bottom:2px solid #212121;
}
.siteNavi .slidePagination .slideIndexes:after{
    content:"";
    display:block;
    height:22px;
    border-right:2px solid #212121;
    margin-left:10px;
    margin-right:10px;
    top: 4px;
    right:-27px;
    font-size:18px;
    position:absolute;

    }

    .siteNavi .slidePagination .slideIndexes:last-child:after{
    content:"";
    display:none;
    height:22px;
    border-right:2px solid #212121;
    margin-left:10px;
    margin-right:10px;
    top: 4px;
    right:-27px;
    font-size:18px;
    position:absolute;

    }
.progress-text{
    margin-top:15px;
    display:inline-block;
    font-size:18px;
    font-weight:400;
}

.col-xl-12 .situations-table .col-md-3:first-of-type p{
    padding-left:30px;

}
.col-xl-10 .situations-table .col-md-3:first-of-type p{
    padding-left:15px;

}

.situations-table .col-md-3 p{
   font-size:18px;
   padding-right:15px;

}

/*Master Slider*/
.ms-view{
    background: #fff;
    color: #212121;
    padding-bottom: 40px;
    margin:0;
}
.ms-skin-default .ms-nav-next{
    bottom:-30px;
    top:auto !important;
}
.ms-skin-default .ms-nav-prev{
    bottom:0px;
    top:auto !important;
}

.ms-skin-default .ms-bullets.ms-dir-h{
    position: relative;
    right:auto;
    bottom:0px !important;
    top:-10px;
    width: 83.333333% !important;
    margin: 0 auto;
    left:15px;
    counter-reset: section;   
}
.ms-skin-default .ms-bullets-count{
     right:auto !important;
 }
.ms-skin-default .ms-bullet{
      background:#212121;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            padding:5px;
            text-align:center;
            color: #fff;

 }
 .ms-skin-default .ms-bullet::before{
     counter-increment: section;   
                content: counter(section); 
                color: #fff;  
 }
.ms-skin-default .ms-bullet::first-child{
      margin-left: 0px !important;
 }
.ms-skin-default .ms-bullet-selected{
       
       background:#d7d2cb;  
 }
 .ms-skin-default .ms-bullet-selected::before{
    color: #212121;
 }

/*Master Slider ende*/

.blockImage{
    position:relative;
    height: 450px;
    overflow:hidden;
    width:100%;

}
.imageSpace{
    padding: 0px 0px !important;
}
.blockImage img{
    width:100%;
    position:relative;
    top:-55%;
}

.card-outline-success .card-header {
    background: #d7d2cb;
    border-color: #d7d2cb;
}
.card img{
     width: 100%;
       height:auto;
        flex-shrink: 0;
}
.page-wrapper{
    /*
    background: rgba(215, 210, 203,0.4);
    */
    background:#fff;
    padding-bottom: 0px;


}
.page-wrapper.greyBackground {
    
    background: #e7e3de;
    
   

}
a{
   color: #6ea8b8;
   font-size: 17px; 
   font-style: normal;
   font-weight: normal;
   line-height: 120%;
}
a:hover{
    color: #212121;
}
.page-titles{
    background: none;
    padding-top:25px;
    padding-bottom:25px;
    margin:0px;
}
.page-titles .siteHeadline{
    color: #a59c94;
}
.mainCategorys i{
    color: #B02F2C !important;
    font-size:60px;
    margin: 15px 0px 0px 15px;
}
.mainCategorys h3{
   font-weight: 600;
   font-size: 25px;
    margin: 25px 0px 0px 15px;
}

.mainCategorys h4{
   font-weight: 400;
   font-size: 20px;
    margin: 25px 0px 0px 15px;
}
.mainCategorys p{
    font-size: 18px;
    margin: 25px 0px 0px 15px;
    padding-right:15px;
}
.btn.btn-accent{
    display:block;
    background: #B02F2C;
    color: #fff;
    border-radius: 0px;
    margin-top: 20px;


}
.btn.btn-accent.btn-small{
    display:inline-block;
    letter-spacing: 0.3px;
    padding: 5px 20px;


}
.btn.btn-accent:hover{
     background: #d8413f;
}
.notDone{
    color: #a59c94;
    font-size: 16px;
    font-weight:400;
    margin-top:43px;
}
.notDoneByRhowerk{
     color: #be7dca;
    font-size: 16px;
}
.infobox{
    background-color: #fff;
    border: 1px solid #a59c94;
    position: relative;
    padding: 15px;
    line-height: 1.2em;
    color: #a59c94;
    font-weight: 400;
}
.wishbox-overview ul{
    line-height: 18px;
    
}
.wishbox-overview h5{
    font-size:20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom:20px;
    
}

.block-overview h3{
    font-weight:600;
    font-size:19px;
    margin-bottom:40px;

}
.block-overview p{
    font-size:19px;

}

.block-overview.favorites h3{
    margin-bottom:15px;

}

.favorite{
   
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1; 
}
h4 .favorite{
   
    position:relative;
    top:8px;
}

.favorite:before{
    content:"";
    background: url(../icons/favorit_inaktiv.svg) no-repeat;
    width:40px;
    height:40px;
    display:inline-block;
    transition: all 0.2s ease-in;
}

.favorite.active:before{
    content:"";
    background: url(../icons/favorit_aktiv.svg) no-repeat;
    width:40px;
    height:40px;
}


#sidebarnav{

}
.accent{
    color: #B02F2C !important;
}
.forceDisplay{

}
.sidebar-nav {

    background: #fff;
    padding: 0px 0 0 0px;

}
.sidebar-nav > ul > li > a i {
    width: 18px;
    font-size: 18px;
    display: inline-block;
    position:absolute;
    left:15px;
    top:9px;
    display:none;
}
.sidebar-nav ul li.nav-devider{
    background: #a59c94;
    margin:0px;

}
.sidebar-nav > ul > li > a  {
    padding-left: 20px;
    font-weight:600;
    letter-spacing: 0.2px;
    color: #212121;
    font-size:18px;
    padding-top:20px;
    padding-bottom:10px;
}
.sidebar-nav > ul > li > a:hover {
    background: #ebe8e5;
    }
.sidebar-nav > ul > li{
    margin:0px;
    }
.sidebar-nav ul li{
    line-height: 1.2em;
}
.sidebar-nav ul li.active {
   background: #ebe8e5;
}
.sidebar-nav ul li a.active {

    font-weight: 400;
    color: #263238;


}
.sidebar-nav > ul > li.active > a i,.sidebar-nav ul li a:hover i  {
    color: #212121;
}
.sidebar-nav ul li a {

    line-height:130%;

}
.sidebarKapitel{
    font-size:1em;
    display:inline-block;
    margin-bottom:3px;
}
.topbar {
    background: #efedea;
    border-bottom:10px solid #B02F2C ;
}





.topbar .navbar-nav .nav-item > a.nav-link{
    color: #212121;
}
.topbar .navbar-nav .nav-item > a.nav-link:hover{
    color: #B02F2C !important;
}

.topbar .navbar-header {
    background: #efedea;
}
.page-wrapper {
    margin-left: 300px;
    padding-bottom: 50px;
}
.left-sidebar{
    width:300px;
}
.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
    background: #f3f4f3;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
    color: #000;
}
.sidebar-nav > ul > li.active > a {
    color: #000;
}
.sidebar-nav ul li a {

    color: #212121;
   

}
h1,h2,h3,h4,h5,h6{
   font-family: "Biwa" !important;
   color: #212121;
}
h4 {
    font-size: 20px;
    font-weight: 600;
    line-height:28px;
    margin-bottom: 25px;
}
.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
    background: #fff;
}
.headline.lowMargin{
    margin-bottom:35px;
}
ul{
    font-weight: 400;
}
.btn-info, .btn-info.disabled {
    background: #B02F2C;
    border: 1px solid #B02F2C;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
.btn-info:hover, .btn-info.disabled:hover {
    background: #B02F2C;
    border: 1px solid #B02F2C;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover, .btn-info.focus, .btn-info:focus, .show > .btn-info.dropdown-toggle {
    background-color: #B02F2C;
    border: 1px solid #B02F2C;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.blue-box {
    position: relative;
    
    margin-top: 0px;

}

.quelle{
    font-size:10px;
    position:relative;
    line-height: :10px;
    top:-10px;
    margin-left:2px;

}
.quelleDetail .quelle {
    top:-5px;
}
.quelleDetail{
     font-size:12px;
     line-height:16px;
     margin-top:50px;
     max-width:800px;


}
.quelleDetail::before{
    content:"";
    display:block;
    width:300px;
    border-top:1px solid #212121;
    margin-bottom:10px;
}

footer a{
    color: #212121;
    font-weight:400;
    font-size: 0.8em;
}
.footer {
    position:absolute;
   
}

.inlineWunschbox i{    
    margin-right:20px;
    }
.inlineWunschbox{
    font-weight: 600;
    color: #6ea8b8;
    display: flex;
    align-items: center;

}
.inlineWunschbox:hover{
    color: #212121;
}



.inlineStimmungstagebuch i{
    font-size:20px;
    margin-right:5px;
}
.inlineStimmungstagebuch{
    font-size:20px;
    color: #B02F2C;
    display: inline-block;
    align-items: center;
    margin:0px !important;
}
.inlineStimmungstagebuch:hover{
    color: #212121;
}





.inlineNotfallkoffer i{
    font-size:60px;
    margin-right:20px;
}
.inlineNotfallkoffer{
    font-size:25px;
    color: #B02F2C;
    display: flex;
    align-items: center;
}
.inlineNotfallkoffer:hover{
    color: #212121;
}


.inlineDrucken{
    font-size:22px;
    margin-top:30px;
    color: #B02F2C;
    display: flex;
    align-items: center;

}
.inlineDrucken i{
    margin-right:15px;
}
.inlineDrucken:hover{
    color: #212121;
}
.inlineStoppuhr i{
    font-size:60px;
    margin-right:20px;
}
.inlineStoppuhr{
    font-size:30px;
    color: #B02F2C;
    display: flex;
    align-items: center;

}
.inlineStoppuhr:hover{
    color: #212121;
}

.kapitelInhalt{
    padding-top:50px;
    padding-left:70px;
    padding-bottom:50px;
}
.trennlinie{
    position:absolute;
    left:0px;
    margin:0;
    margin-top:75px;
}

.trennlinieMargin{
   
    display:block;
    position:relative;
    height:15px;
    margin-top:75px;
    margin-bottom:75px;
    width:1px;
}
.border-left-right {

    width: 100%;
}

.nextSite{
    background: #B02F2C;
    border-radius: 0px;
    border-color: #B02F2C;
    color: #fff;
    box-shadow: none;
    /*right: -15px;*/
    position: relative;
    padding: 15px 15px;
    visibility: visible;
}
.nextSite:hover, .nextSite.btn-info:focus;.nextSite.btn-info:active{
    background: #D8413E !important;
     border-color: #D8413E !important;
    color: #fff;
    box-shadow:none !important;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
     background: #D8413E !important;
     border-color: #D8413E !important;
    color: #fff;
    box-shadow:none !important;
}
.nextSite.inactive{
    background: #efefef;
    border-radius: 0px;
    border-color: #efefef;
    color: #a0a0a0;
    box-shadow: none;
    right: -15px;
    position: relative;
    padding: 15px 15px;
    visibility: hidden;
}
.nextSite.inactive:hover{
        background: #efefef;
    border-radius: 0px;
    border-color: #efefef;
    color: #a0a0a0;
    box-shadow: none;
    cursor:not-allowed;

    }
.kap{
    position: relative;
   
}
    /*.block10:after{
        content:"";
        display:block;
        position: absolute;
        height:30px;
        width:100%;
        background: url(../../images/birken.jpg);
        bottom:0px;

        filter: grayscale(50%);

    }*/
    /*.block10:hover:after{
        content:"";
        display:block;
        position: absolute;
        height:30px;
        width:100%;
        background: url(../../images/birken.jpg);
        bottom:0px;
        z-index:100;
        filter: grayscale(0%);

    }*/
   #capitalHeadline{
        position: relative;
        top:-60px;
    }

    .blue-box p {
        font-size: 20px;
       
    }
    .blue-box {
  
    background-color: #94928f;

}
.strategieDot ul li{
    position: relative;
    border-left: 2px solid #a59c94;
    border-right: 0px;   
    width: 80%;
    padding-left: 40px;
    padding-right: 0px;
    display: block;
    margin-left: 3px;
      
    z-index: 1;
}
.stratDot{
    border-radius: 50%;
    background-color: #B02F2C;
    position: absolute;
    left: -17px;
    top: -7px;
    width: 32px;
    height: 32px;
    z-index: 80;
}
.strategieDot ul li::after{
    content:"";
    box-sizing: border-box;
    display: block;
    height: 10px;
    width: 10px;
    border-right:2px solid #a59c94;
    border-bottom:2px solid #a59c94;
    transform: rotate(45deg);
    margin-left: -26px;
}

.strategieDot ul li:last-child{
    border-left: 0px;
    border-right: 0px;
    margin-left:5px;
}

.strategieDot ul li:last-child:after{
    border: none;
}

.strategieDot .green{
    background-color:#00bf6f;
}
.rangeslider--vertical {    
    width:74px !important;
    max-height: 600px !important;
    height:400px !important;
}
.rangeslider-plus:before{
    content:"";
    width:30px;
    height:30px;
    background:url(../../icons/plus.svg) no-repeat; 
    display: inline-block;
    position: relative; 
    margin-bottom:50px;    
    left: 295px;
}
.rangeslider-minus:after{
    content:"";
    width:30px;
    height:30px;
    background:url(../../icons/minus.svg) no-repeat;   
    display: inline-block;
    position: relative;
    margin-top:60px; 
   left: 295px;
}
.rangeslider__fill {
    bottom:30px !important;
    background: none !important; 
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.0) !important;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.0) !important;    
}
.rangeslider{
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.0) !important;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.0) !important;
    background: none !important;  
    height:310px !important; 

}
.rangeslider:after{
    content:"";
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.0) !important;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.0) !important;
    background:url(../../icons/thermometer.svg) no-repeat !important;  
    width:358px;
    display:inline-block;
    height:400px !important;    
    margin-top: -40px;
   
}
.rangeslider__handle{
    background:none !important;
    border:none !important;  
    width:0 !important;
    height:0 !important; 
    left: 210px !important;
}
.rangeslider__handle::after {  

    width: 40px !important;
    height: 40px !important;    
    top: 0;
    left: 80px !important;
    bottom: 0;    
    background-image: url(../../icons/kreis.svg) !important;
    background-position: center;    
    border:none !important;  
}
.range-output{
    position: absolute;
    left:380px;
    top:39%;
}



.continue{

    
}
.continue a{
      flex-shrink: 0;
}
.continue a img{
       width: 100%;
       height:auto;
        flex-shrink: 0;
}
.continue a{
    color: #B02F2C;
    display:block;
    }
.continue .continueLabel{
    background:#fff;
    color:#B02F2C;
    font-weight:600;
    font-size: 25px;
    right:0px;
    position:absolute;
    bottom:0px;
    width:100%;
    padding:20px;
    text-align:right;
    display:inline-block;
}
.loader__figure {

    border: 0 solid #B02F2C;

    }
    .loader__label{
        color: #B02F2C;
    }
.hiddenMenu{
    position: absolute;
    visibility: hidden;
}
a:hover{
    color: #d8413f;
}
.kap7-input input{
   width: 100%; 
   text-align: center;  
}

.mainCategorys .card p{
    min-height: 117px;

}
#head .home img {
    width: 70%;
}

#accordion .card {
    margin-bottom:0px;
}

#accordion .card .plus-icon{
    margin-left:0;
}


#accordion .card .plus-icon::before {
    
    background:url(../../icons/plus-noneBG.svg) no-repeat;
    background-size: 20px 20px;
    background-position: center;
    content:"";
    width: 30px;
    height: 30px;
    color: #fff;    
    border-radius: 50%;
    background-color: #d7d2cb;
    text-align: center;
    font-size:18px;
    line-height: 21px;
    display:flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
}
#accordion .card .plus-icon.active::before {
    transform: rotate(135deg);
    transform-origin: 50% 50% 0;
}
#accordion .card .ja-icon {
    position: relative;
    left: 0px;
    margin-left: 5px;
    top: 4px;
}
#accordion .card .ja-icon span{
    margin-left:10px;
}
#accordion .card .btn{
    padding-left:33px;
}
#accordion .card .collapsed .ja-icon::before {
    position: absolute;
    content:"";
    background: url(../../icons/Checkbox_1.svg) no-repeat;
    left:-10px;
    top: -3px;
    width: 30px;
    height: 30px;    
    margin-left: -25px;    
    text-align: center;
}
#accordion .card .ja-icon::before {
    position: absolute;
    content:"";
    background: url(../../icons/Checkbox_2.svg) no-repeat;
    left:-10px;
    top: -3px;
    width: 30px;
    height: 30px;    
    margin-left: -25px;    
    text-align: center;
}

#accordion .card .nein-icon {
    position: relative;
    left: 0px;
    margin-left: 5px;
    top: 4px;    
}
#accordion .card .nein-icon span{
    margin-left:10px;
}
#accordion .card .collapsed .nein-icon::before {
    position: absolute;
    content:"";
    background: url(../../icons/Checkbox_1.svg) no-repeat;
    left:-10px;
    top: -3px;
    width: 30px;
    height: 30px;    
    margin-left: -25px;    
    text-align: center;
}
#accordion .card .nein-icon::before {
    position: absolute;
    content:"";
    background: url(../../icons/Checkbox_2.svg) no-repeat;
    left:-10px;
    top: -3px;
    width: 30px;
    height: 30px;    
    margin-left: -25px;    
    text-align: center;
}

.timerover{
    color:#B02F2C;
}
.time1,.time2{
    font-size:30px;
}

textarea {
    resize: none;
        overflow:hidden;
    min-height: 250px;
    overflow-y:scroll !important;
    border: 2px solid #a59c94;
    padding: 5px;
    width:100%;
}

.brand {

    width: 20%;
}
p{

    font-size: 20px;
    font-weight: 400;
    line-height: 1.4em;

}
.bold{
    font-weight:600;
}

.logout-link{
    position:absolute;
    top:0px;
    right:15px;
    font-size:15px;
    color:rgba(0,0,0,0.5);
}

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 17px;
    line-height: 30px;

}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link:focus {
    color:#000 !important;
    }

.scroll-sidebar.ps .ps__scrollbar-y-rail {
    left:auto;
    z-index:1000;
}

.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
    background-color: #8c8c8c !important;
}
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    background-color: #8c8c8c !important;
    width:10px !important;
    }
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
    width: 10px;
}
.blue-box-little {

   display:none;

}


dt.active::after{
     position: absolute;
     content:"";
    background: url("../css/themen/images/Icons_60x60px/sprechblase_100px_left.svg") no-repeat;
    width: 50px;
    height: 50px;
    bottom: -60px;
    left: 60px;
    
    opacity: 1;
}
.ms-view::after{
    content:"";
    width:100%;
    height:0;
    display:block;
    position: absolute;
    background: white;
    opacity: 0;
    
}
.ms-view.loading::after{
    content:"";
    width:100%;
    height:100%;
    display:block;
    position: absolute;
    background: white;
     opacity: 1;
    
}

.more-info{
   font-size:14px;
   font-weight:400;
}

.more-info-box h3{
    font-weight: 600;
    font-size:18px;
}
.more-info-box p{
    font-weight: 400;
    font-size:16px;
}
.more-info-box{
    background: #efedea;
    padding:15px;
    display:none;
}

.reader-navigation{
    position:absolute;
    left: 0px;
    top:50px;
    margin-top:1.25em;
    font-size:20px;
}
.reader-navigation .audioplayer,.reader-navigation .text-plus,.reader-navigation .text-minus{
   position:relative;
   display:block;
   z-index:49;
}
.reader-navigation .audioplayer:before{
    content:"";
    background: url(../icons/text_vorlesen.svg) no-repeat;
    width:60px;
    height:60px;
    background-size:60px 60px;
    display:inline-block;
    transition: all 0.2s ease-in;

}

.playBalloon:before{
    content:"";
    background: url(../icons/text_vorlesen.svg) no-repeat;
    width:60px;
    height:60px;
    background-size:60px 60px;
    display:inline-block;
    transition: all 0.2s ease-in;

}

.playBalloon.play:before{
    content:"";
    background: url(../icons/text_vorlesen_hover.svg) no-repeat;
    width:60px;
    height:60px;
    background-size:60px 60px;
    display:inline-block;
    transition: all 0.2s ease-in;

}

.reader-navigation .text-plus:before{
    content:"";
    background: url(../icons/text_gross.svg) no-repeat;
    width:60px;
    height:60px;
    background-size:60px 60px;
    display:inline-block;
    transition: all 0.2s ease-in;

}

.info-textplus{
    padding-left: 70px;
    position:relative;
    margin-bottom:20px;
    min-height:60px;
    max-width:500px;
}

.info-textminus{
    padding-left: 70px;
    position:relative;
    margin-bottom:20px;
    min-height:60px;
    max-width:500px;
}
.info-audioplayer{
    padding-left: 70px;
    position:relative;
    min-height:60px;
    max-width:500px;
}
.info-menu{
    padding-left: 70px;
    position:relative;
    z-index: 100;
    min-height:60px;
    max-width:500px;
}
.info-textplus::before{
    content:"";
    background: url(../icons/text_gross.svg) no-repeat;
    position:absolute;
    left:0px;
    width:60px;
    height:60px;
    background-size:60px 60px;
    display:inline-block;
    transition: all 0.2s ease-in;
}



.info-textminus::before{
    content:"";
    background: url(../icons/text_klein.svg) no-repeat;
    position:absolute;
    left:0px;
    width:60px;
    height:60px;
    background-size:60px 60px;
    display:inline-block;
    transition: all 0.2s ease-in;
}


.info-audioplayer::before{
   
    position:absolute;
    left:0px;
    content:"";
    background: url(../icons/text_vorlesen.svg) no-repeat;
    width:60px;
    height:60px;
    background-size:60px 60px;
    display:inline-block;
    transition: all 0.2s ease-in;
   }

   .info-menu::before{
   
    position:absolute;
    left:0px;
    content:"";
    background: #ece8e6 url(../icons/menu.svg) no-repeat center center;
    width:60px;
    height:60px;
    background-size:30px 30px;
    display:inline-block;
    transition: all 0.2s ease-in;
   }

.reader-navigation .text-minus:before{
    content:"";
    background: url(../icons/text_klein.svg) no-repeat;
    width:60px;
    height:60px;
    background-size:60px 60px;
    display:inline-block;
    transition: all 0.2s ease-in;

}


.reader-navigation .audioplayer.active:before{
    content:"";
    background: url(../icons/text_vorlesen_hover.svg) no-repeat;
    width:60px;
    height:60px;
    background-size:60px 60px;
    display:inline-block;
    transition: all 0.2s ease-in;

}


.audiotracks{
    position:absolute;
    visibility: hidden;
    top:-10000px;

}
.hiddenMood{
    position:absolute;
    visibility: hidden;
    top:-10000px;

}
.img-holder.right a .plus-icon {
    display:flex;
    justify-content: center;
    align-items:center;
    transform: rotate(0deg);
    transform-origin: 50% 50% 0;
}
.plus-icon .plus-icon-font {
    background: url(../../icons/plus-noneBG.svg) no-repeat;
    
    position:relative;
    width: 25px;
    height: 25px;
    
    justify-content: center;
   
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    align-items:center;
    
    padding:0px;
    top:0px !important;
    left:0px !important;
    transition: all 0.3s ease-in-out;

}
.plus-icon.active {
    transform: rotate(0deg);
    transform-origin: 50% 50% 0;

    }
.plus-icon.active .plus-icon-font {
    display: inline-block;
   width: 25px;
    height: 25px;
    
     transform: rotate(135deg);
    transform-origin: 50% 50% 0;

    padding-bottom: 0px;
    -ms-flex-pack: center;
    justify-content: center;
}

textarea{
    max-width: 100%;
}

.mini-sidebar .left-sidebar {
    width: 0px !important;
}
.mini-sidebar .page-wrapper {
    margin-left: 0px !important;
}
.mini-sidebar .sidebar-nav #sidebarnav > li > a {
    width:0px !important;
    padding: 0px !important;
}
.navbar-header {

    width: 130px !important;
   

}
.mini-sidebar .top-navbar .navbar-header {
    width:180px;
}
.mini-sidebar .sidebar-nav ul li.nav-devider {
    height:0;
}
.topbar .top-navbar .navbar-header {

    padding-left: 0px !important;
    text-align:left;
    margin-left:10px;
    margin-right:10px;
}
/*Large Screen Stuff*/
.ms-view, .ms-slide {
            margin: 0px;
            width:100% !important;

        }
.rh-nav{
    margin-top:30px !important;
}

@media only screen and (min-width : 1400px) {
    .content-wrapper {
        padding-right:7.5% !important;
        padding-left:7.5% !important;
    }
    .block-overview h3 {
        min-height:60px;
        }
    body.mini-sidebar .content-wrapper {
        padding-right:15% !important;
        padding-left: 15% !important;
    }
    .content-wrapper.homescreen {
        padding-right:0% !important;
        padding-left:0% !important;
    }


}
@media only screen and (min-width : 1700px) {
    .content-wrapper {
        padding-right:15% !important;
        padding-left: 15% !important;
    }
    .block-overview h3 {
        min-height:0px;
        }
    body.mini-sidebar .content-wrapper {
        padding-right:20% !important;
        padding-left: 20% !important;
    }
     .content-wrapper.homescreen {
        padding-right:0% !important;
        padding-left:0% !important;
    }
    .largelogo{

            width: auto;
            height:28px !important;
           

        }
}
@media only screen and (max-width : 1400px) {
.block-overview h3 {
            min-height:60px;
            }
     }

 
/*Tablet Stuff*/
 @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1400px) 
      {

         .content-wrapper {
            padding-right:7.5% !important;
            padding-left:7.5% !important;
        }
         body.mini-sidebar .content-wrapper {
            padding-right:15% !important;
            padding-left: 15% !important;
        }
        .blockImage img{
            width:100%;
            position:relative;
            bottom:auto;
            top:0px;
        }
         .block-overview h3 {
            min-height:60px;
            }


        .siteNavi .slidePagination .slideIndexes {

            font-size: 18px;
        }
        .master-slider, .master-slider * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
         .ms-view {
            margin: 0px;

            max-width:100% !important;

        }
        .img-holder img {
            width: 110px !important;
        }
        .gray-textbox{
            width: 90%;
        }
        .ms-view .row{
            margin: 0px;
            max-width:100% !important;

        }
        .ms-view .row > div{
            padding:0px;
            padding-right:25px;

        }

        .mini-sidebar .left-sidebar {
            width: 0px !important;
        }
        .mini-sidebar .page-wrapper {
            margin-left: 0px !important;
        }
        .mini-sidebar .sidebar-nav #sidebarnav > li > a {
            width:0px !important;
            padding: 0px !important;
        }
        .navbar-header {

            width: 130px !important;
           

        }


        .mini-sidebar .top-navbar .navbar-header {
            width:180px;
        }
        .mini-sidebar .sidebar-nav ul li.nav-devider {
            height:0;
        }
        
        .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
            font-size: 13px;
             padding-left: 7px;
            padding-right: 7px;
        }
        .fas::before,.mdi::before{
            height: 24px !important;
            width: 24px !important;
        }
        .largelogo{
            height: 25px !important;
            width:auto
        }
        .sidebar-nav > ul > li > a {
            font-size:13px;
            padding-left:10px;
            padding-top:10px;
        }
        .left-sidebar {
            width: 220px !important;
        }-
        .page-wrapper {
            margin-left: 220px !important;
            
        }
        .sidebar-nav > ul > li > a {
            letter-spacing: 0px;
        }
        .sidebar-nav ul li ul li a {
            padding: 0px 0px 5px 0px;
            font-size:12px;
        }
        .mainCategorys p {
            font-size: 14px;

        }
        

        .block-overview p {
            font-size: 15px;
        }
        h2 {
            font-size: 30px;
          
        }
        .gray-textbox {
        
            font-size: 30px;
           
            width: 100%;
            margin-bottom: 40px;
         
        }
        p {
            font-size: 18px;
            font-weight: 400;
            line-height: 1.4em;
        }
     
        .kapitelInhalt {

            padding-top: 30px;
            padding-left: 20px;
            padding-bottom: 50px;

        }

        .mainCategorys h3{
               font-weight: 600;
               font-size: 20px !important;
                margin: 25px 0px 0px 15px;
            }
        .mainCategorys p{
               
           font-size: 16px !important;
            
        }
         .block-overview h3{
               font-weight: 600;
               font-size: 20px !important;
               
            }
        .block-overview p{
               
               font-size: 16px !important;
                
            }
            .strategieDot ul{
                margin-left:20px;
            }
        

 
        
    }
     @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1400px) 
      and (orientation : portrait) 
      {

         .content-wrapper {
            padding-right:3% !important;
            padding-left:3% !important;
        }

    }
@media only screen and (max-width: 798px) {

     .content-wrapper {
            padding-right:0% !important;
            padding-left:0% !important;
        }
    nav ul {

            display: block;

        }
        .img-holder dt {
            
            margin-right: 5%;
            
        }

        .ms-view, .ms-slide {
            margin: 0px;
            width:100% !important;

        }
        .siteNavi .nextLink {
            font-size:12px;
        }
        .siteNavi .prevLink {
            font-size:12px;
        }
        body .blockImage {
            height:auto;
        }
        body .blockImage img {
            bottom: 0px;
        }
        body.mini-sidebar .blockImage {
            height:400px;
            height: auto;
            width:100%;
            position:relative;
            left:0px;
        }
        body.mini-sidebar .blockImage img {
            bottom:0px;
            top:0px;
            position: relative;
        }
         body .imageSpace {
             padding: 0px 0px !important;
        }

        body.mini-sidebar .imageSpace {
             padding: 0px 0px !important;
        }
        body .img-holder img {
            width: 95px !important;
            
            position: relative;
        }

        body .img-holder .plus-icon .plus-icon-font{
            width:18px;
            height: 18px;
            background-size: 18px 18px;
        }

        body.mini-sidebar .img-holder .plus-icon .plus-icon-font{
            width:25px;
            height: 25px;
            background-size: 25px 25px;
        }
        body .img-holder.right a .plus-icon{
            width:28px;
            height: 28px;
      
        }

        body .img-holder.right a .plus-icon.active{
            width:28px;
            height: 28px;
      
        }

        body.mini-sidebar .img-holder.right a .plus-icon{
            width:36px;
            height: 36px;
            
        }

         body.mini-sidebar .img-holder img {
            width: 110px !important;
        }
        h2 {
            font-size: 30px;
          
        }

        

        
}


/*Text Script Styles*/
.page-wrapper{
    font-size:20px;
}

/*.page-wrapper h2{
    font-size: 300%;
}

.page-wrapper .gray-textbox {
   
    font-size: 150%;
} */

.page-wrapper h2{
    font-size: 300%;
}

.page-wrapper h4{
    font-size: 100%;
}
.page-wrapper ul{
    font-size: 100%;

}

.page-wrapper .two-column-people h4{
    font-size: 80%;
}
.page-wrapper li{}

.page-wrapper p{
    font-size:100%;
}
.page-wrapper #accordion .card h5  {
    font-size: 100%;
   
}
.page-wrapper #accordion .card h5 button  {
    font-size: 100%;
   
}
.page-wrapper #accordion .card p {
    font-size: 110%;
    line-height: 115%;
}


ul{
    list-style-type: none;
    padding-left:0px;
}

.page-wrapper ul li{
    padding-left: 20px;
    position:relative;
}

.page-wrapper ul li:before{
    content: "•";
    position:absolute;
    font-size:20px;
    left:0px;
}

.list-left{
    margin-left:25px;
}

.point li:before{
    left:-60px !important;    
}


#accordion .btn{
    white-space:normal;    
}

.canvasjs-chart-tooltip div{
    text-align:center !important;
}

@media only screen and (max-device-width: 1400px) {
    .page-wrapper h2{
        font-size: 200%;
    }
}


@media 
  (min-device-width: 300px) 
  and (max-device-width: 768px) {
    .mobileBreak{
        width:100%;  
        flex-basis: 100%;
        height: 0;
    } 
    .navbar-nav .nav-item {
        margin-top:0px;
    }

    .topbar .top-navbar .navbar-nav.unimenu > .nav-item > .nav-link {
        font-size:15px;
        padding-left: 4px;
        padding-right: 4px;
    }


    .topbar .top-navbar{
        flex-wrap:wrap !important;
    }
    .rh-nav {
        margin-top: 00px !important;
    }
    

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

    .mobileBreak{
        display:none;
    }
    .unimenu{
        position: relative;
        top: 10px;
    }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.content-wrapper {
            padding-right:5% !important;
            padding-left:5% !important;
        }

}

@media 
  (min-device-width: 300px) 
  and (max-device-width: 768px) {
            .nav-wunschbox-icon::before{
                content:url(../../icons/navi_wunschbox.svg);
                display:inline-block;       
                height:20px;
                width:20px; 
                top:6px;
                position: relative;   
            }
            .nav-favorite-icon::before{
                content:url(../../icons/navi_favoriten.svg);
                display:inline-block;       
                height:20px;
                width:20px; 
                top:6px;
                position: relative;   
            }   
            .nav-notfallkoffer-icon::before{
                content:url(../../icons/navi_notfallkoffer.svg);
                display:inline-block;       
                height:20px;
                width:20px; 
                top:6px;
                position: relative;   
            }
            .nav-abmelden-icon::before{
                content:url(../../icons/navi_abmelden.svg);
                display:inline-block;       
                height:17px;
                width:17px;  
                top:2px;
                position: relative;  
            }
            .nav-stimmungstagebuch-icon::before{
                content:url(../../icons/navi_stimmungstagebuch.svg);
                display:inline-block;       
                height:20px;
                width:20px; 
                top:6px;
                position: relative;   
            }
    }

    .row.no-gutter {
  margin-right: 0;
  margin-left: 0;

  
}
.row.no-gutter .row {
  margin-right: 0;
  margin-left: 0;

  
}
.row.no-gutter > .col, .row.no-gutter
   [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
.noPadding{
    padding:0px;
}

.img-holder img {
    max-width: 100% !important;
}

.analyse{
    font-size:16px;
}

.analyse .alert{
    padding:15px;
    font-size:14px;
    line-height: 130%;
    font-weight: 400
}