/* blue: 0081de */

html { color: #274046; }

#matomo_banner {
    width: 100%;
    background: #fafafa;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 55;
    margin-bottom: 0%;
    border-top: 3px solid #ec6f00;
}

#fdano { display: none; }

.logo { color: #00264c; color: #ec6f00; }
.top-red-line { border-top: 3px solid #ec6f00; }

.topnav ul > li a:hover { border: 1px solid #ec6f00; } 
.topnav ul > li a i { color: #ec6f00; } 
.topnav ul > li.current a { color: #ec6f00; border: 1px solid #ec6f00; } 

.nav li a:hover { color: #ec6f00; } 
/* .nav li.current a { color: #ec6f00; } */ 
.nav li.current a { color: #333333; } 

a:hover { color: #ec6f00; }

.bottom-line  { border-bottom: 1px solid #ec6f00; }

.orange { color: #ec6f00; }

.teaser { min-height: 26rem; width: 100%; }
.logosub { padding-top: 0.3rem; }
.noborder { border: none !important; }
.no-box-shadow { box-shadow: none !important; }


.box ul ul { margin-top: 1rem; }
/* .box ul li { line-height: 2.3rem; } */
.box ul li { margin-top: 1rem; } 
.box ul li:nth-child(1) { margin-top: 0; }


article:nth-last-child(0n+1) { margin-bottom: 0rem; }

section { margin-bottom: 3rem; } 
section:nth-last-child(0n+1) { margin-bottom: 0rem; border-bottom: none; }

.content i { border: 1px solid #ccc; background-color: #fafafa; padding: 0.05rem 0.3rem 0.05rem 0.3rem; white-space: nowrap; border-radius: 3px; }


.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: #274046; font-size: 120%; line-height: 120%; }

.content h1:before, .content h2:before, .content h3:before, .content h4:before, .content h5:before, .content h6:before { content: '\a0'; position: absolute; border-left: 0.4rem solid #ec6f00; transform: skewX(-15deg); margin-left: -1rem; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { margin-top: 2rem; margin-left: 1rem; margin-bottom: 0.25rem; }
.content h1:nth-of-type(1){ margin-top: 0; padding-top: 0; border-bottom: none; }
.content h2:nth-of-type(1){ margin-top: 0; padding-top: 0; border-bottom: none; }
.content h3:nth-of-type(1){ margin-top: 0; padding-top: 0; border-bottom: none; }

/* \21A6 */
.content a.externlink:before { content: '\21AC'; margin-left: -1rem; position: absolute; }
.content a.externlink { margin-left: 1rem; word-break: break-all; }

.content hr { border: none; border-bottom: 1px solid #ec6f00; } 
/* .content br { margin-top: 1rem; } */

.light-grey-border { border: 1px solid #ccc; border-radius: 3px; padding: 0.5rem; }

.bestellformular { background: #fafafa; margin: 0 0 3rem 0; padding: 0.5rem; padding-bottom: 3rem; border: 1px solid #ccc; border-radius: 3px; }
.bestellformular fieldset { max-width: 550px; }

.kontaktformular fieldset { max-width: 550px; }

.bluebutton {
    color: #fff;
    background: rgb(7,39,80);
    background: linear-gradient(43deg, rgba(7,39,80,1) 0%, rgba(13,74,152,1) 53%, rgba(0,176,255,1) 100%);
    padding: 1rem !important;
    border: 1px solid #bbf;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 5px 7px rgba(0, 0, 0, 0.4);
    text-decoration: none;
    transition: background 0.2s linear;
}

.bluebutton:hover {
    background-position: 9.6rem;
    color: #fff;
    text-decoration: underline;
}

/* animtions */
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
} 

@media screen and (max-width: 560px) {
    .content i { white-space: break-spaces; }
}