:root{
	color-scheme: light;
	/* Light */
	--main-bg-color: light-dark(#ffffff,#000000);
	--main-txt-color:light-dark(rgb(50,51,53),rgb(252,252,252));
	--main-txt-font:'Roboto';

	--title-font:'Fjalla One';

	--second-bg-color:light-dark(rgb(176, 169, 168), rgb(176, 169, 168));
	--second-txt-color:light-dark(#ffffff, #ffffff);

	--tabs-bg-color: light-dark(#bcbdc0,#dddddd);
	--kachel-bg-color:light-dark(#e6e6e6,#5c5c5c);

	--logo-color:red;
	--main-lnk-color:light-dark(#1768d3,#c2dbfc);
	--tbl-odd-color:light-dark(#dfdfdf,#565656);
	--tbl-even-color:light-dark(#c8c8c8,#6d6d6d);
	--nav-bg-color:light-dark(#ffffff, #000000);
	--nav-txt-color:light-dark(#323335,#ffffff);
	--nav-hl-txt-color:light-dark(#136BE5,#222222);
	--nav-hl-bg-color:light-dark(#87B7FA,#aaaaaa);
	--nav-height:100px;
	--diashow-shadow-color:light-dark(rgba(0, 0, 0, 0.2),rgba(0,0,0,0.5));
	--diashow-start-height:390px;
	--imglist-bg-color:light-dark(#ecd9d2,#ecd9d2);
	--map-height:480px;
}
/* @media (prefers-color-scheme:dark) {
	color-scheme: light;
}
@media (prefers-color-scheme:light) {
	color-scheme: light;
} */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/Roboto-Regular.ttf') format('truetype');
	font-display: swap;
 }
 @font-face {
	font-family: 'Fjalla One';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/FjallaOne-Regular.ttf') format('truetype');
	font-display: swap;
 }
html, body{margin:0; color:var(--main-txt-color); background-color:var(--main-bg-color); font-size:18px; font-family:var(--main-txt-font, 'sans serif');}
.mselected>a{text-decoration:underline!important; text-underline-offset:0.3em; text-decoration-thickness:0.3em;}
body{padding-top:var(--nav-height);}
/* Kopfzeile */
header{display:block; z-index:200; position:fixed; top:0; width:100%; height:var(--nav-height); background-color:var(--nav-bg-color);}
header>div{padding:0; clear:both; height:100%;}
/* Horizontales Dropdown Menü */
nav{display:block; height:100%;}
@media (min-width:970px){

	nav{text-align:right; padding-right:20px; font-size:18px;}
	#mobilemenu, #mobiletxt{display:none;}
	#logo{background:url('../img/dachland-logo-transp_op.png') no-repeat content-box; padding:10px; box-sizing:border-box; background-position: center center; background-size:contain; display:inline-block; width:400px; height:var(--nav-height); position:absolute; left:calc(50% - 200px);}
	#menu{border:none; list-style:none; margin-top:0px; display:inline-block;}
	#menu>li{border:none; background-color:var(--nav-bg-color); padding:0; margin:0px; text-align:center; position:relative; display:inline-block; height:var(--nav-height);}
	#menu>li.nolnk{padding:0px 15px; color:var(--nav-txt-color); cursor:pointer; line-height:var(--nav-height);}
	#menu>li>a{text-decoration:none; display:inline-block; padding:0px 15px; color:var(--nav-txt-color); line-height:var(--nav-height);}
	#menu>li>a:hover, #menu>li.nolnk:hover{color:var(--nav-hl-txt-color); background-color:var(--nav-bg-color);}
	/* Untermenü */
	#menu>li>ul{top:80px; display:none; position:absolute; float:left; list-style:none; padding:0; left:0;}
	#menu>li>ul>li{float:none; margin:0; background-color:var(--nav-bg-color); border-radius:5px;}
	#menu>li>ul>li>a{display:inline-block; text-align:left; width:100%; text-decoration:none; color:var(--nav-txt-color); padding:15px 20px; box-sizing:border-box;}
	#menu>li>ul>li>a:hover{color:var(--nav-hl-txt-color);	background-color:var(--nav-bg-color); border-radius:5px;}
	.content{margin-top:var(--nav-height);}
}
@media (max-width:969px){
	nav{width:100%; font-size:13px;}
	#logo{display:none;}
	/* Horizontales Dropdown Menü */
	#mobilemenu{cursor:pointer; font-size:25px; color:var(--nav-txt-color); position:absolute; top:37px; left:20px;}
	#mobiletxt{color:var(--nav-txt-color); display:block; text-align:center; line-height:100px; font-size:1.5em;}
	#mobiletxt>a{color:var(--nav-txt-color);}
	#menu{border:none; list-style:none; margin-top:100px; display:none; padding:0px; background:var(--nav-bg-color); height:100vh;}
	#menu>li{border:none; background:var(--nav-bg-color); padding:0; margin:0px; position:relative;}
	#menu>li.nolnk{padding:20px 20px; color:var(--nav-txt-color); cursor:pointer;}
	#menu>li>span{padding:3px 10px;}
	#menu>li>a{text-decoration:none; display:inline-block; padding:20px 20px; color:var(--nav-txt-color); width:calc(100% - 40px); box-sizing:border-box;}
	#menu>li>a:hover, #menu>li.nolnk:hover{color:var(--nav-hl-txt-color-color);	background:var(--nav-hl-bg-color);}
	/* 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:var(--nav-bg-color);}
	#menu>li>ul>li>a{font-size:13px !important; display:block; text-decoration:none; color:var(--nav-txt-color); padding:10px; padding-left:50px;}
	#menu>li>ul>li>a:hover{color:var(--nav-hl-txt-color);	background:var(--nav-hl-color);}
}
/* Seitliche Tab */
.sidetabs{right:0px; display:inline-block; width:50px; height:50px; margin-bottom:3px; box-shadow:1px 1px 1px 1px gray; background-color:var(--tabs-bg-color); position:relative; right:0; padding:8px; box-sizing:border-box;}
.sidetabs>a{display:inline-block; width:100%; height:100%; padding:0;}
#fbtab{position:fixed; top:250px;}
#instatab{position:fixed; top:303px;}
#pageup{position:fixed; bottom:30px; right:0px; cursor:pointer; display:inline-block; width:50px; height:40px; padding-top:5px; box-shadow:1px 1px 1px 1px gray; color:var(--main-bg-color); background-color:var(--tabs-bg-color); font-size:30px; text-align:center; box-sizing:border-box;}
/* Fußzeile */
footer{padding:10px 10px; background-color:var(--main-bg-color); color:var(--main-txt-color);}
footer>#logos{margin-bottom:20px; text-align:center;}
footer>#logos>div:last-child{margin-right:0px;}
footer>#logos>div{ background-size:contain; background-position:center; background-repeat:no-repeat;}
.no-webp footer>#logos>#logo_bauder, .no-js footer>#logos>#logo_bauder{background-image:url('../img/BauderLogo.jpg');}
.no-webp footer>#logos>#logo_wuerth, .no-js footer>#logos>#logo_wuerth{background-image:url('../img/wuerth_o.jpg');}
.no-webp footer>#logos>#desued, .no-js footer>#logos>#logo_desued{background-image:url('../img/desued.PNG');}
.no-webp footer>#logos>#roto, .no-js footer>#logos>#logo_roto{background-image:url('../img/roto.PNG');}
.no-webp footer>#logos>#sita, .no-js footer>#logos>#logo_sita{background-image:url('../img/sita.PNG');}
.webp footer>#logos>#logo_bauder{background-image:url('../img/BauderLogo.webp');}
.webp footer>#logos>#logo_wuerth{background-image:url('../img/wuerth_o.webp');}
.webp footer>#logos>#logo_desued{background-image:url('../img/desued.webp');}
.webp footer>#logos>#logo_roto{background-image:url('../img/roto.webp');}
.webp footer>#logos>#logo_sita{background-image:url('../img/sita.webp');}
footer>#logos>#logo_linzmeier{background-image:url('../img/Linzmeier.svg');}
.footerinfo{display:flex; flex-flow:row wrap; justify-content:space-evenly; gap:20px; max-width:1350px; margin-right:auto; margin-left:auto;}
.footerinfo>div{width:48%; width:280px;}
.kicon{margin-right:10px;}
.footerlinks{display:flex; flex-flow:row wrap; justify-content:center; gap:20px; max-width:1350px; margin-right:auto; margin-left:auto; font-size:0.9rem; padding:60px;}
@media (max-width:480px) {
	.footerlinks{padding:60px 0px 30px 0px !important;}
}
footer a{color:#1e1e1e;}
@media (min-width:970px){
	footer>#logos>div{width:200px; display:inline-block; height:80px; margin:0px 15px 10px 0px;}
}
@media (max-width:969px){
	footer div{width:100%; margin-left:auto; margin-right:auto;}
	footer>#logos>div{width:100px; display:inline-block; height:33px; margin:0px 10px 10px 0px;}
}
/* Inhalt */
@media (min-width:970px){
	.content{margin-right:auto; margin-left:auto; margin-bottom:40px; padding:10px 0px; box-sizing:border-box;}
	.content-padding{padding:60px !important;}
	.no-padding{padding:0 !important;}
	.alt-content{ color:var(--second-txt-color); background-color:var(--second-bg-color); padding:0px 60px;}
	.content{ color:var(--main-txt-color); background-color:var(--main-bg-color); padding:0px 60px;}
	.logointext{width:300px;}
}
@media (max-width:969px){
	.content-padding{padding:5px 10px !important;}
	.no-padding{padding:0 !important;}
	.alt-content{ color:var(--second-txt-color); background-color:var(--second-bg-color); padding:0px 10px;}
	.content{ color:var(--main-txt-color); background-color:var(--main-bg-color); padding:0px 10px;}
	a{word-wrap:break-word;}
	h1{font-size:1.5em;}
	h2{font-size:1.2em;}
	.logointext{width:130px;}
}
input, button, select{font-size:16px; line-height:150%; border:1px solid gray; border-radius:4px; padding:4px 5px; margin:4px 2px;}
.pointer{cursor:pointer;}
/*#inhalt{width:500px; height:200px;}*/
a{text-decoration:none; color:red;}
address{font-style:normal; display:inline-block;}
h1, h2, h3, h4{font-family:var(--title-font, 'sans serif');}
h1{font-size:2.2em;}
h2{font-size:2em;}
p{line-height:1.6;}
.indent{margin-left:20px;}
.center{text-align:center;}
.spacer{clear:both; height:0px;}
.quote{font-style:italic;}
#bauderimg{max-width:80%;}
.half{display:flex; flex-flow:row wrap; justify-content:space-evenly; align-items:center;}
.half>*{flex:0 1 50%;}
.half>.txtblock{padding:60px; box-sizing:border-box;}
@media (max-width:969px){
	.half>*{flex:0 0 100%;}
	.half>.txtblock{padding:10px !important;}
}
#startimg{height:60vH;}
.full{max-width:730px; margin-left:auto; margin-right:auto;}
.imgmax{width:100%; height:100%; object-fit:contain;}
#startimg .imgmax{object-fit:cover; object-position:50% 60%;}

/* 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;}

/* 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:red;}
.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);}
#map{background-image:url('../img/bright_google_map_placeholder.svg'); background-size:cover; height:var(--map-height);}
#map_overlay{background:rgba(0,0,0,.4); text-align:center; padding:40px; height:var(--map-height); box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#map_infotxt{ text-align:left; line-height:1.5; padding:20px 0;}
#map_allow{background-color:var(--main-txt-color); color:var(--main-bg-color); border-radius:30px; padding:8px 10px; cursor:pointer;}
#googleframe{width:100%; height:var(--map-height);}
#kontaktlist{display:flex; flex-flow:row wrap; gap:20px; box-sizing:border-box; max-width:1440px; padding:60px; justify-content:center; margin-left:auto; margin-right:auto;}
.kontakt_block{box-sizing:border-box; flex-basis:30%; padding:0 15px; min-width:320px;}
/* Jobs */
.jobangebot{background-color:var(--main-bg-color); color:var(--main-txt-color); padding:20px; margin-bottom:20px;}
.jobtitle{font-size:1.2em; font-weight:bold; margin-bottom:10px; color:var(--main-txt-color);}
.jobtxt{padding:20px;}
.jobinfo{color:#222222;}
/* Mitarbeiterliste */
.teamlist{display:flex; flex-flow:row wrap; box-sizing:border-box; padding:60px; justify-content: center;}
.teamlist:nth-child(odd){background-color:var(--second-bg-color); color:var(--second-txt-color);}
.teamlist:nth-child(even){background-color:var(--main-bg-color); color:var(--main-txt-color);}
.mitarbeiter_block{box-sizing:border-box; flex-basis:23%; padding:0 15px; margin:10px;}
.mjob{font-weight:bold; font-size:1.3em; margin-bottom:20px; margin-top:20px;}
.mname{margin-bottom:20px; font-size:1.1em;}
.mtxt{line-height:1.5;}
.mausb{margin-bottom:20px;}
@media (max-width:900px){
	.teamlist{padding:10px !important;}
	.mitarbeiter_block{flex:0 1 100%;}
	#team .half{flex-flow:column-reverse;}
}

/* Gallery */
#imglist{display:flex; justify-content:space-evenly; align-items:top; flex-wrap:wrap; box-sizing: border-box;}
.h_line{background:linear-gradient(to right, transparent, var(--main-bg-color), transparent); background-size:100% 3px; background-position:bottom 50% left 0; background-repeat:no-repeat; height:3px; margin-top:20px; margin-bottom:10px;}
.gallerylist{display:inline-block; flex:0 0 33%; box-sizing: border-box; padding:0px; margin:10px 10px; position:relative; background-color:var(--imglist-bg-color); max-width:450px;}
.gallerylist_sub{display:inline-block; flex:0 0 33%; box-sizing: border-box; padding:0px; margin:10px 10px; position:relative; background-color:var(--imglist-bg-color); max-width:300px;}
@media (max-width:900px){
	.gallerylist{flex:0 1 100%;}
	.gallerylist_sub{flex:0 1 100%;}
}
.catname{text-align:left; padding:30px; display:block; box-sizing: border-box; font-size:1.8em; color:var(--main-txt-color); font-family:var(--title-font);}
.thumbnail{width:100%; vertical-align:middle;}
.ui-tooltip{white-space:pre-line; font-size:0.8em !important; max-width:150px !important;}
.sel{border-bottom:dotted 1px gray;}
.gallery_del{cursor: pointer;}

/* Allgemeine Diashow auf Galierieseiten */
.slideshow_top{width:800px; height:400px; margin:0 auto!important; background-color:transparent!important; border:none!important;}
@media (max-width:820px){
	.slideshow_top{width:100%;}
}
.slideshow_top .flex-viewport, .slideshow_top .flex-viewport *, .slideshow_top .slides, .slideshow_top .slides *{height:100%;}
.slideshow_top .flex-viewport picture, .slideshow_top .slides picture{display:block; width:100%; height:100%;}
.slideshow_top .flex-viewport img, .slideshow_top .slides img{object-fit:contain; width:100%; height:100%!important;}
.slideshow_top .flex-control-nav{bottom:10px; z-index:4;}

/* Popup Diashow für einzelne Teile */
#subdiashow{display:none; z-index:9999; width:100%; height:100vh; top:0; left:0; text-align:center; position:fixed; background-color:rgba(0,0,0,0.9); padding:2em 2em !important; box-sizing:border-box;}
#showboxo{width:100%; height:100%; box-sizing:border-box; display:block;}
#showboxi{height:100%; display:block;}
#sdstop{cursor:pointer; display:inline-block; position:absolute; top:10px; right:10px; width:25px; height:25px; background-color:black; border:1px solid gray; text-align:center; color:white; padding:4px; box-sizing:border-box;}
#sl{padding:2.8px 7px !important;}
#show{width:100%; height:100%; margin:0 auto!important; background-color:transparent!important; border:none!important;}
#subdiashow .flex-viewport, #subdiashow .flex-viewport *, #subdiashow .slides, #subdiashow .slides *{height:100%;}
#subdiashow .flex-viewport picture, #subdiashow .slides picture{display:block; width:100%; height:100%;}
#subdiashow .flex-viewport img, #subdiashow .slides img{object-fit:contain; width:100%; height:100%!important;}
#subdiashow .flex-control-nav{bottom:10px; z-index:4;}
#subdiashow .flex-direction-nav{bottom:10px; z-index:10000;}
#subdiashow .flex-prev{left:50px!important;}
#subdiashow .flex-next{right:50px!important;}
#subdiashow a, #subdiashow a::before{ opacity:1!important; color:#d3c597!important;}
/* Radiobutton as Switch */
.switch{position:relative; display:inline-block; width:65px; height:30px; border-radius:15px; box-sizing:border-box;}
.switch input{opacity:0; width:0; height:0;}
.slider{position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; border:1px solid transparent; background-color:var(--second-bg-color); border-radius:15px; -webkit-transition:.4s; transition:.4s;}
.slider.gmc:before{position:absolute; content:" "; font-family:FontAwesome; box-sizing:border-box; border-radius:13px; height:26px; width:26px; left:3px; bottom:1px; padding-left:2px; padding-right:2px; padding-top:1px; background-color:var(--main-bg-color); -webkit-transition:.4s; transition:.4s;}
input:checked + .slider{background-color:var(--main-txt-color);}
/*input:focus + .slider{border:1px solid var(--main-txt-color);}*/
input:checked + .slider:before{-webkit-transform:translateX(29px); -ms-transform:translateX(29px); transform:translateX(29px);}
.slider.round{border-radius:5px;}
.slider.round:before{border-radius:30%;}

.hidden{display:none;}
#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:1000;}