@charset "UTF-8";
@import "style.css";

/*Variablen */
:root {
  --hellgrau:rgb(240,240,240);
  --hellblau:rgb(46,175,222);
  --hellblautrans:rgba(46,175,222,0.8);
/*  --hellblau:#2eafde;*/
  --mittelgrau:rgb(130,130,130);
  --mittelgrautrans:rgba(130,130,130,0.95);
  --dunkelgrau: rgb(90,90,90);
  --schwarz: rgb(0,0,0);
  --fontsm: 1.1rem;
  --font: 1.45rem;
  --fontmed: 1.65rem;
  --fontgross: 2.625rem;
  /*--hellblau: rgb(0,149,219);
  --link: rgb(0,149,219);
  --blautrans: rgba(0,46,72,.8);
  --text:rgb(77,77,77);
  --cyan:rgb(0,149,219);
  --fließtext:20px;*/
  --transiton:all 0.3s ease-out;
   }


/*Fonts */
 


/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v18-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* source-sans-3-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: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v18-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v18-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v18-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v18-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* source-sans-3-700italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v18-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v18-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}




/* Allgemeines*/
html {
   
}
body {
   font-weight: 200;
    font-family: 'Source Sans 3', arial, sans-serif;
    font-size: var(--font);
    color: var(--dunkelgrau);
    background: var(--hellgrau);
    hyphens: auto;
}
b, strong {
    font-weight: 400;
}
a {
  color: var(--schwarz);
  text-decoration: underline;

  transition: var(--transiton);
}
a:hover {
  text-decoration: none;
  color: var(--dunkelgrau);
}
a.readmore {
  text-decoration: none;
  font-weight: 400;
  color: black;
}
a.readmore.zuruck {
  color: var(--dunkelgrau);
}
a.readmore:hover {
  color: var(--hellblau);
}
* {
/*      line-height: 140%;*/
/* font-family: Inter;*/

}
.uk-section-secondary {
background-color: var(--schwarz);

}
.uk-section-secondary * {
color: white;
}
h1 {
  font-weight: 700;
  color: var(--schwarz);
}
h2,h3,h4 {
  font-size: var(--fontmed);
  line-height: 130%;
  color: black;
  font-weight: 700;
}
#inhalt {
  background-color: var(--hellgrau);
}
#inhalt h1, #inhalt h2 {
   font-size:2.425rem;
}
.uk-text-bold {  
  font-weight: 400;
}
/* Head*/
.headtext {
  font-size: var(--fontmed);

 }
.headline h1 {
  font-size:10vw;
  text-transform: uppercase;
  line-height: 103%;
  font-weight: 400;
  color: white;
}
#circle { position: relative; width: 300px; padding-bottom: 300px; overflow: hidden; 
    right: -70px;
    top: -40px; }

#circle text { font-family: 'Source Sans 3','Helvetica Neue', Arial; font-size: 37px; font-weight: bold; }

#circle svg {   left: 0; top: 0; width: 300px; height: 300px;
          animation-name: rotate;
          animation-duration: 3s;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
}

@keyframes rotate {
    from { transform: rotate(360deg); }
    to { transform: rotate(0); }
}
.uk-grid-divider > :not(.uk-first-column)::before {
 border-left: 1px solid #444;
}

/*Navi*/
.nav { background: white; }
.nav ul li a {
  font-size: var(--font);
}
.nav .uk-logo {
  font-weight:400;
  font-size: var(--fontmed);
}
.nav ul li.uk-active > a {
/*  color: var(--mittelgrau);*/
  font-weight: 700;
  color:var(--hellblau);
  color:var(--schwarz);
}
.uk-navbar-nav > li:hover > a {
  color:var(--hellblau);
}
/*Burger-Navi / Responsive Navi */
.uk-navbar-toggle {
  color: var(--dunkelgrau);
}
#sidenav .uk-nav  li  a {
    padding: 0px 0;
    justify-content: center;
}
#sidenav {
/*  background: var(--dunkelgrau);*/
  background:var(--dunkelgrau);
  color: white;
}
#sidenav  a {
  color: white;
  text-decoration: none;
}
#sidenav .uk-nav a {
  color: white;
  font-size: var(--fontgross);
}
#sidenav .uk-nav .uk-active a {
  color: var(--hellblau);
}

#sidenav button {
  color: white;
}
.uk-navbar-dropdown {
/*  background: transparent;*/
  box-shadow: none;
  padding: 10px;
  margin:0;
  top: 35px !important;
  width: auto;
  margin-top: 8px;
}
.uk-navbar-nav > li > a {
  min-height: inherit;
}
.uk-navbar-dropdown-nav.uk-nav li > a {
  display: inline-block;  
  padding: 0;
  margin-bottom: 5px;
}
/* Herobild */
.slider .head, .slider .head a {
  font-size: var(--fontgross);
    line-height: 1.1;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
    text-align: right;
}
.slider .head a:hover {
 color:var(--hellblau);
}
 
/*Main*/
.kategorie .kat .uk-h4 {
font-size: var(--fontmed);}

.kategorie .kat > a i {
  transition: var(--transiton);
}
.kategorie .kat > a:hover i { 
  padding-left: 8px;
}
.kategorie .kat > a {
  overflow: hidden;
}
.kategorie .kat > a img {
  transition: var(--transiton);
}
.kategorie .kat > a:hover img { 
  transform: scale(1.05);
}
  

  .aktuelles .uk-card-body {
    color: var(--dunkelgrau);
  }

   #inhalt .aktuelles .uk-card-body h2 {
  font-size: var(--fontmed);
  line-height: 100%;
  transition: var(--transiton);
   }
  #inhalt .werke .uk-card-body h2 {
  font-size: var(--fontmed);
  line-height: inherit;
  transition: var(--transiton);
   } 
   #inhalt .werke .uk-cover-container {
  background-color:rgb(220,220,220);
   }
  #inhalt .aktuelles .uk-card-body a:hover h2 {
    color:var(--hellblau);
   }
 .aktuelles .uk-card-body p:not(.uk-text-meta) {
   font-size: var(--font);
   margin-bottom: 0;
   margin-top: 0;
 }
 
 .aktuelles .uk-card-body a,  .aktuelles .uk-card-body a:hover,.aktuelles .uk-card-body .uk-text-small {
  font-size: var(--font);
 }
  .aktuelles .uk-card-body a  {
  color: var(--schwarz);
  margin-top:12px;
    text-decoration: none;
  transition: var(--transiton);
/*  font-weight: 400;*/
  }

.presse.aktuelles .uk-card-body p a.readmore {
/*   margin-bottom: 22px;*/
   margin-top:0px;
 }
.presse.aktuelles .uk-card-body p {
   margin-bottom: 22px;
  }
.aktuelles .uk-card-body a:hover {
  color: var(--hellblau);
  }
 
.aktuelles .uk-card-body .uk-text-small {
  color: var(--dunkelgrau);
 }
 .aktuelles .uk-card-media-top  {
/*  background-color: var(--hellblau);*/
 }
  .aktuelles .uk-card-media-top a img {  
    transition: var(--transiton);
   }
  .aktuelles .uk-card-media-top a:hover img {
/*    opacity: .6;*/
   }
   .werke .uk-overlay-default {
    background-color: var(--hellblautrans);
    color: white;
   }
 .zitat i, .zitat em {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--schwarz);
 }
 .zitat p { 
  display: inline-block;
  margin-bottom: 20px; 
 }
/* .presse h3 {
  margin-bottom: 20px;
 }*/
 .downloads .uk-icon {
  line-height: inherit;
  margin-bottom: 10px;
 }

/* werkschau*/
.werkschau strong, .werkschau b {
  font-weight:700;
}
.werkschau .rechts a.uk-button-text {
  display: inline-block;
border: 1px solid;
padding: 0.6rem 1.5rem;
color: var(--hellblau);
}

/* lightbox*/
.uk-lightbox { 
    background: var(--mittelgrautrans);
    color: black;
   }
   .uk-lightbox-toolbar,.uk-lightbox-button, .uk-lightbox-toolbar-icon, .uk-lightbox-toolbar:hover,.uk-lightbox-button:hover, .uk-lightbox-toolbar-icon:hover  { 
    background:transparent;
    color: white;
   }
   .uk-lightbox img {
/*    padding:50px;*/
   }
   .lightbox .uk-overlay-default {
    background-color: var(--hellblautrans);
    color: white;
   }
/*Footer */
footer {
  font-size: var(--fontsm);
/*  color: red;*/
background-color: rgb(220, 220, 220);
}
footer strong {
font-weight: 700;
}
footer a {
  color: var(--dunkelgrau);
  text-decoration: underline;

}
footer a:hover {
  color: var(--hellblau);
}
/*Responsives*/
