﻿body {
}



	/*
========STARTPAGE:========
*/
	.totalCont {    
    /*padding-top: 112px;*/
}
.flexslider-controls {
    top: unset;
}
div.startPageMain {
	/*margin-left:12px;*/
	background-color:#ffffff;	
}
#welcomeContainer {
	/*width:64%;
	margin-right:3%;	
	float:left;
	margin-bottom:1em;*/	
}
.tile {
	/*width:31%;
	margin-right:2%;
	float:left;	
	margin-bottom:1em;*/	
}
div.tile.firstRowTile {
	/*width:24%;
	margin-right:1%;*/
	/*float:right;		*/
}
/*.tileTypeName {
	font-size:1.3em;
	border-bottom:1px solid #cccccc;	
}*/
/*img.tileImg {
	width:100%;
	height:auto;
	margin-bottom: 3px;	
}*/
/*.tileTopic {
	marign:0;
	margin-top:5px;
	margin-bottom:4px;	
	font-size:1.4em;
}*/
.tileClearQuad {
	clear:none;
}
.tileClearThird {
	clear:both;
}
.tileArticleCont,
.tileArticleContLeft {
    display: block;
    padding-bottom: 30px;
}
.tileWidth100 .tileArticleCont,
.tileWidth100 .tileArticleContLeft {
    padding-bottom: 0;
}
.TileType6, .TileType9 {
    margin-bottom: 0;
}
.tile.TileType6 .tileImgCont, .tile.TileType9 .tileImgCont {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.hasBackgroundImage {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-repeat: no-repeat;
    /*background-size: contain;*/
}
.hasBackgroundImage.showImageLineArticle {
    background-image:unset!important;
}
.hasBackgroundImage.showImageLineArticle .imageAltBackground {
    display: block;
}
.hasBackgroundImage.showImageLineArticle .tileImgCont {
    width:100%;
    margin:unset;
    max-width:unset;
}
.hasBackgroundImage .tileDesc {
    background: #ffffff; /*old browsers*/
    background: #ffffffbb;
}
.hasBackgroundImage .tileDesc.showImageLineCont {
    background: #ffffffcc;
    padding-bottom: 40px;
    margin-top: -80px;
    display: block;
    width: 100%;
    position: relative;
    margin-left: 0;
    box-sizing: border-box;
}
.tile .showImageLineCont .tileLink {
    margin-top:36px;
}
article.pdmImageLineArticle.hasBackgroundImage .tileDesc.showImageLineCont {
    margin-top: -100px;
}
.hasBackgroundImage .tileArticleCont, 
.hasBackgroundImage .tileArticleContLeft {
    padding-bottom: 0;
    padding-top:400px;
}
.hasBackgroundImage.showImageLineArticle .tileArticleCont,
.hasBackgroundImage.showImageLineArticle .tileArticleContLeft {
    padding-top:0;
}
.hasBackgroundImage .tileArticleCont .tileTopic,
.hasBackgroundImage .tileArticleContLeft .tileTopic {
    padding-top:50px;
}
.showImageLineCont .tileTopic,
.showImageLineCont {
    color: #757575;
}
.hasBackgroundImage .tileDesc.showImageLineCont .headline2 {
    padding-top:0;
    padding-bottom:27px;
}
.tileImgCont {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
#welcomeContainer .copytext {
    padding-left: 30px;
    padding-right: 30px;
}
#welcomeContainer .headline {
    padding-left: 20px;
}
#teamTileNr3 {
    display:none;
}
.headline {
    font-size: 3rem;
}
/*
========END-STARTPAGE========
*/
/*========Hauptmenü========*/
.mainMenu2 .smallMenu {
    display: table-cell;
    vertical-align: middle;
}
        .mainMenu {
            display:none;
        }
        .headRow .toolbar > div.searchContainerTop {
            height:100%;
        }
		.mainMenu ul.mainMenuList, .mainMenu2 ul.mainMenuList {
			display:none;
		}
		.mainMenu2 .smallMenu .desc {
			padding-left:7px;
			cursor:pointer;
		}
		.mainMenu2 .smallMenu > div {line-height:33px;}
		.mainMenu2 .smallMenu img {
			vertical-align:middle;
		}
		/*.mainMenu > nav {position:relative;}*/
		.mainMenu2 .smallMenuBlock {
			display:none;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			z-index:8;
			position:absolute;
			left:0;
			top:0;	
			width:100%;
			padding-left:0;
		}
		.smallMenuInner {
			padding-left:20px;
			padding-right:20px;
			padding-bottom:12px;		
			padding-top:45px;
			margin-top:-33px;
			background-color:#ffffff;
			/*box-shadow: rgba(0,0,0,0.2) 6px 6px 24px;*/
			/*box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);*/
			color: #757575;
            overflow-y: scroll;
            max-height: 100vh;
            box-sizing: border-box;
		}
		ul.smallMenuList {
			list-style-type:none;
			font-size:19px;
			color: #757575;
		}
			ul.smallMenuList li {
				line-height:30px;
			}
		/*ul.smallMenuList  li {
			padding-top:0.5cm;
			padding-bottom:0.5cm;
            margin-top: 0.5cm;
            margin-bottom: 0.5cm;
		}*/
		ul.smallMenuList li a {
			font-weight:normal;
		}
		ul.smallMenuList.level0 {
			
			/*padding-top:33px;*/
		}
		
		ul.smallMenuList.level0 > li {
			border-bottom:1px solid #000000;	
		}
		ul.smallMenuList.level0 > li.active {
			color:#AFAFAF;
		}
		ul.smallMenuList.level0 > li:last-child {
			border-bottom:0;
		}

            ul.smallMenuList > li > span.menuName {
                display:flex;
                justify-content:space-between;
                align-items:stretch;
                cursor:default;
            }
            ul.smallMenuList > li > a {
                cursor: pointer;
            }
                ul.smallMenuList > li > span.menuName .collapsemarker {
                    width:1em; min-height:1em;
                    cursor:pointer;
                }
                    ul.smallMenuList > li > span.menuName .collapsemarker::before {
                        content: "\25bc";
                    }
            ul.smallMenuList > li.open > span.menuName .collapsemarker::before {
                /*content: "\25b2";*/
                content: "\25c0";
            }

		ul.smallMenuList.level1 {
			margin-left: 10px;
		}
		ul.smallMenuList.level1 > li.active {
			color:#AFAFAF;
		}
		ul.smallMenuList.level2 > li {
			padding-left:10px;
			/*background-image: url('/images/menue_pfeil.png');*/
			background-repeat:no-repeat;
			background-position:left center;	
		}
		ul.smallMenuList.subList {
			margin-top:4px;
			display:none;	
		}
		ul.smallMenuList li.open > ul.smallMenuList.subList {
			display:block;	
		}
		.smallMenuSearch {
			margin-bottom:5px;
		}
		.smallMenuSearch > .caption {
			font-size:13px;	
			/*margin-bottom:4px;*/
		}
		input.smallMenuSearchBox {
			/*border:1px solid #000000;*/	
			height:29px;
			width:100%;
		}
        .headRow .toolbar > div.logoBox {
            vertical-align:middle;
        }
		.menuDummy { /*schwarze leiste über dem weißen menü. ist nötig damit sich die weiße box unter die schwarze schieben kann.*/
			height:33px;
			
			padding-left:20px;
			
			
			position:relative;
		}
        .searchContTbl {
            display:none;
        }
		
/*========================*/

/*Linksseitiges Menü*/


.headRow .toolbar > div.searchContainerTop {border:0}
.headRow .toolbar > div.searchContainerTop > input {display:none;}


/*FOOTER:*/

footer.pageFooterShop > .footerInner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
footer.pageFooterShop > .footerInner > .footerLine .openingTimes {
	display:none;
}
/*footer.pageFooterShop > .footerInner > .footerLine .footermenu {
	display:none;
}*/
footer.pageFooterShop > .footerInner > .footerLine .footerIcons {
	display:none;
}
footer.pageFooterShop > .footerInner > .footerLine .footerPG {
	display:none;
}
footer.pageFooterShop > .footerInner > .footerLine > .logoCnt {
			padding-right:10px;
		}
footer.pageFooterShop > .footerInner > .footerLine > .footerPG {
			padding-right:10px;
			padding-left:10px;
		}
footer.pageFooterShop .logoCnt > img {
		margin-right:5px !important;
	}
div.ekomiWidgetCont {
		margin-left:5px;
	}

.pgTile {
    width: 45%;
}


/* product list */
.plisttile {
    width:45%;
}
.fachberatung .recommIcon {
    padding-right: 0px;
    width: auto;
    height: 60px;
    top: 2px;
    position: relative;
    margin-top: -2px;
}

@media screen and (max-width: 850px) {
    .plisttile {
        width: 95%;
    }
}

.smallMenuList.subList.level2 li a {
    font-size:1rem;
}
.variableHeaderContainer {
	padding-top: 112px;
}
body.page_home article.tile.tileTopHeader {
	margin-top: 112px;
}
.propertiescontainer.copytext {
    /*margin-top:30px;*/
    margin-bottom:30px;
}
.WA_DetailsMinRow {    
    /*margin-top: 20px;*/
}
.footerCompanyDataTwoCol {
    display:block;
}
.smallSep {
    width: unset;
}

.featuresCont {        
    justify-content: space-between;        
}





.headRow > .toolbar > .searchContainerTop > .searchContRow > .smallMenu > .smallMenuOpener img {
	background-image: url('/images/menu-black.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.headRow > .toolbar > .searchContainerTop > .searchContRow > .smallMenu span.desc {
	display: none;
}

.headRow > .toolbar > .searchContainerTop > .searchContRow > .smallMenu > .smallMenuBlock > .menuDummy > img {
	/*background-image: url('/images/smallMenuBtn.png');*/
	background-image: url('/images/menu-black.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 25px;
	/*width: 32px;*/
	/*background-size: contain;
	width: 32px;
	height: 35px;*/
}

.headRow > .toolbar > .searchContainerTop > .searchContRow > .smallMenu .menuDummy > .desc {
	display: none;
}

.headRow > .toolbar > .searchContainerTop > .searchContRow > .smallMenu .smallMenuSearchSCContainer img {
	background: none;
	background-image: url('/images/shoppingbasket68.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

/*
@media screen and (max-width: 910px) {
}*/