[class*="col-"] {
  float: left;
  padding-right: 20px;
  position: relative; }
  @media (max-width: 760px) {
    [class*="col-"] {
      float: none;
      margin: 0 auto; } }

.grid {
  padding: 0; }

.col-100 {
  padding: 0;
  width: 100%; }

.col-1-2 {
  width: 50%; }
  @media (max-width: 760px) {
    .col-1-2 {
      width: 92%;
      padding-right: 0; } }

.col-1-3 {
  width: 33.33%; }
  @media (max-width: 760px) {
    .col-1-3 {
      width: 92%;
      padding-right: 0; } }

.col-2-3 {
  width: 66.66%; }
  @media (max-width: 760px) {
    .col-2-3 {
      width: 92%;
      padding-right: 0; } }

.col-2-3 + .col-1-3,
.col-1-3 + .col-2-3,
.col-1-2 + .col-1-2 {
  padding-right: 0; }

.col-1-4 {
  width: 25%; }
  @media (max-width: 1020px) {
    .col-1-4 {
      width: 33%;
      padding-right: 0; } }
  @media (max-width: 760px) {
    .col-1-4 {
      width: 92%; } }

#respond > h3 {
  margin-top: 0; }
#respond label {
  display: block;
  margin-bottom: 4px; }
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
  width: 33%;
  padding-right: 20px;
  float: left; }
  @media (max-width: 760px) {
    #respond .comment-form-author,
    #respond .comment-form-email,
    #respond .comment-form-url {
      width: 100%;
      padding-right: 0;
      float: none; } }
#respond .comment-form-url {
  padding-right: 0;
  width: 34%; }
  @media (max-width: 760px) {
    #respond .comment-form-url {
      width: 100%; } }
#respond .comment-form-comment {
  clear: both; }

input[type=text],
input[type=email],
input[type=password],
input[type=url],
input[type=search],
#ncore_password0,
#ncore_username0,
textarea {
  font-weight: 300;
  -webkit-appearance: none;
  border-radius: 0;
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px;
  background: #f9f9f9;
  border: 1px solid #cccccc;
  color: #333333;
  outline-color: transparent;
  outline-style: none;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease; }
  input[type=text]:hover,
  input[type=email]:hover,
  input[type=password]:hover,
  input[type=url]:hover,
  input[type=search]:hover,
  #ncore_password0:hover,
  #ncore_username0:hover,
  textarea:hover {
    background: #fcfcfc;
    border: 1px solid #999999;
    -webkit-transition: all 0.06s ease;
    -moz-transition: all 0.06s ease;
    -o-transition: all 0.06s ease;
    transition: all 0.06s ease; }

#ncore_password0,
#ncore_username0 {
  width: 100% !important; }

.ncore_user_form_container {
  width: 300px;
  max-width: 100%; }

form.ncore_user_form {
  font-size: inherit; }

form.ncore_user_form .ncore_input, form.ncore_user_form .required {
  float: none; }

.ncore_new_password_link {
  font-size: 100%; }

#ncore_ajax_wait.ncore_waiting {
  background: url(../images/ajax-loader.gif) center transparent no-repeat; }

#user_login_form_form_error_message a {
  color: white; }
  #user_login_form_form_error_message a:hover, #user_login_form_form_error_message a:active {
    color: #f2f2f2; }

input[type=submit] {
  background: #f3a046;
  -webkit-appearance: none;
  border: none;
  padding: 10px 20px;
  color: white;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  text-shadow: 0 1px 0 #bd6615;
  border: 1px solid #f1942e;
  background: #F3A046;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9a94c), color-stop(100%, #e78f3a));
  background: -webkit-linear-gradient(#f9a94c, #e78f3a);
  background: -moz-linear-gradient(#f9a94c, #e78f3a);
  background: -o-linear-gradient(#f9a94c, #e78f3a);
  background: linear-gradient(#f9a94c, #e78f3a); }
  input[type=submit]:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e78f3a), color-stop(100%, #f9a94c));
    background: -webkit-linear-gradient(#e78f3a, #f9a94c);
    background: -moz-linear-gradient(#e78f3a, #f9a94c);
    background: -o-linear-gradient(#e78f3a, #f9a94c);
    background: linear-gradient(#e78f3a, #f9a94c); }
  input[type=submit]:active {
    box-shadow: none; }

textarea {
  font-weight: 300;
  min-height: 200px;
  font-family: "Lato", sans-serif; }

.commentlist {
  list-style: none;
  padding: 0;
  margin: 0; }
  .commentlist li {
    margin-bottom: 20px;
    padding: 0; }
    @media (max-width: 760px) {
      .commentlist li {
        width: 100%;
        padding: 0; } }

.comment-form {
  margin-top: 20px; }

.comment-meta {
  padding-bottom: 40px; }
  .comment-meta img {
    float: left;
    margin-right: 20px; }
  .comment-meta .fn {
    font-size: 18px;
    font-weight: bold;
    display: block; }

body {
  counter-reset: section; }

.comments-title {
  padding: 30px 0 15px; }

.comment-box {
  position: relative;
  overflow: hidden; }
  .comment-box:before {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    right: -20px;
    top: -90px;
    font-size: 202px;
    color: #F0F0F0; }
    @media (max-width: 760px) {
      .comment-box:before {
        content: ""; } }

.comment-awaiting-moderation {
  color: #bbbbbb; }

@media (min-width: 760px) {
  textarea {
    background-image: url("../images/textarea-bg.png");
    background-position: 125% 160%;
    background-repeat: no-repeat;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease; }
    textarea:hover {
      background-image: url("../images/textarea-bg.png");
      background-repeat: no-repeat;
      background-position: 125% 160%; }
    textarea:focus {
      background-position: 150% 160%;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease; } }
@media (max-width: 760px) {
  textarea {
    background-image: none; } }

.klicktipp-form h2 {
  margin-bottom: 20px;
  font-size: 40px;
  float: left;
  width: 60%;
  padding-right: 20px;
  position: relative; }
  @media (max-width: 1020px) {
    .klicktipp-form h2 {
      font-size: 32px;
      margin-top: 20px; } }
  @media (max-width: 760px) {
    .klicktipp-form h2 {
      width: 100%;
      float: none;
      padding: 0;
      font-size: 30px;
      margin-top: 0; } }
  .klicktipp-form h2:after {
    content: "";
    position: absolute;
    bottom: -40px;
    right: 20px;
    display: block;
    background: red;
    background: url("../images/arrow.png") no-repeat 0 0;
    background-size: 100% auto;
    width: 152px;
    height: 68px; }
    @media (max-width: 1020px) {
      .klicktipp-form h2:after {
        display: none; } }
.klicktipp-form #ktfs {
  background: #FDF4F1;
  padding: 20px 20px 0 20px; }
  @media (max-width: 760px) {
    .klicktipp-form #ktfs {
      margin: 20px 0;
      width: 100%;
      float: none; } }
.klicktipp-form input[type=submit] {
  margin-top: 20px;
  display: inline-block; }
.klicktipp-form label {
  display: block;
  margin: 12px 0; }
  .klicktipp-form label:first-of-type {
    margin-top: 0; }

.vier-gewinnt {
  padding-top: 20px;
  padding-right: 40px;
  text-align: center; }
  .vier-gewinnt img {
    border: 1px solid #e4dcd9;
    width: 100%;
    max-width: 500px;
    height: auto; }
  @media (max-width: 760px) {
    .vier-gewinnt {
      padding-right: 0;
      margin-bottom: 40px; } }

.klick {
  border: 1px solid #e4dcd9;
  background: #FDF4F1;
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  text-align: center; }
  .klick:before {
    content: "";
    background: url("../images/shadow.png") no-repeat 0 0;
    width: 149px;
    height: 285px;
    top: -15px;
    right: -25px;
    position: absolute;
    z-index: -1; }
    @media (max-width: 760px) {
      .klick:before {
        background: none;
        display: none; } }
  .klick p {
    text-align: center; }
  .klick .first {
    font-size: 100%;
    font-weight: 700;
    margin: 20px 0; }
  .klick .second {
	text-align: center;
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 10px;
}
  .klick .third {
    font-size: 16px; }
  .klick .fourth {
    font-size: 10px; }

img.rez-avatar {
  float: right;
  width: 150px;
  margin-left: 20px;
  margin-bottom: 10px; }

  @media (max-width: 835px) {
  img.rez-avatar {
    float: none;
    display: block;
    margin: 10px auto;
  }

}


/* #Custom
================================================== */

.ktfs {
  position: relative;
}

.arrow {
  float: right;
  position: absolute;
  top: 0px;
  left: -120px;
  z-index: 1;
}

.arrow img {
  border: none;
}

.fluid-width-video-wrapper {
  z-index: 2;
}

@media (max-width: 1100px) {
  .arrow {
    display: none;
  }

}

@media (min-width: 1292px) {
  .arrow {
    left: -77px;
  }
}

@media (min-width: 1600px) {
  .arrow {
    left: -48px;
  }
}

.kringel {
  text-align: center;
  margin-bottom: -80px;
  margin-top: 23px;
}

.kringel img {
  width: 267px;
  height: 64px;
}

.submit-wrap {
  position: relative;
}

.wiesie {
  margin: 20px 0 10px 0;
  font-weight: 700;
  text-align: left;
}


.bigger {
  font-size: 38px;
}

@media (max-width: 1270px) {
  h3 {
    font-size: 17px;
  }

  .bigger {
    font-size: 26px;
  }

  #klick h2.second {
    font-size: 26px;
  }
}

.rarrow {
  width: 80%;
  max-width: 350px;
  margin: 0 0 10px;
}

.opt {
  text-align: center;
}

.logo {
  text-align: center;
  margin: 0;
}

.logo img {
  width: 150px;
  height: auto;
  border: none;
}