/* 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-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600 - 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: 600;
  src: url('../Fonts/source-sans-3-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* caladea-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: 'Caladea';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/caladea-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* caladea-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: 'Caladea';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/caladea-v8-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body { font-family: 'Source Sans 3'; font-size: 22px; color: #00869a; font-weight: 400; animation: pagecrossfade 2s; webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
strong { font-weight: 600; }
a { color: #00869a; }
a:hover { color: #000; }
h1,h2,h3,h4 { color: #00869a; font-family: 'Caladea'; font-style: normal; font-weight: 700; }

@media only screen and (max-width: 959px) {
    body { font-size: 20px; }
}
@media only screen and (max-width: 639px) {
    body { font-size: 18px; }
}

.dt-ani { transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; opacity: 0; }
.dt-ani-ende { opacity: 1; }
@keyframes pagecrossfade {
  from {
    opacity: 0; }
  to {
      opacity: 1; } }
@-webkit-keyframes pagecrossfade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.dt-introvideo h1 { color: #fff; font-size: 80px; font-weight: 400; max-width: 1000px; text-align: center; line-height: 1; margin: auto; }

@media only screen and (max-width: 959px) {
    .dt-introvideo h1 { font-size: 65px; max-width: 450px; }
}
@media only screen and (max-width: 639px) {
    .dt-introvideo h1 { font-size: 40px; max-width: 80%; }
}

#dt-navi-open, #dt-navi-close { border: none; background: none; color: #fff; margin: 0; padding: 0; cursor: pointer; }
#dt-navi-open:focus { outline: none; }
#dt-navigation { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 997; background-color: #00869a; background-image: url('../Images/deeptax-wellen-navigation.webp'); background-repeat: no-repeat; background-size: cover; }
#dt-navigation .dt-logo { height: 40px; margin: 10px 0; }
#dt-navigation ul { margin: 0; padding: 0; list-style: none; }
#dt-navigation ul li { font-family: 'Caladea'; }
#dt-navigation ul li a { text-decoration: none; font-size: 48px; color: #fff; font-weight: 400; line-height: 1.3; }
#dt-navigation ul li a:hover { text-decoration: underline; }
#dt-navigation ul li.active a { text-decoration: underline; }
#dt-navigation ul.dt-navi2 { margin-top: 60px; }
#dt-navigation ul.dt-navi2 li:nth-of-type(1) { display: none; }
#dt-navigation ul.dt-navi2 li a { text-decoration: none; font-size: 24px; color: #fff; }
#dt-navigation ul.dt-navi2 li a:hover { text-decoration: underline; }
#dt-navigation ul.dt-navi2 li.active a { text-decoration: underline; }

header .dt-logo { height: 40px; margin: 10px 0; }
header { background-color: rgba(0,134,154,0); -webkit-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; }
header.uk-sticky-below { background-color: rgba(0, 134, 154, 0.25); }
.folgeseite header { background-color: rgba(0, 134, 154, 0.5) !important; }

main { margin-top: -60px; }

footer { font-size: 16px; margin-bottom: 100px; margin-top: 100px; }
footer .dt-logo-footer { width: 100%; max-width: 700px; }
footer nav ul { padding: 0; margin: 0; list-style: none; }
footer nav ul li { display: block; }
footer nav ul li a { color: #00869a; font-weight: 600; text-decoration: none; }
footer nav ul li a:hover { text-decoration: underline; }
footer a { text-decoration: underline; }

.dt-link a { font-size: 16px; color: #00869a; }
.dt-link a:hover  { color: #000; }

@media only screen and (max-width: 959px) {
    .dt-link a { font-size: 15px; }
}
@media only screen and (max-width: 639px) {
    .dt-link a { font-size: 14px; }
}

.dt-index-services ul { margin: 0; padding: 0; list-style: none; }
.dt-index-services ul li { display: block; }
.dt-index-services ul li a { font-family: 'Caladea'; font-weight: 400; font-size: 56px; color: #80C3CD; line-height: 1.25; }
.dt-index-services ul li a:hover { text-decoration: none; color: #00869a; }
.dt-index-services ul li:first-of-type a { font-weight: 700; color: #00869a; }
.dt-index-services ul li:first-of-type a:hover { color: #000; }

@media only screen and (max-width: 959px) {
    .dt-index-services ul li a { font-size: 40px; }
}
@media only screen and (max-width: 639px) {
    .dt-index-services ul li a { font-size: 24px; }
}

.dt-bildband img { width: 100%; }
.dt-bildband a { font-family: 'Caladea'; font-weight: 700; font-size: 56px; color: #fff; line-height: 1.25; }

@media only screen and (max-width: 959px) {
    .dt-bildband a { font-size: 40px; }
}
@media only screen and (max-width: 639px) {
    .dt-bildband a { font-size: 24px; }
}

.dt-headerbild h1 { font-family: 'Caladea'; font-weight: 400; font-size: 90px; color: #fff; line-height: 1.25; max-width: 1100px; margin: auto; }

@media only screen and (max-width: 959px) {
    .dt-headerbild { min-height: max(0px, 70vh) !important; }
    .dt-headerbild h1 { font-size: 60px; }
}
@media only screen and (max-width: 639px) {
    .dt-headerbild { min-height: max(0px, 50vh) !important; }
    .dt-headerbild h1 { font-size: 35px; }
}

.dt-services a { display: block; color: #80C3CD; font-family: 'Caladea'; font-size: 26px; margin-bottom: 40px !important; }
.dt-services a:hover { color: #00869a; text-decoration: none; }
.dt-services a img { margin-bottom: 15px; filter: invert(43%) sepia(78%) saturate(205%) hue-rotate(142deg) brightness(82%) contrast(200%); }
.dt-services a:hover img { filter: none; }
.dt-services .dt-services-text { font-family: 'Source Sans 3'; font-size: 22px; font-weight: 400; }

@media only screen and (max-width: 959px) {
    .dt-services a { font-size: 24px; }
    .dt-services .dt-services-text { font-size: 20px; }
}
@media only screen and (max-width: 639px) {
    .dt-services a { font-size: 22px; }
    .dt-services .dt-services-text { font-size: 18px; }
}

.uk-accordion-default .uk-accordion-title { color: #00869a; font-family: 'Caladea'; font-size: 40px; font-weight: 700; }
.uk-accordion-default .uk-accordion-title:hover { color: #00869a; }
.dt-akkordeon li { border-top: 1px solid #80C3CD; }
.dt-akkordeon .uk-icon>* { color: #00869a; }

@media only screen and (max-width: 959px) {
    .uk-accordion-default .uk-accordion-title { font-size: 34px; }
}
@media only screen and (max-width: 639px) {
    .uk-accordion-default .uk-accordion-title { font-size: 28px; }
}

.dt-kontakt h1 { font-family: 'Caladea'; font-weight: 700; font-size: 90px; color: #fff; line-height: 1; max-width: 1200px; margin: 0 auto 50px auto; }
.dt-kontakt { color: #fff; }
.dt-kontakt a { color: #fff; }

@media only screen and (max-width: 959px) {
    .dt-kontakt h1 { font-size: 60px; }
}
@media only screen and (max-width: 639px) {
    .dt-kontakt h1 { font-size: 35px; }
}

.uk-dotnav>*>* { background-color: #80C3CD; width: 50px; height: 8px; border-radius: 0; border: none; }
.uk-dotnav>.uk-active>* { background-color: #00869a; }

.dt-team-kachel { background-color: #DDE3E8; padding: 25px 25px 5px 25px; }

#dt-cta { position: fixed; top: 80px; right: 0; z-index: 1; }
#dt-cta a { display: block; margin: 0 0 5px 0; }
#dt-cta img { width: 60px; }

@media only screen and (max-width: 959px) {
    #dt-cta img { width: 48px; }
}