@import url("../webfonts/mulish_v3_latin_regular/stylesheet.css");
@import url("../webfonts/mulish_v3_latin_800/stylesheet.css");
@import url("../webfonts/mulish_v3_latin_600/stylesheet.css");


/* mulish-regular - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../schrift/mulish-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../schrift/mulish-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../schrift/mulish-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../schrift/mulish-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../schrift/mulish-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../schrift/mulish-v3-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-600 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  src: url('../schrift/mulish-v3-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../schrift/mulish-v3-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../schrift/mulish-v3-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../schrift/mulish-v3-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../schrift/mulish-v3-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../schrift/mulish-v3-latin-600.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-800 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 800;
  src: url('../schrift/mulish-v3-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../schrift/mulish-v3-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../schrift/mulish-v3-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../schrift/mulish-v3-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../schrift/mulish-v3-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../schrift/mulish-v3-latin-800.svg#Mulish') format('svg'); /* Legacy iOS */
}

body {
    font-family: "mulish v3 latin 800";
    color: #003399;
    background-color: #A7BADF;
}
.hg  {
    background-image: url(../bilder/hg.jpg);
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    color: #FFFFFF;
}
.hg a {
    color: #FFFFFF;
}



body h1 {
    font-size: clamp(0.1rem, 4.5vw, 4.5rem);
    color: #FFFFFF;
}
body p {
    margin: 4.5vw;
    text-align: justify;
    font-size: clamp(1rem, 1.5vw, 1.4rem);
}
body a {
    color: #003399;
}
.row {
	margin: 0;
}
.container-fluid, .col-lg-12 {
	padding: 0;
}

.container {
	max-width: 1500px;
}

.fuss {
	display:flex;
	align-items: center;
	justify-content: flex-end;
}
.fuss-r {
	display:flex;
	align-items: center;
	justify-content: flex-start;
}


.fuss p{
    font-size: clamp(0.75rem, 1vw, 1rem);
    margin-top: 2em;
    margin-bottom: 2em;
	margin-right: 0.1vw;
	text-align: end;
}

.fuss a{
    font-size: clamp(0.75rem, 1vw, 1rem);
    margin-top: 2em;
    margin-bottom: 2em;
	margin-left: 4.5vw
}

.fuss a:hover{
	background-image: linear-gradient(#5571A8 0%, #cdf 100%)!important; 
}

.bg-light {
  background-image: linear-gradient(#ccddff 0%, #5571A8 100%)!important; 
}

.navbar{
    padding: 0;
}

.navbar-light .navbar-nav .nav-link {
  color: #224B9B;
  text-align: right;}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {
    color: #0014FB;
	background-image: linear-gradient(#5571A8 0%, #cdf 100%)!important; 
}

.btn {
	color: #003399;    
	background-color: #CCEEFF;
}

.btn:hover {
    color: #0014FB;
	background-image: linear-gradient(#5571A8 0%, #cdf 100%)!important;
}

.titel   {
    top: 33.5%;
}
.titel-2 {
    top: 20%;
}

.titel-3 {
    top: 7%;
}

.txt-center {
    text-align: center;
}
.txt-rechts {
    text-align:end;
}
.txt-bild {
    position: absolute;
}

.txt-mrg-klein {
	margin: 2vw;
}

.txt-klein {
    font-size: clamp(0.75rem, 1vw, 1rem);
}

.knopf {
    color: #FFFFFF;
    padding-top: 0.2vw;
    padding-right: 1.5vw;
    padding-bottom: 0.3vw;
    padding-left: 1.5vw;
    margin: 2vw auto;
    font-size: clamp(0.1rem, 3vw, 3rem);
}

.rahmen-kl {
    border-width: thick;
    border-style: solid;
    border-radius: 18% / 48%;
}

.rahmen-gr {
    border-width: thick;
    border-style: solid;
    border-radius: 7% / 48%;
}

.titel h1 {
    margin-bottom: 10%;
}
.video {
   margin: 0 auto;
   display: block;
	width: 90%;
}

.breite {
    max-width: 1500px;
    min-width: 400px;
}

.breite-lg-4 {
    max-width: 400px;
    margin-left: 4.5vw;    
}

.breite-lg-8 {
    max-width: 1009px;
}

.leer {
    min-height: 17em;
    display: table;
}
.py-2vw {
	margin-left: 2vw;
	margin-right: 2vw;
}

@media screen and (min-width:1200px){
	.navbar-brand img {
		height: 80px;
		width: auto;
	}
	.navbar {
		font-size: 1.3rem;
	}
	body {
		margin-top: 80px;
	}
}

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

@media screen and (max-width: 768px){
	.video {
		width:100%;
	}
	body p{
		margin-left: 2vw;
		margin-right: 2vw;
	}
	.fuss {
		justify-content: center;
	}
	.fuss p, .fuss a{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.breite-lg-4 {
		max-width: 300px;
		margin-top: 5vw;
	    margin-left: 0;
	}
}

@media screen and (max-width:1200px){
	.navbar-brand img {
		height: 70px;
		width: auto;
	}
	.navbar {
		font-size: 1rem;
	}
	body {
		margin-top: 70px;
	}
}

@media screen and (max-width:992px){
	.navbar-brand img {
		height: 60px;
		width: auto;
	}
	.navbar {
		font-size: 0.8rem;
	}
	.txt-mrg-klein {
		margin: 1vw 2vw;
	}
	body {
		margin-top: 60px;
	}
}

@media screen and (max-width:400px){
	.navbar-brand img {
		height: 50px;
		width: auto;
	}
	body {
		margin-top: 50px;
	}
}