/* Gold #91732D */
/* Rose #F67280 */

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/Lato-Regular.ttf') format('truetype');
 }
 @font-face {
	font-family: 'Spectral';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/Spectral-Regular.ttf') format('truetype');
 }
 @font-face {
	font-family: 'Trirong';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/Trirong-Regular.ttf') format('truetype');
 }
@media (min-width:633px) {
	#name{top:17px; font-variant:small-caps;font-family:Helvetica, sans-serif;}
	#navlogo{}
	/* Horizontales Dropdown Menü */
	#mobilemenu{display:none;}
	#menu{margin:0px 0px 0px 10px; display:flex; justify-content:flex-end; align-items:stretch;}
	#menu>li{background:transparent;}
	#menu>li.nolnk{padding:15px 10px;}
	#menu>li>a{display:inline-block; padding:15px 17px; border-bottom:2px solid transparent;}
	/*#menu>li>a:hover, #menu>li.nolnk:hover, #menu>li>a:focus, #menu>li.nolnk:focus{border-bottom:2px solid #222222;}*/
	/* Untermenü */
	#menu>li>ul{top:58px; display:none; position:absolute; float:left; list-style:none; padding:0; left:0;}
	#menu>li>ul>li{float:none; margin:0; border-top:1px solid white;}
	#menu>li>ul>li:nth-child(1){border-top:2px solid white;}
	#menu>li>ul>li>a{display:inline-block; text-align:left; width:100%; padding:10px; box-sizing:border-box;}
	/* Kopfzeile */
	.artikel_header{height:80px;}
	#headerlogo{width:200px; height:200px; position:absolute; top:70px; left:10px; display:none; z-index:1099;
		background-color:transparent; background-position:center; background-repeat:no-repeat; background-size:100%;
		background-image:url('../img/Gylo-Logo-gold_pfad.svg');}
	.headershow{margin-top:59px;}
	.overlay{padding:4% 20%; letter-spacing:0.05em;}
	#b00{background-image:url('../img/Gylo-Logo-gold_pfad.svg'); background-size:contain; background-repeat:no-repeat;}
	.no-webp #b01, .no-js #b01{background-image:url('../img/b_q_fenster_05.jpg');}
	.no-webp #b02, .no-js #b02{background-image:url('../img/b_q_lichschachtabdeckung_09 jpg');}
	.no-webp #b03, .no-js #b03{background-image:url('../img/b_q_gitter_01.jpg');}
	.no-webp #b04, .no-js #b04{background-image:url('../img/b_q_schiebetuer_03.jpg');}
	.no-webp #b05, .no-js #b05{background-image:url('../img/b_q_fenster_04.jpg');}
	.no-webp #b06, .no-js #b06{background-image:url('../img/b_q_schloss_02.jpg');}
	.no-webp #b07, .no-js #b07{background-image:url('../img/b_q_tuer_24.jpg');}
	.no-webp #b08, .no-js #b08{background-image:url('../img/b_q_tuer_33.jpg');}
	.no-webp #b09, .no-js #b09{background-image:url('../img/i_q_schloss_04.jpg');}
	.no-webp #b10, .no-js #b10{background-image:url('../img/b_q_lichschachtabdeckung_12.jpg');}
	.no-webp #b11, .no-js #b11{background-image:url('../img/b_q_fenster_15.jpg');}
	.no-webp #b12, .no-js #b12{background-image:url('../img/b_q_tuer_mit_catflap_03.jpg');}
	.webp #b01{background-image:url('../img/b_q_fenster_05.webp');}
	.webp #b02{background-image:url('../img/b_q_lichschachtabdeckung_09.webp');}
	.webp #b03{background-image:url('../img/b_q_gitter_01.webp');}
	.webp #b04{background-image:url('../img/b_q_schiebetuer_03.webp');}
	.webp #b05{background-image:url('../img/b_q_fenster_04.webp');}
	.webp #b06{background-image:url('../img/b_q_schloss_02.webp');}
	.webp #b07{background-image:url('../img/b_q_tuer_24.webp');}
	.webp #b08{background-image:url('../img/b_q_tuer_33.webp');}
	.webp #b09{background-image:url('../img/i_q_schloss_04.webp');}
	.webp #b10{background-image:url('../img/b_q_lichschachtabdeckung_12.webp');}
	.webp #b11{background-image:url('../img/b_q_fenster_15.webp');}
	.webp #b12{background-image:url('../img/b_q_tuer_mit_catflap_03.webp');}

	#prefooter{margin:0px; padding:0px; background-position:center center; background-size:cover; background-attachment:fixed;
		display:block; z-index:200; width:100%; height:400px; position:relative;}
	#prefooteroverlay{position:absolute; background-color:rgb(51,51,51); width:100%; height:100%; top:0; left:0;}
	p{line-height:130%;}
	#content li{margin-bottom:3px;}
	.pageimg{width:100%; min-height:60vh; position:relative; opacity:1; background-attachment:fixed; background-position:center;
		background-repeat:no-repeat; background-size:cover;}
	.page{position:relative;}

}
@media (max-width:632px){
	html, body{-webkit-text-size-adjust: none;}
	/* Dropdown Menü */
	nav{height:35px;}
	#name{top:5px; font-size:0.9em;}
	#mobilemenu{float:right; cursor:pointer; font-size:25px; color:rgb(51,51,51); margin-right:15px; margin-top:6px;}
	#menu{margin-top:37px; display:none; padding:0px;}
	#menu>li{border-bottom:1px solid rgb(51,51,51); background:white; text-align:left;}
	#menu>li.nolnk{padding:15px 10px;}
	#menu>li>a{display:inline-block; padding:8px 10px; width:100%; box-sizing:border-box;}
	/* Untermenü */
	#menu>li.nolnk>ul{display:block; list-style:none; padding:0; left:0; margin:10px -10px -15px -10px;}
	#menu>li>ul{display:block; list-style:none; padding:0; left:0; margin:0px -10px 0px -10px;}
	#menu>li>ul>li{margin:0; border-top:1px solid rgb(51,51,51);}
	#menu>li>ul>li>a{display:block; padding:6px; padding-left:30px;}
	/* Kopfzeile */
	#headerlogo{display:none;}
	.headershow{margin-top:35px;}
	.overlay{font-size:0.8em; padding:0px 50px 1% 2%; line-height:110%;}
	#b00{background-size:contain; background-repeat:no-repeat;}
	.no-webp #b01, .no-js #b01{background-image:url('../img/b_q_fenster_05.jpg');}
	.no-webp #b02, .no-js #b02{background-image:url('../img/b_q_lichschachtabdeckung_09 jpg');}
	.no-webp #b03, .no-js #b03{background-image:url('../img/b_q_gitter_01.jpg');}
	.no-webp #b04, .no-js #b04{background-image:url('../img/b_q_schiebetuer_03.jpg');}
	.no-webp #b05, .no-js #b05{background-image:url('../img/b_q_fenster_04.jpg');}
	.no-webp #b06, .no-js #b06{background-image:url('../img/b_q_schloss_02.jpg');}
	.no-webp #b07, .no-js #b07{background-image:url('../img/b_q_tuer_24.jpg');}
	.no-webp #b08, .no-js #b08{background-image:url('../img/b_q_tuer_33.jpg');}
	.no-webp #b09, .no-js #b09{background-image:url('../img/i_q_schloss_04.jpg');}
	.no-webp #b10, .no-js #b10{background-image:url('../img/b_q_lichschachtabdeckung_12.jpg');}
	.no-webp #b11, .no-js #b11{background-image:url('../img/b_q_fenster_15.jpg');}
	.no-webp #b12, .no-js #b12{background-image:url('../img/b_q_tuer_mit_catflap_03.jpg');}
	.webp #b01{background-image:url('../img/b_q_fenster_05.webp');}
	.webp #b02{background-image:url('../img/b_q_lichschachtabdeckung_09.webp');}
	.webp #b03{background-image:url('../img/b_q_gitter_01.webp');}
	.webp #b04{background-image:url('../img/b_q_schiebetuer_03.webp');}
	.webp #b05{background-image:url('../img/b_q_fenster_04.webp');}
	.webp #b06{background-image:url('../img/b_q_schloss_02.webp');}
	.webp #b07{background-image:url('../img/b_q_tuer_24.webp');}
	.webp #b08{background-image:url('../img/b_q_tuer_33.webp');}
	.webp #b09{background-image:url('../img/i_q_schloss_04.webp');}
	.webp #b10{background-image:url('../img/b_q_lichschachtabdeckung_12.webp');}
	.webp #b11{background-image:url('../img/b_q_fenster_15.webp');}
	.webp #b12{background-image:url('../img/b_q_tuer_mit_catflap_03.webp');}
	#prefooter{display:none;}
	/* Responsive Table */
	table:not(.nonrestable):not(.ui-datepicker-calendar), table:not(.nonrestable):not(.ui-datepicker-calendar) thead,
	table:not(.nonrestable):not(.ui-datepicker-calendar) tbody, table:not(.nonrestable):not(.ui-datepicker-calendar) th,
	table:not(.nonrestable):not(.ui-datepicker-calendar) td, table:not(.nonrestable):not(.ui-datepicker-calendar) tr{display: block;}
	table:not(.ui-datepicker-calendar) thead tr{position: absolute; top: -9999px; left: -9999px;}
	table:not(.nonrestable):not(.ui-datepicker-calendar) tr:not(.yearchange):not(.monthchange){border:1px solid #ccc;}
	table:not(.nonrestable):not(.ui-datepicker-calendar) tr:not(.yearchange):not(.monthchange) td{border:none; border-bottom:1px solid #eee; position:relative;}
}
/*@media (max-height:600px){
	html, body{-webkit-text-size-adjust: none;}
	#headerlogo{display:none;}
	.overlay{font-size:0.8em; padding:0px 50px 1% 2%; line-height:110%;}
}*/
.content li{margin-bottom:4px;}
.li_fa{list-style-position:inside;	padding-left:0;}
.li_fa>li{list-style:none;	position:relative; padding-left:20px;}
.hr01{margin-top:30px; margin-bottom:10px; color:rgb(51,51,51); background:linear-gradient(to right, transparent, rgb(51,51,51), transparent);
	background-size:100% 3px; background-position:bottom 50% left 0; background-repeat:no-repeat; height:5px;}
/* Kontakt Tab */
.kontakttabs{right:0px; display:inline-block; z-index:250; width:50px; height:50px; margin-bottom:3px; border-left:2px solid rgb(51,51,51);
	background: linear-gradient(rgb(251, 185, 0), rgb(51,51,51)); position:relative; right:0; box-sizing:border-box;}
.kontakttabs>a{display:inline-block; width:100%; height:50px; font-size:30px; line-height:40px; text-align:center; padding:5px 2px; color:white; box-sizing:border-box;}
#teltab{position:fixed; top:250px;}
#kontakttab{position:fixed; top:302px;}
#teltab .teltxt{display:none; font-size:12px; color:white; font-family:'Century Gothic', Verdana, Helvetica, sans-serif;}
#teltab:hover{width:115px; padding-right:3px;}
#teltab:hover>a{font-size:18px; line-height:normal;}
#teltab:hover .teltxt{display:inline;}
#pageup{position:fixed; bottom:30px; right:0px; cursor:pointer; display:inline-block; width:50px; height:40px; box-sizing:border-box;
	background:linear-gradient(rgb(251, 185, 0), rgb(51,51,51)); color:white; font-size:30px; line-height:40px; text-align:center;}
#pageup.hidden{display:none;}
/* Fußzeile */
footer{padding:10px 10px; background-color:rgb(51,51,51); display:flex; justify-content:space-evenly; gap:30px; align-items:flex-start; color:white; text-align:center; font-size:0.8em; vertical-align:top;}
.footerpart{width:49%; max-width:400px; text-align:left; vertical-align:top;}
h4{font-size:1.3em; margin-bottom:10px; background:linear-gradient(to right, white, transparent); background-size:100% 2px;
  background-position:bottom 0 left 0; background-repeat:no-repeat; padding-bottom:2px; font-family:'Century Gothic', Verdana, Helvetica, sans-serif;}
footer h4{margin-top:10px;}
footer a{color:white; text-decoration:none;}
address{font-style:normal; display:inline-block;}
/* Kontakt */
.flex{display:flex; justify-content:space-between;}
.smalltxt{font-size:16px;}
.error{border:1px solid red !important; background-color:rgba(255,153,153,0.5);}
#lname, #lemail, #ltel, #lgeb, #lnname, #lvname, #lanrede{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, #lgeb>span, #lnname>span, #lvname>span, #lanrede>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, #kgeb, #knname, #kvname, #kanrede{width:calc(100% - 31px); padding-left:10px; box-sizing:border-box; margin:0px; border:0px; height:35px;}
#kerreichbar{max-width:500px; width:100%; height:50px; font-size:15px; font-family: Verdana, sans serif; border-radius:4px; border:1px solid gray; padding:5px; box-sizing:border-box;}
#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:700px; 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);}
#googleframe{width:600px; max-width:100%; height:340px;}
.nonrestable{border:none; border-collapse:collapse; margin-bottom:20px; margin-top:10px;}
.nonrestable>tbody>tr>td{padding:3px 5px 3px 0px; line-height:110%; font-size:0.9em;}
/* Bildervorschaulisten & Diashow */
#vid_img{display:flex; align-items:flex-start;}
.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:calc(100% - 59px); top:59px; 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:black;}
#kachelliste>a>div{display:inline-block; width:300px; height:220px; margin:4px; padding:0px;}
#kachelliste>a>div>div{display:inline-block; width:100%; height:200px; border:1px solid gray; margin:0px; background-position:center; background-repeat:no-repeat;}
#kachelliste>a>div>span{display:inline-block; width:100%; text-align:center;}
#kachel-auf_zu{background-image:url('../preview/galerie/auf_zu/prev_i_q_schloss_01.jpg');}
#kachel-katzentuer{background-image:url('../preview/galerie/katzentuer/prev_b_q_tuer_mit_catflap_02.jpg');}
#kachel-lichtschachtabdeckungen{background-image:url('../preview/galerie/lichtschachtabdeckungen/prev_lichtschachtabdeckung.jpg');}
#kachel-rollos{background-image:url('../preview/galerie/rollos/prev_b_q_fenster_02.jpg');}
#kachel-schiebetueren{background-image:url('../preview/galerie/schiebetueren/prev_b_q_schiebetuer_04.jpg');}
#kachel-schwingfenster{background-image:url('../preview/galerie/schwingfenster/prev_b_q_fenster_12.jpg');}
#kachel-schwingtueren{background-image:url('../preview/galerie/schwingtueren/prev_b_h_tuer_15.jpg');}
#kachel-spannrahmen{background-image:url('../preview/galerie/spannrahmen/prev_spannrahmen.jpg');}


.ui-dialog{z-index:1200 !important;}
.dialog-active{overflow-y:hidden;}
#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;}
.hidden{display:none;}