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

@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/archivo-narrow.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,
div.row .cal h3,
form input[type='text'],
input[type='submit'],
button[type='submit'],
input[type*="password"],
textarea {
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  }
  
.teaser div[class*="col-"] a.image i{
  font-size:14px;
  text-decoration:none;
  line-height:70px;
  text-indent:-9999px;
  }
  
p.csc-linkToTop a,
.ce-uploads-filesize,
#header .nav ul ul *,
.slidermain span span,
.teaser div[class*="col-"] div.teaser p{
  font-size:16px;
  line-height:22px;
  }
  
#footer * {
  font-size:14px;
  line-height:18px;
  }
  
.slidermain span,
.teaser h2{
  font-size: 22px;
  line-height:25px;
  font-weight:normal;
  margin:10px 0 10px 0;
  }
  
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: 'Archivo Narrow', sans-serif;
  font-weight: normal;
}

h1,
h1 >  a {
    font-size: 30px;
  line-height:39px;
  margin:25px 0 10px 0;
  }
  
h2,
h2 > a {
    font-size: 28px;
  line-height:27px;
  margin:25px 0 10px 0;
  }

  
h3,
h3 > a {
    font-size: 25px;
  margin:10px 0 10px 0;
  }
  
h4,
h4 > a {
    font-size: 20px;
  margin:5px 0 10px 0;
  }  
  
h1,
.teaser h2 {
  text-transform: uppercase;
}

h1[data-layout="2"],
h1[data-layout="2"] a {
  text-transform:none;
  text-decoration:none;
  }
  

/*Color*/

/*Schwarz*/
.teaser div[class*="col-"] a.image,
input[type='submit']:hover,
button[type='submit']:hover,{
  color:#000;
}


/*Weiss*/
input[type='submit'],
button[type='submit'],
.frame.background-1 *,
.frame.background-3 *,
.frame.backgroundimage-1 *,
.frame.backgroundimage-2 *,
.frame.backgroundimage-3 *,
.cc-window .cc-message,.cc-window .dp--cookie-check label,.cc-compliance .cc-btn,.dp--revoke,.dp--revoke i, .dp--hover{
  color:#FFF;
}

legend{
  background-color:#FFF;
}

/*Blau*/  
{
  color:#004279;
}

.frame.background-1{
  background-color:#004279;
  }

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

input[type='submit'],
button[type='submit'],
a[rel*="lightbox"] {
  background-color:#004279;
  
}


/*hell Blau*/
#header a.activ,
#header a:hover{
  color: #A6D0FF  ;
}
  
input[type='submit']:hover,
button[type='submit']:hover,
.frame.background-2{
  background-color: #A6D0FF;
  }

  
input:focus,
textarea:focus{
  border:1px solid  #A6D0FF;
  
  }


/*Grau dunkel*/
body *,
#header .lang ul *,
.frame.background-2 *,
.frame.background-4 *{
  color: #333;
}

#header .nav,
.toggle-first-nav span,
.toggle-first-nav span:before,
.toggle-first-nav span:after,
#footer,
.frame.background-3{
  background-color: #333;
}

  

/*Grau hell*/

#header ul *,
.slidermain span,
.slidermain span *,
#footer *{
  color: #E8E8E8;
}

#header,
.teaser div[class*="col-"] div.teaser,
.teaser div[class*="col-"] div.team,
fieldset,
.frame.background-4{
  background-color:#E8E8E8;
}



@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;
  }
    
}