/* Schriftgrößen*/

h1{font-size: clamp(2.5rem, 5vw, 5rem);}
body{font-size: 10px;}
a,  p, li, ul{font-size: 1.1rem;} 
a:link, a:visited {font-decoration: none; color:#ffffff; }
a:hover {font-decoration: none; color: #76f5f3; }

 

/* Farben */
.text-dunkelblau{color: #040315 !important;}
.dunkelblau{color: #040315;}
.bg-dunkelblau{background-color: #040315;}
.tuerkies{color: #76f5f3;}
.bg-tuerkies{background-color:  #76f5f3;}
.bg-hellblau{background-color: #1a3662;}
.weiss{color: #fff;}
.grau{color: #343434;}
.hellgrau{color: #e2e2e2;}


/*Button */
.btn-light{background-color: #ffffff; border-radius: 5px; color: #0c1435 !important; }
.btn-tuerkies{background-color:  #76f5f3 ; border-radius: 5px; color: #0c1435 !important; }

/*Card */
.card.top {height: 200px; border: 1px solid rgba(255, 255, 255, 0.73); background-color:rgba(4, 3, 21, 0.60)}
.card.top .card-title{color: #76f5f3; }
.card.top .card-text{font-size: 1.05rem; color: #ffffff !important}
.card.top .card-title, .card-text{text-align: center;}

/*logo-top */

@media (max-width:400px) {
  .logo-klein{
    display: none !important; 
   } }

.logo-klein{margin-right:10px;}

/*Hintergründe*/
.back-wolken{background-image: url(../img/start-2bg.jpg);background-position: 0 -0px  ; background-repeat: no-repeat; background-size: cover; }

.back-wolken180{background-image: url(../img/start-2bg.jpg);background-position: 0 -0px  ; background-repeat: no-repeat; background-size: cover; }

/*Preise */

.tele-nummer, .tele-nummer a{font-size: 2rem;}

 .pricing-card .price .number::before {
        position: absolute;
        margin-top: 0.7rem;
        margin-left: -1.2rem;
        font-size: 1.88rem;
        content: "€" !important; }
.pricing-card .price .number::after {
        position: absolute;
        margin-top: 3rem;
        font-size: 1.88rem;
        content: "/mo";
display: none;}



/*Rahmen*/
.border-btn{border-bottom: 1px solid rgba(255, 255, 255, 0.5);}


/*Kontakt*/
#kontakt {font-size: 1.15em;}

/*Footer*/

.footer-copyright, .footer-copyright a, .footer-copyright a:link{text-decoration: none; font-size: 1rem; color:#a2a2a2 !important;  }