html {height:101%;font-family:"Interstate Light","Trebuchet MS",Arial,Helvetica,sans-serif;font-size:12px}
body {margin:0 auto;padding:0;background:#e5e5e5 url(/wGlobal/wGlobal/layout/images/backgrounds/body-bg.jpg) fixed center no-repeat;background-size: cover}
h4, .h4Editor,
.elementBoxVideo h2,
.description,
strong,
a.redBold,
table.datasheet td.caption,
input.reset,
.wglInfoAlreadyUploadedText,
.glossary dt,
.listDefault .listEntryTitle,
.listCompact .listEntryTitle,
.listCompact .listEntryDate,
.listSearchResult .listEntryTitle,
.pageNaviList .pageNaviCurrent,
#navigationFootermap a.navLevel1,
.elementBoxHomeService h2,
#blockBottom #areaContent5Include h3,
.elementAccordion h3,
.homeContainer .linkbuttonLeft a,
.homeContainer .linkbuttonRight a,
.homeContainer h2,
.homeContainer .elementLink .intern,
.homeContainer2 .linkbuttonLeft a,
.homeContainer2 .linkbuttonRight a,
.homeContainer2 h2,
.homeContainer2 .elementLink .intern,
.listFotowettbewerb h2 {
font-family:"Interstate";
}
/*# Grundgerüst */
/*Layoutgenerator:start*/
#blockMainOuter {margin:0 auto;padding:0;width:1035px}
#blockMain {margin:0 20px;padding:0;position:relative}
#blockMainInner {margin:0;padding:0}
#blockTop {position:relative;margin:0;padding:0;height:130px}
body #blockMain #blockTop {background:#fff}
.startseite #blockTop {background:url(/wGlobal/wGlobal/layout/images/backgrounds/header-top-new.png) no-repeat}
#blockTopInner {margin:0;padding:0}
#blockTop #logo, #blockTop #logomobil {position:absolute;left:25px;top:30px}
#logo img, #logomobil img {width: 220px;}
#blockTop #logomobil {display:none;}
#searchBox {float:right;position:absolute;z-index:1030;top:60px;right:15px}
#searchBox dt {margin:0;display:none}
#searchBox dd {margin:0}
#searchBox #searchTerm {float:left;padding:8px 25px 8px 10px;width:265px;font-size:15px;border: 1px solid #CCCCCC;}
#searchBox #searchSubmit {float:right;width:22px;height:22px;position:absolute;right:11px;top:5px;background:transparent;z-index: 1;}
#searchBox dd::after {content:"\f002";font:normal normal normal 14px/1 FontAwesome;font-size:1.3rem;color:#CCCCCC;right:15px;top:10px;position: absolute;}
#searchBox input {border:none}
#searchBox a.extended {font-size:13px;padding-right:15px;position:absolute;top:45px;color: #a9a9a9}
#blockTop #navigationMeta {display:none}
#navigationMain {height:40px;background-color: #f0f2f3;margin-bottom: 20px}
#blockBefore {position:relative;margin:0 0 20px 0}
#blockBefore .elementList {margin:0}
#blockLeft {position:relative;clear:left;float:left;width:24%;margin:0}
#blockLeft #navigationFull {padding:0}
#blockLeft #navigationFullLayer {padding:0}
#blockLeft #navigationSub {padding:0}
#blockLeft #navigationSubLayer {padding:0}
#mainContentContainer {position:relative;width:975px;margin:0;padding: 30px 10px 10px 10px;background-color: #fff}
.start #mainContentContainer {background-image: none}
#blockContentFull {position:relative}
#blockContentFullLeft {position:relative;float:left;width:720px;margin:20px 0 0 0}
#blockContentFullRight {position:relative;float:right;width:75%;margin:0}
#blockContent {position:relative;float:left;width:500px;margin:20px 0 0 0}
#blockContent.blankLayout {width: 100%}
#blockContentInner {position:relative}
#blockRight {position:relative;float:right;width:200px;margin:20px 0 0 10px}
#blockRightInner {margin-bottom:-10px}
#blockBottom {margin:0 20px;position:relative;width:995px;clear:both;padding:0 0 70px 0;/*font-size:12px*/font-size:1.25em}
#blockLeftContent {margin-bottom:-10px}
/*# Spalten */
.col1_100 {float:left;width:100%}
.col1_50 {float:left;width:50%}
.col2_50 {float:right;width:50%}
.col1_30 {float:left;width:30%}
.col2_70 {float:right;width:70%}
.col1_25 {float:left;width:25%}
.col2_75 {float:right;width:75%}
.col1_70 {float:left;width:70%}
.col2_30 {float:right;width:30%}
.col1_80 {float:left;width:80%}
.col2_20 {float:right;width:20%}
.col1_33 {float:left;width:33.33%}
.col2_33 {float:left;width:33.33%}
.col3_33 {float:right;width:33.33%}
.col1_25 {float:left;width:25%}
.col2_25 {float:left;width:25%}
.col3_25 {float:left;width:25%}
.col4_25 {float:right;width:25%}
.col1_40 {float:left;width:39%;margin-right:1%}
.col2_40 {float:left;width:39%;padding-left:5px;margin-right:1%}
.col3_20 {float:left;width:20%;padding-left:5px}
.col1_25 {float:left;width:25%}
.col2_50 {float:left;width:50%}
.col3_25 {float:left;width:25%}
.col1_20 {float:left;width:20%}
.col2_20 {float:left;width:20%}
.col3_20 {float:left;width:20%}
.col4_20 {float:left;width:20%}
.col5_20 {float:right;width:20%}
.col1_16 {float:left;width:16.66%}
.col2_16 {float:left;width:16.66%}
.col3_16 {float:left;width:16.66%}
.col4_16 {float:left;width:16.66%}
.col5_16 {float:left;width:16.66%}
.col6_16 {float:right;width:16.66%}
.col2_15 {float:left;width:15%}
.col3_15 {float:left;width:15%}
.col4_15 {float:left;width:15%}
.col5_15 {float:left;width:15%}
.col6_15 {float:right;width:15%}
.col1_50_inner {margin-right:10px}
.col2_50_inner {margin-left:10px}
.col1_30_inner {margin-right:10px}
.col2_70_inner {margin-left:10px}
.col2_20 .col2_20_inner {margin-left:8px}
.col1_70_inner {margin-right:10px}
.col2_30_inner {margin-left:10px}
.col1_33_inner {margin-right:13px}
.col2_33_inner {margin-left:6px;margin-right:7px}
.col3_33_inner {margin-left:13px}
.col1_25_inner {margin-right:15px}
.col2_25_inner {margin-left:5px;margin-right:10px}
.col3_25_inner {margin-left:10px;margin-right:5px}
.col4_25_inner {margin-left:15px}
.col1_20_inner {margin-right:16px}
.col2_20_inner {margin-left:4px;margin-right:12px}
.col3_20_inner {margin-left:8px;margin-right:8px}
.col4_20_inner {margin-left:12px;margin-right:4px}
.col5_20_inner {margin-left:16px}
.col1_16_inner {margin-right:17px}
.col2_16_inner {margin-left:3px;margin-right:14px}
.col3_16_inner {margin-left:6px;margin-right:11px}
.col4_16_inner {margin-left:10px;margin-right:7px}
.col5_16_inner {margin-left:14px;margin-right:3px}
.col6_16_inner {margin-left:17px}
/*Layoutgenerator:stop*/
/*# Pflegeschaltflächen */
#beButtonsPage {position:absolute;z-index:10;margin:2px 0 0 220px;padding:0;width:600px}
#beButtonEditMetaNavigation {position:absolute;z-index:10;margin:2px 0 0 2px}
#beButtonEditNavigation {position:absolute;z-index:10;margin:-30px 315px 0 0;right:0}
#beButtonInsertNavpoint {position:absolute;z-index:10;margin:56px 0 0 200px}
#beButtonEditLogo {position:absolute;z-index:10;margin:16px 0 0 8px}
#beButtonEditBackgroundImagePage {position:absolute;z-index:10;margin:8px 0 0 0;right:8px}
#beButtonEditBackgroundImageTop {position:absolute;z-index:10;margin:36px 0 0 0;right:0}
#beButtonEditContent2Includes {position:absolute;z-index:10;margin:2px 20px 0 0;right:0}
#beButtonEditContent2Include {position:absolute;z-index:10;margin:2px 0 0;right:0}
#beButtonEditContent2GlobalInclude {position:absolute;z-index:10;margin:2px 0 0 0;right:0}
#beButtonEditContent3Includes {position:absolute;z-index:10;margin:2px 76px 0 0;right:0}
#beButtonEditContent3Include {position:absolute;z-index:10;margin:2px 0 0 0;right:0}
#beButtonEditContent3GlobalInclude {position:absolute;z-index:10;margin:2px 0 0 0;right:0}
#beButtonEditContent4Includes {position:absolute;z-index:10;margin:2px 20px 0 0;right:0}
#beButtonEditContent4Include {position:absolute;z-index:10;margin:2px 0 0 0;right:0}
#beButtonEditContent4GlobalInclude {position:absolute;z-index:10;margin:2px 0 0 0;right:0}
#beButtonEditContent5Includes {position:absolute;z-index:10;margin:2px 20px 0 0;right:0}
#beButtonEditContent5Include {position:absolute;z-index:10;margin:2px 0 0 0;right:0}
#beButtonEditContent5GlobalInclude {position:absolute;z-index:10;margin:2px 0 0 0;right:0}
#beButtonEditLeft {position:absolute;z-index:10;margin:2px 2px 0 2px}
#beButtonEditFooter {position:absolute;z-index:10;margin:2px 2px 0 2px}
.beButtonEditGlobalInclude {position:absolute;z-index:10;bottom:0;right:0}
.beButtonDeleteRow {position:relative;float:right;z-index:10}
.beButtonEditRow {position:relative;float:right;z-index:10}
.beButtonEditSitemap {position:absolute;z-index:10;margin:0 0 0 -20px}
.beButtonEditSubmap {position:absolute;z-index:10;margin:0 0 0 -20px}
/*# Überschriften */
h1, .h1Editor {font-size:30px;line-height:normal;font-weight:normal;color:#000;padding:0;margin:0 0 20px 0}
h2, .h2Editor {font-size:1.83333rem;line-height:normal;font-weight:normal;color:#000;padding:0;margin:0 0 20px 0}
.productCatalogHome h2 a {font-size:inherit;line-height:normal;font-weight:normal;color:#000;padding:0;margin:0 0 20px 0}
.productCatalog h1, .productCatalog .h1Editor {font-size:30px;margin: 0 0 30px 0}
h3, .h3Editor {font-size:1.41667rem;line-height:1.5;font-weight:bold;color:#000;padding:0;margin:0 0 10px 0}
h4, .h4Editor {font-size:1.25rem;line-height:1.5;color:#000;padding:0;margin:0 0 10px 0}
/*# Textformatierung */
.subline {font-size:13px;color:#666666}
.subline a {background:none;color:inherit}
.info {font-size:10px;color:#666666}
p {margin:0 0 10px 0;font-size:1.25em;line-height:1.5}
p > a.intern::before {content:"\f054";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:0.9rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.alignCenter {text-align:center}
.alignJustify {text-align:justify}
ul {margin:0;padding:0}
strong {font-weight:normal}
hr {margin:0 0 10px 0;border-color:#e0e0e0;border-style:solid none none none;height:0px}
.clear {clear:both}
acronym, abbr {border-bottom:dashed 1px #666666}
/*# Links */
a {color:#000;text-decoration:none;font-size:1.25rem;}
#blockBottom a {font-size:11px}
a.redBold {color:#ED1C24;font-size:15px}
a.intern::before {content:"\f054";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.extern::before {content:"\f08e";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.box::before {content:"\f2d2";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.boxPicture::before {content:"\f2d2";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.download::before {content:"\f019";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.pdf::before {content:"\f1c1";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.video::before {content:"\f008";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.audio::before {content:"\f028";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.next::before {content:"\f178";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.back::before {content:"\f177";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
/*a.mail {padding-left:18px;background:url(/wGlobal/wGlobal/layout/images/links/mail.gif) left 1px no-repeat}*/
span.phone::before,
a.phone::before {content:"\f095";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
span.fax::before,
a.fax::before {content:"\f1ac";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.mobile::before {content:"\f095";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.rss::before {content:"\f09e";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.twitter::before {content:"\f099";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a.googlemaps::before {content:"\f041";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
div.picture > a.video::before {display: none;}
div.inDocRow div.title a.JPG::before,
a.jpg::before {content:"\f03e";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
div.inDocRow div.title a.cart::before,
a.cart::before {content:"\f0fe";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:1.25rem;vertical-align:middle;color:#ED1C24;margin-right:3px;}
a:hover {color:#ED1C24;text-decoration:none}
a.underlinedHoverRed {font-size: inherit;text-decoration: underline;}
a.underlinedHoverRed:hover {text-decoration: underline;color:#ED1C24}
.noDecoration {text-decoration:none}
/*# Bilder */
img, a img {border:none}
img.picture {margin:0}
img.pictureLeft {float:left;margin:0 10px 4px 0}
img.pictureRight {float:right;margin:0 0 4px 24px}
#blockRight img.picture {margin:0}
#blockRight img.pictureLeft {margin:0}
#blockRight img.pictureRight {margin:0}
.picture a.box,
.picture a.video {
padding-left: 0;
background-image: none;
}
.elementPicture .videoIcon{
color: #ffffff;
font-size: 96px;
margin-top: -48px;
opacity: 0.8;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
}
/*# Tabellen */
table {font:inherit;color:inherit;border:none}
table.light {width:100%;background-color:#ffffff;border:none;margin-bottom:12px;border-collapse:separate;border-spacing:1px}
table.light th {border:none;padding:4px;text-align:left;background-color:#b0b0b0}
table.light td {border:none;padding:4px}
table.default {width:100%;background-color:#ffffff;border-style:solid none none solid;border-width:1px;border-color:#a0a0a0;margin-bottom:12px;border-collapse:collapse}
table.default th {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;font-size:15px;padding:4px;text-align:left;background-color:#b0b0b0;color:#ffffff}
table.default td {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;font-size:15px;padding:4px}
table.fixedWidth2 td {width:50%}
table.fixedWidth3 td {width:33.33%}
table.fixedWidth4 td {width:25%}
table.fixedWidth5 td {width:20%}
table.fixedWidth6 td {width:16.66%}
table.datasheet td.caption {padding-right:8px}
tr.highlighted, th.highlighted, td.highlighted {background-color:#f0f0f0}
td.bgColor1, th.bgColor1 {background-color:#f0f0f0}
/*# Globale Elemente */
.clearBoth {height:0;line-height:0;font-size:0;clear:both;padding:0;margin:0;overflow:hidden}
.clearBothSpace {height:10px;line-height:0;font-size:0;clear:both;padding:0;margin:0;overflow:hidden}
#blockLeft .clearBothSpace,
#blockRight .clearBothSpace {height:20px;line-height:0;font-size:0;clear:both;padding:0;margin:0;overflow:hidden}
.clickable {cursor:pointer}
.invisible {display:none}
.highlighted {background-color:yellow}
.containerFloatLeft {float:left;margin-right:10px}
.containerFloatRight {float:right;margin-left:10px}
.containerCenter {margin:auto}
.containerWidth75 {width:75%}
.containerWidth66 {width:66%}
.containerWidth50 {width:50%}
.containerWidth33 {width:33%}
.containerWidth25 {width:25%}
.containerWidth120Abs {width:120px}
.containerWidth240Abs {width:240px}
.containerWidth320Abs {width:320px}
.containerWidth400Abs {width:400px}
/*# Allgemeine Elemente */
.elementStandard {margin:0 0 10px 0}
.elementHeadline {margin:0 0 0 0}
.elementHeadline.tiefbau h1,
.elementHeadline.tiefbau h2,
.elementHeadline.tiefbau h3,
.elementHeadline.tiefbau h4 {
color: #009ede;
}
.elementHeadline.galabau h1,
.elementHeadline.galabau h2,
.elementHeadline.galabau h3,
.elementHeadline.galabau h4 {
color: #93c11c;
}
.elementHeadline.aquabau h1,
.elementHeadline.aquabau h2,
.elementHeadline.aquabau h3,
.elementHeadline.aquabau h4 {
color: #00b1b0;
}
.elementHeadline.sportbau h1,
.elementHeadline.sportbau h2,
.elementHeadline.sportbau h3,
.elementHeadline.sportbau h4 {
color: #ee7401;
}
.elementText {margin:0 0 10px 0;/*min-height: 90px*/}
.elementText ul {font-size:1.25em;margin:0 0 15px 10px;padding:0 0 0 20px;}
.elementText li {line-height:1.5;font-size:1.25rem;}
.elementText li a {font-size:1.25rem;}
/*.elementText a {color:#ED1C24}*/
.elementTable {margin:0 0 10px 0}
.elementTable table {margin:0}
.elementPicture {margin:0 0 15px 0}
.pictureZoomer {display:none}
div.pictureBorder {border-style:solid;border-color:#ececec;border-width:1px}
div.pictureFrame {border:3px solid #ccc;border-radius:3px 3px 3px 3px}
div.pictureFrameInner {overflow:hidden}
a.picture {display:block}
a.pictureLeft {float:left;margin:0 12px 4px 0}
a.pictureRight {float:right;overflow:hidden;margin:0 0 4px 12px}
a.pictureLeft img.pictureLeft,
a.pictureRight img.pictureRight {margin:0}
a.pictureDetails {position:relative;cursor:pointer;display:inline-block}
a.pictureHover {display:inline-block;background-size:contain;}
a.pictureHover:hover img.pictureDefault {visibility:hidden}
div.picture {overflow:hidden;display:inline-block;position:relative}
div.pictureLeft {float:left;margin:0 12px 4px 0}
div.pictureRight {float:right;margin:0 0 4px 12px}
div.pictureLeft img.pictureLeft,
div.pictureRight img.pictureRight {margin:0}
div.picture a {margin:0}
div.pictureLeft a {margin:0}
div.pictureRight a {margin:0}
div.picture span {text-decoration:underline}
div.pictureLeft span {text-decoration:underline}
div.pictureRight span {text-decoration:underline}
div.pictureSubtitle {font-size:15px}
div.pictureFrame div.pictureSubtitle {border:none}
div.pictureBorder div.pictureSubtitle {border:none}
div.picture .pictureSubtitle {display:block;margin:0;padding:8px}
div.pictureLeft .pictureSubtitle {display:block;clear:left;margin:0;padding:8px}
div.pictureRight .pictureSubtitle {display:block;clear:right;margin:0;padding:8px}
span.pictureCore {display:block;position:relative;margin:0;padding:0}
span.pictureCore img.pictureDefault,
div.pictureFrameInner img.pictureDefault {margin:0;display:block}
img.pictureZoomer {position:absolute;right:0;top:0;padding:5px}
.elementLink {margin:0 0 10px 0;line-height:17px;overflow:hidden}
.elementLink a {display:block; font-size: 1.25rem;}
.elementLink a.intern {/*font-size:1.25em;line-height:1.5*/}
.elementVideo {margin:0 0 10px 0}
.elementVideo a.videoContainer {text-align:center;vertical-align:middle;display:block;position:relative}
.elementVideo img.splashScreen {position:absolute}
.elementVideo img.splashScreenOverlay {position:absolute;margin:0 auto}
.elementVideoExternal {margin-bottom:10px}
.elementAudio {margin:0 0 10px 0}
.elementList {margin:0 0 10px 0;position:relative}
.elementSitemap {margin:0 0 10px 0;overflow:hidden}
.elementSubmap {margin:0 0 10px 0;overflow:hidden}
.elementSubmap .firstLevel {margin-left:-24px}
.elementSubmap ul {list-style-type:none;margin:0;padding:0 0 0 24px}
.elementSubmap li {overflow:hidden;margin:0 0 0 0;padding:6px 0 0 0}
.elementDelimiter {margin:0 0 10px 0}
.elementClearer {margin:0 0 0 0;height:0;clear:both}
.elementSpace {margin:0 0 0 0;height:10px}
.elementClearerWithSpace {margin:0 0 0 0;height:30px;clear:both}
.elementContainer {
margin:0 0 10px 0;
clear:both;
}
.elementForm {margin:0 0 10px 0;overflow:hidden}
.elementContactPerson {position:relative;margin:0 0 20px 0;overflow:hidden;background-color:#ececec;padding:10px;padding-bottom:0}
.elementGallery {margin:0 0 10px 0;overflow:hidden}
.elementButton {margin:0}
.elementButton .wglButton {margin-bottom:4px}
.elementBoxSheet {margin:0 0 20px 0;overflow:hidden;background-color:#ececec;border:none;padding:15px;padding-bottom:5px}
.elementBoxSheet > .elementText {min-height:90px}
.elementBoxBlank {margin:0 0 20px 0;overflow:hidden;background-color:#ffffff;border:solid 1px #e0e0e0;padding:14px;padding-bottom:5px}
.elementBoxVideo {margin:0 0 20px 0;overflow:hidden;background-color:#ececec;border:none;padding:15px;padding-bottom:5px; height: 440px}
.elementBoxVideo h2 {overflow: hidden; /*max-height: 47px*/}
.errorMessages {margin:0 0 10px 0;padding:8px;background-color:#ffcccc}
.wglErrorMessage {color:#ff0000;display:block;line-height:17px}
.wglCaptcha {padding-bottom:3px}
.textInfo {display:inline;color:#666666;line-height:17px;float:left;display:block}
.elementForm table {width:400px}
.elementForm td {padding:4px 0 0 0}
.elementForm .formButtons {clear:left;text-align:right}
.elementForm label {white-space:normal;padding:0 4px 0 0;font-size:1.25rem}
.elementForm .lineBreak label {white-space:normal;display:block;width:196px}
.elementForm .formLabelStar {color:#666666;padding-left:2px}
.elementSourcecode .source {background-color:#FFFFCC;margin:0 0 10px;border:1px solid #E0E0E0;overflow:auto;padding:10px;white-space:nowrap}
.elementSourcecode .source pre {margin:0}
.elementBlank {margin:0 0 0 0}
.elementInfoDefault {overflow:hidden;min-height:28px;margin:0 0 10px 0;border:solid 1px #c6c6c6;padding:8px 8px 8px 44px;background-color:#ffffcc;background-image:url('/weblication/grid5/gui/images/icon_large/info.gif');background-repeat:no-repeat;background-position:4px 4px}
.elementInfoTip {overflow:hidden;min-height:28px;margin:0 0 10px 0;border:solid 1px #c6c6c6;padding:8px 8px 8px 44px;background-color:#ffffcc;background-image:url('/weblication/grid5/gui/images/icon_large/tip.gif');background-repeat:no-repeat;background-position:4px 4px}
.elementInfoWarning {overflow:hidden;min-height:28px;margin:0 0 10px 0;border:solid 1px #c6c6c6;padding:8px 8px 8px 44px;background-color:#ffffcc;background-image:url('/weblication/grid5/gui/images/icon_large/warning.gif');background-repeat:no-repeat;background-position:4px 4px}
.elementInfoError {overflow:hidden;min-height:28px;margin:0 0 10px 0;border:solid 1px #c6c6c6;padding:8px 8px 8px 44px;background-color:#ffffcc;background-image:url('/weblication/grid5/gui/images/icon_large/error.gif');background-repeat:no-repeat;background-position:4px 4px}
/*# Formulare und Eingebafelder */
/* Formularelemente */
label, button {cursor:pointer}
fieldset {
border:0;
padding:0;
margin:0 0 10px 0
}
input {
font:inherit;
padding:1px 0 1px 0;
margin:0;
border:1px solid #c6c6c6;
background-color:#ffffff;
}
select,
textarea {
font:inherit;
padding:0;
margin:0;
border:1px solid #c6c6c6;
background-color:#ffffff;
}
input[type="radio"],
input[type="checkbox"] {border:none}
button,
a.button,
input.submit,
input.reset {cursor:pointer;border-radius:3px;font:inherit;line-height:15px;font-size:15px;padding:5px 10px;color:#fff;background-color:#E20A15;border:none;margin:0 4px 0 0}
input.reset {background-color:#ccc }
a.button.zip::before,
a.button.envelope::before {
font:normal normal normal 14px/1 FontAwesome;
text-rendering:auto;
font-size:0.9rem;
vertical-align:middle;
color: #ffffff;
margin-right: 3px;
}
a.button.zip::before {
content:"\f1c6";
}
a.button.envelope::before {
content:"\f003";
}
a.button.pdf {background: url(/wGlobal/wGlobal/layout/images/icons/silk/page_white_acrobat.png) no-repeat scroll 6px 6px #E3001B;padding-left: 26px}
a.button.csv {background: url(/wGlobal/wGlobal/layout/images/icons/silk/table.png) no-repeat scroll 6px 6px #E3001B;padding-left: 26px}
#hstage .wglButton {position: absolute;top: 30px}
#hstage .wglButton.beButtonDeleteRow {right: 76px}
#hstage .wglButton.beButtonEditRow {right: 100px}
.wglIsInvalid {background-color:#ffcccc}
.wglInfoAlreadyUploaded {padding:4px 0 4px 0}
.wglInfoAlreadyUploadedText {display:block;color:#666666}
.wglInfoAlreadyUploadedFilename {display:block;color:#666666}
.wglCaptchaArithmeticQuestion {padding:2px 4px 2px 2px}
.wglRadioFloat {float:left;display:block;overflow:hidden}
.wglRadioFloat input {margin:0;float:left}
.wglRadioFloat label {float:left;padding:0 4px 0 4px}
.wglRadio {display:block;clear:left;padding:2px 0 2px 0;overflow:hidden}
.wglRadio input {margin:0;float:left}
.wglRadio input[type="text"] {margin:0 0 0 4px}
.wglRadio label {float:left;padding:0 4px 0 4px}
.wglCheckbox {display:block;clear:left;padding:2px 0 2px 0;overflow:hidden}
.wglCheckbox input {margin:0;float:left}
.wglCheckbox input[type="text"] {margin:0 0 0 4px}
.wglCheckbox label {float:left;padding:0 4px 0 4px}
.wglCheckboxFloat {margin:0 2px 0 0}
dl.form {display:table;margin:0;padding:0}
dl.formFirstBlock {float:left}
dl.formLastBlock {float:right}
.form dt {display:block;clear:left;margin:0 0 2px 0}
.form dt.blank {display:none}
.form dd {display:block;margin:0 0 10px 0;overflow:hidden}
.formTable dl,
dl.formTable {
width: 100%;
padding: 0;
margin: 0;
}
.formTable dt {
padding: 0;
margin: 0;
clear: left;
min-height: 20px;
padding-top: 7px;
}
.formTable dd {
width: 100%;
padding: 0;
margin: 0;
padding-bottom: 10px;
}
.formTable input[type=text],
.formTable input.elementInput,
.formTable textarea,
.formTable select {
font-size: 15px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
padding: 7px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.formTable .wglCheckbox label {
float: none;
}
.formTable input.S {
width: 30%;
}
.formTable input.M {
width: 50%;
}
.formTable .fifty_and_fifty input:first-child {
width: 47%;
margin-right: 3%;
}
.formTable .fifty_and_fifty input {
width: 50%;
}
.formTable .thirty_and_seventy input:first-child {
width: 27%;
margin-right: 3%;
}
.formTable .thirty_and_seventy input {
width: 70%;
}
.formTable input.L {
width: 70%;
}
/*# Glossar */
.elementGlossary {position:relative}
dl.glossary {margin:0}
.glossary dt {display:block;clear:left;margin:0 0 2px 0}
.glossary dd {display:block;margin:0 0 10px 0;overflow:hidden}
/*# Listen */
.listDefault {list-style:none;margin:0 0 10px 0;padding:0;border-top:solid 1px #e0e0e0}
.listCompact {list-style:none;margin:0;padding:0}
.listSearchResult {list-style:none;margin:0 0 20px 0;padding:0}
.listDefault .listEntry {overflow:hidden;padding:10px 0 10px 0;margin:0 0 0 0;border-bottom:solid 1px #e0e0e0}
.listCompact .listEntry {overflow:hidden;padding:0 0 10px 0;margin:0}
.listFull .listEntry {border-bottom:solid 1px #e0e0e0;margin:0 0 10px 0}
.listSearchResult .listEntry {overflow:hidden;padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:solid 1px #e0e0e0}
.listEntryClickable {cursor:pointer}
.twoCols {float:left;width:49%;margin-right:1%;height:120px;overflow:hidden}
.twoCols .h2 {padding-right:10px}
.twoCols .listEntryDescription {padding-right:10px}
.listDefault dt {margin:0 0 4px 0}
.listDefault dd {color:#666666;margin:0 0 8px 8px}
.listDefault .listEntryTitle {color:#000000;margin:0 0 8px 0;font-size:15px;line-height:20px}
.listDefault .listEntryTitle a {font-size:15px;text-decoration:none}
.listDefault .listEntryTitle a:hover {color:#000000}
.listDefault .listIcon {vertical-align:middle;margin:0 4px 0 0}
.listDefault .listEntryDate {padding:0 6px 0 0;color:#666666;font-size:1.25em;line-height:1.5;text-decoration:none}
.listDefault .listEntrySubline {margin:0 0 4px 0;font-size:1.25em}
.listDefault .listEntryThumbnail {float:left;margin:2px 8px 0 0}
.listDefault .listEntryThumbnailRight {float:right;margin:2px 0 0 8px}
.listDefault .listEntryDescription {margin:0 0 0 0}
.listDefault .listEntrySize {color:#666666}
.listDefault .listEntryMoreOnly {text-decoration:none}
.listDefault .more {font-size:1.25em;color:#ed1c24;line-height:1.5}
.listCompact dt {margin:0 0 4px 0}
.listCompact dd {color:#666666;margin:0 0 8px 8px}
.listCompact .listEntryTitle {color:#000000;margin:0 0 8px 0;font-size:1.25em;line-height:1.5}
.listCompact .listEntryTitle a {text-decoration:none}
.listCompact .listIcon {vertical-align:bottom;margin:0 4px 0 0}
.listCompact .listEntryDate {line-height:16px;padding:0 6px 0 0;color:#666666;text-decoration:none}
.listCompact .listEntrySubline {clear:both;margin:0 0 4px 0;color:#666666}
.listCompact .listEntryThumbnail {float:left;margin:2px 8px 0 0}
.listCompact .listEntryThumbnailRight {float:right;margin:2px 0 0 8px}
.listCompact .listEntryDescription {margin:0 0 0 0}
.listCompact .listEntrySize {color:#666666}
.listCompact .listEntryMoreOnly {text-decoration:none}
.listFull .listEntryTitle a {text-decoration:none}
.listFull .listEntrySubline {overflow:hidden;margin:0 0 10px 0}
.listFull .listEntryDate {color:#666666}
.listFull .listEntryAuthor {color:#666666}
.listFull .listEntryComments {margin:0 0 10px 0}
.listFull .listEntryComments a {color:#666666;text-decoration:none}
.listSearchResult .listEntryTitle {color:#000000;margin:0 0 8px 0;font-size:15px;line-height:18px}
.listSearchResult .listEntryTitle a {text-decoration:none}
.listSearchResult .listEntryDescription {margin:0 0 4px 0}
.listSearchResult .listEntryUrl {margin:0 0 0 0}
.listSearchResult .listEntryUrl a {/*font-size:12px*/font-size:1.25em;color:#a0a0a0}
.listSearchResult .listEntryDescription span {color:#E20A15}
.listSearchResult .listEntryClickable {background:none}
.listSearchResult .listEntryClickable:hover {background:none}
.searchMask input {float:left}
.searchMask button {float:left}
ul.noResults {/*font-size:12px*/font-size:1.25em;padding-left:20px;margin-bottom:30px}
/* Slider */
#homeSlider {
background-image: none;
background-color: #e5e5e5;
height: 427px;
}
#homeSlider li a {
background-image: none;
}
#homeSlider .contentSlide,
.demoReference .contentSlide{
padding: 230px 70px 0 30px;
width: 272px;
height:198px;
position: absolute;
top: 0;
right: 0;
background: url(/wGlobal/wGlobal/layout/images/backgrounds/slider-textbox.png) no-repeat top center;
}
#homeSlider .contentSlide h2,
.demoReference .contentSlide h2 {
font-family: "Interstate";
font-size: 22px;
color: #fff;
line-height: 1;
}
#homeSlider .contentSlide .listEntryDescription,
.demoReference .contentSlide .listEntryDescription {
font-size: 15px;
color: #fff;
line-height: 1.2;
margin-bottom: 30px;
}
#homeSlider .more,
.demoReference .more {
padding: 8px 15px;
background: url(/wGlobal/wGlobal/layout/images/backgrounds/button-slider.png) repeat-x;
color: #fff;
font-family: "Interstate";
display: inline;
}
#homeSlider .imageRight,
.demoReference .imageRight {
float: right;
margin-right: 50px;
}
#blockMain .bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
box-shadow: 0 0 0px #ccc;
border: 0px solid #fff;
}
#homeSlider .bx-wrapper {
height: 428px;
margin: 0;
}
#homeSlider .bx-wrapper .bx-viewport{
box-shadow:none;
border: none;
left: 0;
background-color: #e5e5e5;
}
#homeSlider .bx-prev {
background: url(/wGlobal/wGlobal/layout/images/backgrounds/arrow-left-slider.png) no-repeat center center;
z-index: 98;
height: 427px;
top: 0;
margin: 0;
width: 67px;
left: 0;
}
#homeSlider .bx-next {
background: url(/wGlobal/wGlobal/layout/images/backgrounds/arrow-right-slider.png) no-repeat center center;
z-index: 98;
height: 427px;
top: 0;
margin: 0;
width: 67px;
right: 0;
}
#homeSlider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
bottom:8px;
left: 375px;
width: 245px;
}
#homeSlider .bx-wrapper .bx-pager.bx-default-pager a {
background-color: #fff;
box-shadow: 1px 1px 2px #ccc;
height: 16px;
width: 16px;
border-radius: 8px;
}
#homeSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#homeSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #e3001b;
}
#homeSlider .neutral {
background: url('/wGlobal/wGlobal/layout/images/backgrounds/slider-right-neutral.png') no-repeat top right;
}
#homeSlider .neutral .contentSlide {
background: url('/wGlobal/wGlobal/layout/images/backgrounds/slider-left-neutral.png') no-repeat top left;
}
#homeSlider .tiefbau {
background: url('/wGlobal/wGlobal/layout/images/backgrounds/slider-right-tiefbau.png') no-repeat top right;
}
#homeSlider .tiefbau .contentSlide {
background: url('/wGlobal/wGlobal/layout/images/backgrounds/slider-left-tiefbau.png') no-repeat top left;
}
#homeSlider .galabau {
background: url('/wGlobal/wGlobal/layout/images/backgrounds/slider-right-galabau.png') no-repeat top right;
}
#homeSlider .galabau .contentSlide {
background: url('/wGlobal/wGlobal/layout/images/backgrounds/slider-left-galabau.png') no-repeat top left;
}
#homeSlider .aquabau {
background: url('/wGlobal/wGlobal/layout/images/backgrounds/slider-right-aquabau.png') no-repeat top right;
}
#homeSlider .aquabau .contentSlide {
background: url('/wGlobal/wGlobal/layout/images/backgrounds/slider-left-aquabau.png') no-repeat top left;
}
#homeSlider .sportbau {
background: url('/wGlobal/wGlobal/layout/images/backgrounds/slider-right-sportbau.png') no-repeat top right;
}
#homeSlider .sportbau .contentSlide {
background: url('/wGlobal/wGlobal/layout/images/backgrounds/slider-left-sportbau.png') no-repeat top left;
}
.demoReference {
margin: -30px 0 10px -10px;
}
.demoReference .contentSlide {
right: -10px !important;
}
.sliderGallery {background: url(/wGlobal/wGlobal/layout/images/backgrounds/bg.png) no-repeat scroll 0 0 transparent;height: 428px;overflow: hidden;position: relative;width: 995px}
.sliderGallery ul {height: 428px;list-style: none outside none;margin: 0;padding: 0;position: absolute}
.sliderGallery ul li.jcarousel-item-horizontal {display: block;float: left;height: auto;position: relative}
.sliderGallery ul li.jcarousel-item-horizontal .imageRight {float: right}
.sliderGallery ul li.jcarousel-item-horizontal div.contentSlide {background: none repeat scroll 0 0 transparent;display: block;float: left;white-space: normal;width: 400px}
.sliderGallery ul li.jcarousel-item-horizontal div.text p {font-size: 15px}
.sliderGallery ul li.jcarousel-item-horizontal div.text a {font-size: 12px}
.sliderGallery ul li.jcarousel-item-horizontal h2 {font-size: 22px;line-height: normal;margin: 0 0 20px}
.sliderGallery ul li.jcarousel-item-horizontal a.more {background: none repeat scroll 0 0 #E3001B;border-radius: 3px 3px 3px 3px;color: #FFFFFF;display: inline-block;margin: 5px 0 0;padding:3px 7px}
.sliderGallery ul li.jcarousel-item-horizontal a.imageRight {background:none}
.jcarousel-clip {width : 994px; height: 285px}
.jcarousel-control {background: url(/wGlobal/wGlobal/layout/images/backgrounds/slider-bg.png) no-repeat scroll 0 1px transparent;left: 0;margin: 258px 0 0 6px;padding:3px 0;position: absolute;text-align: center;top: 0;width: 982px}
.jcarousel-control a {font-size:13px;background: none repeat scroll 0 0 #E3001B;border-radius: 3px 3px 3px 3px;color: #FFFFFF;display: inline-block;margin: 0 5px;padding: 0 6px}
.jcarousel-control a.active {background: none repeat scroll 0 0 #FFFFFF;color: #000000}
.jcarousel-prev-horizontal {background: url("/wGlobal/wGlobal/layout/images/backgrounds/pfeil_links.png") no-repeat scroll 0 0 transparent;cursor: pointer;height: 50px;left: 40px;position: absolute;top: 105px;width: 32px}
.jcarousel-next-horizontal {background: url("/wGlobal/wGlobal/layout/images/backgrounds/pfeil_rechts.png") no-repeat scroll right 0 transparent;cursor: pointer;height: 50px;position: absolute;right: 40px;top: 105px;width: 32px}
.sliderGallery.entries1 .jcarousel-control {display:none}
/* Image-Slider */
.imageslider {position: relative;overflow: hidden}
.imageslider ul {
width: 10000em;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.imageslider .imageslider-item {width: 200px;margin: 0 10px 0 0;padding: 0;float: left}
.imageslider .jcarousel-prev-horizontal {opacity: 0.8;background: url("/wGlobal/wGlobal/layout/images/icons/sliderButton-left.png") no-repeat scroll 0 0 transparent;cursor: pointer;height: 50px;left: 10px;position: absolute;top: 60px;width: 32px}
.imageslider .jcarousel-next-horizontal {opacity: 0.8;background: url("/wGlobal/wGlobal/layout/images/icons/sliderButton-right.png") no-repeat scroll right 0 transparent;cursor: pointer;height: 50px;position: absolute;right: 10px;top: 60px;width: 32px}
ul.ui-tabs-nav {list-style: none; margin: 0; padding: 0; }
ul.ui-tabs-nav li a {display: block; float: left; margin: 0 1px 0 0; border: 1px solid #ccc; padding: 5px; border-bottom-width: 0px}
.ui-tabs-panel {clear: both; display: block}
.ui-tabs { position: relative; padding: .2em; zoom: 1; font-size: .9em} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { margin: 2px 0 -1px 0; outline: 0; background: #cfcfcf; float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background: #fff}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 1px solid #ccc; padding: 1em 1.4em; background: #fff; overflow:hidden}
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-nav a:hover {color: #000}
/* Nav-Dropdown */
ul.navi-dropdown li.TIEFBAU.sfHover a,
.TIEFBAU .productoverview a:hover,
ul.navi-dropdown li.TIEFBAU a:hover,
ul.navi-dropdown li.TIEFBAU a.selected,
ul.navi-dropdown li.TIEFBAU a.openselected {color: #009ede}
ul.navi-dropdown li.TIEFBAU.sfHover ul a {color: #000}
.accordion h3.TIEFBAU,
.accordion div.TIEFBAU h3,
ul.navi-dropdown ul li.TIEFBAU a:hover,
ul.navi-dropdown ul li.TIEFBAU a.selected,
ul.navi-dropdown ul li.TIEFBAU a.openselected {background: #009ede;color: #fff}
.accordion h3.detailed_report {background: #e3001b;color: #fff}
ul.navi-dropdown li.GALABAU.sfHover a,
.GALABAU .productoverview a:hover,
ul.navi-dropdown li.GALABAU a:hover,
ul.navi-dropdown li.GALABAU a.selected,
ul.navi-dropdown li.GALABAU a.openselected {color: #93c11c}
ul.navi-dropdown li.GALABAU.sfHover ul a {color: #000}
.accordion h3.GALABAU,
.accordion div.GALABAU h3,
ul.navi-dropdown ul li.GALABAU a:hover,
ul.navi-dropdown ul li.GALABAU a.selected,
ul.navi-dropdown ul li.GALABAU a.openselected {background: #93c11c;color: #fff}
ul.navi-dropdown li.AQUABAU.sfHover a,
.AQUABAU .productoverview a:hover,
ul.navi-dropdown li.AQUABAU a:hover,
ul.navi-dropdown li.AQUABAU a.selected,
ul.navi-dropdown li.AQUABAU a.openselected {color: #00b1b0}
ul.navi-dropdown li.AQUABAU.sfHover ul a {color: #000}
.accordion h3.AQUABAU,
.accordion div.AQUABAU h3,
ul.navi-dropdown ul li.AQUABAU a:hover,
ul.navi-dropdown ul li.AQUABAU a.selected,
ul.navi-dropdown ul li.AQUABAU a.openselected {background: #00b1b0;color: #fff}
ul.navi-dropdown li.SPORTBAU.sfHover a,
.SPORTBAU .productoverview a:hover,
ul.navi-dropdown li.SPORTBAU a:hover,
ul.navi-dropdown li.SPORTBAU a.selected,
ul.navi-dropdown li.SPORTBAU a.openselected {color: #ee7401}
ul.navi-dropdown li.SPORTBAU.sfHover ul a {color: #000}
.accordion h3.SPORTBAU,
.accordion div.SPORTBAU h3,
ul.navi-dropdown ul li.SPORTBAU a:hover,
ul.navi-dropdown ul li.SPORTBAU a.selected,
ul.navi-dropdown ul li.SPORTBAU a.openselected {background: #ee7401;color: #fff}
/* Footer */
#blockBottom h3 {font-size:16px}
#blockBottom p {/*font-size:12px*/font-size:inherit}
#blockBottom ul {list-style:none;margin:0;padding:0}
#blockBottom ul.social {/*font-size:12px*/font-size:1.25em;text-align: center; display: block; list-style: none;clear: both; padding:5px 0 3px 0}
#blockBottom ul.social li {display: inline}
#blockBottom #twitter {background: url(/wGlobal/wGlobal/layout/images/icons/twitter.png) no-repeat; padding: 0 20px 0 20px}
#blockBottom #facebook {background: url(/wGlobal/wGlobal/layout/images/icons/facebook.png) no-repeat; padding-left: 20px}
#blockBottom address {text-align:center;font-style:normal}
#blockBottomInner #areaContent5Include {border-top: 0}
#blockBottomInner .elementContainer {border-top:none}
#blockBottomInner > .elementText,
#blockBottomInner .elementStandard {padding:10px 20px;margin:0}
#blockBottomInner p {margin-bottom:0}
#blockBottomInner ul {font-size:11px}
#blockBottom a.print {font-size: 14px;background: url(/wGlobal/wGlobal/layout/images/icons/print.gif) left center no-repeat;padding: 0 0 0 15px;margin: 0 0 0 10px;color: #fff;cursor: pointer}
#blockBottom a.totop {font-size: 14px;background: url(/wGlobal/wGlobal/layout/images/icons/totop.gif) left center no-repeat;padding: 0 0 0 12px;margin: 0 0 0 10px;color: #fff}
#blockBottom a.settings {font-size: 11px;background: url(/wGlobal/wGlobal/layout/images/icons/settings.png) 0 1px no-repeat;padding: 0 0 0 16px}
/** * Common-Common cols */
div.colGroup_1_4, div.colGroup_1_3, div.colGroup_1_2, div.colGroup_1_1 {clear: both}
div.colGroup_1_1 div.left {width: 49%;float: left}
div.colGroup_1_1 div.right {width: 50%;float: right}
div.colGroup_1_2 div.left {width: 32%;float: left}
div.colGroup_1_2 div.right {width: 66%;float: right}
div.colGroup_1_3 div.left {width: 24%;float: left}
div.colGroup_1_3 div.right {width: 75%;float: right}
div.colGroup_3_1 div.left {width: 75%;float: left}
div.colGroup_3_1 div.right {width: 24%;float: right}
div.colGroup_1_4 div.col1 {width: 24%;float: left}
div.colGroup_1_4 div.col2 {width: 24%;float: left}
div.colGroup_1_4 div.col3 {width: 24%;float: left}
div.colGroup_1_4 div.col4 {width: 24%;float: left}
div.colGroup_4_1 .grid-c1 {width: 75%;float: left}
div.colGroup {clear: both;margin: 0;position: relative}
div.colGroup .grid-c1, .elementBoxHome {display: block;width: 187px;float: left;margin-right: 10px}
div.colGroup .grid-c1 img {max-width: 187px}
div.colGroup .grid-c15 {display: block;width: 230px;float: left;margin-right: 10px}
div.colGroup .grid-c2 {display: block;width: 477px;float: left;margin-right: 10px}
div.colGroup .grid-c4 .grid-c2 {width: 374px;margin-right: 10px}
div.colGroup .grid-c2 img {max-width: 455px}
div.colGroup .grid-c3 {display: block;width: 581px;float: left;margin-right: 10px}
div.colGroup .grid-c35 {display: block;/*width: 684px; */width: 735px;float: right;margin-right: 10px}
div.colGroup .grid-c3 img {max-width: 581px}
div.colGroup .grid-c4 {display: block;width: 778px;float: left;margin-right: 10px}
div.colGroup .grid-c4 img {max-width: 778px}
div.colGroup .grid-c5 {display: block;width: 318px;float: left;margin-right: 10px}
div.colGroup .nomargin, .elementBoxHome .nomargin {margin-right: 0px}
div.colGroup .grid-c6 {width: 50%; float: left}
/*# Social Elements */
.googlePlusOne {float:left;margin:0 4px 4px 0}
.facebookLike {float:left;margin:0 4px 4px 0}
/*# Tagcloud */
.tagCloud {font-size:1em}
.tagCloud a {display:inline-block;margin: 0 5px 0 0;text-decoration: none}
.tagCloud a.highlighted {background-color:#999999;color:#ffffff}
/* Kategorienfilter */
.categoryFilterList {overflow:hidden;margin:0 0 10px 0}
.categoryFilterList select {float:right}
/*# A-Z Index */
.azNaviList {text-align:center;line-height:24px;margin:0 0 10px 0}
.azNaviList a {text-decoration:none}
.azNaviList a:hover {background-color:#f0f0f0}
.azNaviList .charAvailable {padding:4px}
.azNaviList .charNotAvailable {padding:4px;color:#dddddd}
/*# Seiten-Blättern-Navigation */
.pageNaviList {text-align:center;/*font-size:12px*/font-size:1.25em;margin:0 0 10px 0}
.pageNaviList a {text-decoration:none}
.pageNaviList a {font-size:15px;background: none repeat scroll 0 0 #E3001B;border-radius: 3px 3px 3px 3px;color: #FFFFFF;display: inline-block;margin: 0 5px;padding: 2px 6px}
.pageNaviList .pageNaviBackLink {margin:0 4px 0 4px}
.pageNaviList .pageNaviLink {margin:0 4px 0 4px}
.pageNaviList .pageNaviCurrent {margin:0 4px 0 4px}
.pageNaviList .pageNaviNextLink {margin:0 4px 0 4px}
/*# Breadcrumb-Navigation */
#navigationBreadcrumb {font-size:11px;height:19px;clear:left;padding:10px 0 5px 10px}
#navigationBreadcrumb a {text-decoration:none;color:#000}
#navigationBreadcrumb .innerLeft {position:relative;width:600px;height:17px;float:left;overflow:hidden}
/*# Meta-Navigation-Top */
#metaTop {height: 30px; background:#fff;border-top: 11px solid #e3001b}
/*#metaTop .innerRight {position:relative;
#metaTop #utility {position: absolute;top: 0;right: 11px;font-size: 11px}*/
#metaTop #utility {float:right;padding-right: 11px;/*font-size: 11px*/;padding-top:8px}
#metaTop #utility li {list-style:none;float:left}
#metaTop #utility a {margin: 0 0 0 15px;padding: 5px 0 5px 20px;color:#969293}
.worldmap::before {content:"\f0ac";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:0.9rem;vertical-align:middle;color:#969293;margin-right:3px;}
.newsletter::before {content:"\f2b7";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:0.9rem;vertical-align:middle;color:#969293;margin-right:3px;}
.lexikon::before {content:"\f02d";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:0.9rem;vertical-align:middle;color:#969293;margin-right:3px;}
.mydocuments::before {content:"\f019";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;font-size:0.9rem;vertical-align:middle;color:#969293;margin-right:3px;}
#utility .fa-chevron-down {display: initial;}
/*# Eingebetete Vorschauseite der Navigation */
iframe.navLevel1Embed {width:540px;height:1px;border:none}
/* Spezielles */
#popUpForm label span {font-size: 15px}
#printImage {display:none}
/* Box-Layout */
.boxLayout {border:1px solid #ccc}
.boxEquality {min-height: 155px}
.boxLayout h2 {background-color: #ccc;color:#fff;font-size:17px; font-weight: normal;padding:5px 10px;margin:0}
/* Jobad */
.jobad-img {
margin-bottom: 30px;
}
.jobad-img img {
width:100%;
}
/* Facelift */
.elementBoxHomeService h2 {
font-size: 14px;
color:#000;
text-transform: uppercase;
margin-bottom:10px;
}
.elementBoxHomeServiceLink:hover .elementBoxHomeService {
background-color :#e5e5e5;
}
.elementBoxHomeService {
border-bottom: 5px solid #d6d6d6;
padding: 5px 9px;
margin-bottom: 20px;
background-color: #efefef;
}
.elementBoxHomeServiceLink:hover p {
color: #000;
}
.productCatalog #navigationSub .navLevel3Container {
display: none;
}
/*.extraLogo {
margin-left: 30px;
}*/
.start h3 {
margin-bottom: 15px;
}
.innerGreyBox {
background-color: #efefef;
padding: 30px 20px 20px;
margin-bottom: 10px;
}
#blockBottom .elementBoxGreyBox {
background-color: #fff;
padding: 0 10px 1px;
}
#blockBottom .elementContainer {
background-color: #fff;
padding-top: 44px;
}
#blockBottom .elementBoxGreyBox a {
color: transparent;
display: inline-block;
width: 27px;
height: 27px;
margin: 0 20px;
padding: 0;
}
#blockBottom #areaContent5Include {
background-color: #fff;
padding: 0 10px;
}
#blockBottom #areaContent5Include .elementText {
margin:0;
background: url(/wGlobal/wGlobal/layout/images/icons/zitiat.png) no-repeat center 30px #efefef;
padding: 80px 20px 20px;
color: #575656;
}
#blockBottom #areaContent5Include h3 {
text-align: center;
font-size: 20px;
color: #575656;
}
#homeSlider a.linkImg {
padding: 0;
}
/* Backend Panel */
.wglEditorPanel {
top: 0;
}
/*BEGIN InstallInstructions*/
#HViewInstallInstructions input[type="checkbox"] {
float: right;
}
#HViewInstallInstructions .allButton input[type="checkbox"] {
float: left;
}
#HViewInstallInstructions h4.withoutText {
height: 15px;
}
#HViewInstallInstructions .indPage {
background: url("/wGlobal/wGlobal/layout/images/installInstructions/page1.jpg") 10px 10px no-repeat;
}
#HViewInstallInstructions .indPageEnd {
background: url("/wGlobal/wGlobal/layout/images/installInstructions/page2.jpg") 10px 10px no-repeat;
}
#HViewInstallInstructions #input_IndCat_Headline1 {
top: 250px;
}
#HViewInstallInstructions #input_IndCat_Headline2 {
top: 315px;
}
#HViewInstallInstructions #logoUpload {
top: 475px;
}
#HViewInstallInstructions #backpageText {
top: 288px;
left: 212px;
}
#HViewInstallInstructions #backpageText textarea {
height: 102px;
width: 182px;
}
/*Imprint*/
a.hidden {
cursor: default;
text-decoration: none;
}
a.hidden:hover {
color: #000;
}
h3 a.hidden {
font-size: 16px;
}
/* Imported 2016-08-08 16:07:39 from /wGlobal/wGlobal/layout/styles/import/container.accordion.css */
.elementAccordion .accordionHeader {border:none;background-color:#ccc;background-image:none;border-radius:0;padding: 10px 10px 10px 10px;margin-bottom: 20px}
.elementAccordion .accordionHeader:hover {background-color:#ccc}
.elementAccordion .accordionContent {border:none;padding:10px; border: 1px solid #ccc; margin-top: -20px; margin-bottom: 20px;border-radius:0}
.elementAccordion .ui-icon {float: left}
.elementAccordion h3.accordionHeader {
color: #fff; font-size:13px;
}
.elementAccordion h3.accordionHeader.tiefbau {
background-color: #009ede;
}
.elementAccordion h3.accordionHeader.galabau {
background-color: #93c11c;
}
.elementAccordion h3.accordionHeader.aquabau {
background-color: #00b1b0;
}
.elementAccordion h3.accordionHeader.sportbau {
background-color: #ee7401;
}
.elementAccordion h3.ui-state-default .ui-icon,
.elementAccordion h3.ui-state-active .ui-icon{
background-image: url(/wGlobal/wGlobal/layout/styles/items/images/ui-icons_ffffff_256x240.png);
margin-top: 0px;
}
.elementAccordion .ui-state-default a,
.elementAccordion .ui-state-default a:link,
.elementAccordion .ui-state-default a:visited,
.elementAccordion .ui-state-active a,
.elementAccordion .ui-state-active a:link,
.elementAccordion .ui-state-active a:visited {
color: #fff;
}
h3.accordionHeader.ui-accordion-header {
border: none;
background-color: #ccc;
background-image: none;
border-radius: 0;
padding: 10px 10px 10px 10px;
margin-bottom: 20px;
}
.accordionContent.ui-accordion-content .videoObject iframe {
width: 100%;
height: auto;
}
/*Druckversion Browser*/
.imprintPrint {
display: none;
}
/*@media print {
.imprintPrint {
display: block !important;
float: right;
}
#blockLeft {
display: none;
}
#blockMain #blockContentFullRight {
width: 100%;
}
a.intern {
padding-left: 0;
}
}*/
/*Search-Template*/
#blockLeft .searchTerm {
padding: 8px 40px 8px 10px;
width: 180px;
font-size: 15px;
background: url(/wGlobal/wGlobal/layout/images/backgrounds/search-field-left.png) no-repeat;
border: none;
}
#blockLeft .searchMask button {
position: absolute;;
right: 0;
width: 40px;
overflow: hidden;
height: 34px;
border-radius: 0;
background-color: transparent;
color: transparent;
}
.pageNaviList .pageNaviCurrent {
background-color: #999;
font-size: 15px;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
display: inline-block;
margin: 0 5px;
padding: 2px 6px;
font-weight: normal;
}
.pageNaviList .pageNaviLink {
font-size: 15px;
background: none repeat scroll 0 0 #E3001B;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
display: inline-block;
margin: 0 5px;
padding: 2px 6px;
}
#blockLeft .searchMask .extended {
font-size: 15px;
padding-right: 15px;
color: #a9a9a9;
margin-top: 30px;
display: block;
}
/*Optimierung Startseite*/
.homeContainer,
.homeContainer2 {
background: url("/wGlobal/wGlobal/layout/images/home/border-box.png") bottom right no-repeat;
margin-bottom: 20px;
}
.toolContainer {
border-bottom: 5px solid #d6d6d6;
background-color: #efefef;
margin-bottom: 20px;
}
.toolContainer .elementBoxHomeService {
padding: 20px 9px;
background-color: #efefef;
text-align: center;
border: none;
margin: 0;
}
.toolContainer .elementBoxHomeService p {
text-align: center;
}
.homeContainer h2,
.homeContainer2 h2 {
/*font-size: 14px;*/
font-size: 1.5em;
}
.linkbuttonLeft {
border: 1px solid #d6d6d6;
min-width: 208px;
padding: 17px 10px;
float: left;
text-align: center;
}
.linkbuttonRight {
border: 1px solid #d6d6d6;
min-width: 208px;
padding: 17px 10px;
float: right;
text-align: center;
}
.homeContainer .elementText,
.homeContainer2 .elementText {
margin-bottom: 20px;
}
.homeContainer .linkbuttonLeft a,
.homeContainer .linkbuttonRight a,
.homeContainer2 .linkbuttonLeft a,
.homeContainer2 .linkbuttonRight a {
font-size: 1.25em;
text-transform: uppercase;
color: #666666;
}
.homeContainer .linkbuttonLeft a:hover,
.homeContainer .linkbuttonRight a:hover,
.homeContainer2 .linkbuttonLeft a:hover,
.homeContainer2 .linkbuttonRight a:hover {
color: #e40006;
}
.homeContainer .linkbuttonLeft a:after,
.homeContainer .linkbuttonRight a:after,
.homeContainer2 .linkbuttonLeft a:after,
.homeContainer2 .linkbuttonRight a:after {
font-family: FontAwesome;
content: " \f105";
font-size: 1.333em;
color: #e40006;
}
.homeContainer .col2_50_inner,
.homeContainer2 .col2_50_inner {
border-bottom: none;
min-height: 431px;
}
.homeContainer .col2_50_inner {
border: 1px solid #c6c6c6;
padding: 15px 20px;
}
.homeContainer .col2_50_inner .elementHeadline h2 {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #c6c6c6;
color: #333333;
}
.listHome.listDefault {
border: none;
}
.listHome .listEntry {
border: none;
}
.listDefault.listHome .listEntryDate {
font-size: 11px;
}
.listDefault.listHome .listEntryTitle {
margin-bottom: 0;
}
.listDefault.listHome .listEntryTitle a {
font-size: 13px;
color: #333333;
}
.listDefault.listHome .listEntryTitle a:after {
font-family: FontAwesome;
content: " \f105";
font-size: 13px;
color: #e40006;
font-weight: bold;
}
.homeContainer .elementLink .intern,
.homeContainer2 .elementLink .intern {
color: #e40006;
padding-left: 0;
background-image: none;
}
.homeContainer .elementLink a.intern:after,
.homeContainer2 .elementLink a.intern:after {
font-family: FontAwesome;
content: " \f105";
font-size: 13px;
color: #e40006;
font-weight: bold;
}
#blockBottom .elementContainer.toolContainer {
padding: 10px;
border-bottom: none;
}
#blockBottom .elementContainer.toolContainer .toolInner {
border-bottom: 5px solid #d6d6d6;
background-color: #efefef;
padding: 30px;
}
.elementBoxNewsletterBox {
padding-left: 50px;
background: url("/wGlobal/wGlobal/layout/images/icons/newsletter.png") no-repeat 0 4px;
}
.mail {
font-size: inherit;
}
.mail:before {
content: "\f003";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #e40006;
margin-right: 3px;
font-size: 0.9rem;
}
#blockBottom .toolContainer a {
/*font-size: 12px;*/
font-size: inherit;
}
#blockBottom .toolContainer a.mail {
color: #e40006;
}
#blockBottom .elementBoxNewsletterBox a {
color: #e40006;
text-transform: uppercase;
}
/* Social Buttons */
.elementSocialButton {position:relative;margin:0 10px 10px 0;width:72px;height:72px;float:left}
.elementSocialButton:last-of-type {margin-right:0}
.elementSocialButton .socialIcon {position:absolute;width:100%;height:100%;background-size:1000%;background-repeat:no-repeat;border: 1px solid #c6c6c6;margin-bottom: 16px}
.elementSocialButton .socialIcon:after {color: #999494;font-family: FontAwesome;font-size: 25px; line-height: 36px; text-align: center;width: 36px;display: block}
.elementSocialButton:hover .socialIcon:after{color: #e40006}
.elementSocialButton .socialLink {cursor:pointer;text-decoration:none;display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.elementSocialButtonLastItemAfter {width:0;height:0;display:block !important;clear:left}
.elementSocialButtonLastItemOfTypeAfter {width:0;height:0;display:block !important;clear:left}
.elementSocialButtonTypeFacebook {background-color:#48629D}
.elementSocialButtonTypeTwitter {background-color:#55ACEE}
.elementSocialButtonTypeGoogle {background-color:#DD4B39}
.elementSocialButtonTypePinterest {background-color:#BD081C}
.elementSocialButtonTypeRSS {background-color:#FFA500}
.elementSocialButtonTypeMail {background-color:#A0A0A0}
.elementSocialButtonTypeInstagram {background-color:#986645}
.elementSocialButtonTypeYoutube {background-color:#CD201F}
.elementSocialButtonTypeLinkedIn {background-color:#007BB6}
.elementSocialButtonTypeTumblr {background-color:#34465D}
.elementSocialButtonTypeXing {background-color:#00605E}
.elementSocialButtonTypeTel {background-color:#9B2424}
.elementSocialButtonTypeMap {background-color:#ffffff}
.elementSocialButtonTypeFacebook .socialIcon:after {content: "\f082"}
.elementSocialButtonTypeTwitter .socialIcon:after {content: "\f099"}
.elementSocialButtonTypeGoogle .socialIcon:after {content: "\f1a0"}
.elementSocialButtonTypePinterest .socialIcon:after {content: "\f231"}
.elementSocialButtonTypeRSS .socialIcon:after {content: "\f09e"}
.elementSocialButtonTypeMail .socialIcon:after {content: "\f1fa"}
.elementSocialButtonTypeNewsletter .socialIcon:after {content: "\f0e0"}
.elementSocialButtonTypeInstagram .socialIcon:after {content: "\f16d"}
.elementSocialButtonTypeYoutube .socialIcon:after {content: "\f167"}
.elementSocialButtonTypeLinkedIn .socialIcon:after {content: "\f08c"}
.elementSocialButtonTypeTumblr .socialIcon:after {content: "\f174"}
.elementSocialButtonTypeXing .socialIcon:after {content: "\f168"}
.elementSocialButtonTypeTel .socialIcon:after {content: "\f095"}
.elementSocialButtonTypeMap .socialIcon:after {content: "\f041"}
.elementSocialButtonTypeVertrieb .socialIcon:after {content: "\f007"}
.elementSocialButtonTypeFacebook:hover .socialIcon:after {color:#48629D}
.elementSocialButtonTypeTwitter:hover .socialIcon:after {color:#55ACEE}
.elementSocialButtonTypeYoutube:hover .socialIcon:after {color:#CD201F}
.elementSocialButtonTypeLinkedIn:hover .socialIcon:after {color:#007BB6}
.elementSocialButtonTypeInstagram:hover .socialIcon:after {color:#986645}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:0;livepreview:yes;caption:Eckig;caption-en:square}*/
.elementSocialButtonBorderRadius_var0 {border-radius:0}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:25;livepreview:yes;caption:Leicht abgerundet;caption-en:small radius}*/
.elementSocialButtonBorderRadius_var25 {border-radius:5%}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:100;livepreview:yes;caption:Rund;caption-en:round}*/
.elementSocialButtonBorderRadius_var100 {border-radius:50%}
/*@wCssFragment{class:elementSocialButtonFloat;variant:50;livepreview:yes;caption:Untereinander;caption-en:with linebreak}*/
.elementSocialButtonFloat_var50 {float:none;clear:both}
/*@wCssFragment{class:elementSocialButtonFloat;variant:25;livepreview:yes;caption:Links fließend;caption-en:float left}*/
.elementSocialButtonFloat_var25 {float:left;margin-bottom:0}
/*@wCssFragment{class:elementSocialButtonFloat;variant:75;livepreview:yes;caption:Rechts fließend;caption-en:float right}*/
.elementSocialButtonFloat_var75 {float:right;margin-bottom:0}
/*@wCssFragment{class:elementSocialButtonSize;variant:24;livepreview:yes;caption:Klein;caption-en:Small}*/
.elementSocialButtonSize_var24 {width:24px;height:24px}
/*@wCssFragment{class:elementSocialButtonSize;variant:36;livepreview:yes;caption:Mittel;caption-en:Medium}*/
.elementSocialButtonSize_var36 {width:36px;height:36px}
/*@wCssFragment{class:elementSocialButtonSize;variant:50;livepreview:yes;caption:Groß;caption-en:Large}*/
.elementSocialButtonSize_var50 {width:72px;height:72px}
/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:0;livepreview:yes;caption:Automatisch;caption-en:auto}*/
.elementSocialButtonBackgroundColor_var0 {}
/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:99;livepreview:yes;caption:Transparent;caption-en:transparency}*/
.elementSocialButtonBackgroundColor_var99 {background-color:transparent}
/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:1000;livepreview:yes;caption:Weiß;caption-en:white}*/
.elementSocialButtonBackgroundColor_var1000 {background-color:#ffffff}
/*@wCssFragment{class:elementSocialButtonBackgroundGradient;variant:0;livepreview:yes;caption:Kein Effekt;caption-en:No effect}*/
.elementSocialButtonBackgroundGradient_var0 {}
/*@wCssFragment{class:elementSocialButtonBackgroundGradient;variant:10;livepreview:yes;caption:Horizontal;caption-en:Slope}*/
.elementSocialButtonBackgroundGradient_var10 {background-image:linear-gradient(-90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 0, 0, 0))}
/*@wCssFragment{class:elementSocialButtonShadow;variant:0;livepreview:yes;caption:Kein Schatten;caption-en:No shadow}*/
.elementSocialButtonShadow_var0 {}
/*@wCssFragment{class:elementSocialButtonShadow;variant:11;livepreview:yes;caption:Leichter Schatten schräg;caption-en:Light shadow slope}*/
.elementSocialButtonShadow_var11 {box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.3)}
/*@wCssFragment{class:elementSocialButtonMargin;variant:0;selectable:yes;livepreview:yes;caption:Mit Abstand;caption-en:With Margin}*/
.elementSocialButtonMargin_var0 {margin:0 10px 10px 0}
/*@wCssFragment{class:elementSocialButtonMargin;variant:10;livepreview:yes;caption:Ohne Abstand;caption-en:Without margin}*/
.elementSocialButtonMargin_var10 {margin:0}
/*@wCssFragment{class:elementSocialButtonMargin;variant:100;livepreview:yes;caption:Mit Abstand unten;caption-en:With margin bottom}*/
.elementBoxSocialButtons .elementStandard.elementSocialButtonMargin_var100 {margin:0 0 5px}
/*@wCssFragment{class:elementSocialButton;variant:0;livepreview:yes;caption:Individuell anpassbar;caption-en:Customizable}*/
.elementSocialButton_var0 {position:relative;-w-editmaskExtended-borderradius:yes;-w-editmaskExtended-float:yes;-w-editmaskExtended-size:yes;-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-backgroundgradient:yes;-w-editmaskExtended-shadow:yes;-w-editmaskExtended-margin:yes}
.elementSocialButton_var0 .socialIcon {position:absolute;top:0;left:0}
.elementSocialButton_var0 .socialLink {cursor:pointer;display:block;position:absolute;top:0;left:0;width:100%;height:100%}
/*@wCssFragment{class:elementSocialButton;variant:1000;livepreview:yes;caption:Footer;caption-en:Footer}*/
.elementSocialButton_var1000 {-w-editmaskExtended-borderradius:no;-w-editmaskExtended-float:no;-w-editmaskExtended-size:no;-w-editmaskExtended-backgroundcolor:no;-w-editmaskExtended-backgroundgradient:no;-w-editmaskExtended-shadow:no;-w-editmaskExtended-margin:no}
#blockBottom .elementSocialButton_var1000 {
position:relative;
background-color:transparent;
float: right;
margin: 0 0 15px 15px;
padding: 0;
width: 25px;
height: 25px;
}
#blockBottom .elementSocialButton .socialIcon:after {
width: 25px;
}
#blockBottom .elementSocialButton .socialIcon {
border:none;
}
.elementBoxSocialButtons {position:fixed;z-index:20;top:10%;right:0;-w-editmaskExtended-classes:positionRightTop(rechts oben)|positionRightBottom(rechts unten)|positionLeftTop(links oben)|positionLeftBottom(links unten)}
.elementBoxSocialButtons {right:0;top:10%}
.weditor .elementBoxSocialButtons {position:static}
.hoverText {
position: absolute;
right: 36px;
height: 35px;
line-height: 35px;
background-color: #fff;
border: 1px solid #c6c6c6;
border-right: none;
padding: 0 10px;
color: #e40006;
min-width: 150px;
}
.weditor div.elementBoxSocialButtons {
position: fixed;
}
.weditor .wWebtagItem div.elementBoxSocialButtons {
position: static;
}
.elementBoxGreyDark1,
.elementBoxGreyBright1
{
padding: 25px 40px;
}
.elementBoxGreyDark1 {
color: #fff;
background-color: #a6a6a6;
}
.elementBoxGreyBright1 {
background-color: #e6e6e6;
}
.elementBoxGreyDark1 h1,
.elementBoxGreyDark1 h2,
.elementBoxGreyDark1 h3,
.elementBoxGreyDark1 h4,
.elementBoxGreyDark1 h5 {
color: #fff;
}
.elementBoxGreyDark1 a {
color: #fff;
font-size: 1.25rem;
}
.elementBoxGreyDark1 a:hover,
.elementBoxGreyDark1 .pictureSubtitle a:hover {
color: #ED1C24;
}
.elementBoxGreyDark1 p {
color: #fff;
font-size: 1.25rem;
}
.elementBoxGreyBright1 a {
font-size: 1.25rem;
}
/*Fotowettbewerb*/
.listFotowettbewerb {
overflow: hidden;
}
.listFotowettbewerb .listEntry {
width: 227px;
float: left;
margin: 0 24px 24px 0;
list-style: none;
}
.listFotowettbewerb h2 {
font-size: 15px;
margin-bottom: 10px;
}
.listFotowettbewerb .thumbnail {
width: 227px;
height: 179px;
margin-bottom: 10px;
overflow: hidden;
}
.default #blockContent,
.default #blockRight {
margin-top: 0;
}
.default #blockContent {
margin-left: 10px;
}
.fotowettbewerb .projektinfos dt {
white-space: normal;
width: 198px;
display: block;
}
.fotowettbewerb .projektinfos label {
white-space: normal;
width: 198px;
display: block;
}
.fotowettbewerb dd.projektinfos {
display: block;
margin-top: -45px;
}
/*Placeholder Individueller Katalog */
.indPage ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #FFDEAD;
}
.indPage :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #FFDEAD;
opacity: 1;
}
.indPage ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #FFDEAD;
opacity: 1;
}
.indPage :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #FFDEAD;
}
.indPage ::-ms-input-placeholder { /* Microsoft Edge */
color: #FFDEAD;
}
/* Referenzenformular start */
#form_datum_fertigstellung select {
width: auto;
}
/* Referenzenformular stop */
#infoLayer {
left: 0;
border: 0;
background: #e3001b;
z-index: 500;
}
div#infoLayer1 {
height:50px;
color:white;
font-size:50px;
cursor: pointer;
}
div#infoLayer2 {
color:white;
}
div#infoLayer2 p.infoLayerInfo {
font-family:Interstate;
font-size: 20px;
line-height: 140%;
}
div#infoLayer2 p.infoLayerTelephone , div#infoLayer2 p.infoLayerTelephone a span{
font-family: Interstate;
font-weight: bold;
font-size: 25px;
color:white;
}
div.closeX{
float:right;
font-weight: bold;
font-size:20px;
cursor: pointer;
}
img.extraLogo {
width: 220px;
position:absolute;left:265px;top:30px;
}
/* Footer Breadcrumb */
#blockFooterBreadcrumb {
background:#fff;
margin:0 20px;
padding:0 10px;
}
#blockFooterBreadcrumb .footerBreadcrumbInner {
border-top:1px solid #d6d6d6;
padding:15px 30px 5px 30px;
overflow:hidden;
}
#blockFooterBreadcrumb .wRootNavPoint a {
padding:0 7px 0 0;
word-wrap:break-word;
font-size: 1.25em;
/*line-height:19px;*/
line-height:1.5;
}
#blockFooterBreadcrumb .wNavPoint a,
#blockFooterBreadcrumb .productCatalogNavPoints a,
#blockFooterBreadcrumb .wRootNavPoint a {
word-wrap:break-word;
font-size: 1.25em;
line-height: 1.5;
padding: 0px;
}
#blockFooterBreadcrumb .wNavPoint a::before,
#blockFooterBreadcrumb .productCatalogNavPoints a::before {
content: "\f054";
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
text-rendering: auto;
font-size: 0.9rem;
vertical-align: middle;
color: #000;
margin-right: 5px;
margin-left: 5px;
}
#blockFooterBreadcrumb .wRootNavPoint,
#blockFooterBreadcrumb .productCatalogNavPoints,
#blockFooterBreadcrumb .wNavPoint {
display:inline-block;
}
body.productCatalog #blockFooterBreadcrumb .wNavPoint,
#blockFooterBreadcrumb .productCatalogNavPoints {
display:none;
}
body.productCatalog #blockFooterBreadcrumb .productCatalogNavPoints {
display:inline-block;
}
#fancybox-title {
font-size: 15px !important;
}
.fancybox-container.padding0 .fancybox-content {
padding: 0;
}
.bx-viewport li {
min-height: 1px;
min-width: 1px;
}
.bx-clone {
display: none;
}
.formTable dd.doubleInput1, .formTable dd.doubleInput2 {
float: left;
padding-top: 15px;
margin-top: 17px;
}
.formTable dd.doubleInput1 {
width: 28%;
padding-right: 2%;
}
.formTable dd.doubleInput2 {
width: 70%;
}
.formTable dd.doubleInput1 input,.formTable dd.doubleInput2 input {
width: 100%;
}
.formTable dd.doubleInput1 label, .formTable dd.doubleInput2 label {
display: block;
}
.formTable dd {
padding-bottom: 20px;
}
.pictureMid {
display: block;
margin-left: auto;
margin-right: auto
}
.pictureMid div.pictureSubtitle {
padding-top: 10px;
text-align: center;
}
.elementAccordion .accordionHeader a {
font-size: 1.25rem;
}
#blockBottom #blockBottomInner .toolContainer a.phonefooter {
margin-top: 10px;
display: inline-block;
font-size: 1.5rem;
color: #ED1C24;
}
#blockBottom #blockBottomInner .toolContainer a.mailfooter {
margin-top: 10px;
display: inline-block;
color: #ED1C24;
}
body.productCatalog #HViewProductCatalogExplosionDrawing a.boxPicture::before,
body.productCatalog .productcatalogExplosionszeichnung a.boxPicture::before,
#hstage a.video::before {
display: none;
}
/** #5801 Änderung Sprachwahl **/
#changeCountryLink i::before {
vertical-align: top;
}
div.glossaryEntry .pictureHover,
div.glossaryEntry .pictureCore img {
max-width: 200px;
height: auto;
}
/**** #6173 Anpassungen Footer für Cookies ****/
#blockBottom .toolInner .col2_33 {
display: none;
}
#blockBottom .toolInner .col3_33 {
width: 66.66%;
}
/**** #6890 Verfuegbarkeit Ampel ****/
.verfuegbarkeit1,
.verfuegbarkeit2,
.verfuegbarkeit3 {
height: 10px;
width: 10px;
border-radius: 50%;
display: inline-block;
}
.artikelVerf .verfuegbarkeit1,
.artikelVerf .verfuegbarkeit2,
.artikelVerf .verfuegbarkeit3 {
border: 2px solid #fff;
margin-top: 5px;
}
.ampelLegende {
margin-left: 12px;
margin-bottom: 10px;
}
.ampelLegende td {
vertical-align: middle;
padding: 0;
height: 35px;
}
.ampelLegende .textLabel {
margin-top: 3px;
margin-left: 10px;
}
.ampelLegende .verfuegbarkeit1,
.ampelLegende .verfuegbarkeit2,
.ampelLegende .verfuegbarkeit3 {
height: 20px;
width: 20px;
}
.verfuegbarkeit1 {
background-color: #93c11c;
}
.verfuegbarkeit2 {
background-color: #f39200;
}
.verfuegbarkeit3 {
background-color: #0b4e67;
}