html body * {
    font: 400 20px/24px Arial,Helvetica Neue,Helvetica,sans-serif;
    line-height:1.5rem;
}

html,body{
    scroll-behavior: smooth;
}

.container-fluid{
    overflow-x: hidden;
}

h1 {
    text-align:center;
    margin-bottom:2rem;
    color:#01b1e6;
    font-size: 1.5rem !important;
    line-height:2rem !important;

}

h2 {
    text-align:center;
    margin-bottom:2rem;
    color:#01b1e6;
    font-size: 1.5rem !important;
    padding-left:0;
}

.btn-primary {
    border-radius: 0;
    background-color: #01b1e6;
    border: 2px solid RGBa(224,83,213,1);
    color:#fff;
}

.hugblue .btn-primary{
    background-color:#fff;
    color:#212529;
}

.hugblue .btn-primary:hover{
    background-color:#007bff;
    color:#fff;
}

.btn-secondary{
    background: none;
    border: 2px solid RGBa(224,83,213,1);
    border-radius: 0;
}

.topCta{
    min-width:50%;
}

.navbar-nav{
    margin-left:auto;
}

.navbar-light{
    background-color: #fff !important;
}
.nav-item{
    background-color:#01b1e6;
    text-align: center;
}

.nav-item a {
    color:#fff !important;
}

.navbar-toggler:focus, .navbar-toggler:active{  
    outline: none !important;
    box-shadow: none !important;
}

.lineTop{
    border-top: 3px solid #01b1e6;
    padding-top: 1rem;
}

.lightgray{
    background-color: #F0F0F0;
}

#vereinOverlay{
    background-color: white;
    width: auto;
    position: absolute;
    max-width: 35%;
    text-align: left;
    padding: 1rem;
    right: 30px;
    top: 20px;
    font-size:1rem !important;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100px;
    border-top: none;
    border-bottom: none;
}

#lastOverlayP{
    color:#01b1e6;
    margin-bottom:0;
}

.card{
    border: 0;
}

.infoIcon{
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.hugblue{
    background-color: #01b1e6;
}

.hugblueSelect{
    background-color: #01b1e6;
    color:#fff;
}

.phoneContent{

    background-color: #fff;
}

#phoneButtons div a button {
    width:100%;
}

#phoneButtons div button {
    width:100%;
}

.closeMe{
    position: absolute;
    right: 0;
    margin-right: 10px;
    z-index:9999;
    cursor: pointer;
}

.footer{
    text-align:center;
}

.footerPhone{
    position: fixed;
    bottom:0;
    width: 100%;
}

.footer div a, .footer div{
    text-decoration:none;

    font-size: 0.8rem !important;
}

.footer.hugblue div a, .footer.hugblue div{
    color:#fff;
}

#services{
    background-image: url('../img/services_bg2.jpg');
    background-size:cover;
    color:#fff !important;
    text-align: center;
}

#mainRow{
    background-image: url('../img/top_bg2.jpg');
    background-size:cover;
}

@media screen and (min-width:1200px){
    #mainRow{
        background-attachment:fixed;
    }
    #services{
        background-attachment: fixed;
    }
}

/*#services h2{
    color:#fff !important;
}*/
#services div div .card{
    background-color:rgba(255,255,255,0.8)!important;
}

#services div div .servicesInfo{
    background-color:rgba(255,255,255,0.8)!important;
    color:#212529 !important;
}

#hugMitgliederSlider .carousel-caption{
    color: black;
    max-width: 60%;
    right: 0;
    position: relative;
    left: 0;
    bottom: 0;
    padding: 1rem;
    margin-left: 2rem;
}

@media (max-width:960px){
    #hugMitgliederSlider .carousel-caption{
    max-width:50%;
    }
}

#hugMitgliederSlider .carousel-indicators {
    bottom:-3rem;
}

#hugMitgliederSlider .carousel-indicators li {
    border: 1px solid #01b1e6;
    background-color:#f8f9fa;
}

.sliderMitgliedText{
    font-style: italic;
}

#hugMitgliederSlider div div img:before{
    box-sizing: initial !important;
}

#interesse h3, .phoneContent h3{
    font-weight:600;
}

ul {
    list-style-image: url('../img/bluedot.png');
}

ul.haken{
    list-style-image: url('../img/check_20_thick.png');
}

ul.haken li p{
    position: relative;
    top: -4px;
}

.vorteile li{
    margin-bottom:1rem;

}

.carousel-caption{
    position: absolute;
    right: 35%;
    bottom: 10%;
    left: 35%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: RGBa(1,177,230,.85);
    color: #fff;
    text-align: center;
    min-height:10rem;
}

@media screen and (max-width: 991px){
    .carousel-caption{
        right: 15%;
        left: 15%;
    }
}

@media screen and (min-width: 992px) and (max-width:1200px){
    .carousel-caption{
        right: 25%;
        left: 25%;
    }
}

.carousel-caption#jetztTesten{
    background-color: RGBa(224,83,213,1);
    min-height:0;
}
.carousel-caption#jetztTesten h5{
    font-size:1.8rem !important;
    margin-bottom:0.5rem;
}
.inlineBtn{
    height:46px;
    border:none;
    border-bottom: 1px solid #01b1e6;
}

h5 {
    font-size: 1.25rem !important;
    margin-bottom: 1.5rem;
    margin-top:.5rem;
}

.captionSM{
    text-decoration:none;
    color:#fff;
}

.testNow{
    background-color:RGBa(224,83,213,1);
}

.testNow h5{
    font-size:1.5rem !important;
    margin-bottom:0.5rem;
}

.aCaption:hover{    
    text-decoration: none;
}

.soon{
    color: #01b1e6;
}

.xmasCard{
    background-color:#01a1db;
}

@media only screen and (max-device-width: 480px){
    .checkbox-txt{
        display: inline-grid;
    }

    input[type="checkbox"]{
        margin-top: 3px;
    }

    .cc-revoke.cc-bottom{
        left: 0;
    }
}

@media only screen and (max-device-width: 768px){
    .cc-revoke.cc-bottom{
        font-size: 12px;
    }
}
.hidden{
    display:none;
}

/*Overlay code
*Only md and larger
*/
#overlay{
    height: 100vh;
    width: 100vw;
    background-color: rgb(0,0,0,0.75);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

/*
*All screens
*/
#overlayAll{
    height: 100vh;
    width: 100vw;
    background-color: rgb(0,0,0,0.75);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display:none;
}

.msgAll h2{
    text-align: left;
    padding-left: 0;
    margin-bottom: 1rem;
}
.msgAll h4{
    color:#01b1e6;
}

.breaking{
    background-color:#fcfcfc;
}

.breaking_bg{
    background-color:#fcfcfc;
    max-height:85vh;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #01b1e6 #fcfcfc;
}

.breaking_bg::-webkit-scrollbar {
  width: 6px;
}
.breaking_bg::-webkit-scrollbar-track {
  background: #fcfcfc;
}
.breaking_bg::-webkit-scrollbar-thumb {
  background: #01b1e6;
}
.breaking_bg::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.tooltip-X{
	position: absolute;
	top: .5rem;
	right: .5rem;
    cursor: pointer;
    width:50px;
}

/* Modding for Immomanager */
.logo{
    width:181px;
    height:auto;
}
.login{
    right: 0;
    position: absolute;
    padding-right: 25px;
}
@media (max-width:420px){
    .logo{
        width:141px;
    }
    #logShop{
        margin-top: .3rem;
    }
    .login{
        padding-right:10px;
    }
}
.fadein{
    opacity:0;
}

.slideR{
    margin-left:50px;
}

.slideL{
    margin-left:-50px;
}

.row.hugblue div h2, .row.hugblue div p{
    color:#fff;
}
.card-text, .card-title{    
    color: #212529 !important;
}

.small{
    font-size:1rem;
}

.cc-message, .cc-compliance, .cc-hightlight, .cc-link{
    font-size:1rem !important;
}

/*responsive YouTube-Embed */

.vidWrap{
    position:relative;
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden; 
}

.vidWrap iframe, .vidWrap object, .vidWrap embed { 
    position: absolute; 
    top: 0; left: 0; 
    width: 100%; 
    height: 100%; 
}

/*Bootstrap Carousel Fade-Mod*/
/* Carousel
----------------------------------- */

.carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out 1.7s;
    left: 0;
    top: 0;
    position: absolute;
}
.carousel.carousel-fade .carousel-item.active {
    opacity: 1 !important;
}
.carousel.carousel-fade .carousel-item:first-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.carousel.carousel-fade .carousel-item:second-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.carousel-item .img-fluid {
    margin: 0 auto;
}