/*
Theme Name: Daniel Stelter Child Theme 2020
Description: Child theme for danielstelter
Author: Sven Claussen
Description:  Start 11.07.2020
Author URI: claussen-design.de
Template: danielstelter
Version: 1.0.0
Text Domain:  Daniel Stelter
*/
/* oswald-300 - latin-ext_latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-300.eot?#iefix") format("embedded-opentype"), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-300.woff2") format("woff2"), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-300.woff") format("woff"), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-300.ttf") format("truetype"), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-300.svg#Oswald") format("svg");
  /* Legacy iOS */ }
/* oswald-regular - latin-ext_latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-regular.woff2") format("woff2"), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-regular.woff") format("woff"), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-regular.ttf") format("truetype"), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-regular.svg#Oswald") format("svg");
  /* Legacy iOS */ }
/* oswald-600 - latin-ext_latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-600.eot?#iefix") format("embedded-opentype"), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-600.woff2") format("woff2"), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-600.woff") format("woff"), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-600.ttf") format("truetype"), url("_assets/_fonts/_oswald/oswald-v34-latin-ext_latin-600.svg#Oswald") format("svg");
  /* Legacy iOS */ }
/* Colors */
html {
  background: #002d48; }
  html body {
    font-size: 16px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    html body nav {
      background: #002d48; }
      html body nav .top-bar .top-bar-inner #menu-hauptmenue li a {
        color: #f7db01;
        font-family: "Oswald", Helvetica, sans-serif; }
    html body .content {
      background: #f5f5f5; }
      html body .content .menutrigger:before {
        background: #002d48;
        color: #ffffff; }
      html body .content .inner .inhalt {
        min-height: 75vh; }
        html body .content .inner .inhalt #keyVisual div {
          height: 60vh;
          background: url("_assets/_img/bg-header-mob.jpg") 50% 25% no-repeat;
          background-size: cover; }
        html body .content .inner .inhalt #keyVisual h1 {
          font-family: "Oswald", Helvetica, sans-serif;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #002d48;
          line-height: 1;
          font-size: 3rem;
          font-weight: 300;
          top: .75rem; }
        html body .content .inner .inhalt #keyVisual h3 {
          color: #ffffff;
          font-size: 1.5rem;
          font-weight: 600;
          top: 8rem; }
        html body .content .inner .inhalt .column .heading aside {
          font-family: "Oswald", Helvetica, sans-serif;
          color: #fff;
          background: #002d48; }
        html body .content .inner .inhalt .column .heading img {
          box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.6), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
        html body .content .inner .inhalt .column .heading h2 {
          background: #f5f5f5;
          font-family: "Oswald", Helvetica, sans-serif;
          color: #002d48;
          font-weight: 400;
          letter-spacing: 0;
          font-size: 20px; }
        html body .content .inner .inhalt .column article {
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
      html body .content footer {
        background: #002d48;
        color: #f7db01; }
        html body .content footer #menu-footermenue li a {
          color: #f7db01;
          line-height: 1.428 !important; }

.cardContainer {
  display: flex;
  flex-wrap: wrap; }
  .cardContainer .gridItem {
    display: flex;
    padding: 1rem;
    width: 100%; }
    .cardContainer .gridItem .card {
      background: #fff;
      box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
      .cardContainer .gridItem .card header h5 {
        font-size: 14px;
        padding: 16px 16px 0;
        color: rgba(0, 0, 0, 0.54);
        line-height: 1;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      .cardContainer .gridItem .card header h2 {
        font-family: "Oswald", Helvetica, sans-serif;
        padding: 0 16px 24px 16px;
        margin: 0;
        letter-spacing: 0;
        font-size: 24px;
        text-transform: none;
        font-weight: 500;
        color: #002d48; }
      .cardContainer .gridItem .card .cardContent {
        padding: 16px; }
        .cardContainer .gridItem .card .cardContent .brief {
          margin: 8px 0 16px 0;
          flex: 1 0 auto;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 14px; }
        .cardContainer .gridItem .card .cardContent article p {
          color: #002d48;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
          .cardContainer .gridItem .card .cardContent article p span {
            color: #d80c8c; }
          .cardContainer .gridItem .card .cardContent article p em {
            color: rgba(0, 0, 0, 0.54); }

.trenner {
  border-bottom: 3px solid #d80c8c; }

.page h2, .single h2, .archive h2 {
  color: #002d48;
  font-size: 32px;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 32px 0;
  background: none;
  font-family: "Oswald", Helvetica, sans-serif; }

.page h3, .single h3 {
  background: none;
  font-family: "Oswald", Helvetica, sans-serif;
  color: #002d48;
  font-size: 24px;
  margin-top: 24px; }

.page h5, .single h5 {
  font-size: 18px;
  font-weight: 500;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.presse article h5 {
  color: #d80c8c;
  font-size: 14px; }
  .presse article h5 span {
    border-bottom: 2px solid #d80c8c; }

.single h6,
.home h6,
.news h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 12px !important; }

a.mehr, input[type="submit"] {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 2rem;
  text-transform: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: 0;
  text-decoration: none;
  color: #fff;
  background-color: #002d48;
  text-align: center;
  letter-spacing: .5px;
  margin-top: 16px;
  cursor: pointer;
  font-family: "Oswald", Helvetica, sans-serif;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
  a.mehr:hover, input[type="submit"]:hover {
    color: #d80c8c;
    font-weight: 400; }
  a.mehr:after, input[type="submit"]:after {
    color: #d80c8c;
    padding-left: 8px !important; }

blockquote {
  border: none;
  background: #fff;
  font-family: 'Times New Roman', Times, serif !important;
  font-style: italic;
  margin-right: 2rem; }

.news article {
  margin: 24px 0;
  padding: 16px;
  background: #fff;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
  .news article h2 {
    font-size: 32px;
    margin: 16px 0; }
    .news article h2 a {
      color: #002d48;
      text-transform: none;
      letter-spacing: 0;
      font-weight: 500; }
      .news article h2 a:hover {
        color: #d80c8c; }

.ref h3 {
  color: #d80c8c;
  font-weight: 500;
  text-transform: none;
  font-family: "Oswald", Helvetica, sans-serif;
  font-size: 24px;
  background: none; }
  .ref h3:before {
    color: #d80c8c; }

.cd ul li p {
  font-size: 14px; }

.cd ul li h4 {
  color: #002d48; }

.wp-caption-text {
  font-size: 12px;
  background: #d80c8c; }

.downloads .sidebar a {
  font-size: 14px; }

p.copy {
  font-size: 12px;
  color: #fff; }

ul.videoList li h3 {
  font-size: 24px;
  color: #002d48;
  font-family: "Oswald", Helvetica, sans-serif;
  text-transform: none; }
  ul.videoList li h3 span {
    color: #d80c8c;
    font-size: 16px; }
ul.videoList li .outer aside h4 {
  font-size: 14px; }
ul.videoList li .outer aside h5 {
  background: rgba(0, 0, 0, 0.54);
  font-size: 12px; }

.termine article h5 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54); }
  .termine article h5 span {
    font-size: 14px; }
.termine article p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #002d48; }
  .termine article p span {
    color: #d80c8c;
    font-size: 16px;
    text-transform: none; }
  .termine article p em {
    color: rgba(0, 0, 0, 0.54); }

.instafeed {
  margin: 5rem 0; }

@media (min-width: 768px) {
  html body {
    padding-top: 64px; }
    html body nav {
      background: #fff;
      position: fixed;
      z-index: 9999;
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
      html body nav .top-bar .top-bar-inner {
        padding-top: 2rem; }
        html body nav .top-bar .top-bar-inner #menu-hauptmenue {
          margin-bottom: 2rem; }
          html body nav .top-bar .top-bar-inner #menu-hauptmenue li a {
            color: #002d48; }
            html body nav .top-bar .top-bar-inner #menu-hauptmenue li a:after {
              color: #00bce3; }
      html body nav #menu-socialmenue {
        top: 0;
        background: #002d48;
        padding: .25rem .5rem;
        box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.6), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
        html body nav #menu-socialmenue li {
          padding-right: 0; }
          html body nav #menu-socialmenue li a {
            color: #fff;
            opacity: 1; }
          html body nav #menu-socialmenue li.fb, html body nav #menu-socialmenue li.insta, html body nav #menu-socialmenue li.yt {
            padding-right: .5rem; }
    html body .content {
      background: #f5f5f5; }
      html body .content .inner {
        background: #f5f5f5;
        background-image: none; }
        html body .content .inner .inhalt {
          padding-top: 0; }
          html body .content .inner .inhalt #keyVisual div {
            height: 60vh;
            background: url("_assets/_img/bg-header.jpg") 100% 50% no-repeat;
            background-size: cover; }
          html body .content .inner .inhalt #keyVisual h1 {
            color: #ffffff;
            font-size: 4.5rem;
            font-weight: 300;
            top: .75rem;
            text-shadow: 0 0 10rem rgba(0, 0, 0, 0.5), 2px 2px 4px rgba(216, 12, 140, 0.5), -2px 2px 4px rgba(0, 188, 227, 0.5); }
          html body .content .inner .inhalt #keyVisual h3 {
            color: #f7db01;
            font-size: 1.5rem;
            font-weight: 600;
            top: 8rem; }

  .cardContainer {
    margin: 16px 0; }
    .cardContainer .gridItem {
      display: flex;
      padding: 1rem;
      width: 50%; } }
@media (min-width: 992px) {
  html body nav {
    background: #fff; }
    html body nav .top-bar .top-bar-inner {
      padding-top: 2rem; }
      html body nav .top-bar .top-bar-inner #menu-hauptmenue {
        margin-bottom: 2rem; }
        html body nav .top-bar .top-bar-inner #menu-hauptmenue li a {
          font-size: inherit; }
    html body nav #menu-socialmenue {
      top: 0;
      background: #002d48;
      padding: .25rem .5rem;
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.6), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
      html body nav #menu-socialmenue li {
        padding-right: 0; }
        html body nav #menu-socialmenue li a {
          color: #fff;
          opacity: 1; }
        html body nav #menu-socialmenue li.fb {
          padding-right: .5rem; }
  html body .content .inner .inhalt {
    padding-top: 0; }
    html body .content .inner .inhalt #keyVisual div {
      height: 60vh;
      background: url("_assets/_img/bg-header.jpg") 100% 50% no-repeat;
      background-size: cover; }
    html body .content .inner .inhalt #keyVisual h1 {
      font-size: 6vw;
      font-weight: 300;
      top: .75rem;
      right: auto;
      left: 10vw; }
    html body .content .inner .inhalt #keyVisual h3 {
      font-size: 2.5vw;
      font-weight: 600;
      top: 8.25vw;
      right: auto;
      left: 10vw; }

  .instafeed {
    margin: 15rem 0; } }
@media (min-width: 1025px) {
  a.mehr:hover, input[type="submit"]:hover {
    background: #002d48;
    color: #d80c8c;
    font-weight: 400; }

  .page h2, .archive h2 {
    color: #002d48;
    font-size: 3vw;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 2vw; }

  .single h2 {
    font-size: 36px;
    line-height: 1.33;
    text-transform: none; } }
@media (min-width: 1200px) {
  html body nav {
    background: #fff; }
    html body nav .top-bar .top-bar-inner {
      padding-top: 2rem; }
      html body nav .top-bar .top-bar-inner #menu-hauptmenue {
        margin-bottom: 2rem; }
        html body nav .top-bar .top-bar-inner #menu-hauptmenue li a {
          font-size: inherit; }
    html body nav #menu-socialmenue {
      top: 0;
      background: #002d48;
      padding: .25rem .5rem;
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.6), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
      html body nav #menu-socialmenue li {
        padding-right: 0; }
        html body nav #menu-socialmenue li a {
          color: #fff;
          opacity: 1; }
        html body nav #menu-socialmenue li.fb {
          padding-right: .5rem; }
  html body .content .inner .inhalt {
    padding-top: 0; }
    html body .content .inner .inhalt #keyVisual div {
      height: 60vh;
      background: url("_assets/_img/bg-header.jpg") 100% 50% no-repeat;
      background-size: cover; }
    html body .content .inner .inhalt #keyVisual h1 {
      font-size: 6vw;
      font-weight: 300;
      top: .75rem;
      right: auto;
      left: 10vw; }
    html body .content .inner .inhalt #keyVisual h3 {
      font-size: 2.5vw;
      font-weight: 600;
      top: 8.25vw;
      right: auto;
      left: 10vw; }
    html body .content .inner .inhalt .column .heading aside {
      font-family: "Oswald", Helvetica, sans-serif;
      color: #fff;
      background: #002d48; }
    html body .content .inner .inhalt .column .heading img {
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.6), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
    html body .content .inner .inhalt .column .heading h2 {
      background: #f5f5f5;
      font-family: "Oswald", Helvetica, sans-serif;
      color: #002d48;
      font-weight: 400;
      letter-spacing: 0;
      font-size: 28px; }
    html body .content .inner .inhalt .column article {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } }
@media (min-width: 1500px) {
  html body nav .top-bar .top-bar-inner {
    padding-top: 2rem; }
    html body nav .top-bar .top-bar-inner #menu-hauptmenue {
      margin-bottom: 2rem; }
      html body nav .top-bar .top-bar-inner #menu-hauptmenue li a {
        font-size: inherit; }
  html body nav #menu-socialmenue {
    top: 0;
    background: #002d48;
    padding: .25rem .5rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.6), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
    html body nav #menu-socialmenue li {
      padding-right: 0; }
      html body nav #menu-socialmenue li a {
        color: #fff;
        opacity: 1; }
      html body nav #menu-socialmenue li.fb {
        padding-right: .5rem; }
  html body .content .inner .inhalt {
    padding-top: 0; }
    html body .content .inner .inhalt #keyVisual div {
      height: 60vh;
      background: url("_assets/_img/bg-header.jpg") 100% 50% no-repeat;
      background-size: cover; }
    html body .content .inner .inhalt #keyVisual h1 {
      font-size: 6vw;
      font-weight: 300;
      top: .75rem;
      right: auto;
      left: 10vw; }
    html body .content .inner .inhalt #keyVisual h3 {
      font-size: 1.5vw;
      font-weight: 600;
      top: 8.25vw;
      right: auto;
      left: 10vw; } }