@charset "UTF-8";
/*
Theme Name: EpicDev - Blog
Theme URI: https://epicdarknet.de
Description: EpicDev - Blog - Template
Author: Kau
Author URI: https://epicdarknet.de
Version: 1.0.0
*/
/*
Content of scss

# Nav
# Content
# Footer

*/
/*
font-family: 'Montserrat Subrayada', sans-serif;    - überschriften
font-family: 'Gloria Hallelujah', cursive; - notizen
font-family: 'Titillium Web', sans-serif; - alg
*/
body {
  position: relative;
  font-family: 'Titillium Web', sans-serif; }
  body .cut-border {
    position: relative;
    border: 1px solid #d7dee0; }
  body .cut-border::before {
    content: "";
    position: absolute;
    height: calc(100% + 10px);
    width: 80%;
    background-color: white;
    top: -5px;
    left: 10%; }
  body .cut-border::after {
    content: "";
    position: absolute;
    height: 80%;
    width: calc(100% + 10px);
    background-color: white;
    top: 10%;
    left: -5px; }

.wrapper {
  position: relative;
  padding-left: 5%;
  padding-right: 5%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143; }

#site-logo {
  padding-top: 40px; }

.menu-container {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  padding-bottom: 4%;
  vertical-align: top;
  background-color: white;
  border-bottom: 1px solid #d7dee0;
  z-index: 1; }
  .menu-container #main-menu {
    position: relative;
    display: table-cell;
    float: left;
    padding-left: 20%;
    padding-bottom: 10px; }
    .menu-container #main-menu ul {
      position: relative;
      display: block;
      padding: 0px;
      margin: 0px;
      text-transform: uppercase;
      text-align: center; }
      .menu-container #main-menu ul li {
        position: relative;
        display: inline-block;
        height: 70px;
        padding-right: 40px;
        padding-left: 40px;
        font-weight: 700; }
        .menu-container #main-menu ul li a {
          display: block;
          width: 100%;
          height: 100%;
          text-decoration: none; }
        .menu-container #main-menu ul li .box-animation {
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          transition: all .3s ease-out;
          transform: translatez(-25px);
          transform-style: preserve-3d; }
        .menu-container #main-menu ul li .front {
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          padding-top: 26px;
          color: white;
          background: #07a0e7;
          transform: rotatex(0deg) translatez(35px);
          box-sizing: border-box; }
        .menu-container #main-menu ul li .back {
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          padding-top: 26px;
          color: white;
          background: #a9c468;
          transform: rotatex(-90deg) translatez(25px);
          box-sizing: border-box; }
        .menu-container #main-menu ul li:hover .box-animation {
          transform: translateZ(-5px) rotateX(90deg); }
  .menu-container #search-menu {
    position: relative;
    display: table-cell;
    float: right;
    background-color: transparent; }
    .menu-container #search-menu input {
      margin: 10px;
      height: 25px;
      outline: none;
      border: none;
      border-bottom: 2px solid #1b9bff; }
    .menu-container #search-menu button {
      background-color: #1b9bff;
      border: none;
      height: 30px;
      margin-right: 10px;
      color: white; }

.slick-initialized .slick-slide {
  position: relative;
  margin: 0 10px; }
  .slick-initialized .slick-slide:before, .slick-initialized .slick-slide:after {
    position: absolute;
    content: "";
    left: 0;
    top: 25%;
    width: 100%;
    height: 55%;
    border: 1px solid #d7dee0;
    border-bottom: none;
    border-top: none; }
  .slick-initialized .slick-slide:active, .slick-initialized .slick-slide:focus {
    outline: none; }

.container {
  position: relative;
  display: block;
  border-bottom: 1px solid #d7dee0;
  text-align: center;
  padding-bottom: 4%;
  padding-left: 10%;
  padding-right: 10%;
  margin-bottom: 4%;
  z-index: 1; }
  .container .container-header {
    position: relative; }
    .container .container-header:before {
      left: 80px; }
    .container .container-header:after {
      right: 80px; }
    .container .container-header:before, .container .container-header:after {
      position: absolute;
      content: '';
      top: 50%;
      height: 1px;
      width: 20%;
      border-bottom: 1px solid #d7dee0; }
    .container .container-header h2 {
      color: #6f7678;
      font-size: 2.125em;
      font-weight: 800;
      text-transform: uppercase; }
    .container .container-header .slide-left {
      left: 0px; }
    .container .container-header .slide-right {
      right: 0px; }
    .container .container-header .slide-nav {
      position: absolute;
      display: inline-block;
      width: 25px;
      height: 25px;
      top: 10px;
      cursor: pointer;
      background-color: #1b9bff;
      border-radius: 50%; }
  .container .slider {
    position: relative;
    text-align: center;
    vertical-align: top;
    padding-bottom: 4%; }
    .container .slider img {
      width: 100%; }
    .container .slider .content {
      position: relative;
      margin: 10px;
      max-width: 350px;
      align-content: 1px solid #d7dee0; }
      .container .slider .content .body img {
        display: block;
        width: 100%; }
      .container .slider .content .body h2 {
        padding-left: 8%;
        padding-right: 8%;
        color: skyblue;
        font-family: 'Montserrat Subrayada', sans-serif; }
      .container .slider .content .body .date {
        padding-top: 10px;
        text-align: left;
        padding-left: 8%; }
      .container .slider .content .body p {
        text-align: left;
        padding-left: 8%;
        padding-right: 8%;
        padding-bottom: 2%; }
      .container .slider .content .footer {
        position: relative;
        display: block;
        width: 100%;
        text-align: left;
        margin: 10px; }
        .container .slider .content .footer .button {
          padding: 10px;
          border: 1px solid #d7dee0;
          text-decoration: none;
          color: #d7dee0;
          margin-left: 4%; }
  .container .categorie {
    position: relative;
    display: inline-block;
    width: 100%;
    border-left: 1px solid #d7dee0;
    border-right: 1px solid #d7dee0; }
    .container .categorie .categorie-container {
      position: relative;
      display: block;
      padding-left: 10%;
      padding-right: 10%; }
      .container .categorie .categorie-container ul {
        position: relative;
        display: block;
        width: 600px;
        padding-left: 14%;
        text-transform: uppercase;
        text-align: center; }
        .container .categorie .categorie-container ul li {
          position: relative;
          display: inline-block;
          height: 140px;
          width: 140px;
          margin: 0 20px;
          font-weight: 700;
          cursor: pointer;
          background: #07a0e7;
          -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
          -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
          box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); }
          .container .categorie .categorie-container ul li .description {
            position: relative;
            visibility: hidden; }
          .container .categorie .categorie-container ul li:hover {
            fill: #66e0ff; }
            .container .categorie .categorie-container ul li:hover .description {
              visibility: visible; }
    .container .categorie .categorie-accordion {
      position: relative;
      display: block;
      margin: 4%; }
      .container .categorie .categorie-accordion .symbol {
        width: 140px;
        -webkit-filter: drop-shadow(10px 10px 5px #000);
        filter: drop-shadow(10px 10px 5px #000);
        float: left; }
      .container .categorie .categorie-accordion .accordion {
        position: relative;
        display: block;
        padding-bottom: 4%; }
        .container .categorie .categorie-accordion .accordion .header {
          position: relative;
          display: inline-block;
          width: 100%;
          text-align: center;
          cursor: pointer;
          background-color: transparent;
          border-bottom: 10px solid #d7dee0;
          font-size: 2rem; }
          .container .categorie .categorie-accordion .accordion .header:hover, .container .categorie .categorie-accordion .accordion .header:focus {
            outline: none; }
          .container .categorie .categorie-accordion .accordion .header .box {
            position: relative;
            height: 10px;
            background-color: #d6dee0; }
          .container .categorie .categorie-accordion .accordion .header h3 {
            font-family: 'Montserrat Subrayada', sans-serif;
            margin: 0px;
            padding-right: 15%; }
          .container .categorie .categorie-accordion .accordion .header:after {
            position: absolute;
            right: 0px;
            bottom: 0px;
            content: '\002B';
            color: #777;
            font-weight: bold;
            text-decoration: none; }
          .container .categorie .categorie-accordion .accordion .header .active:after {
            content: "\2212"; }
        .container .categorie .categorie-accordion .accordion .content {
          max-height: 0;
          overflow: hidden;
          -webkit-transition: height 500ms;
          transition: max-height 500ms; }
          .container .categorie .categorie-accordion .accordion .content .last-post {
            position: relative;
            display: block;
            width: 400px;
            float: left;
            padding: 10px;
            margin-left: 10px; }
            .container .categorie .categorie-accordion .accordion .content .last-post img {
              width: 100%; }
            .container .categorie .categorie-accordion .accordion .content .last-post p {
              position: relative;
              padding-bottom: 4%; }
            .container .categorie .categorie-accordion .accordion .content .last-post .button {
              position: relative;
              padding: 10px;
              border: 1px solid #d7dee0;
              text-decoration: none;
              color: #d7dee0; }
          .container .categorie .categorie-accordion .accordion .content .archive {
            position: relative;
            display: block;
            width: 400px;
            padding-right: 3%;
            float: right; }
            .container .categorie .categorie-accordion .accordion .content .archive .headerbox {
              position: relative;
              display: block;
              text-align: center; }
              .container .categorie .categorie-accordion .accordion .content .archive .headerbox h2 {
                font-family: 'Montserrat Subrayada', sans-serif;
                font-size: 1.8rem;
                margin: 0; }
            .container .categorie .categorie-accordion .accordion .content .archive .content-box ul {
              padding: 0;
              margin: 0;
              padding-top: 4%; }
              .container .categorie .categorie-accordion .accordion .content .archive .content-box ul li {
                display: inline-block;
                width: 100%;
                padding: 0;
                padding-bottom: 10px;
                margin-bottom: 10px; }
                .container .categorie .categorie-accordion .accordion .content .archive .content-box ul li a {
                  color: black;
                  cursor: auto;
                  text-decoration: none; }
                .container .categorie .categorie-accordion .accordion .content .archive .content-box ul li .image {
                  position: relative;
                  display: inline-block;
                  width: 100px; }
                .container .categorie .categorie-accordion .accordion .content .archive .content-box ul li .content {
                  position: relative;
                  display: inline-block;
                  float: right;
                  min-height: 100px;
                  max-width: 290px;
                  font-family: 'Gloria Hallelujah', cursive; }
                  .container .categorie .categorie-accordion .accordion .content .archive .content-box ul li .content h3 {
                    text-align: left;
                    padding: 0px;
                    margin: 0px; }
                  .container .categorie .categorie-accordion .accordion .content .archive .content-box ul li .content p {
                    text-align: left;
                    padding: 0px;
                    margin: 0px;
                    margin-top: 1px; }
        .container .categorie .categorie-accordion .accordion .open {
          display: inline-block;
          max-height: 1000px;
          width: 100%;
          text-align: left;
          padding-top: 2%;
          padding-bottom: 4%;
          -webkit-box-shadow: 0px 0px 34px 22px rgba(153, 145, 153, 0.69);
          -moz-box-shadow: 0px 0px 34px 22px rgba(153, 145, 153, 0.69);
          box-shadow: 0px 0px 34px 22px rgba(153, 145, 153, 0.69); }

footer {
  position: relative;
  width: 100%;
  text-align: center; }

/*# sourceMappingURL=style.css.map */