html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

/*body {
  margin-bottom: 60px;
}
*/
/*:root {
    --primary: #F9A392;
    --bg-light: #FEF1EF;
    --primary-bg-hover: #f7846e;
    --primary-border-hover: #f7846e;
}
*/
/*:root {
    --primary: #6DB1BF;
    --bg-light: #ebfbff;
    --primary-bg-hover: #5A8C9E;
    --primary-border-hover: #476A7B;
}*/

/*lila hell*/
/*:root {
    --primary: #8E6DAB;
    --bg-light: #F5F5F5;  
    --primary-bg-hover: #715C8E;  
    --primary-border-hover: #5C4871;
}*/


/*lila*/
/*:root {
    --primary: #9B4D7F; 
    --bg-light: #F8F4F4; 
    --primary-bg-hover: #723959; 
    --primary-border-hover: #5A2B4D;
}
*/
/*:root {
    --primary: #A080B0; 
    --bg-light: #FCFAFC; 
    --primary-bg-hover: #8E6DAB; 
    --primary-border-hover: #7C5A8C; 
}*/

/*:root {
    --primary: #B08FA3; 
    --bg-light: #F7F3F5; 
    --primary-bg-hover: #9A7689; 
    --primary-border-hover: #8A6577; 
}*/

/*
:root {
    --primary: #7F8FA6; 
    --bg-light: #EDF2F4; 
    --primary-bg-hover: #6D7E95; 
    --primary-border-hover: #5C6D80; 
}
*/

/*:root {
    --primary: #947EB0; 
    --bg-light: #F4F2F7; 
    --primary-bg-hover: #7C6B94; 
    --primary-border-hover: #6A5980; 
}*/

/*grün*/
/*:root {
    --primary: #6E9C76; 
    --bg-light: #F4FAF5; 
    --primary-bg-hover: #5C8C66; 
    --primary-border-hover: #4A7C55; 
}
*/
/*:root {
    --primary: #8FB084; 
    --bg-light: #F2F9F4; 
    --primary-bg-hover: #779A6D; 
    --primary-border-hover: #638655; 
}*/

/*:root {
    --primary: #7DA272; 
    --bg-light: #F4F8F6; 
    --primary-bg-hover: #6B8E7C; 
    --primary-border-hover: #597C6A; 
}*/




/*:root {
    --primary: #68B2B8; 
    --bg-light: #DFF5F6; 
    --primary-bg-hover: #57A0A6; 
    --primary-border-hover: #479093; 
}
*/


/*:root {
    --primary: #5BB0B8;
    --bg-light: #E8F7F8; 
    --primary-bg-hover: #4A9FA7;
    --primary-border-hover: #3B8D95;
}
*/
/*schwarz*/
/*:root {
    --primary: #333333;
    --bg-light: #E5E5E5;
    --primary-bg-hover: #1A1A1A;
    --primary-border-hover: #000000;
}

:root {
    --primary: #444444;
    --bg-light: #CCCCCC;
    --primary-bg-hover: #2D2D2D;
    --primary-border-hover: #1F1F1F;
}*/

/*:root {
    --primary: #2C3E50;
    --bg-light: #BDC3C7;
    --primary-bg-hover: #1F2C38;
    --primary-border-hover: #17202A;
}*/


/*lila passend*/
/*:root {
    --primary: #8E44AD;
    --bg-light: #F4E1F5;
    --primary-bg-hover: #6C3483;
    --primary-border-hover: #4A235A;
}
*/

/*Türkies*/

:root {
    --primary: #4EA3A9;
    --bg-light: #E7F9FA;
    --primary-bg-hover: #3D8C92;
    --primary-border-hover: #326E74;
}

.bg-light {
    /*background-color: #FEF1EF !important;*/
    background-color: var(--bg-light) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.btn-primary {
    color: #212529;
    background-color: var(--primary);
    border-color: var(--primary);
}

    .btn-primary:hover {
        color: #E88277;
        background-color: var(--primary-bg-hover);
        border-color: var(--primary-border-hover);
    }

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

    .btn-outline-primary:hover {
        color: #212529;
        background-color: var(--primary-bg-hover);
        border-color: var(--primary-border-hover);
    }

.text-primary {
    color: var(--primary) !important;
}

.border-primary {
    border-color: var(--primary) !important;
}

.testimonial-carousel .owl-dot {
    display: inline-block;
    margin: 0 5px;
    width: 25px;
    height: 25px;
    background: var(--bg-light);
    border: 1px solid var(--primary);
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 50px;
    background: var(--primary);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active {
    color: var(--primary);
}

a {
    color: var(--primary);
    text-decoration: none;
    background-color: transparent;
}

a.text-primary:hover, a.text-primary:focus {
    color: var(--primary-bg-hover) !important;
}

.btn-primary:focus, .btn-primary.focus {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--primary);
    border-color: var(--primary);
}

a:hover {
    color: var(--primary-bg-hover);
    text-decoration: underline;
}

/*.cookieConsentdiv {
    background-color: var(--bg-light) !important;
}*/

.w-mc {
    width: min-content;
}