@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('Archivo Narrow Regular'), local('ArchivoNarrow-Regular'), url(../fonts/archivonarrow-regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../fonts/Inter-300.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/*Font Style*/

p,
li,
a,
td,
.row,
label,
span,
textarea,
dd,
dt,
div,
form input[type='text'],
input[type='submit'],
button[type='submit'],
input[type*="password"],
textarea {
	font-family: 'Inter', sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 1.15rem;
	}
	

	
#footer * {
	font-size:1rem;
	color: #333;
	text-decoration:none;
	}


	
h1,
h2,
h3,
h4,
h5,
h6,
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h1 b,
h2 b,
h3 b,
h4 b,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
#header .nav a{
	font-family: 'Inter', sans-serif;
	font-weight: normal;
	color:#004865;
}

h3, .h3 {
    font-size: calc(1rem + 0.6vw);
}

/*Color*/

/*Schwarz*/
{
	color:#000;
}


/*Weiss*/
input[type='submit'],
button[type='submit'],
#header .slider h1,
#header .slider h3,
#header .nav li a{
	color:#FFF;
}

legend{
	background-color:#FFF;
}

#header .nav{
	background-color:rgba(255,255,255,0.1);	
	}

input,
textarea{
	border:1px solid #004279;
	border:1px solid #F07E26;
	}

input[type='submit'],
button[type='submit']{
	background-color:#004279;
	background-color: #F07E26;
	
}

/*Blau dunkel*/
{
	color: #004865;
	color:#F07E26;
}

.toggle-first-nav span,
.toggle-first-nav span:before,
.toggle-first-nav span:after,
#header .slider,
.col-12 h1:after,
.col-12 h2:after  {
	background-color: #004865;
	background-color: #F07E26;
}

#header .nav{
	background-color:rgba(0,72,101,0.8);
	background-color: #d96b17d1;
	}


@media only screen 
  and (min-width: 320px) 
  and (max-width: 768px){

.toggle-first-nav.open span,
.toggle-first-nav.open span:before,
.toggle-first-nav.open span:after {
	background-color:#E8E8E8;
	}
	  
}