@charset "utf-8";
/* CSS Document */

/* Farben 
Rot: #ff0000
Dunkelrot: #cc0000
Grau-Text: #666666
*/

@font-face {
    font-family: 'encode_sans_normalthin';
    src: url('../_media/fonts/encodesansnormal-100-thin-webfont.eot');
    src: url('../_media/fonts/encodesansnormal-100-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_media/fonts/encodesansnormal-100-thin-webfont.woff2') format('woff2'),
         url('../_media/fonts/encodesansnormal-100-thin-webfont.woff') format('woff'),
         url('../_media/fonts/encodesansnormal-100-thin-webfont.ttf') format('truetype'),
         url('../_media/fonts/encodesansnormal-100-thin-webfont.svg#encode_sans_normalthin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_normallight';
    src: url('../_media/fonts/encodesansnormal-300-light-webfont.eot');
    src: url('../_media/fonts/encodesansnormal-300-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_media/fonts/encodesansnormal-300-light-webfont.woff2') format('woff2'),
         url('../_media/fonts/encodesansnormal-300-light-webfont.woff') format('woff'),
         url('../_media/fonts/encodesansnormal-300-light-webfont.ttf') format('truetype'),
         url('../_media/fonts/encodesansnormal-300-light-webfont.svg#encode_sans_normallight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_normalextralight';
    src: url('../_media/fonts/encodesansnormal-200-extralight-webfont.eot');
    src: url('../_media/fonts/encodesansnormal-200-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_media/fonts/encodesansnormal-200-extralight-webfont.woff2') format('woff2'),
         url('../_media/fonts/encodesansnormal-200-extralight-webfont.woff') format('woff'),
         url('../_media/fonts/encodesansnormal-200-extralight-webfont.ttf') format('truetype'),
         url('../_media/fonts/encodesansnormal-200-extralight-webfont.svg#encode_sans_normalextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_normalregular';
    src: url('../_media/fonts/encodesansnormal-400-regular-webfont.eot');
    src: url('../_media/fonts/encodesansnormal-400-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_media/fonts/encodesansnormal-400-regular-webfont.woff2') format('woff2'),
         url('../_media/fonts/encodesansnormal-400-regular-webfont.woff') format('woff'),
         url('../_media/fonts/encodesansnormal-400-regular-webfont.ttf') format('truetype'),
         url('../_media/fonts/encodesansnormal-400-regular-webfont.svg#encode_sans_normalregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_normalbold';
    src: url('../_media/fonts/encodesansnormal-700-bold-webfont.eot');
    src: url('../_media/fonts/encodesansnormal-700-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_media/fonts/encodesansnormal-700-bold-webfont.woff2') format('woff2'),
         url('../_media/fonts/encodesansnormal-700-bold-webfont.woff') format('woff'),
         url('../_media/fonts/encodesansnormal-700-bold-webfont.ttf') format('truetype'),
         url('../_media/fonts/encodesansnormal-700-bold-webfont.svg#encode_sans_normalbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_normalblack';
    src: url('../_media/fonts/encodesansnormal-900-black-webfont.eot');
    src: url('../_media/fonts/encodesansnormal-900-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_media/fonts/encodesansnormal-900-black-webfont.woff2') format('woff2'),
         url('../_media/fonts/encodesansnormal-900-black-webfont.woff') format('woff'),
         url('../_media/fonts/encodesansnormal-900-black-webfont.ttf') format('truetype'),
         url('../_media/fonts/encodesansnormal-900-black-webfont.svg#encode_sans_normalblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bitterbold';
    src: url('../_media/fonts/bitter-bold-webfont.eot');
    src: url('../_media/fonts/bitter-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_media/fonts/bitter-bold-webfont.woff2') format('woff2'),
         url('../_media/fonts/bitter-bold-webfont.woff') format('woff'),
         url('../_media/fonts/bitter-bold-webfont.ttf') format('truetype'),
         url('../_media/fonts/bitter-bold-webfont.svg#bitterbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bitterregular';
    src: url('../_media/fonts/bitter-regular-webfont.eot');
    src: url('../_media/fonts/bitter-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_media/fonts/bitter-regular-webfont.woff2') format('woff2'),
         url('../_media/fonts/bitter-regular-webfont.woff') format('woff'),
         url('../_media/fonts/bitter-regular-webfont.ttf') format('truetype'),
         url('../_media/fonts/bitter-regular-webfont.svg#bitterregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, div, p, h1, h3, ul, ol,
span, a, table, td, tr, form, img, li {
   margin: 0px;
   padding: 0px;
  font-family:encode_sans_normallight, Arial, Helvetica, sans-serif; font-weight:normal;
   
}
html, body {
   background-color:#fff;
   font-size: 100%;
   font-size:12px;
   color:#666666;
}
@media (min-width: 768px) {
html, body {
   font-size:12px;
}
	}
@media (min-width: 992px) {
html, body {
   font-size:18px;
}
	}

@media (min-width: 1200px) {
html, body {
   font-size:17px;
}
	}

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

BODY {width:100%; height:100%; display:block; } 

html{width:100%; height:100%; display:block;}

h1{font-family:encode_sans_normalextralight, Arial, Helvetica, sans-serif; font-size:4rem; line-height:1.1em; color:#ff0000; margin:0px 0px 10px 0px; padding:20px 0px 0px 0px; border-top:4px solid #ff0000; display:inline-block;}
h2{font-family:encode_sans_normalextralight, Arial, Helvetica, sans-serif; font-size:2rem; line-height:1.2em; color:#cc0000; margin:0px 0px 0px 0px; padding:0px;}
h3{font-family:encode_sans_normalextralight, Arial, Helvetica, sans-serif; font-size:1.6rem; line-height:1.2em; color:#ff0000; margin:0px 0px 7px 0px; padding:0px;}
h3.align-center{text-align:center}
h4{font-family:encode_sans_normallight, Arial, Helvetica, sans-serif; font-size:1.2rem; line-height:1.2em; color:#ff0000; margin:0px 0px 0px 0px; padding:0px;}
.footer-home h4{font-family:encode_sans_normallight, Arial, Helvetica, sans-serif; font-size:1.0rem; line-height:1.2em; color:#ff0000; margin:0px 0px 20px 0px; padding:0px;}
h5{font-family:encode_sans_normallight, Arial, Helvetica, sans-serif; font-size:1.2rem; line-height:1.2em; color:#ff0000; margin:0px 0px 0px 0px; padding:0px;}
h6{font-family:encode_sans_normallight, Arial, Helvetica, sans-serif; font-size:1.2rem; line-height:1.2em; color:#ff0000; margin:0px 0px 0px 0px; padding:0px;}

@media (max-width: 992px) {
h1{font-size:3.0rem;}
h2{font-size:1.5rem;}
	}

.important{font-family:Arial, Helvetica, sans-serif;}

p{color:#666666; font-size:1rem; line-height:1.5em; margin-bottom:30px;}
p.bodytext{color:#666666; font-size:1rem; line-height:1.5em; margin-bottom:30px;}
p.align-center{text-align:center;}

p.bodytext a{color:#ff0000;}
a{color:#ff0000;}
a.external-link, p.bodytext a.external-link{color:#666666; text-decoration:underline}
a:hover{text-decoration:underline}
a img{border:none;}

table{background-color:transparent; padding:0px; margin:0px; border:none;}
tr{}
td{background-color:transparent; padding:0px; margin:0px; border:none;}

ul{margin:0px 0px 15px 30px;}
ol{}
ol li{}
li{font-family:encode_sans_normallight, Arial, Helvetica, sans-serif; font-weight:normal; list-style-image:url(../_media/_allgemein/li.gif); }

strong, b{}

hr{color:#ff0000; clear:both; }

.button-webdesigner{position:absolute; left:17%; top:11%; z-index:100000;}
.button-webdesigner img{width:auto; height:auto;}




.logo{
    float: left;
    height: 80px;
    padding: 0px 0px;
    font-size: 18px;
    line-height: 20px;
}
.footer{border-top:5px solid #cc0000; border-bottom:5px solid #cc0000; padding-top:1.6rem; background-image:url(../_media/_allgemein/social-fuss.gif); background-position:top center; background-repeat:no-repeat;}
	.footer img{width:20px; height:auto; margin:0px 5px 0px 5px;}
	.footer a, .footer p a{color:#666666; font-size:0.75rem; text-decoration:none;}
.social{}
	.social a:hover img{opacity:0.5; -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.fusszeile{margin-top:1.6rem;}	
@media (min-width: 768px) {
	.footer img{width:20px; height:auto;}
	.footer a, .footer p a{font-size:0.75rem;}
.footer{border-top:5px solid #cc0000; border-bottom:5px solid #cc0000; padding-top:1.6rem; background-image:url(../_media/_allgemein/social-fuss.gif); background-position:top center; background-repeat:no-repeat;}
	}
@media (min-width: 992px) {
	.footer img{width:20px; height:auto;}
	.footer a, .footer p a{font-size:0.9rem;}
	.footer{border-top:10px solid #cc0000; border-bottom:10px solid #cc0000; padding-top:1.6rem; background-image:url(../_media/_allgemein/social-fuss.gif); background-position:top center; background-repeat:no-repeat;}
	}

@media (min-width: 1200px) {
	.footer img{width:auto; height:auto;}
	.footer a, .footer p a{font-size:0.9rem;}
	.footer{border-top:10px solid #cc0000; border-bottom:10px solid #cc0000; padding-top:1.6rem; background-image:url(../_media/_allgemein/social-fuss.gif); background-position:top center; background-repeat:no-repeat;}
	}
	
/*Home*/
#u355 {
    border-color: transparent;
    background-color: #fff;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=100)!important;
	top: 0px!important;
}
#u1404-13{padding-top:15px!important;}
#u1403-4 {
    font-size: 14px!important;
    color: #7F7F7F;
}
#u2065 {
    background-color: #fff!important;
    opacity: 1!important;}
.MenuBar a p{color:#ff0000!important; font-size:0.9rem!important;}
#u1401-2 {
    font-size: 3.5rem!important;
    line-height: 1.5rem!important;
    padding-bottom: 0px!important;
    font-family: allumi-std,sans-serif;
    font-weight: 100;
}
#u1401-4{
    font-size: 1.5rem!important;
    line-height: inherit!important;
    color: #900;
    font-family: allumi-std,sans-serif;
    font-weight: 200;

}

#u1402-17, #u1403-16 {
    padding-top: 0px!important;
}

#u1401-8 {
    min-height: auto!important;
}

.h2{padding: 0px 0px 0px!important;}

#u1402-4, #u1402-9, #u1402-14 {

    font-family: allumi-std,sans-serif;
	font-weight: 100!important;

}

.Absatzformat {
    font-weight: 100!important;
}

.h3 {
    padding: 0px 0px 0px!important;
}

.footer-home{position:relative; z-index:9999; background-color:#fff;}
#menuu127 {
    z-index: 235;
    width: 167px;
    border-style: none;
    border-color: transparent;
    background-color: transparent;
    position: fixed;
    top: 30%!important;
    right: 1px;
}

#u802-15 h2, #u802-15 h5 a{}

	
/*Sub*/	
.rot-leistungen{background-image:url(../_media/_allgemein/Balken-Leistungen-Rot.jpg); background-size:cover; background-attachment: fixed;  background-color:#720c0c;}
.rot-leistungen img{width:auto; height:auto; float:right; margin-left:50px;}
.rot-leistungen div.csc-textpic, .rot-leistungen div.csc-textpic div.csc-textpic-imagerow {
    overflow: hidden;
    float: right;
}
.rot-leistungen p, .rot-leistungen p.bodytext{padding-top:120px; color:#fff; font-size:1.3rem;  font-family:bitterregular,Arial, Helvetica, sans-serif; }
.rot-leistungen p span.important, .rot-leistungen p.bodytext span.important{color:#ff0000; font-family:bitterbold,Arial, Helvetica, sans-serif;}
.rot-leistungen p span.important b, .rot-leistungen p.bodytext span.important b{color:#ff0000; font-family:bitterbold,Arial, Helvetica, sans-serif; font-weight:normal;}


@media (max-width: 991px) {
	
	.rot-leistungen img{width:60%; height:auto; margin-left:0px;}
	.rot-leistungen p, .rot-leistungen p.bodytext{padding-top:50px; font-size:1.6rem;}
	}
@media (max-width: 767px) {
	.rot-leistungen img{width:70%; height:auto; margin-left:0px;}
	.rot-leistungen p, .rot-leistungen p.bodytext{padding-top:20px; font-size:1.2rem; -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; }
	}
	

@media (max-width: 1200px) {
	.rot-leistungen{background-size:cover; background-position:center; background-attachment:local; }
}

/*Menu + Header*/
.menu-platzhalter{height:80px;}
.navbar-default {
    background-color: #fff;
    border-color: #c7c7c7;
	position:fixed;
	z-index:99999999;
	width:100%;
}
.navbar {
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid #c7c7c7;
}
.navbar-default .navbar-nav{margin-top:20px;}
.navbar-default .navbar-nav > li > a {
    color: #999;
	font-size:1rem;
	font-family:encode_sans_normallight, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #ff0000;
    background-color: transparent;
	text-decoration:none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ff0000;
    background-color: transparent;
	border-top:2px solid #ff0000;
	display:inline-block;
	font-family:encode_sans_normalregular, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.nav > li{padding:0px 15px 0px 15px;}
.nav > li > a {
    position: relative;
    padding: 10px 0px;
}
.nav li {list-style-image:none;}
.dropdown-menu {
	border-top:none;
	top:60px;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #666;
    white-space: nowrap;
	text-decoration:none;
}
@media (min-width: 768px){
.navbar-right .dropdown-menu {
    left: 0; 
	right:auto; 
}
}
@media (max-width: 768px){
.navbar-default .navbar-nav > li > a {
	font-size:1.8rem;
}
.nav > li > a {
    position: relative;
    padding: 12px 0px;
	border-bottom:1px dotted #B4B4B4;
}
.navbar-nav {
    margin: 7.5px -15px 15px -15px;
	padding-bottom:15px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ff0000;
    background-color: transparent;
	border-top:2px solid #ff0000;
	display:block;
	font-family:encode_sans_normalregular, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
	font-size:1.2rem;
	padding: 4px 0px 4px 30px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li{
	width:50%;
	display:inline-block;
}
}

/*Desktop*/
@media only screen and (min-width: 992px){
	ul.dropdown-menu{}
}

/*Subs*/
.textinhalt-bild{margin-top:-5%}
.textinhalt-normal{padding-top:60px;}
.fliesstext{margin-top:2.5rem; margin-bottom:2.5rem;}
.fliesstext2{}
	.fliesstext2 iframe{width:100%;}
.zweispaltig p{ 
display:block;
width:100%;   
-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 130px; /* Chrome, Safari, Opera */
    -moz-column-gap: 130px; /* Firefox */
    column-gap: 130px;
	-webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
	-webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
	-webkit-column-rule-color: #e3e3e3; /* Chrome, Safari, Opera */
    -moz-column-rule-color: #e3e3e3; /* Firefox */
    column-rule-color: #e3e3e3;
	}
/*Non-Desktop*/
@media only screen and (max-width: 991px){
.zweispaltig p{ 
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}
}
	
.subcontext{margin-top:1.6rem;}
.subcontext p, .subcontext p.bodytext{margin-bottom:1rem;}
.subcontext .contextbox{padding-bottom:1.6rem;}
.kontaktbox{padding-top:2.2rem; padding-bottom:2.2rem;}
.subcontext a, .kontaktbox a{padding:1px 13px 2px 13px; border:1px solid #ff0000; cursor:pointer; 
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;}
.subcontext a:hover, .kontaktbox a:hover{background-color:#cc0000; color:#fff; text-decoration:none; 
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;}
.subcontext .important{color:#ff0000; padding:5px 0px 0px 0px; border-top:1px solid #ff0000; display:inline-block; font-family:encode_sans_normallight, Arial, Helvetica, sans-serif;}
.subcontext .kontaktbox .important{font-size:1.6rem; margin-bottom:0.8rem; color:#ff0000; border-top:none; font-family:encode_sans_normalextralight, Arial, Helvetica, sans-serif;}
.kontbild{}
.contextbox-titel{}

/*Non-Desktop*/
@media only screen and (max-width: 767px){
.kontbild{display:none;}
.subcontext h3{font-size:1.4rem;}
.subcontext .contextbox{display:none;}
.contextbox-titel{display:none;}
}

/*Kundenstimmen*/
.kundenstimmen{border-bottom:1px solid #e3e3e3; margin-top:1.6rem; padding-top:1.6rem; padding-bottom:0.5rem;}
.kundenstimmen2{border-bottom:1px solid #e3e3e3; margin-top:1.6rem; padding-top:1.6rem; padding-bottom:0.5rem;}
.kundenstimmenspecial{}
.ks-links{padding-top:10px;}
.ks-links p.bodytext, .ks-links p{ font-size:0.9rem; text-align:right; margin-bottom:0px; font-family:encode_sans_normalextralight, Arial, Helvetica, sans-serif;}
.ks-links .important{color:#cc0000; font-size:1rem; font-family:encode_sans_normalregular, Arial, Helvetica, sans-serif;}
.ks-rechts{}
.ks-rechts p.bodytext, .ks-rechts p{ color:#ff0000; font-size:2.0rem; font-family:encode_sans_normalextralight, Arial, Helvetica, sans-serif; text-align:left;}
	.kundenstimmen2 .ks-links p.bodytext,.kundenstimmen2 .ks-links p{text-align:left;}
	.kundenstimmen2 .ks-rechts p.bodytext,.kundenstimmen2 .ks-rechts p{text-align:right;}

/*Non-Desktop*/
@media only screen and (max-width: 767px){
	.kundenstimmen2 .ks-links p.bodytext,.kundenstimmen2 .ks-links p{text-align:left;}
	.kundenstimmen2 .ks-rechts p.bodytext,.kundenstimmen2 .ks-rechts p{text-align:left;}
	.ks-rechts p.bodytext, .ks-rechts p{text-align:left; font-size:1.5rem; margin-bottom:0px;}
	.ks-links p.bodytext, .ks-links p{text-align:left; }
	.kundenstimmen{margin-top:0.5rem; padding-top:0.5rem; padding-bottom:0.5rem;}
.kundenstimmen2{margin-top:0.5rem; padding-top:0.5rem;}
}
	
/*Kundenbranchen*/
.kundenbranchen{padding-top:2.7rem; padding-bottom:1.6rem; border-bottom:1px solid #e3e3e3; }
.kundenbranchen .branche{border-bottom:1px solid #e3e3e3; padding-bottom:0px; padding-top:1.6rem; }

/*Kundenliste*/
.kundenliste{padding-top:20px;}
.kundenliste p.bodytext, .kundenliste p{color:#ff0000; line-height:1.8em;}
.kundenliste p.bodytext strong, .kundenliste p strong, .kundenliste p.bodytext b, .kundenliste p b{color:#cc0000; font-family:encode_sans_normalbold, Arial, Helvetica, sans-serif;}

hr.rot{border:1px solid #ff0000; margin:0px;}
.slider-logos{margin-top:40px; }
.slider-logos img{width:auto; height:auto;}

/*Projekte*/
.cbp-caption-activeWrap {
    background-color: #fff;
}
.cbp-caption-zoom .cbp-caption-activeWrap {
    opacity: 0;
    top: 0;
    background-color: rgba(255,255,255,0.9);
    -webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
}
.cbp-l-caption-title {
    color: #ff0000;
    font-family:encode_sans_normalextralight, Arial, Helvetica, sans-serif;
	font-size:1.2rem;
	margin-bottom:5px;
}
.cbp-l-caption-desc {
    color: #cc0000;
    font-family:encode_sans_normalextralight, Arial, Helvetica, sans-serif;
	font-size:0.9rem;
}
.cbp-l-filters-alignCenter {
    margin-bottom: 10px;
	margin-top:4rem;
    text-align: center;
    font-family: encode_sans_normalextralight, Arial, Helvetica, sans-serif;
    color: #666666;
	font-size:1.2rem;
}
.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active {
    color: #ff0000;
    cursor: default;
}
.cbp-l-filters-alignCenter .cbp-filter-item {
    color: #666666;
    cursor: pointer;
    font-family: encode_sans_normalextralight, Arial, Helvetica, sans-serif;
    padding: 0 12px;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: visible;
    margin: 0 0 10px;
    display: inline-block;
	font-size:1.2rem;
}

/*Produktdetail*/
.produktdetail{}
.produktdetail a{cursor: url(../_media/_allgemein/close.gif), auto }
.produktdetail .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px!important;
}
.produktdetailv{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top:0px;
	height: 0;
}
.produktdetailv iframe {
position:absolute;
	width: 100%;
	height:100%;
}
.butt-zurueck{position:fixed; left:0px; top:80px; z-index:111111;}
.butt-zurueck img{width:130px; height:auto;}
@media only screen and (min-width: 1200px){
	.produktdetailv{
	position: relative;
	padding-bottom: 36.0%; /* 16:9 */
	padding-top:0px;
	height: 0;

}
	.produktdetailv iframe {
	width: 100%;
	height:100%;
}
.butt-zurueck img{width:auto; height:auto;}
}

.link-vor{position:fixed; right:10px; top:45%;}
.link-zurueck{position:fixed; left:10px; top:45%;}
.link-vor img, .link-zurueck img{width:auto; height:auto;} 
.bottom-produkte-detail{position:realtive; bottom:-30px; padding-bottom:10px; text-align:center; z-index:11111; display:block;}
.header-produkte-detail{position:relative; text-align:center; background-color:rgba(255,255,255,0.75); width:100%; padding-top:15%; padding-bottom:1%;}
	@media only screen and (orientation: portrait){
		.header-produkte-detail{position:relative; text-align:center; background-color:rgba(255,255,255,0.75); width:100%; padding-top:15%; padding-bottom:1%;}
	}
	@media only screen and (orientation: landscape){
		.header-produkte-detail{position:relative; text-align:center; background-color:rgba(255,255,255,0.75); width:100%; padding-top:10%; padding-bottom:1%;}
	}
    @media only screen and (min-width: 1200px){
			.header-produkte-detail{position:relative; text-align:center; background-color:rgba(255,255,255,0.75); width:100%; padding-top:1%; padding-bottom:1%;}
	}
.header-produkte-detail h1{text-align:center; font-size:1.6rem; border-top:none; padding:0px 0px 0px 0px; display:inline-block;}
.header-produkte-detail h2{text-align:center; font-size:1.2rem; margin-bottom:10px; display:inline-block;}
.header-produkte-detail p, .header-produkte-detail p.bodytext{text-align:center; font-size:1rem; margin-bottom: 10px;}
.header-produkte-detail img, .bottom-produkte-detail img{width:auto; height:auto;}
.header-produkte-detail{
  z-index:11111;
  animation: animationFrames ease 4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,-200px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-200px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-200px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-200px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-200px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}




/*Powermail*/
.tx-powermail h3 {display:none;}
.tx-powermail .powermail_fieldset .powermail_legend {display:none;}
.tx-powermail {
    width: 60%;
    color: #666;
	margin:0px auto;
}
.tx-powermail .powermail_fieldset .powermail_label {
    display: block;
    width: 230px;
    float: left;
    clear: left;
    font-weight: normal;
	text-align:right;
	color:#ff0000;
}
.tx-powermail .powermail_fieldset {
    clear: left;
    border: none;
    padding: 10px;
    margin: 0px 0px 20px;
    background: transparent;
}
.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    margin: 5px 0px 0px;
    padding: 5px 20px;
    color: #FFF;
    font-weight: normal;
    cursor: pointer;
    background-color: #cc0000;
    border: none;
}
.tx-powermail .powermail_create, .tx-powermail .powermail_confirmation {
    border: none;
    padding: 10px;
    margin: 0px 0px 20px;
    background: transparent;
    overflow: hidden;
}

/*Non-Desktop*/
@media only screen and (max-width: 1025px){
.tx-powermail {
    width: 75%;
    color: #666;
	margin:0px auto;
}
.tx-powermail .powermail_fieldset .powermail_label {
    display: block;
    width: 200px;
    float: left;
    clear: left;
    font-weight: normal;
	text-align:right;
	color:#ff0000;
}
}
@media only screen and (max-width: 991px){
.tx-powermail {
    width: 80%;
    color: #666;
	margin:0px auto;
}
.tx-powermail .powermail_fieldset .powermail_label {
    display: block;
    width: 130px;
    float: left;
    clear: left;
    font-weight: normal;
	text-align:right;
	color:#ff0000;
}
}

/*Non-Desktop*/
@media only screen and (max-width: 767px){
.tx-powermail {
    width: 100%;
    color: #666;
	margin:0px auto;
}
.tx-powermail .powermail_fieldset .powermail_label {
    display: block;
    width: 100%;
    float: left;
    clear: left;
    font-weight: normal;
	text-align:left;
	color:#ff0000;
}
.tx-powermail .powermail_fieldset .powermail_field {
    width: 100%;
    padding: 5px;
    margin: 0px;
    border: 1px solid #BBB;
    color: #444;
    float: right;
    font-size: inherit;
}
}

/*Sitemap*/
.csc-sitemap{}
.csc-sitemap ul{margin:0px;}
.csc-sitemap ul li{width:33%; display:inline-block; vertical-align:top; padding-bottom:30px; text-align:center;}
.csc-sitemap ul li a{color:#cc0000;}
.csc-sitemap ul ul li{display:block; padding-bottom:0px; width:100%;}
.csc-sitemap ul ul li a{color:#ff0000; font-size:0.8rem;}