body {margin: 0; padding: 0px;color: #707070; font-size: 18px;}
.wrapper {clear: both; background: url(files/bg.jpg) bottom repeat-x; font-family: 'Dosis', sans-serif; font-weight: 200;}
iframe {font-family: 'Dosis', sans-serif !important;}
.wrapperwidth {width: 900px; margin: 0 auto;position: relative;}
strong {font-weight: 400;}
h1, h2, h3, h4, h5, h5 {max-width: 1280px; display: block; margin: 0px auto; font-weight: 300;}
h3 {margin-top: 12px; margin-bottom: 0px;}
h3+p {margin-top: 0px;}
a {color: #707070; text-decoration: none;}
a:hover {color: #9a8a61; border-bottom: none;}
p {line-height: 1.5em;}
p, .label {}
input[type="submit"] {margin-bottom: 40px;}
.logo {float: right; margin-right: 50px;}
.content {padding: 0 0 20px 0;}
#contact .container {margin: 0 auto;}
#contactbottom {height: 222px; background: url(data/img/burning_contact_bottom.jpg) repeat-x;}
#kunden {background: url(data/img/burning_kunden.jpg) repeat-x; height: 596px; text-align: center;}
#brandneu {background: #f2f0ee url(data/img/burning_brandaktuell.jpg) repeat-x;}
#brandneu .container {width: 90%; margin: 0 50px;}
#footer {background: url(data/img/burning_footer.jpg) repeat-x;}

#datenschutz {display: none;}
#datenschutzbutton {cursor: pointer;}

.asd-news-date {padding: 40px 0px 0 0px !important; line-height: 40px; font-weight: 100 !important;}
.asd-news {width: 390px; margin: 0 23px 17px 23px !important; max-width: 390px; display: block; float: left; clear: none !important; margin-top: 0px;}
.asd-news h3, .asd-news p {padding: 0px;}
.asd-news img {margin: 20px 0;}
.asd-news a:hover h3 {color: #9a8a61;}
p.news-link {margin: 0 !important; padding: 0;}
.news-picture {-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); width: 390px; height:auto;display: block; }
p.newsarchiv {position: relative; top: 50px; clear: both;}

.referenz {    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); width: 390px; height:219px;display: block; float: left; position: relative; margin: 0 23px 47px 23px; padding: 0; overflow: hidden;}
.referenz img {width: 100%; height: auto; margin: 0; padding: 0; display: block;}
.referenz .referenztext {display: none; position: absolute; bottom: 10%; width: 60%; height: 65%;  padding:0; color: #707070; cursor: pointer;}
.referenz:hover .referenztext {display: block; position: absolute; bottom: 0; width: 80%; padding: 0% 10% 20% 10%; background: rgba(0,0,0,0.85); height: 65%; }
.bild-text-container {margin: 0 0 4% 0;}
.bild-text-container div.section-title {margin: 0 23px 23px 23px;}
.bild-text-container div.section-title h2 {width: auto; max-width: 4000px;}
.bild-text-container div.bild-text {height: auto; padding: 0; margin-left: 23px; margin-right: 23px;}
.bild-text-container div.half:nth-child(2) {margin-right: 23px; margin-left: 23px;}
.bild-text-container::after{content: ""; display: block; clear: both;}
.bild-text-container div.link {float: right;}
.bild-text-container div.link a{display: block; position: relative; height: 60px;}
.bild-text-container div.link a p {margin-top: 5px;}
.bild-text-container div.link a p, .bild-text-container div.link a img {display: inline-block; vertical-align: middle; margin: 0;}

.centerer {position: absolute; bottom: 10%;}
.referenz h2, .referenz p {width: 100%;}
.referenz p {margin-top: 25px; margin-bottom: 6px;}
.titel {width: 33.33%; height: auto;display: block; float: left; position: relative;}
.titel img {width: 100%; height: auto; margin: 0;}
.titel .text {position: absolute; top: 45%; right: 35%; text-align: right;line-height: 1.5em;}
.titel .text a{ color: #999; text-align: right; text-decoration: none; font-weight: 100;}
.titel .text a:hover{ color: #a7966b; text-align: right; text-decoration: none; font-weight: 400;}
.half {width: 45%; margin-right: 5%; margin-left: 0;display: block; float: left; padding-top: 30px;}
.third {width: 26%; margin-right: 7%; display: block; float: left;}
.clear {clear: both;}
label {width: 90%; display: inline-block;}
input[type="text"] {width: 100%;}
textarea {width: 100%;}

.contactcontainer {padding: 0 10%;}

ul#cycle {list-style: none;margin: 3.5em 0 !important; padding: 0;}
ul#cycle li {list-style: none; width: 100%; text-align: center; }

.slickslider { width: 100%; height: 196px; padding: 0 !important;}
.slickslider .slide {padding: 0px 30px; background: url(data/img/burning_kunden_bg.jpg) repeat-x; width: 195px; height: 196px !important; display: block}
.slickslider .slide:hover {padding: 0px 30px; background: url(data/img/burning_kunden_bgaktiv.jpg) repeat-x; width: 195px; height: 196px !important; display: block}

.slickslider .slide img {margin: 12px 10px 8px 0px; opacity: 0.2;}
.slickslider .slide p {opacity: 0; position: relative; top: -130px; left: 0px;}
.slickslider .slide:hover img {opacity: 0;}
.slickslider .slide:hover p {opacity: 1;}

input[type="submit"] {background: #444; color: #fff; border: none; -webkit-appearance: none; padding: 10px;font-family: 'Dosis', sans-serif; font-weight: 200; font-size: 16px;}

#brandneulink {height: 365px; background: url(data/img/burning_header_bg.jpg) repeat-x;}

@media only screen and (max-width: 640px) {
  body {font-size: 24px;}
  h2 {font-size: 28px;}
}

  /* Bigger than standard 1330px (devices and browsers) */
@media only screen and (min-width: 1330px) {
.wrapperwidth {width: 1330px; margin: 0 auto;position: relative;}
.neuigkeiten .asd-news:nth-child(4) {display: none;}
}

@media only screen and (max-width: 1330px) {.half {width: 390px;}}
  /* Bigger than standard 1750px (devices and browsers) */
  @media only screen and (min-width: 1750px) {
.wrapperwidth {width: 1750px; margin: 0 auto;position: relative;}
.neuigkeiten .asd-news:nth-child(4) {display: block;}
}

  /* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapperwidth {width: 440px; margin: 0 auto;position: relative;}
.neuigkeiten .asd-news:nth-child(4) {display: block;}
.half {width: 390px;}


}

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
.asd-news {width: 80%; margin: 10px 3% !important;max-width: 390px; display: block; float: left; clear: none !important; margin-top: 0px; position:}
.wrapperwidth {width: 440px; margin: 0 auto;position: relative;}
.third {width: 100%;}
.neuigkeiten .asd-news:nth-child(4) {display: block;}
}

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
.asd-news {width: 80%; margin: 10px 3% !important;max-width: 390px; display: block; float: left; clear: none !important; margin-top: 0px; position:}
.bild-text-container .half {width: 390px; margin: 10px 3%;}
}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
	  body {font-size: 24px;}
	  h2 {font-size: 28px;}
.referenz, .titel {width: 90%;}
.half {width: 90%; margin:5%}
.third {width: 100%; margin: 0; max-width: 90%;}
#contact .container {max-width: 100%; padding: 5%;}
.asd-news {width: 80%; margin: 10px 3% !important;max-width: 390px; display: block; float: left; clear: none !important; margin-top: 0px; position:}
}