/* ====================================================================================================================
/* All variables
/* colors, units, media queries
/* ====================================================================================================================*/
/* ====================================================================================================================
/* reset css
/* ====================================================================================================================*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,800");
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  border: 0; }

li {
  list-style: none; }

caption,
th {
  text-align: left; }

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
video {
  display: block; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

i {
  font-style: normal; }

a:link,
a:visited,
a:active,
a:focus,
a:hover,
button {
  outline: 0; }

picture > img {
  display: block; }

/* ====================================================================================================================
/* Mixins,
/* All functions and cross browser stuff should be here
/* ====================================================================================================================*/
/* ====================================================================================================================
/* Typography
/* ====================================================================================================================*/
body {
  font-family: 'Open Sans', arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  color: #ecf2f2;
  background-color: #0c0f13;
  width: 100%;
  font-size: 15px;
  line-height: 25px; }

h1,
h2,
h3,
a,
p,
li {
  text-align: left; }

a {
  text-decoration: none;
  color: #ecf2f2; }
a img {
  outline: 0;
  border: 0; }

.btn {
  font-size: 15px;
  font-weight: 800; }

h1,
h2,
h3 {
  font-weight: 800; }

h1 {
  font-size: 28px;
  line-height: 28px;
  padding: 25px 0 20px; }
@media (min-width: 769px) {
  h1 {
    font-size: 45px;
    line-height: 45px; } }

h2 {
  font-size: 25px;
  line-height: 30px;
  padding: 25px 0 0; }
@media (min-width: 769px) {
  h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 25px 25px 15px 0; } }

@media (min-width: 769px) {
  h3 {
    font-size: 20px;
    line-height: 20px;
    padding: 0 25px 25px 0; } }

p,
li {
  text-align: left; }
p a,
li a {
  color: #ecf2f2;
  border-bottom: 1px solid #fff; }
p img,
li img {
  float: left;
  margin: 0 15px 10px 0; }

p {
  padding: 10px 0 25px; }
@media (min-width: 769px) {
  p {
    padding: 0 25px 25px; } }

ul,
ol {
  margin: 0 15px 10px 25px;
  padding: 0; }

li {
  list-style: disc;
  padding: 0 10px 0 5px;
  margin: 0 0 10px; }

/* ====================================================================================================================
/* Grid
/* ====================================================================================================================*/
.container {
  width: 100%;
  float: left; }

.col {
  float: left;
  position: relative;
  overflow: hidden;
  -moz-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
.col:after {
  content: "";
  display: block;
  padding-top: 100%; }
.col.height-auto {
  height: auto; }
.col.height-auto:after {
  padding: 0; }
.col-width-05:after {
  padding-top: 200%; }
@media (min-width: 769px) {
  .col-width-2:after {
    padding-top: 50%; } }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
  width: 100%;
  float: left; }
@media (min-width: 481px) {
  .col-2 {
    width: 20%; } }
@media (max-width: 767px) {
  .col-mobile-2:after {
    padding-top: 50%; } }
@media (min-width: 481px) {
  .col-3 {
    width: 30%; } }
@media (min-width: 481px) {
  .col-4 {
    width: 40%; } }
@media (min-width: 481px) {
  .col-5 {
    width: 50%; } }
@media (min-width: 481px) {
  .col-6 {
    width: 60%; } }
@media (min-width: 481px) {
  .col-7 {
    width: 70%; } }
@media (min-width: 481px) {
  .col-8 {
    width: 80%; } }
@media (min-width: 481px) {
  .col-9 {
    width: 90%; } }
.col-10 {
  width: 100%; }
@media (min-width: 481px) and (max-width: 979px) {
  .col-tablet-5 {
    width: 50%;
    border: transparent; }
  .col-tablet-5:after {
    padding-top: 50%; } }
@media (min-width: 481px) and (max-width: 979px) {
  .col-tablet-10 {
    width: 100%; } }

.container_auswahl {
  float: left;
  width: 100%; }
@media (max-width: 767px) {
  .container_auswahl .col-mobile-2:after {
    padding-top: 0; } }
@media (min-width: 769px) and (max-width: 979px) {
  .container_auswahl .col-tablet-5 {
    width: 50%;
    border: transparent; }
  .container_auswahl .col-tablet-5:after {
    padding-top: 0; } }
@media (max-width: 767px) {
  .container_auswahl .col-tablet-5 {
    width: 100%; } }

.clearfix {
  width: 100%;
  float: none;
  clear: both; }

.block {
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  background: #161b1f;
  border-top: 5px solid #0c0f13;
  -moz-transition: opacity 2.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: opacity 2.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: opacity 2.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 2.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
.block:after {
  content: '';
  display: table;
  clear: both; }
@media (min-width: 481px) {
  .block {
    border-left: 5px solid #0c0f13; } }
.container_auswahl .block {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto; }
@media (min-width: 981px) {
  .container_auswahl .block {
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    background: #161b1f;
    border-top: 5px solid #0c0f13; } }
.block.no-bg {
  background: #0c0f13;
  line-height: 0; }
.height-auto .block {
  position: relative;
  float: inherit;
  width: 100%; }
@media (min-width: 769px) {
  .height-auto .block {
    padding: 0 0 0 25px; } }

.col-inactive {
  opacity: 0;
  -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }

.initiatoren {
  padding-right: 15px;
  padding-left: 15px; }
.initiatoren a.col-2 {
  min-height: 100px; }
.initiatoren .col-2 {
  padding: 0 15px; }
@media (min-width: 769px) {
  .initiatoren .col-2 {
    padding: 0; } }
.initiatoren img {
  height: 35px; }
.initiatoren p {
  float: left;
  padding: 0 25px 25px 40px; }

.jury p,
.jury h1,
.jury h2,
.jury h3,
.kategorie p,
.kategorie h1,
.kategorie h2,
.kategorie h3 {
  padding-left: 15px;
  padding-right: 15px; }

.jury h2,
.kategorie h2 {
  padding-bottom: 10px; }

.jury h3,
.kategorie h3 {
  padding-bottom: 10px; }

@media (min-width: 769px) {
  .jury img,
  .kategorie img {
    margin-top: 25px; } }

.height-auto .winners {
  padding: 0; }

.winners h1,
.winners h2,
.winners h3 {
  padding: 25px 25px 15px; }

.winners h3 {
  padding-top: 15px; }

@media (max-width: 767px) {
  .winners p {
    padding-left: 25px;
    padding-top: 0; } }

.winners .slideshow {
  line-height: 0;
  font-size: 0;
  background: #0c0f13;
  border: 10px solid #161b1f; }

.winners img {
  width: 70%;
  margin: 15px auto;
  min-height: 100px; }

.height-auto .teilnahmebedingungen, .height-auto
.wahlverfahren {
  padding-bottom: 15px; }

.teilnahmebedingungen h1,
.wahlverfahren h1 {
  padding-bottom: 25px; }

@media (min-width: 981px) {
  .wahlverfahren {
    margin-bottom: 240px; } }

@media (min-width: 1025px) {
  .register {
    margin-bottom: 240px; } }

.height-auto .uploaded {
  padding: 0 15px; }

.uploaded h2 {
  padding: 25px 0 15px; }

.uploaded .btn {
  width: 100%; }

@media (min-width: 481px) {
  .height-auto .uploaded {
    padding: 0 25px; }
  .uploaded h3 {
    padding: 0 0 0 25px; }
  .uploaded p {
    padding: 0 25px 20px;
    margin: 0; } }

.account h1,
.register h1,
.login h1,
.start-seite h1 {
  padding-bottom: 25px; }

.account p,
.register p,
.login p,
.start-seite p {
  padding-left: 0; }

.login,
.register,
.account {
  padding-right: 15px;
  padding-left: 15px; }

.start-seite {
  padding-right: 15px;
  padding-left: 15px; }
.start-seite img {
  margin: 0 0 10px 15px; }
@media (min-width: 1025px) {
  .start-seite p {
    padding-right: 15px; }
  .start-seite img {
    margin: 0 15px 10px; } }

.height-auto .tabs-navigation {
  padding: 0; }

.uebersicht h1 {
  padding: 25px 0; }

.uebersicht a {
  margin: 25px; }

.bg {
  padding: 0;
  background-color: #0c0f13; }
.bg:before {
  content: '';
  opacity: .35;
  display: block;
  float: left;
  width: 100%;
  min-height: 100%;
  -moz-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1); }
.bg.animated-bg:hover:before {
  opacity: 1;
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  -moz-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); }
@media (max-width: 767px) {
  .bg.animated-bg:before {
    opacity: 1; } }
.bg.animated-bg-primary:before {
  opacity: .75; }
.bg.animated-bg-primary .btn {
  background: #fff;
  color: #0c0f13;
  font-size: 20px;
  padding: 15px 30px; }
.bg.animated-bg-primary span {
  bottom: 80px; }
.bg.animated-bg-primary:hover:before {
  opacity: 1;
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  -moz-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); }
.bg.gewinner-16:before {
  background: url("../img/winners/product_1.jpg") no-repeat center right;
  background-size: cover; }
.bg.schweiz:before {
  background: url("../img/winners/turism_1.jpg") no-repeat center center;
  background-size: cover; }
.bg.nepal:before {
  background: url("../img/winners/portrait_1.jpg") no-repeat top center;
  background-size: cover; }
.bg.product:before {
  background: url("../img/winners/product_2.jpg") no-repeat top right;
  background-size: cover; }
.bg.sport:before {
  background: url("../img/winners/sport_1.jpg") no-repeat top right;
  background-size: cover; }
.bg.hockey:before {
  background: url("../img/winners/event_1.jpg") no-repeat center center;
  background-size: cover; }
.bg.iceland:before {
  background: url("../img/winners/turism_3.jpg") no-repeat center center;
  background-size: cover; }
.bg.uk:before {
  background: url("../img/winners/uk_1.jpg") no-repeat center center;
  background-size: cover; }

@font-face {
  font-family: icomoon;
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before {
  content: "\e900"; }

.icon-instagram:before {
  content: "\e901"; }

.icon-twitter:before {
  content: "\e902"; }

.icon-xing:before {
  content: "\e903"; }

.tal {
  text-align: left; }

.tar {
  text-align: right; }

.tac {
  text-align: center; }

.float-l {
  float: left; }

.float-r {
  float: right; }

.mar-top {
  margin-top: 24px; }

.mar-bottom {
  margin-bottom: 24px; }

@media (min-width: 481px) {
  .pad-right {
    padding: 0 24px 16px 0; } }

body {
  position: relative; }
body .media {
  position: absolute;
  content: '';
  width: 100px;
  height: 100px;
  background-color: red;
  z-index: 999;
  top: -999px;
  left: -999px; }
@media (min-width: 481px) and (max-width: 979px) {
  body .media {
    background-color: green; } }
@media (min-width: 981px) {
  body .media {
    background-color: blue; } }

/* ====================================================================================================================
/* Header
/* ====================================================================================================================*/
.header {
  display: block;
  padding: 16px;
  width: 100%;
  position: relative;
  min-height: 40px;
  z-index: 2; }
@media (max-width: 479px) {
  .header {
    text-align: center; } }
.header a {
  color: #fff; }

.menu-mobile {
  display: none;
  float: left; }
@media (min-width: 481px) {
  .menu-mobile {
    display: none; } }

.logo {
  margin: 0 10%;
  display: inline-block;
  text-align: center;
  float: left;
  width: 80%; }
@media (min-width: 481px) {
  .logo {
    width: 245px;
    margin: 0 auto; } }
@media (min-width: 769px) {
  .logo {
    width: 300px; } }

.navigation {
  float: none; }
@media (min-width: 481px) {
  .navigation {
    float: right; } }
.navigation.social {
  width: auto;
  text-align: center;
  padding: 0;
  margin: 0 auto; }
@media (min-width: 481px) {
  .navigation.social {
    margin: 0 8px 0 0;
    width: 220px; } }
.navigation.social li {
  width: auto;
  list-style: none;
  margin: 0;
  display: inline-block;
  padding: 25px 10px 0; }
@media (min-width: 481px) {
  .navigation.social li {
    float: right;
    padding: 45px 0 0 25px; } }
.navigation.social a {
  border: 0; }
.navigation.social i {
  font-size: 22px; }

.footer {
  display: block;
  width: 100%;
  padding: 16px;
  min-height: 40px;
  float: left; }
.footer p {
  padding: 0 0 15px; }
.footer :not(.mar-bottom) p a {
  border: 0; }

/* ====================================================================================================================
/* Buttons
/* ====================================================================================================================*/
.btn {
  cursor: pointer;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  margin: 0 auto 25px;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  background: rgba(12, 15, 19, 0.75);
  border: 1px solid #fff;
  -moz-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1); }
.btn:hover {
  -moz-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  background: #fff;
  color: #0c0f13; }
.btn.active {
  color: #0c0f13;
  background: #fff; }
.btn.active:hover {
  -moz-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  color: #0c0f13;
  background: #fff; }

.covered-links {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  padding-top: 100%; }
.col-width-2 .covered-links {
  padding-top: 50%; }
@media (max-width: 767px) {
  .col-mobile-2 .covered-links {
    padding-top: 50%; } }
@media (min-width: 481px) and (max-width: 979px) {
  .col-tablet-5 .covered-links {
    padding-top: 50%; } }
@media (max-width: 767px) {
  .covered-links {
    -moz-transform: translate(0, -22.5%);
    -o-transform: translate(0, -22.5%);
    -ms-transform: translate(0, -22.5%);
    -webkit-transform: translate(0, -22.5%);
    transform: translate(0, -22.5%); }
  .covered-links span {
    padding: 15px 30px;
    margin: 0 auto;
    background: #fff;
    color: #0c0f13; }
  .covered-links span:hover {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.covered-links span {
  position: relative;
  top: auto;
  bottom: 70px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); }
.covered-links:hover span {
  background: #fff;
  color: #0c0f13;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transform: translate3d(0, -20px, 0);
  -o-transform: translate3d(0, -20px, 0);
  -ms-transform: translate3d(0, -20px, 0);
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0); }

.img {
  background: #111; }
.img-partner {
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 12px;
  float: none; }
.jury .img {
  min-height: 100px;
  height: auto;
  margin-bottom: 25px; }
.img-uploaded {
  width: 100%;
  float: left; }
.img-detail {
  margin: 0 0 20px; }

/* ====================================================================================================================
/* Forms
/* ====================================================================================================================*/
form {
  text-align: left; }

input,
textarea {
  display: block;
  padding: 5px 0;
  margin: 5px 25px 0 0;
  font-size: 20px;
  line-height: 20px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ecf2f2;
  color: #ecf2f2 !important;
  background-color: #161b1f !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1); }
input[type="file"],
textarea[type="file"] {
  border-bottom: none; }
input:focus, input:hover,
textarea:focus,
textarea:hover {
  outline: none; }

input:-webkit-autofill {
  color: #ecf2f2 !important;
  background-color: #161b1f !important; }

.filecontainer label {
  padding: 0 0 10px; }

.select-style {
  border: 1px solid #ecf2f2;
  color: #ecf2f2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
  position: relative; }
.select-style:after {
  position: absolute;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  top: 12%;
  right: 15px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 2px solid #ecf2f2;
  border-bottom: 2px solid #ecf2f2; }

.select-style select {
  padding: 5px 10px;
  width: 100%;
  color: #ecf2f2;
  background: transparent;
  background-image: none;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.select-style select:focus {
  outline: none; }

input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin: 8px 15px 0 0;
  border: 1px solid #ecf2f2;
  cursor: pointer; }

label,
label > input,
label > textarea {
  display: block;
  font-size: 15px;
  line-height: 25px; }

label p {
  padding: 0; }

.div-form {
  position: relative;
  padding: 10px 0 0;
  margin: 0 0 10px; }
@media (min-width: 481px) {
  .div-form {
    padding: 10px 25px 0 0; } }

label.error {
  margin: 5px 0 0;
  color: #ff6347; }

input.error,
textarea.error,
select.error {
  border-bottom: 1px solid #ff6347; }

.scroll {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
.scroll a {
  border: 0;
  border-right: 4px solid #0c0f13;
  display: inline-block;
  margin: 0;
  padding: 15px 10px;
  font-size: 15px;
  font-family: Montserrat, sans-serif; }
.scroll a.active {
  background: #ecf2f2;
  color: #0c0f13; }
.scroll a.active:after, .scroll a.active:before {
  background: #0c0f13; }
@media (min-width: 481px) {
  .scroll a {
    padding: 15px 25px; } }

.tabs {
  float: left; }
.height-auto .tabs {
  padding: 0;
  margin: 0; }
.tabs li {
  list-style: none;
  float: inherit;
  border-right: 4px solid #0c0f13;
  margin: 0;
  padding: 15px 10px; }
@media (min-width: 481px) {
  .tabs li {
    padding: 15px 25px; } }
.tabs li a {
  font-size: 15px;
  border: 0;
  font-family: Montserrat, sans-serif; }

.to-top, .to-voted-page {
  position: fixed;
  bottom: 15px;
  right: 20px;
  padding: 12px 45px 15px 15px;
  font-size: 15px;
  line-height: 15px;
  display: block;
  background: #0c0f13;
  opacity: 0;
  z-index: 20;
  -moz-transition: opacity 1.7s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: opacity 1.7s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: opacity 1.7s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 1.7s cubic-bezier(0.25, 0.8, 0.25, 1); }
.to-top:before, .to-voted-page:before, .to-top:after, .to-voted-page:after {
  width: 0;
  height: 0;
  content: '';
  display: block;
  bottom: 15px;
  right: 15px;
  position: absolute;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff; }
@media (max-width: 767px) {
  .to-top:before, .to-voted-page:before, .to-top:after, .to-voted-page:after {
    bottom: 8px;
    border: 10px solid transparent;
    border-top: 10px solid #fff; } }
.photos-to-vote .to-top, .photos-to-vote .to-voted-page {
  padding: 12px 15px 15px;
  left: 20px;
  right: auto; }
.photos-to-vote .to-top:before, .photos-to-vote .to-voted-page:before, .photos-to-vote .to-top:after, .photos-to-vote .to-voted-page:after {
  display: none; }
.to-top:after, .to-voted-page:after {
  bottom: 13px;
  right: 15px;
  border-bottom: 10px solid #0c0f13; }
@media (max-width: 767px) {
  .to-top:after, .to-voted-page:after {
    bottom: 10px;
    border: 10px solid transparent;
    border-top: 10px solid #0c0f13; } }
.to-top-visible {
  opacity: 1; }

.to-voted-page {
  right: 220px !important;
  left: auto !important;
  background: #0c0f13;
  color: #ecf2f2;
  border: 2px solid #0c0f13;
  display: none;
  font-size: 16px;
  line-height: 16px;
  font-weight: 800; }
@media (max-width: 479px) {
  .to-voted-page {
    bottom: 70px;
    right: 20px !important; } }
.to-voted-page.active {
  display: block;
  opacity: 1; }
.to-voted-page.kategorie {
  right: 20px !important;
  background: #ecf2f2;
  color: #0c0f13;
  border: 2px solid #0c0f13; }
@media (max-width: 479px) {
  .to-voted-page.kategorie {
    bottom: 15px;
    right: 20px !important; } }

.photo-to-vote {
  cursor: pointer;
  overflow: hidden;
  padding-left: 0; }
.photo-to-vote .slide {
  display: none; }
.photo-to-vote img {
  overflow-x: hidden;
  width: 100%;
  height: auto;
  -moz-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1); }
.photo-to-vote img:hover {
  opacity: 1; }
@media (min-width: 981px) {
  .photo-to-vote img.img-wide {
    width: auto;
    height: calc(100% + 5px);
    margin: 0 0 0 50%;
    opacity: .6;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .photo-to-vote img.img-tall, .photo-to-vote img.img-tall-abstimmung {
    width: 100%;
    height: auto;
    margin: 50% 0 0;
    opacity: .6;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .photo-to-vote img.img-tall-abstimmung {
    -moz-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%); } }
@media (min-width: 769px) {
  .photo-to-vote.block {
    padding: 0; } }
.photo-to-vote p,
.photo-to-vote h3,
.photo-to-vote a {
  display: none; }
.photo-to-vote:hover img {
  opacity: 1;
  -moz-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); }
.col-4 .photo-to-vote {
  padding: 20px 25px;
  background: #ecf2f2; }
.col-4 .photo-to-vote .slide {
  display: block; }
.col-4 .photo-to-vote .prev, .col-4 .photo-to-vote .next {
  position: absolute;
  height: 50px;
  width: 50px;
  top: 20px;
  padding-top: 10px;
  font-size: 25px;
  background: white;
  left: -1px;
  color: #161b1f;
  border: 1px solid #161b1f;
  z-index: 99; }
.col-4 .photo-to-vote .next {
  right: -1px;
  left: auto; }
.col-4 .photo-to-vote p,
.col-4 .photo-to-vote h3 {
  display: block;
  padding: 20px 0 0;
  color: #161b1f !important; }
.col-4 .photo-to-vote a {
  margin: 0 10px 20px;
  display: inline-block; }
.col-4 .photo-to-vote img {
  width: 100%;
  height: auto;
  padding: 0 0 20px;
  margin: 0;
  opacity: 1;
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.photo-voted {
  overflow: hidden;
  padding-left: 0; }
.photo-voted img {
  overflow-x: hidden;
  width: 100%;
  height: auto;
  position: relative;
  -moz-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1); }
.photo-voted img:hover {
  opacity: 1; }
@media (min-width: 981px) {
  .photo-voted img.img-wide {
    width: auto;
    height: calc(100% + 5px);
    margin: 0 0 0 50%;
    opacity: .6;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .photo-voted img.img-tall, .photo-voted .photo-to-vote img.img-tall-abstimmung, .photo-to-vote .photo-voted img.img-tall-abstimmung {
    width: 100%;
    height: auto;
    margin: 50% 0 0;
    opacity: .6;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

.category-voted {
  position: relative; }
.category-voted:after, .category-voted:before {
  content: '';
  display: block;
  position: absolute;
  width: 3px;
  height: 9px;
  background-color: #ecf2f2;
  right: 16px;
  top: 12px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 999; }
.category-voted:before {
  height: 3px;
  right: 20px;
  top: 15px; }
.category-voted.photo-to-vote:after, .category-voted.photo-to-vote:before {
  width: 8px;
  height: 25px;
  background-color: #fff;
  right: 16px;
  top: 12px;
  z-index: 2; }
.category-voted.photo-to-vote:before {
  height: 8px;
  width: 15px;
  right: 22px;
  top: 23px; }
.col-4 .category-voted.photo-to-vote:after, .col-4 .category-voted.photo-to-vote:before {
  right: 50%;
  top: 112px; }
.col-4 .category-voted.photo-to-vote:after {
  right: calc(50% - 6px);
  top: 100px; }

.js-vote {
  margin: 0 0 0 15px;
  background: #fff;
  color: #0c0f13;
  border: 1px solid #0c0f13; }

@media (min-width: 831px) and (max-width: 979px) {
  .abstimmung-height-auto:after {
    padding-top: 25% !important; } }

@media (min-width: 621px) and (max-width: 829px) {
  .abstimmung-height-auto:after {
    padding-top: 30% !important; } }

@media (min-width: 481px) and (max-width: 619px) {
  .abstimmung-height-auto:after {
    padding-top: 40% !important; } }

.vote-system div {
  float: left;
  width: 100%; }

.vote-system h3, .vote-system p {
  float: left;
  padding-right: 0; }

.vote-system p {
  clear: right; }


todo {
    display: block;
    color:red;
}
todo:before {
    content: "@todo:";
}


.bg.winner2017:before {
  background: url("../img/winners/bgwinner.jpg") no-repeat center center;
  background-size: cover; }