/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700); */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../fonts/open-sans-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../fonts/open-sans-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
      url('../fonts/open-sans-v28-latin-300.woff') format('woff'), /* Modern Browsers */
      url('../fonts/open-sans-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../fonts/open-sans-v28-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
      url('../fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
      url('../fonts/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../fonts/open-sans-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
      url('../fonts/open-sans-v28-latin-700.woff') format('woff'), /* Modern Browsers */
      url('../fonts/open-sans-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../fonts/open-sans-v28-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  color: #505050;
  overflow-x: hidden;
}

section, aside, header, nav, article, footer, time, figure {
    display: block;
    margin: 0;
    padding: 0;
}

* {
    outline: medium none;
}

img {
    border: none;
}

p {
  margin: 0px;
}
p.align-center {
  text-align: center;
}

p.align-left {
  text-align: left;
}

p.align-right {
  text-align: right;
}

table td, .contenttable td {
  vertical-align: top;
}

.csc-textpic-caption {
  font-size: 11px;
}

#content .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagerow > div {
  width: 33%;
  margin-right: 0.5%;
}

#content .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagerow > div {
  width: 24.25%;
  margin-right: 1%;
}

#content .csc-textpic-imagewrap[data-csc-cols="5"] .csc-textpic-imagerow > div {
  width: 19.20%;
  margin-right: 1%;
}

#content .csc-textpic-imagewrap .csc-textpic-imagerow > div.csc-textpic-lastcol {
  margin-right: 0;
}

.trenner {
	height: 3px;
    width: 100%;
    background: #c1c1c1;
    margin: 50px 0;
}

#content div.csc-textpic .csc-textpic-imagewrap img {
	width: 100%;
	height: auto;
}

a {
  text-decoration: none;
  color: #db001c;
}

ul {
  padding: 0 0 0 15px;
  margin: 0px;
  list-style: none;
}

li {
  padding-left: 15px;
  background: url("../images/aufzaehlung.png") left 4px no-repeat;
  padding-left: 15px;
  
}

h2, h1 {
  font-size: 50px;
  text-transform: uppercase; 
  color: #000000;
  font-weight: normal;
  margin: 0px;  
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
}

h2 .u2, h1 .u2 {
  color: #da001b;
}

h3 {
  font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
  font-size: 16px;
  color: #000000;
  font-weight: normal;
  padding: 0px; 
  margin: 0px;
}

h4 {
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
  font-size: 30px;
  color: #000000;
  font-weight: normal;
  padding: 0px; 
  margin: 0px;
}

.zentriert {
  width: 100%;
  max-width: 1200px;
  display: block;
   margin: 0 auto;
  position: relative;
}

.csc-textpic-border, .csc-textpic-border .csc-textpic, .csc-textpic-border .csc-textpic-imagerow, .csc-textpic-border ul.csc-uploads li {
  overflow: visible !important;
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
  border: 0;
}

div.csc-textpic-border .csc-textpic-image {
  border: 10px solid #FFF;
  box-shadow: 0 0 20px #DDD;
}

div.csc-textpic-border .csc-textpic-image .csc-textpic-caption {
  padding: 10px 3px 0;
  display: block;
}

.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
  padding-left: 15px;
}

/* -------- HEADER ---------- */
#header {
  width: 100%;
  display: block;
  float: left;
   clear: both;
}

#functions {
  height: 30px;
  width: 100%;
  display: block;
  float: left; 
  clear: both;
}

/* -- Sprachwechsler -- */

#sprache {
  width: auto;
  float: left; 
  margin: 7px 15px 0 0;
}

.sprachen {
    border-bottom: 1px solid #d6d6d6;
    border-radius: 5px;
    display: block;
    width: 145px;
    background: #FFF;
    height: 21px;
  overflow: hidden;
  font-size: 12px;
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
  position: relative;
  cursor: pointer;
  z-index: 20;
}

.sprachen:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 8px;
  cursor: pointer;
  background: url(../images/sprache.png) left top no-repeat;
  width: 8px;
  height: 6px;
}

.sprachen:hover {
  overflow: visible;
}

.sprachen ul  {
  margin: 0px;
  padding: 0px 0px 5px 0;
  list-style: none;
    background: #FFF;  
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}

.sprachen ul  li {
  background: none;
  text-transform: uppercase;
  padding: 0px;
  margin: 3px 0 5px 15px;
}

.sprachen ul  li a{
  color: #808080;
  display: block;
  padding: 3px 0 3px 0px;

}

.sprachen ul li.spakt {
  display:none;
}

.sprachen ul  li {
  color: #FFFFFF;
}

/* -- Sprachwechsler -- */

/* -- Suchbox -- */

#suche {
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  display: block; 
  width: 130px;
  background: #FFF;
  height: 20px;
  margin-top: 7px;
  float: left;
}

#suche .searchbox-sword {
  background: none; 
  border: 0px;
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
  font-style: italic;
  color: #808080;
  padding: 0 0 0 5px;
  width: 100px;
  float: left;
}

#suche .searchbox-button {
  background: url(../images/lupe.png) left top no-repeat;
  height: 14px;
  width: 14px;
  border: 0px;
  display: block;
  float: right;
  margin: 2px 3px 0 0;
  cursor: pointer;
}

/* -- Suchbox -- */

/* -- Login -- */
/*
#login {
  position: absolute; 
  top: -240px;
  left: 50%;
  width: 280px;
  margin-left: -160px;
  background: #545454;
  height: 200px;
  z-index: 11;
  color: #FFF;
  border: 3px solid #FFF;
  border-top: 0px;
  padding: 20px;
}

#login a {
  color: #FFF;
  text-decoration: underline;
}#login h3 {  background: url(../images/login_btn.png) left top no-repeat;  bottom: -57px;    cursor: pointer;    display: block;    height: 52px;    left: 50%;    margin-left: -76px;    position: absolute;    width: 95px;  color: #fff;  font-size: 11px;  text-align: center;  padding: 5px 30px 0px;  line-height: 1.1em;}*/#login {  position: absolute;   top: 0px;  left: 50%;  width: 155px;  margin-left: -78px;  z-index: 11;  color: #FFF;}#login a {  color: #FFF;  text-decoration: none;}#login h3 {  background: url(../images/login_btn.png) left top no-repeat;    cursor: pointer;    display: block;    height: 52px;    width: 93px;  color: #fff;  font-size: 11px;  text-align: center;  padding: 5px 31px 0px;  line-height: 1.1em;}

/* -- Login -- */

#logo {
  width: 20%;
  min-width: 255px;
  display: block;
   float: right;
}

#headerslider {
  height: auto;
  width: 100%;
  float: left;
   clear: both;
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
  display: block;
}

#headerslider .csc-textpic-image {
  margin-bottom: 0px !important
}

#headerslider img {
  height: auto;
  width: 100%;
}

#navimobil {display: none;}

/* --- Hauptnavigation --- */


#navi {
  /* width: 75%; */
  width: 100%;
  display: block;
  float: left;
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 25px;
}

#navi ul.hauptnavi {
  margin: 0px;
  /* padding: 35px 0 0 0; */
  padding: 15px 0 0 0;
}

#navi ul.hauptnavi li.hauptpunkt, #navi ul.hauptnavi li.hauptpunktact {
  margin: 0px;
  padding: 0 0 0 20px;
  float: left;
  background: none; 
}

#navi ul.hauptnavi li.hauptpunktact a {
  color: #db001c;
}

#navi ul.hauptnavi li.hauptpunkt:first-child , #navi ul.hauptnavi li.hauptpunktact:first-child {
  padding: 0px;
}

#navi ul.hauptnavi li.hauptpunkt a, #navi ul.hauptnavi li.hauptpunktact .unternavigation a {
  color: #111111;
  transition: color 0.3s ease;
}

#navi ul.hauptnavi li.hauptpunkt a:hover, #navi ul.hauptnavi li.hauptpunktact .unternavigation a:hover{
  color: #db001c !important;
}

.hauptpunkt, .hauptpunktact {
  position: relative;
}

.hauptpunkt.sub:hover:after, .hauptpunktact.sub:hover:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 15px;
  background: url(../images/navi_pfeil.png) left top no-repeat;
  height: 17px;
  width: 30px;
  z-index: 10;
}

.unternavigation {
  display: none;
  position: absolute;
  top: 18px;
  left: 0px;
  z-index: 5;
  padding-top: 14px;
}

.hauptpunkt:hover .unavi , .hauptpunktact:hover .unavi, .hauptpunkt:hover .unternavigationprodukte, .hauptpunktact:hover .unternavigationprodukte, .hauptpunkt:hover .unternavigation, .hauptpunktact:hover .unternavigation {
  display: block;
}

/* --- Hauptnavigation --- */

/* --- Unternavigation --- */

.produktnavi nav.csc-default {
  display: table-cell;
  padding: 15px 2%;
}

#unternavi {
  display: none;
}

.unternavigationprodukte {
  display: none;
  position: absolute;
  top: 18px;
  left: 0px;
  /*z-index: 5;*/
  z-index: 11;
  width: 1050px;
  padding-top: 14px;
}

.produktnavi {
  display: table;
  background: #FFF;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
  float: left;
  width: 100%;
  border-bottom: 5px solid #DA001B;
}

.produktnavi ul {
  display: block;
  float: left;
  clear: none;
  padding: 0px;
  margin: 0px;
}

.produktnavi li.produktpunkt {
  float: left; 
  display: block;
  background: none;
  padding: 0px;
  margin: 0 20px 30px 0;
}

.produktnavi li.produktpunkt a {
  font-size: 24px;
  color: #000 !important;
}

.produktnavi li.produktpunkt ul {
  display: block;
  padding: 0px;
  float: none;
  margin-top: 10px;
}

.produktnavi li.produktpunkt ul li {
  float: left; 
  display: block;
  background: #f7f7f7;
  padding: 10px;
  margin: 0 10px 0 0;
}

.produktnavi li.produktpunkt ul li .navbild {
  float: left; 
  display: block;
  clear: both;
}

.produktnavi li.produktpunkt ul li .link {
  float: left; 
  display: block;
  clear: both;
  background: url(../images/aufzaehlung.png) left 4px no-repeat;
  padding: 0 0 0 15px;
}

.produktnavi li.produktpunkt ul li .link a {
  font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
  font-size: 14px;
  text-transform: none;
}

.produktnavi li.produktpunkt ul li ul {
  display: none;
}

#unternavirechts {
  display: table-cell; 
  background: #f7f7f7;
  width: 20%;
  padding: 15px 2%;
  vertical-align: top;
}

#unternavirechts h3 {
  font-size: 24px;
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
}

#unternavirechts ul {
  margin-top: 10px;
}

#unternavirechts li{
  font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
  text-transform: none;
  font-size: 14px;
}

#unternavirechts li a{
  color: #000 !important;
  transition: color 0.3s ease;
}

#unternavirechts li:hover a, #unternavirechts li.active a {
  color: #db001c !important;
}

/* --- Unternavigation --- */

/* --- Unterunternavigation --- */

.unavi {
  background: #fff none repeat scroll 0 0;
    border-bottom: 5px solid #da001b;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: table;
    float: left;
    width: 100%;
  padding: 15px;
}

.unavi li.upunkt, .unavi li.upunktact {
  font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
  margin-bottom: 5px;
  text-transform: none;
  white-space: nowrap;
}

.unavi li.upunktact.ifsub a {
  color: #111111 !important;
}

.unavi li.upunktact a, .unavi li.upunktact .uupunkt a:hover, .unavi li.upunkt .uupunkt a:hover, .unavi li.upunktact .uupunktact a {
  color: #DA001B !important;
}

.unavi li.upunkt.ifsub, .unavi li.upunktact.ifsub {
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  background: none;
  padding: 0 40px 0 0 ;
  display: table-cell;
}

.unavi .uunavi {
  margin-top: 10px;
}

.unavi li.uupunkt, .unavi li.uupunktact {
  font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
  margin-bottom: 5px;
  text-transform: none;
  font-size: 14px;
}

.unavi li.uupunktact a {
  color: #DA001B !important;
}



.upunkt .unternavigationprodukte, .upunktact .unternavigationprodukte {
  display: none !important;
}

/* --- Unterunternavigation --- */

#headerbild {
  clear: both;
    display: block;
    float: left;
    max-height: 350px;
  height: auto;
  width: 100%;
  position: relative;
}

#headermapsbox{
  clear: both;
    display: block;
    float: left;
  width: 100%;
}

#headermaps{
  clear: both;
    display: block;
    float: left;
    height: 610px;
  width: 100%;
  pointer-events: none;
}

#headerbild .csc-textpic-imagewrap, #headerbild .csc-textpic-image, #headerbild img {
  width: 100%;
  height: auto;
  margin-bottom: 0px;
}

#headerbild iframe, .onepageheader iframe {
  pointer-events: none;
}

/* --------------- CONTENT --------------- */
#content {
  width: 100%;
  display: block;
  float: left;
   clear: both;
  position: relative;
}

#content .csc-textpic-imagecolumn {
  margin-bottom: 10px;
}

#content .grau, #contentstart {
  background: #f8f8f8;
  padding: 50px 0;
  width: 100%;
  float: left;
  clear: both;
}

#content.start .grau h2, #contentstart h2, #contentstart h4 {
  text-align: center;
}

#content .grau h3 {
  display: table;
  padding: 0 50px;
  border-top: 1px solid #000;
  margin: 0 auto;
  text-align: center;
}

.unterseite h3 {
  display: table;
  padding: 0 !important;
  border-top: 0px !important;
  margin: 5px 0 10px 0 !important;
  text-align: left !important;
}

#funktionsbox {
  width: 100%;
  float: left;
  clear: both;
  background: #fff;
}

#funktionsbox .bg {
  display: block;
  background: url(../images/rot.gif) center top repeat-y;
  width: 100%;
  max-height: 100%;
  float: left; 
  clear: both;
}

.gebrauchtmaschinen {
  float: left;
  display: block;
  background: #FFF;
  width: 55%;
}

.gebrauchtmaschinen h2 {
  margin-top: 25px;
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
}

.termine {
  float: right;
  display: block;
  background: #da001b;
  padding: 15px 0 40px 50px;
  position: relative;
  max-width: 360px;  
  position: relative;
}

.termine:before {
  content: "";
  position: absolute;
  background: url(../images/kalender.png) left top no-repeat;
  height: 98px;
  width: 98px;
  top: -20px;
  left: 15px;
}

.termine h2{
  color: #FFF;
  font-size: 30px;
  margin: 25px 0 20px 80px;
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
}

.termine a {
  color: #FFF;
  padding: 5px 10px;
  border: 1px solid #FFF;
  border-radius: 5px;
  float: right;
}

/* --------------- CONTENT --------------- */

/* --------------- FOOTER --------------- */
#footer {
  background: #FFFFFF;
  width: 100%;
  float: left;
  clear: both;
  display: block;
  font-size: 14px;
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
  color: #505050;
  margin: 0px 0 0 0;
  padding: 2% 0 0 0;
  box-shadow: 0 0 20px #999;
  position: relative;
}

#footer h2, #footer h3 {
  font-size: 16px;
  font-weight: normal;
  margin: 15px 0 15px 0;
  color: #000000;
  text-transform: uppercase;
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
}

#footer a {
  color: #505050;
  text-decoration: none;
}

/* -- FOOTER SITEMAP -- */

/* ---- SITEMAP ---- */
.csc-sitemap a {
  color: #505050;
}
/* ---- SITEMAP ---- */

#footersitemap {
  float: left;
  width: 66%;
}

#footersitemap ul {
  width: 100%;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#footersitemap ul li {
  background: none;
  padding: 0px;
  width: 30%;
  float: left;
  margin-bottom: 50px;
}

#footersitemap ul li h3 a {
  color: #000000;
}

#footersitemap ul li ul {
  width: 100%;
  float: left; 
  clear: both;
}

#footersitemap ul li ul li {
  width: 100%; 
  float: left;
  clear: both;
  margin: 0px;
  padding: 0px;
}
/* -- FOOTER SITEMAP -- */

/* -- FOOTER INHALT -- */

#footerinhalt {
  width: 30%;
  float: right;
}

.nachoben {
  background: url(../images/nachoben.png) left top no-repeat;
  width: 51px;
  height: 51px;
  display: none;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: -60px;
  z-index: 10;
}

/* -- FOOTER INHALT -- */

/* -- FOOTER ABSCHLUSS -- */

#footer .footerabschluss {
  background: #343434;
  width: 100%;
  padding: 2% 0;
  color: #FFFFFF;
  margin: 1.5% 0 0 0;
  float: left;
  clear: both;
  font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
}

#footer .footerabschluss .subcl, #footer .footerabschluss .subcr {
  padding: 0;
}

#footer .footerabschluss a {
  color: #FFFFFF;
  text-decoration: none;
}

.footerabschluss ul {
  list-style: none;
  margin: 0 auto;
  padding: 0px;
  display: table;
}

.footerabschluss ul li {
  padding: 0px 0 0 10px;
  margin: 0px 0 0 5px;
  display: inline-block;
  background: none;
  position: relative;
}


.footerabschluss ul li:before {
  content: "|";
  top: -1px;
  color: #FFFFFF;
  position: absolute;
  left: 0px;
}

.footerabschluss ul li:first-child {
  padding: 0px;
  margin: 0px;
}

.footerabschluss ul li:first-child:before {
  display: none;
}
/* -- FOOTER ABSCHLUSS -- */

/* --------------- FOOTER --------------- */

/* --------------- ONEPAGE --------------------- */

/* -- Onepagenavi -- */

#onepagenavi {
  display: block; 
  float: left; 
  clear: both; 
  width: 100%;
  max-width: 250px;
  background: #FFF;
  border: 1px solid #e5e4e4;
  position: absolute; 
  top: -10px;
  left: 0px;
  z-index: 10;
}

#onepagenavi h3 {
  background: #da001b;
  position: relative;
  padding: 10px 10px 10px 45px;
  color: #FFF;
  font-size: 14px;
  cursor: pointer;
}

#onepagenavi h3:before {
  content: "";
  position: absolute; 
  background: url(../images/onepage_navi.png) left top no-repeat;
  height: 17px;
  width: 27px;
  left: 10px; 
  top: 12px;
}

#onepagenavi ul {
  padding: 0 15px;
  display: none; 
}

#onepagenavi li {
  background: url(../images/aufzaehlung_grau.png) left 14px no-repeat;
  display: block;
  border-top: 1px solid #e5e4e4;
  padding-left: 20px;
}

#onepagenavi li:first-child {
  border-top: 0px;
}

#onepagenavi li a {
  padding: 10px 0;
  display: block;
  text-transform: uppercase; 
  color: #3e3e3e;
}

#onepagenavi li:hover a {
  color: #da001b;
}

#onepagenavi li:hover {
  background: url(../images/aufzaehlung.png) left 14px no-repeat;
}

/* -- Onepagenavi -- */

.bereiche {
  float: left;
  clear: both;
  width: 100%;
}

.onepageheader {
  float: left; 
  clear: both; 
  width: 100%;
  display: block;
  max-height: 300px;
  overflow: hidden;
  height: auto;
}

.onepageheader .csc-textpic-image, .onepageheader .csc-textpic-center .csc-textpic-center-inner, .onepageheader .csc-textpic-center .csc-textpic-center-outer, .onepageheader .csc-textpic-image img {
  width: 100%;
  height: auto;
}

.onepageinhalt {
  float: left;
  clear: both;
  display: block; 
  width: 100%;
}

/* -- Definition der Hintergrundfarben -- */
#content.unterseite .content-grau {
  background: #f9f8f8;
    padding: 50px 0;
    float: left;
    clear: both;
    width: 100%;
    margin: 50px 0;
    box-shadow: -1000px 0 0 0 #f9f8f8, 1000px 0 0 0 #f9f8f8;
}


.onepagecontent .bereiche {
  border-top: 3px solid #eaeaea;
}

.onepagecontent .content-grau {
  background: #f9f8f8;
    padding: 50px 0;
    float: left;
    clear: both;
    width: 100%;
}

.onepagecontent .content-weiss {
  background: #FFF;
  padding: 50px 0;
    float: left;
    clear: both;
    width: 100%;
}


.onepagecontent .bildlinks-50 img {
  width: 100%;
  height: auto;
}

.onepagecontent .bildlinks-50 .c50r {
  padding: 50px 2% 50px 0;
  width: 48%;
}

/* -- Definition der Hintergrundfarben -- */

/* -- Formatierung der Onepage-Ueberschriften -- */

.onepagecontent h1, .onepagecontent h2{
  color: #DA001C;
  margin-bottom: 30px;
  line-height: 1em;
}

.onepagecontent h1 .u2, .onepagecontent h2 .u2 {
  color: #000;
  font-size: 34px;
  display: block;
}

.unterseite h1, .unterseite h2{
  color: #DA001C;
  margin-bottom: 30px;
  line-height: 1em;
}

.unterseite h1 .u2, .unterseite h2 .u2 {
  color: #000;
  font-size: 34px;
  display: block;
}

/* -- Formatierung der Onepage-Ueberschriften -- */

/* -- Formatierung der Buttons für Technische Daten, Prospekt und Produktfilm auf der Onepage -- */

.buttons {
    display: table;
    width: 100%;
}

.buttons ul {
  float: left;
  clear: both;
}

.buttons ul li.is-a-button {
  background: none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
}

.buttons ul li.is-a-button:first-child {
  margin: 0 10px 0 0;
}

.buttons ul li.is-a-button {
  margin: 0 10px 10px 0;
}

/* .buttons ul li:last-child {
  margin: 0px;
} */

/* .buttons ul {
  padding: 0;
  margin: 0;
} */

.buttons li.is-a-button a {
  background: #DA001C;
  padding: 12px 50px 12px 10px;
  color: #FFF;
  border-radius: 5px;
  display: block;
  transition: background 0.3s ease;
  margin-top: 10px;
}

.buttons li.is-a-button a[title="pdf"] {
  background: url(../images/pdf.png) right 4px no-repeat #DA001C;
}

.buttons li.is-a-button a[title="prospekt"] {
  background: url(../images/prospekt.png) right 3px no-repeat #DA001C;
}

.buttons li.is-a-button a[title="film"] {
  background: url(../images/film.png) right 11px no-repeat #DA001C;
}

.buttons li.is-a-button a:hover {
  background-color: #9c0014;
}

/* -- Formatierung der Buttons für Technische Daten, Prospekt und Produktfilm auf der Onepage -- */

/* -- rote Box zum hervorheben von Inhalten -- */
.box-rot {
  display: block;
  padding: 35px 25px;
  background: #DA001C;
  color: #FFF;
}

.box-rot h3 {
  color: #FFF;
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
  font-size: 24px;
  text-transform: uppercase;
}

.box-rot li {
  background: url(../images/aufzaehlung_weiss.png) left 4px no-repeat;
}

/* -- rote Box zum hervorheben von Inhalten -- */

/* -- Formatierung bei Vergleich zweier Elemente -- */

.vergleich {
  padding: 0 5% 0 2%;
}

.c50l .vergleich {
  border-right: 2px solid #EAEAEA;
  padding-left: 0;
}

.vergleich img {
	width: 100%;
	height: auto;
}

/* -- Formatierung bei Vergleich zweier Elemente -- */


/* --------------- ONEPAGE --------------------- */

/* --------------- OWL GALERY --------------- */

.geschichte {
	max-width: 1008px;
	margin: 0 auto;
}

#headerslider .owl-controls {
  width: 98%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 10px;
  padding: 0 1%;
  text-align: center;
}

#headerslider .owl-dots {
  display: block;
}

.geschichte .owl-dots {
  display: block;  text-align: center;
}

#headerslider .owl-dot {
  background: #FFF;
  border-radius: 100%;
  margin: 0 3px;
  display: inline-block; 
  height: 15px;
  width: 15px;
}

.geschichte .owl-dot {
  background: #BBBBBB;
  border-radius: 100%;
  margin: 0 3px;
  display: inline-block; 
  height: 15px;
  width: 15px;
}

#headerslider .owl-dot.active, .geschichte .owl-dot.active {
  background: #000;
}

#headerslider .owl-item .csc-textpic-text{
  display: block;
    left: 100px;
    position: absolute;
    top: 40px; 
  font-size: 24px;
  color: #000;
  text-transform: uppercase;
}

#headerslider .owl-item .csc-textpic-text ul {
  margin: 0px;
  padding: 0px;
}

#headerslider .owl-item .csc-textpic-text li {
  font-size: 42px;
  background: url(../images/aufzaehlung_gross.png) 8px 15px no-repeat rgba(255, 255, 255, 0.8);
  margin-bottom: 5px;
    padding: 0 10px 0 35px;
}

#headerslider .owl-item .csc-textpic-text p {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    display: inline-block;
    padding: 3px 10px;
}

#headerslider .beschriftung-unten .csc-textpic-text {
    bottom: 60px;
  top: auto;
}

.geschichte .owl-item:first-child {
	margin-right: 9px !important;
}

/* --------------- OWL GALERY / HEADERSLIDER STARTSEITE--------------- */

/* --------------- TT_NEWS --------------- */
/* ----- LIST_HEADER ----- */
/* - Seite: Termine - */

.news-header-list-container {
  background: #e6e6e6;
  display: block;
  float: left;
  padding: 15px 2%;
  width: 45%;
  margin: 20px 0 0 0;
}

.news-header-list-container:nth-child(odd) {
  margin-left: 2%;
}

.news-header-list-container .news-header-list-title{
  color: #da001b;
  font-weight: 700;
}

.news-header-list-container .news-header-list-content{
  margin-top: 15px;
}

/* - Seite: Termine - */

/* - Seite: Startseite - */

.termine .news-header-list-container .news-header-list-title {
  font-size: 18px;
  font-weight: 700; 
  color: #FFF;
}

.termine .news-header-list-container .news-header-list-subheader {
  margin-bottom: 15px;
}

.termine .news-header-list-container {
  clear: both;
  width: 100%;
  padding: 15px 0;
  color: #FFF;
  background: none;
  margin: 0;
}

.termine .news-header-list-container:nth-child(odd) {
  margin: 0;
  border-top: 1px solid #FFF;
}

.termine .news-header-list-container .news-header-list-content{
  margin-top: 0;
}

/* - Seite: Startseite - */
/* ----- LIST_HEADER ----- */

/* ----- LATEST ----- */

.news-latest-container {
  margin: 20px 0 0 3.5%;
  padding: 0px;
  width: 93% !important;
  float: float;
  clear: both;
  position: relative;
}

.news-latest-container .owl-stage-outer {

}

.news-latest-item {
  margin: 0px;
  padding: 0px 0 5px 0;
  width: 100%;
  float: left;
  clear: both;
  border-bottom: 3px solid #da001b;
  min-height: 400px;
}

.news-latest-container a {
  color: #505050;
}

.news-latest-container h2 {
    padding: 0;
    margin: 0 0 10px 0;
  text-align: left !important;
  text-transform: none;
  font-size: 18px;
  font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
  font-weight: bold;
}

.news-latest-container h2 a {
  color: #000000;
}

.latest-img {
  margin: 0px 0 10px 0;
  padding: 0px;
  width: 100%;
  float: left;
  clear: both;
  height: 200px;
  overflow: hidden;
  background: #dfdfdf;
}
.news-latest-item img {
    margin: 0;
    float: left;
  clear: both;
    border: none;
}

.news-latest-date {
  margin: 0 0 10px 0;
  font-size: 12px;
  font-weight: 300;
  bottom: 0;
  position: absolute;
}

.latest-text {
  min-height: 360px;
}

.latest-more {
  bottom: 0;
  margin: 10px 0;
  position: absolute;
  right: 0;
}

.latest-more a {
  color: #da001b;
  font-weight: bold;
  
}

.owl-prev {
  background: url(../images/slider_pfeile.png) left top no-repeat;
  width: 34px;
  height: 72px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -999px;
  position: absolute;
  top: 165px;
  left: -40px;
}

.owl-next {
  background: url(../images/slider_pfeile.png) right top no-repeat;
  width: 34px;
  height: 72px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -999px;
  position: absolute;
  top: 165px;
  right: -40px;  
}
/* ----- LATEST ----- */

/* ----- LIST ----- */
.news-list-container {
  width: 100%;
  float: left;
  clear: both;
  margin: 0px;
  padding: 0px;
}

.news-list-item {
    width: 96%;
    float: left;
    clear: both;
    margin: 0px 0 30px 0;
    padding: 15px 2% 5px 2%;
    border-bottom: 3px solid #db001c;
    background-color: #e6e6e6;
}

.news-list-item  a {
  color: #505050;
}

.news-list-item h2 {
  font-size: 20px;
  text-align: left !important;
  text-transform: none;
  margin: 0 0 10px 0;
  
}

.news-list-item h2 a {
  color: #000000;
}

.listtext {
  float: left; 
  width: 85%;
}

.news-list-date {
  font-size: 12px;
  float: left;
  clear: both;
  margin: 20px 0 0 0;
  padding: 0px;
}

.listmore {
  margin: 0px;
  text-align: right;
  float: left;
  clear: both;
  font-weight: bold;
  width: 100%;
}

.listmore a {
  color: #db001c;
}
/* ----- LIST ----- */

/* ----- SINGLE ----- */
.news-single-item {
  width: 100%;
  margin: 0px;
  padding: 0px;
  float: left;
  clear: both;
}

.news-single-item h1{
    font-size: 38px;
    text-transform: uppercase;
    color: #000000;
    font-weight: normal;
    margin: 0px 0 20px 0;
    line-height: 1.2em;
}

.singletext {
  margin: 0 0 20px 0;
  float: left;
  clear: both;
  width: 100%;
}

.singletext h2 {
  color:#000000;
  font-size: 14px;
  line-height: 1.4;
  text-transform: unset;
  margin-bottom: 20px;
}

.news-single-rightbox {
  float: left;
  clear: both;
  font-size: 12px;
  margin: 0px 0 15px 0;
  padding: 0px;
  width: 100%;
  text-align: left;
}

.singletext ul,
.singletext p {
  float: left;
  clear: both;
  width: 100%;
}

.news-single-img {
  float: left;
  clear: both;
  margin: 0px 0 20px 0;
  padding: 0px;
  width: 100%;  
}

.bild {
  float: left;
  margin: 0 2% 2% 0;
}

.bild .news-single-imgcaption {
  display: block;
  width: auto !important;
}

.news-single-backlink {
  width: 100%;
  float: left;
  clear: both;
  margin: 20px 0 0 0;
  padding: 0px 0 5px 0;
  border-bottom: 3px solid #db001c;
}

.news-single-item .owl-prev, .news-single-item .owl-next {
  top: 80px;
}

.bildersingleslider {
  width: 93% !important;
  margin-left: 3.5%;
}

.bildersingleslider .bild {
  margin: 0;
  width: 100%;
}

.single-2-images .bild {
  float: left; 
  max-width: 49%;
  margin: 0 0 0 2%;
}

.single-3-images .bild {
  float: left; 
  width: 32%;
  margin: 0 0 0 2%;
}

.single-2-images .bild:first-child,
.single-3-images .bild:first-child {
  margin: 0;
}

.bild img {
  width: 100%;
  height: auto;
}

/* ----- SINGLE ----- */

/* --------------- TT_NEWS --------------- */

/* --------------- INDEXED_SEARCH --------------- */

.tx-indexedsearch fieldset {
  border: 0px;
  background: #E6E6E6;
  padding: 10px;
}

.tx-indexedsearch legend {
  display: none;
}

.tx-indexedsearch .tx-indexedsearch-form {
  float: left;
}

.tx-indexedsearch .tx-indexedsearch-searchbox-sword {
  background: #FFF; 
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
  font-style: italic;
  color: #808080;
  padding: 0 0 0 5px;
  width: 100px;
  float: left;
  height: 20px;
}

.tx-indexedsearch .tx-indexedsearch-search-submit {
  float: left;
}

.tx-indexedsearch #tx-indexedsearch-searchbox-button-submit {
  background: url(../images/lupe.png) left top no-repeat;
  height: 14px;
  width: 14px;
  border: 0px;
  display: block;
  float: left;
  margin: 2px 3px 0 0;
  cursor: pointer;
  text-indent: -999px;
}

.tx-indexedsearch .tx-indexedsearch-res.res {
  border-top: 1px dotted #000;
}

.tx-indexedsearch .tx-indexedsearch-res.res:first-child {
  border-top: 0px;
}

.tx-indexedsearch .tx-indexedsearch-icon {
  display: none;
}

.tx-indexedsearch .tx-indexedsearch-title a {
  font-size: 18px;
  color: #505050;
}

ul.browsebox{
  padding-left: 0px;
  margin: 15px 0;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li {
  margin-right: 15px;
}

/* --------------- INDEXED_SEARCH --------------- */

/* --------------- RAHMEN ----------------- */

.holmer-shop h2 {
  text-transform: none;
  line-height: 1;
  margin-bottom: 30px;
}

.holmer-shop p a {
  background: #da001b;
  color: #FFF;
  padding: 10px 15px;
  border-radius: 5px;
  display: table;
    margin: 0 auto;
}

.holmer-shop .csc-textpic-imagewrap {
  width: 100%;
}

.holmer-shop .csc-textpic-imagewrap img {
  width: 100%;
  height: auto;
}

.terminbox {
    background: #da001b;
    display: block;
    float: left;
    clear: both;
  padding: 15px 4%;
}

.terminbox h3 {
    color: #FFF;
    font-size: 30px;
    margin: 15px 0 10px 0 !important;
    font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
  text-transform: uppercase;
}

.terminbox .news-header-list-container {
  margin: 0px;
  background: none;
  width: 100%;
  color: #FFF;
  padding: 15px 0;
}

.terminbox .news-header-list-container .news-header-list-title {
  color: #FFFFFF;
}

.klappansicht {
  float: left; 
  clear: both; 
  display: block;
  width: 100%;
  background: #FFF;
}

.klappansicht .csc-textpic{
  display: block;
  float: left; 
  clear: both;
  width: 100%;
  position: relative;
}

.klappansicht .csc-textpic-text {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
}

.klappansicht .csc-textpic-text ul {
  padding: 0;
  margin: 0;
}

.klappansicht .csc-textpic-text li {
  padding: 15px 10px;
  margin: 0;
  background: #FFF;
  box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
  cursor: pointer;
  float: left;
  text-transform: uppercase;
}

.klappansicht .csc-textpic-text li:first-child {
  margin: 0 5px 0 0;
}

.klappansicht .csc-textpic-text li:hover {
  color: #DA001B;
}

.klappansichtinner .csc-textpic-image {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.klappansichtinner .csc-textpic-image:first-child {
  opacity: 1;
}

.klappansichtinner  .csc-textpic-caption {
  display: none;
}

.downloadcenter li {
  background: url(../images/pdf_grau.png) left top no-repeat;
  height: 20px;
    padding: 3px 0 0 30px;
    margin-bottom: 5px;
  background-size: auto 100%;
}

.downloadcenter .csc-default.csc-space-before-50 {
  padding-top: 50px;
  border-top: 2px solid #DDD;
}

.downloadcenter h1 .u2 {
  color: #999 !important;
}

/* --------------- RAHMEN ----------------- */

/* --------------- MULTICONTENT ---------------- */

/* -- Accordion -- */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #EEEEEE;
  border: 0px;
  color: #000;
  font-family: Tahoma, 'Open Sans', Arial, Sans-serif;
  font-weight: 400;
  padding: 10px 2% !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background: #DA001B;
  border: 0px;
  color: #FFF;
  padding: 10px 2% !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #000;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #FFF;
}

.ui-accordion .ui-accordion-content {
  color: #000;
  font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
  font-size: 14px;
  background: #FFF;
  padding: 25px 2%;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  background: url(../images/aufzaehlung.png) left top no-repeat !important;
  left: auto;
  right: 2%;
  margin-top: -6px;
}

.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon {
  background: url(../images/accordion_opened.png) left top no-repeat !important;
}

#content .ui-accordion h3 {
  display: block;
  padding: 0;
  border-top: 0px;
  margin: 2px 0 0 0;
  text-align: left;
}

.ui-widget-content a {
    color: #db001c;
}

.unterseite .ui-accordion h3 {
  padding: 10px 2% !important;
  margin: 2px 0 0 0 !important;
}

/* -- Accordion -- */

/* --------------- MULTICONTENT ---------------- */

/* --------------- LIGHTBOX ---------------- */  
  #cboxCurrent  {
    display: none !important;
  }
/* --------------- LIGHTBOX ---------------- */  

/* --------------- POWERMAIL ---------------- */  

.powermail_fieldset, .powermail_fieldset fieldset {
  padding: 0px;
  border: 0px;
  margin: 0px;
}  

.powermail_fieldset legend {
  padding: 0px;
  float: left;
}

.powermail_fieldwrap, .powermail_check_outer  {
  margin-bottom: 5px;
    float: left;
    clear: both;
    width: 100%;
  position: relative;
}

.parsley-errors-list {
  position: absolute;
    right: 5px;
    top: 5px;
    font-size: 12px;
    color: #DA001B;
  margin: 0px;
  padding: 0px;
}

.parsley-errors-list li {
  background: none;
  margin: 0px;
  padding: 0px;
}

.powermail_field.parsley-error {
  box-shadow: inset 0px 0px 0px 1px #DA001B;
}

.powermail_label {
    width: 20%;
    display: block;
  float: left;
  padding: 7px 0 0 0;
}

.powermail_field {
  width: 78%;
  padding: 9px 1%;
    margin: 0;
    float: right;
  border: 0px;
  font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
  background: #DDD;
}

.powermail_check_outer  {
  width: 80%;
  padding: 0;
    margin: 0;
    float: right;
  border: 0px;
  clear: none;
}

.powermail_select {
  width: 80%;
  float: right;
}

.powermail_textarea {
  resize: none;
  float: right;
}

.powermail_submit {
	width: 80%;
    cursor: pointer;
    font-weight: bold;
    font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
    text-transform: uppercase;  
	background: #000;
	color: #FFF;
}

/* -- POWERMAIL Kontrolle -- */
.powermail_all {
	display: block;
	float: left;
	clear: both;
	width: 100%;
}

.powermail_all_label {
	width: 18%;
	display: block;
	float: left;
	margin: 0px;
	padding: 9px 1% 9px 0;
	font-weight: bold;
}

.powermail_all_value {
	width: 78%;
	display: block;
	float: right;
	margin: 0px;
	padding: 9px 1%;
}

.powermail_confirmation_form, .powermail_confirmation_submit {
	display: block;
	float: left;
	margin: 15px 0 0 0;
	padding: 9px;
	cursor: pointer;
	color: #FFF;
	text-transform: uppercase;
	font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
	font-weight: bold;
	background: #000;
	border: none;
}

.powermail_confirmation_submit {
	float: right;
}

/*.powermail_all:nth-child(2n+2) {
	background: #DDD;
}*/
/* -- POWERMAIL Kontrolle -- */
/* --------------- POWERMAIL ---------------- */

/* -- Sitemap ------------------------------------------- */
.unterseite .csc-sitemap ul {  
  list-style: none;  
  list-style-type: none;  
  list-style-image: none;  
  margin: 20px 0px 0px 5px;  
  padding: 0px;
}

.unterseite .csc-sitemap ul li {  
  display: block;  
  border: 1px solid #f1f1f1;  
  padding: 5px;  
  box-shadow: 0px 0px 3px #cccccc;
  background: #fff;
  margin: 0px 0px 10px 0px;
}

.unterseite .csc-sitemap ul li ul{  
  margin: 10px 0px 10px 10px;  
}

.unterseite .csc-sitemap ul li ul li{  
  display: block;  
  border: none;  
  margin: 0px 0px 0px 0px;  
  padding: 0px;
  box-shadow: none;
}

.unterseite .csc-sitemap a:link, .unterseite .csc-sitemap a:hover, .unterseite .csc-sitemap a:active, .unterseite .csc-sitemap a:visited {  
  text-decoration: none;
}

.unterseite a.closed {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background: url(../images/folder-on.gif) left top no-repeat;
  margin: 0px 4px 0px 0px;
}

.unterseite a.opend {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background: url(../images/folderoff.gif) left top no-repeat;
  margin: 0px 4px 0px 0px;
}

/* Erstzateil-Login */

.tx-felogin-pi1 {
  background: #eaeaea;
  padding: 30px 2%;
  width: 96%;
}

.tx-felogin-pi1 h3, .tx-felogin-pi1 legend {
  display: none !important;
}

.tx-felogin-pi1 fieldset {
  border: 0px;
  padding: 0px;
}

.tx-felogin-pi1 fieldset div {
  margin-top: 15px;
}

.tx-felogin-pi1 label {
  margin-bottom: 5px;
}

.tx-felogin-pi1 input {
  width: 96%;
  padding: 10px 2%;
  background: #FFF;
  border: 0px;
  font-family: 'Open Sans', Tahoma, Arial;
}

.tx-felogin-pi1 input[type="submit"]  {
  width: 100%;
  cursor: pointer;
  background: #000;
  color: #FFF;
}
#georesultsdata {
  width: 100% !important;
  }
  
.geschichte .csc-textpic-image {
	position: relative;
}

.geschichte .csc-textpic-image .csc-textpic-caption {
	position: absolute;	
	bottom: 10px;	
	left: 0;	
	padding: 5px 2%;	
	background: rgba(255,255,255,0.8);	
	font-size: 12px;
}  

.geschichte .csc-textpic-image .csc-textpic-caption span {
	display: none;
}  

.geschichte .csc-textpic-image:hover .csc-textpic-caption span {
	display: block;
}

#cboxTitle {	
	font-size: 10px;
}

/* Newsletter An- Abmeldung */

.tx-formhandler-subscription fieldset {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.tx-formhandler-subscription .csc-mailform {
	padding: 0;
	margin: 15px 0 0 0;
	display: block;
}

.tx-formhandler-subscription legend {
	color: #DA001C;
	padding: 0;
	margin: 0;
}

.csc-mailform-field.type-text {
	display: block;
    margin-bottom: 5px;
    clear: both;
    float: left;
    width: 100%;
}

.csc-mailform-field.type-text label {
	width: 100%;
    display: block;
    float: left;
    padding: 7px 0 0 0;
}

.csc-mailform-field.type-text input {
	width: 98%;
    padding: 9px 1%;
    margin: 0;
    float: left;
    border: 0px;
    font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
    background: #DDD;
}

.csc-mailform-field.type-button input {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e28058+0,db3420+100 */
	width: 100%;
    cursor: pointer;
    font-weight: bold;
    font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
    text-transform: uppercase;  
	background: #000;
	color: #FFF;
	padding: 9px 1%;
    margin: 10px 0 0 0;
    float: right;
	border: 0px;
}

/* ********** Gebrauchtmaschinen - Traktorpool Silberstatus ********** */
#silbertraktor,
#headerbild > .csc-default:nth-child(2) {
	position: absolute;
	right: 2%;
	bottom: 20px;
}

#silbertraktor img,
#headerbild > .csc-default:nth-child(2) img {
	width: auto !important;
	height: auto !important;
}
/* ********** Gebrauchtmaschinen - Traktorpool Silberstatus ********** */

.content-hintergrundbild {
	position: relative;
    float: left;
    clear: both;
    width: 92%;
	/* padding-top: 0 !important; */
    padding: 50px 4% 70px !important;
	overflow: hidden;
	background: url(../images/countdown-hintergrund.jpg) center center no-repeat;
	background-size: 100% auto;
}

.content-hintergrundbild h2 {
	color: #FFFFFF;
}

.content-hintergrundbild h2::after {
	border-color: #FFFFFF;
}

.signet130 {
	float: right;
    margin-top: 30px;
}

.content-hintergrundbild .countdownbox {
	/* float: left; */
  clear: both;
	position: relative;
	width: auto;
	margin-top: 100px;
}

.content-hintergrundbild .countdowndatum {
	text-transform: uppercase;
	margin-top: 20px;
	font-size: 18px;
}

@media(max-width: 970px) {

	.content-hintergrundbild .countdownbox {
		width: 100%;
	}

	.signet130 {
		width: 100%;
		clear: both; 
		text-align: center;
	}

}

@media(max-width: 920px) {
	.content-hintergrundbild {
		background-size: auto 100%;
	}

	.content-hintergrundbild .countdownbox {
		margin-top: 50px;
	}

	.content-hintergrundbild .countdowndatum {
		font-size: 20px;
	}

	.signet130 img {
		width: 160px; 
		height: auto;
	}
}

/* .content-hintergrundbild .countdownbox .count {
	background: #FFFFFF;
	color: #e3000f;
	text-shadow: none;
} */

.content-hintergrundbild .countdownbox .count.bottom,
.content-hintergrundbild .countdownbox .count.top {
    border-top: 0px solid #FFFFFF;
    border-bottom: 0px solid #FFFFFF;
}

.content-hintergrundbild .csc-textpic-text {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

.content-hintergrundbild .csc-textpic-text a {
	background: #FFFFFF;
    display: inline-block;
    padding: 25px 50px;
    text-transform: uppercase;
    font-family: "Aller Rg", arial, sans-serif;
    margin-top: 20px;
    transition: all 0.5s ease;
}

.content-hintergrundbild .csc-textpic-text a:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.cookie {
  min-height: 300px;
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin: 20px 0;
}

.cookie .no-cookie {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  text-align: center;
  background: #eee;
}

.cookie .cookie-button {
  margin-top: 10px;
  display: block;
  text-align: center;
}

.cookie-button > p {
  display: inline-block;
  padding: 10px;
  background: #db001c;
  color: #FFF;
  cursor: pointer;
}

#content .no-cookie > h3 {
  display: block !important;
  margin: 0 0 10px 0 !important;
  text-align: center !important;
}

.onepagecontent .tx-jfmulticontent-pi1 .csc-default.csc-space-after-30 .csc-header h3.csc-firstHeader {
  margin-bottom: 15px;
}