html, body{margin:0; /*color:#cae6e4;*/ color:#222222; background-color:#585a5e; font-size:16px; font-family: Verdana, sans serif;}
@media (min-width:970px){
	/* Kopfzeile  */
	header{display:block; z-index:200; position:relative; top:0; width:100%; height:180px; text-align:center;
		background: rgb(221,221,221);
	/*background: -moz-linear-gradient(-45deg,  rgba(221,221,221,1) 0%, rgba(209,209,209,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(221,221,221,1) 0%,rgba(209,209,209,1) 100%);
	background: linear-gradient(135deg,  rgba(221,221,221,1) 0%,rgba(209,209,209,1) 100%);*/
	background-image:url('../img/banner/banner_lkw_transp.png');
	background-image:url('../img/banner/banner_lkw_transp.png'), linear-gradient(135deg,  rgba(221,221,221,1) 0%,rgba(209,209,209,1) 100%);
	background-position:right top; background-size:cover; background-repeat:no-repeat;}
	header>div{background:#050505; position:relative; top:140px; padding:0; clear:both; text-align:center;}
	#headerlogo{width:285px; height:130px; position:absolute; top:4px; left:100px; display:inline-block;
		/*background-color:rgb(221,221,221);*/ background-position:center; background-repeat:no-repeat; background-size:99%;
		background-image:url('../img/TekmannLogo_dark2.png')}
	/* Horizontales Dropdown Menü */
	nav{margin-right:auto; margin-left:auto; display:inline-block; padding-right:44px; margin-bottom:-2px; font-size:13px;}
	#mobilemenu{display:none;}
	#menu{border:none; list-style:none; margin-top:0px;}
	#menu>li{float:left; border:none; background:#050505; padding:0; margin:0px; text-align:center; position:relative; text-transform:uppercase;}
	#menu>li.nolnk{padding:15px 10px; color:#fafafa; cursor:pointer;}
	#menu>li>a{text-decoration:none; display:inline-block; padding:15px 10px; color:#fafafa;}
	#menu>li>a:hover, #menu>li.nolnk:hover{color:rgba(34,34,34,1);	background:rgba(238,238,238,1);}
	/* Untermenü */
	#menu>li>ul{top:46px; display:none; position:absolute; float:left; list-style:none; padding:0; left:0;}
	#menu>li>ul>li{float:none; margin:0; background-color:#222222; border-top:1px solid #444444;}
	#menu>li>ul>li>a{display:inline-block; text-align:left; width:100%; text-decoration:none; color:#fafafa; padding:10px; box-sizing:border-box;}
	#menu>li>ul>li>a:hover{color:rgba(34,34,34,1);	background:rgba(238,238,238,1);}
}
@media (max-width:969px){
	html, body{-webkit-text-size-adjust: none;}
	/* Kopfzeile */
	header{font-size:13px; display:block; z-index:200; position:relative; top:0; width:100%; height:100px; text-align:center; background-color:white; background-image:url('../img/banner/lkw01.jpg'); background-position:center top; background-size:cover;}
	header>div{background:#050505; position:relative; top:80px; padding:0; clear:both; text-align:center;}
	#headerlogo{width:85px; height:39px; position:absolute; top:4px; right:10px; display:inline-block;
		background-color:transparent; background-position:center; background-repeat:no-repeat; background-size:100%;
		background-image:url('../img/TekmannLogo_dark2.png')}
	/* Horizontales Dropdown Menü */
	nav{width:100%; display:block; margin-bottom:-2px; font-size:13px; height:30px;}
	#mobilemenu{float:right; cursor:pointer; font-size:25px; color:white; margin-right:12px; margin-top:2px;}
	#menu{border:none; list-style:none; margin-top:0px; display:none; padding:0px;}
	#menu>li{border:none; border-bottom:1px solid #444444; background:#050505; padding:0; margin:0px; text-align:center; position:relative; text-transform:uppercase;}
	#menu>li.nolnk{padding:15px 10px; color:#fafafa; cursor:pointer;}
	#menu>li>a{text-decoration:none; display:inline-block; padding:15px 10px; color:#fafafa; width:100%; box-sizing:border-box;}
	#menu>li>a:hover, #menu>li.nolnk:hover{color:rgba(34,34,34,1);	background:rgba(238,238,238,1);}
	/* Untermenü */
	#menu>li.nolnk>ul{display:none; list-style:none; padding:0; left:0; margin:10px -10px -15px -10px;}
	#menu>li>ul{display:none; list-style:none; padding:0; left:0; margin:0px -10px 0px -10px;}
	#menu>li>ul>li{margin:0; background-color:#222222; border-top:1px solid #444444;}
	#menu>li>ul>li>a{font-size:13px !important; display:block; text-align:left; text-decoration:none; color:#fafafa; padding:10px; padding-left:20px;}
	#menu>li>ul>li>a:hover{color:rgba(34,34,34,1);	background:rgba(238,238,238,1);}
}
/* Kontakt Tab */
.kontakttabs{right:0px; display:inline-block; width:50px; height:50px; margin-bottom:3px; box-shadow:1px 1px 1px 1px gray; background-color:#bcbdc0; position:relative; right:0;}
.kontakttabs>a{display:inline-block; width:100%; height:100%; font-size:30px; text-align:center; padding:5px 2px;}
#teltab{position:fixed; top:250px;}
#kontakttab{position:fixed; top:303px;}
#teltab .teltxt{display:none; font-size:10px; color:#222222;}
#teltab:hover{width:128px; padding-right:3px;}
#teltab:hover>a{font-size:18px;}
#teltab:hover .teltxt{display:inline;}
#pageup{position:fixed; bottom:30px; right:0px; cursor:pointer; display:inline-block; width:50px; height:40px; box-shadow:1px 1px 1px 1px gray; background-color:#bcbdc0; color:#449aac; font-size:30px; text-align:center;}
/* Fußzeile */
footer{padding:10px 10px; background-color:#050505; color:#fafafa; text-align:center; font-size:0.8rem;}
footer div:last-child{font-size:0.7rem; margin-top:10px;}
footer a{color:#449aac;}
@media (min-width:970px){
	footer div{width:1000px; margin-left:auto; margin-right:auto;}
}
@media (max-width:969px){
	footer div{width:100%; margin-left:auto; margin-right:auto;}
}
/* Inhalt */
#content{margin-right:auto; margin-left:auto; margin-bottom:40px; margin-top:20px; padding:10px 20px; box-sizing:border-box; line-height:130%;
	background: rgb(221,221,221);
	background: -moz-linear-gradient(-45deg,  rgba(221,221,221,1) 0%, rgba(209,209,209,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(221,221,221,1) 0%,rgba(209,209,209,1) 100%);
	background: linear-gradient(135deg,  rgba(221,221,221,1) 0%,rgba(209,209,209,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#d1d1d1',GradientType=1 )}
@media (min-width:970px){
	#content{width:970px; margin-bottom:40px;}
	.logointext{width:300px;}
}
@media (max-width:969px){
	#content{width:100%; margin-bottom:20px;}
	a{word-wrap:break-word;}
	h1{font-size:1.5em;}
	h2{font-size:1.2em;}
	.logointext{width:130px;}
}
@media (min-width:650px){
	.flex_h_2col{width:48%;}
}
@media (max-width:649px){
	.flex_h_2col{width:100%;}
}
input, button, select{font-size:16px; line-height:150%; border:1px solid gray; border-radius:4px; padding:4px 5px; margin:4px 2px;}
/*#inhalt{width:500px; height:200px;}*/
a{text-decoration:none; color:#306c79;}
address{font-style:normal; display:inline-block;}
h1{margin-bottom:1em; color:#306c79; padding-bottom:5px; line-height:100%; background:linear-gradient(to right,  #306c79, transparent);
  background-size:100% 3px;
  background-position:bottom 0 left 0;
  background-repeat:no-repeat;}
h3{font-size:1.05em; margin-bottom:4px; line-height:100%;}
.indent{margin-left:20px;}
.center{text-align:center;}
.spacer{clear:both; height:0px;}
.logointext{margin-right:7px;}
.quote{font-style:italic;}
.flex_h{display:flex; flex-flow:row wrap; justify-content:space-around; align-items:flex-start; padding:0; margin:0;}
.flex_h_2col{position:relative; margin-bottom:10px;}
.hidden_info_lnk{font-weight:bold; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid gray; cursor:pointer;}
.hidden_info{font-size:0.9em; position:relative;}
.hidden_info li{padding-top:2px; padding-bottom:2px;}
.hidden_info:not(.hidden_info_show){max-height:6em; overflow:hidden;}
.hidden_info_show{padding-bottom:4em;}
.hidden_info .hidden_info_fade{bottom:0; height:4em; background:linear-gradient(rgba(215,215,215,0) 0%, rgba(215, 215, 215, 1) 100%); position: absolute; width: 100%;}
.in_circle{position:absolute; bottom:0; left:50%; background-color:#87bebb; border:1px solid gray; border-radius:45%; padding:4px 5px 3px 5px; font-size:1.3em; cursor:pointer;}
/* Bildervorschaulisten & Diashow */
.imgitem{display:inline-block; position:relative; vertical-align:middle; width:302px; height:202px; box-sizing:border-box; padding:0px; cursor:pointer; border:1px solid gray; margin:4px;}
.imgitem>img{max-height:100%; max-width:100%; width:auto; height:aito; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;}
.imgitem:hover{opacity:0.7;}
.diabox{display:none; position:fixed; z-index:300; text-align:center; padding:2em 2em !important; background-color:rgba(0,0,0,0.9); width:100%; height:100%; top:0; left:0; box-sizing:border-box;}
@media (max-width:969px){
	.diabox{padding:0px !important;}
}
.diashow{width:100%; text-align:center;}
.diaimg{background-size:contain; background-repeat:no-repeat; background-position:center; width:100%; height:100}
#closer{position:absolute; top:6px; right:6px; display:inline-block; z-index:100; cursor:pointer; color:white; opacity:1; font-size:24px;}
/* Leistungen Menü auf Startseite */
#kachelliste{text-align:center;}
#kachelliste>a{padding:0px; margin:0px; color:#306c79;}
#kachelliste>a>div{display:inline-block; width:200px; height:150px; margin:4px; padding:0px;}
#kachelliste>a>div>div{display:inline-block; width:100%; height:100px; border:1px solid gray; margin:0px; background-size:cover; background-position:center; background-repeat:no-repeat;}
#kachelliste>a>div>span{display:inline-block; width:100%; text-align:center;}
#kachel-estriche{background-image:url('../img/estriche01.jpg');}
#kachel-abbruch{background-image:url('../img/abbruch01.jpg');}
#kachel-fliesen{background-image:url('../img/fliesen01.jpg');}
#kachel-daemmarbeiten{background-image:url('../img/daemmarbeiten01.jpg');}
.kachelliste_txt{margin-top:10px; display:flex; flex-flow:row wrap; justify-content:space-evenly; align-items:flex-start; align-content:space-around;}
.kachelliste_txt>div{max-width:250px; font-size:0.9em; margin-bottom:18px;}
.kachelliste_txt>div>span{font-weight:bold; font-size:1rem; display:block; padding-bottom:3px; margin-bottom:4px; border-bottom:1px solid gray;}
/* Kontakt */
.smalltxt{font-size:11px;}
.error{border:1px solid red; background-color:rgba(255,153,153,0.5);}
#lname, #lemail, #ltel{max-width:500px; width:100%; display:inline-block; border:1px solid gray; border-radius:4px; padding:0px 0px 0px 5px; box-sizing:border-box;}
#lname>span, #lemail>span, #ltel>span{padding-right:10px; padding-left:5px; border-right:1px solid gray; line-height:35px !important; width:31px; box-sizing:border-box;}
#kname, #kemail, #ktel{width:calc(100% - 31px); padding-left:10px; box-sizing:border-box; margin:0px; border:0px; height:34px;}
#ktext{max-width:500px; width:100%; height:150px; font-size:15px; font-family: Verdana, sans serif; border-radius:4px; border:1px solid gray; padding:5px; box-sizing:border-box;}
#captchacont{height:50px; padding:0px; margin:0px; display:inline-block;}
.captcha-image{vertical-align:middle;}
.refresh-captcha{vertical-align:middle; line-height:50px !important; margin-left:5px; cursor:pointer;}
#captcha{width:200px; box-sizing:border-box;}
#ksend{max-width:500px; width:100%; box-sizing:border-box;}
.kformtxt{max-width:500px; width:100%; box-sizing:border-box;}
.checkcont{display:block; position:relative; padding-left:35px; margin-bottom:12px; line-height:25px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.checkcont>input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.check{position:absolute; top:0; left:0; height:25px; width:25px; background-color:transparent; border:1px solid gray;}
.checkcont:hover input ~ .check{background-color:#ccc;}
.checkcont input:checked ~ .check{background-color:#449aac;}
.check:after{content:""; position:absolute; display:none;}
.checkcont input:checked ~ .check:after{display:block;}
.checkcont .check:after{left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
#googleframe{width:800px; max-width:100%; height:480px;}
/* Mitarbeiterliste */
.teamlist{font-size:0.9rem; margin-bottom:20px;}
.team{max-width:500px; width:50%; display:inline-block; vertical-align:middle;}
.teamlist>div{display:inline-block; width:45%; vertical-align:middle; margin-left:20px;}
.teamfoto{max-width:1920px; width:100%;}
.teamname{font-size:1.1rem; font-weight:bold; margin-bottom:5px;}
@media (max-width:500px){
	.teamlist>div{width:45%; margin-left:5px; font-size:0.8em;}
}
/* Downloads */
.dl_txt{display:inline-block; width:calc(98% - 80px); margin-right:10px; border-bottom:1px dotted #222222; padding-bottom:3px;}
.dl_link{font-size:25px; margin-right:10px;}
.dl_pdf{font-size:25px;}
/* Stellenangebote */
.job_offer{box-shadow:0px 0px 4px 8px rgba(100,100,100,0.5); padding:20px; margin-bottom:20px; background-color:#c0d4d3;}
.job_intro{}
.job_job{font-size:1.1em; font-weight:bold; padding:20px 10px; text-align:center; background-color:#87bebb; margin:10px 0px;}
.job_details{font-size:0.9em;}
.job_details li{margin-top:5px;}
#notify{display:none; position:fixed; top:0px; right:0px; width:100%; padding:13px 20px; text-align:center; box-shadow: 0 4px 2px -2px rgba(85,85,85,1);
	font-size:16px; z-index:2500;}