/*!
Theme Name: ProjektA-Theme
Theme URI:
Description: ProjektA-Theme
Author: Benjamin Ott
Author URI:
*/
html {
  margin: 0;
  color: #fcfcfc; }
  html body {
    font-family: 'Bree Serif', Georgia, serif;
    background: black url("imgs/bg.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    html body a {
      color: #c51522; }
      html body a:hover, html body a:active, html body a:focus {
        color: #fcfcfc;
        text-decoration: none; }
      html body a.large {
        text-transform: uppercase;
        font-size: 22px; }
    html body .row {
      margin-bottom: 60px; }
      html body .row.no-margin {
        margin: 0; }
    @media (min-width: 1200px) {
      html body #main.container {
        width: 1172px; } }
    html body #main #header {
      text-transform: uppercase;
      border-bottom: 1px solid #c51522;
      margin-bottom: 60px; }
      html body #main #header .header-row {
        margin-bottom: 0; }
      html body #main #header h1 {
        font-family: 'Arial Black', Arial, sans-serif;
        font-weight: 700;
        font-size: 50px;
        margin-top: 0;
        margin-bottom: -10px;
        text-transform: uppercase; }
        html body #main #header h1 span {
          font-size: 95px;
          font-weight: 700; }
        html body #main #header h1 a {
          color: #c51522; }
          html body #main #header h1 a:hover {
            text-decoration: none; }
      @media (max-width: 366px) {
        html body #main #header h1 {
          font-size: 40px; }
          html body #main #header h1 span {
            font-size: 80px; } }
      html body #main #header .projekt-logo {
        margin-top: 20px;
        margin-bottom: -10px; }
      html body #main #header .sub-title {
        color: #c51522;
        text-transform: none;
        padding-left: 3px;
        margin-bottom: 15px; }
        @media (max-width: 767px) {
          html body #main #header .sub-title {
            margin-bottom: 10; } }
      html body #main #header #language-changer {
        margin-top: 100px;
        margin-bottom: 10px; }
        @media (max-width: 767px) {
          html body #main #header #language-changer {
            padding-top: 0px; } }
        @media (max-width: 1199px) {
          html body #main #header #language-changer {
            margin-top: 0; } }
        html body #main #header #language-changer ul {
          list-style-type: none;
          padding: 0;
          margin: 0; }
          html body #main #header #language-changer ul > li {
            display: inline-block; }
          html body #main #header #language-changer ul .home-link, html body #main #header #language-changer ul .icon-link {
            margin-right: 8px;
            color: #fcfcfc; }
          html body #main #header #language-changer ul .icon-link i {
            font-size: 17px; }
          html body #main #header #language-changer ul li.lang-item a, html body #main #header #language-changer ul .home-link a, html body #main #header #language-changer ul .icon-link a {
            color: #fcfcfc; }
            html body #main #header #language-changer ul li.lang-item a:hover, html body #main #header #language-changer ul li.lang-item a:active, html body #main #header #language-changer ul li.lang-item a:focus, html body #main #header #language-changer ul .home-link a:hover, html body #main #header #language-changer ul .home-link a:active, html body #main #header #language-changer ul .home-link a:focus, html body #main #header #language-changer ul .icon-link a:hover, html body #main #header #language-changer ul .icon-link a:active, html body #main #header #language-changer ul .icon-link a:focus {
              color: #c51522; }
          html body #main #header #language-changer ul li.lang-item {
            display: inline; }
            html body #main #header #language-changer ul li.lang-item.current-lang a {
              color: #c51522; }
            html body #main #header #language-changer ul li.lang-item:first-child:after {
              content: ' | ';
              color: #fcfcfc; }
          html body #main #header #language-changer ul .icon-link #dropdownMenuFb {
            cursor: pointer; }
          html body #main #header #language-changer ul .icon-link .dropdown-menu {
            background-color: #000;
            border-color: #fff;
            margin-top: 5px !important;
            text-transform: none;
            border-radius: 0; }
            html body #main #header #language-changer ul .icon-link .dropdown-menu li a:hover {
              background-color: transparent; }
      html body #main #header .navbar.navbar-default {
        border: none;
        background-color: transparent;
        padding-top: 89px;
        margin-bottom: 5px; }
        @media (max-width: 1199px) {
          html body #main #header .navbar.navbar-default {
            padding-top: 0; } }
        html body #main #header .navbar.navbar-default .container-fluid {
          padding: 0; }
          html body #main #header .navbar.navbar-default .container-fluid .navbar-toggle {
            border-radius: 0;
            border: 2px solid #c51522; }
            html body #main #header .navbar.navbar-default .container-fluid .navbar-toggle:hover, html body #main #header .navbar.navbar-default .container-fluid .navbar-toggle:focus {
              background-color: transparent; }
          html body #main #header .navbar.navbar-default .container-fluid #main-nav {
            overflow-x: hidden;
            font-size: 18px; }
            html body #main #header .navbar.navbar-default .container-fluid #main-nav .nav > li > a {
              padding: 10px 9px; }
            html body #main #header .navbar.navbar-default .container-fluid #main-nav ul li {
              margin-right: 10px; }
              html body #main #header .navbar.navbar-default .container-fluid #main-nav ul li a {
                color: #fcfcfc; }
                html body #main #header .navbar.navbar-default .container-fluid #main-nav ul li a:hover {
                  color: #c51522; }
              html body #main #header .navbar.navbar-default .container-fluid #main-nav ul li.active a {
                color: #0c0c0c !important;
                background-color: #c51522 !important; }
              html body #main #header .navbar.navbar-default .container-fluid #main-nav ul li.active a[title="Start"], html body #main #header .navbar.navbar-default .container-fluid #main-nav ul li.active a[title="Home"] {
                color: #fcfcfc !important;
                background-color: transparent !important; }
            html body #main #header .navbar.navbar-default .container-fluid #main-nav.navbar-collapse ul li {
              margin-right: 0; }
            @media (min-width: 768px) {
              html body #main #header .navbar.navbar-default .container-fluid #main-nav {
                padding: 0; }
                html body #main #header .navbar.navbar-default .container-fluid #main-nav .navbar-nav {
                  float: right; } }
    html body #main #content {
      color: #fcfcfc; }
      html body #main #content h2 {
        font-size: 40px;
        color: #c51522;
        margin-bottom: 30px; }
        html body #main #content h2.start-header, html body #main #content h2.playtime-link {
          text-transform: uppercase;
          font-size: 22px; }
      html body #main #content .playtime-link {
        margin-top: 40px; }
      html body #main #content .start-content .start-text {
        font-size: 18px;
        margin-bottom: 40px; }
      html body #main #content h3 {
        font-size: 30px;
        color: #c51522;
        margin-bottom: 40px; }
      html body #main #content .embed-responsive {
        margin-bottom: 30px; }
      html body #main #content .post {
        margin-bottom: 40px; }
        html body #main #content .post .row {
          margin-bottom: 0; }
          html body #main #content .post .row img {
            margin-bottom: 20px; }
            @media (max-width: 767px) {
              html body #main #content .post .row img {
                margin-top: 20px; } }
      html body #main #content .wpcf7 .wpcf7-form-control {
        color: #000; }
      html body #main #content .wpcf7 .wpcf7-submit {
        color: #0c0c0c;
        background-color: #c51522;
        border: none;
        padding: 10px;
        font-weight: bold; }
        html body #main #content .wpcf7 .wpcf7-submit:hover {
          color: #fcfcfc; }
      html body #main #content #newsletter-form h2 {
        font-size: 22px;
        text-transform: uppercase;
        margin-bottom: 20px; }
      html body #main #content #newsletter-form ul {
        list-style-type: none;
        padding: 0; }
      html body #main #content #newsletter-form .newsletter-email {
        width: 200px;
        color: #0c0c0c; }
      html body #main #content #newsletter-form .tnp-submit, html body #main #content #newsletter-form .newsletter-submit {
        color: #fcfcfc;
        background-color: #c51522;
        border: none;
        padding: 5px 10px; }
        html body #main #content #newsletter-form .tnp-submit:hover, html body #main #content #newsletter-form .newsletter-submit:hover {
          color: #c51522;
          background-color: #fcfcfc; }
    html body #main #footer {
      border-top: 1px solid #c51522;
      padding-top: 20px; }
      html body #main #footer .row.first {
        margin-bottom: 0; }
      html body #main #footer img {
        display: inline-block;
        margin-right: 11px; }
      @media (max-width: 554px) {
        html body #main #footer img {
          display: block;
          margin: 20px auto; } }