/* CSS Document */
:root {
	--bs-primary-color: #21b0ed;
	--bs-secondary-color: #6f7578;
	--bs-link-color: #21b0ed;
	--bs-link-hover-color: #21b0ed;
	--bs-alternate-color: #384c74;
	--bs-body-font-size: 1.1rem;
	--bs-body-line-height: 1.5;
}


/* Basiselemente */

body {
	font-family: 'Exo 2', arial, sans-serif;
}

.custom-font {
	font-family: 'Yanone Kaffeesatz', arial, sans-serif;
}

.custom-font-size {
	font-size: 1.35rem;
}

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

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

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

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

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

.bg-gradient-primary {
    background: #384c74;
    background: linear-gradient(90deg, #21b0ed 0, #384c74) !important;
}

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

a:hover {
    color: var(--bs-link-hover-color);
}

li {
	margin-bottom: 0.4rem;
}

/* BUTTONS */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #21b0ed;
    --bs-btn-border-color: #21b0ed;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4a43c9;
    --bs-btn-hover-border-color: #463fbd;
    --bs-btn-focus-shadow-rgb: 112, 105, 239;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #463fbd;
    --bs-btn-active-border-color: #413bb1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #21b0ed;
    --bs-btn-disabled-border-color: #21b0ed;
}

.btn-secondary {
    --bs-btn-color: #21b0ed;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #21b0ed;
    --bs-btn-hover-color: #21b0ed;
    --bs-btn-hover-bg: #4a43c9;
    --bs-btn-hover-border-color: #463fbd;
    --bs-btn-focus-shadow-rgb: 112, 105, 239;
    --bs-btn-active-color: #21b0ed;
    --bs-btn-active-bg: #463fbd;
    --bs-btn-active-border-color: #413bb1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #21b0ed;
    --bs-btn-disabled-bg: #21b0ed;
    --bs-btn-disabled-border-color: #21b0ed;
}

.btn-alternate {
    --bs-btn-color: #384c74 !important;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #384c74;
    --bs-btn-hover-bg: #384c74;
    --bs-btn-hover-border-color: #463fbd;
    --bs-btn-focus-shadow-rgb: 112, 105, 239;
    --bs-btn-active-color: #21b0ed;
    --bs-btn-active-bg: #463fbd;
    --bs-btn-active-border-color: #413bb1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #21b0ed;
    --bs-btn-disabled-bg: #21b0ed;
    --bs-btn-disabled-border-color: #21b0ed;
}

.btn:hover {
    background-color: #21b0ed;
    border-color: #21b0ed;
    color: white;
}

.btn-hover1:hover {
	background-color: white;
	color: #21b0ed !important;
	border-color: #21b0ed !important;
}

.btn-hover2:hover {
	background-color: #21b0ed;
	color: white !important;
	border-color: #21b0ed !important;
}

.btn-hover3:hover {
	background-color: white !important;
	color: #384c74 !important;
	border-color: #fff !important;
}

.btn-primary:not(.btn-noshadow):hover, .btn-primary:not(.btn-noshadow):not(.btn-soft):active, .btn-primary:not(.btn-noshadow):not(.btn-soft):focus {
    box-shadow: 0 4px 11px rgba(0, 0, 0, .2);
}

.custom-btn-hover {
	border: none !important;
}

.contact-btn-hover:hover {
	color: white !important;
	
}

.text-white {
	color: white !important;
}

.navbar-toggler {
	border-radius: 50%;
	background-color: var(--bs-primary-color);
	margin: 15px 15px 15px 0px;
}


@media only screen and (max-width: 991px) {
    .navbar-xs>.navbar-toggler {
        border: 0;
        float: right;
        height: 60px;
        margin: 15px;
        width: 60px;
    }
}

nav.navbar-light a.nav-link:not(.active):not(:hover) {
    color: var(--bs-secondary-color);
}

.dropdown-link {
     color: var(--bs-secondary-color);
}

a:hover {
    color: darkgray !important;
}

.nav-link:focus, .nav-link:hover {
    color: darkgray !important;
}

.navbar-light .navbar-nav .nav-item:hover>.nav-link {
	color: darkgray !important;
}

.custom-line-height1 {
	line-height: 2rem;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: #21b0ed !important;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-color: var(--bs-primary-color);
    border-color: var(--bs-primary-color);
    color: white;
}

.btn-light:hover {
	background-color: var(--bs-alternate-color)!important;
	color:#fff!important;
}

.custom-border {
	border: 1px #21b0ed solid;
}

.custom-border:hover {
	border: 1px white solid !important;
	transition: all 0.3s;
}

.bottom-n2 {
	bottom: -2px !important;
}

.termin-hover:hover {
	color: #21b0ed !important;
}

.sprung {
   visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -95px;

}
/* FONT */

/* exo-2-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/exo-2-v21-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/exo-2-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-2-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/exo-2-v21-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/exo-2-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/exo-2-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/exo-2-v21-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/exo-2-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/exo-2-v21-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/exo-2-v21-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* yanone-kaffeesatz-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/yanone-kaffeesatz-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/yanone-kaffeesatz-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* yanone-kaffeesatz-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/yanone-kaffeesatz-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* yanone-kaffeesatz-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/yanone-kaffeesatz-v30-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* yanone-kaffeesatz-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/yanone-kaffeesatz-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




@media only screen and (max-width: 768px) {
.bg-cover {
  background-position-x: 50% !important;
  background-size: 130% !important;
  background-position-y: top !important;
	}
	
	.min-vh-75 {
		min-height: 40% !important;
	}
}