/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dosis-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Dosis Regular'), local('Dosis-Regular'),
       url('../fonts/dosis-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v6-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-500 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/dosis-v6-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Dosis Medium'), local('Dosis-Medium'),
       url('../fonts/dosis-v6-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v6-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v6-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v6-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v6-latin-500.svg#Dosis') format('svg'); /* Legacy iOS */
}
@media (min-width:633px){
	#name{top:15px;}
	/* Horizontales Dropdown Menü */
	#mobilemenu{display:none;}
	#menu{margin:0px 60px 0px 10px; display:flex; justify-content:flex-end}
	#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 black;}
	/* 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 #222222;}
	#menu>li>ul>li:nth-child(1){border-top:3px solid #222222;}
	#menu>li>ul>li>a{display:inline-block; text-align:left; width:100%; padding:10px; box-sizing:border-box;}
	/* Kopfzeile */
	#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/logo_256.jpg');}
	.headershow{margin-top:60px;}
	.overlay{padding:4% 20%; letter-spacing:0.05em;}
	.no-webp #sh01, .no-js #sh01{background-image:url('../img/01_Home_Slider_01.jpg');}
	.no-webp #sh02, .no-js #sh02{background-image:url('../img/01_Home_Slider_02.jpg');}
	.no-webp #sh03, .no-js #sh03{background-image:url('../img/01_Home_Slider_03.jpg');}
	.no-webp #sp01, .no-js #sp01{background-image:url('../img/02_Produkte_Slider_01.jpg');}
	.no-webp #sp02, .no-js #sp02{background-image:url('../img/02_Produkte_Slider_02.jpg');}
	.no-webp #sf01, .no-js #sf01{background-image:url('../img/03_Filialen_Slider_01.jpg');}
	.no-webp #sf02, .no-js #sf02{background-image:url('../img/03_Filialen_Slider_02.jpg');}
	.no-webp #ss01, .no-js #ss01{background-image:url('../img/04_Service_Slider_01.jpg');}
	.no-webp #ss02, .no-js #ss02{background-image:url('../img/04_Service_Slider_02.jpg');}
	.no-webp #ss03, .no-js #ss03{background-image:url('../img/04_Service_Slider_04.jpg');}
	.no-webp #sk01, .no-js #sk01{background-image:url('../img/05_Kontakt.jpg');}
	.no-webp #sk02, .no-js #sk02{background-image:url('../img/05_Kontakt_02.jpg');}
	.no-webp #sj01, .no-js #sj01{background-image:url('../img/06_Jobs_Slider_01.jpg');}
	.no-webp #sj02, .no-js #sj02{background-image:url('../img/06_Jobs_Slider_02.jpg');}
	.no-webp #sj03, .no-js #sj03{background-image:url('../img/06_Jobs_baecker.jpg');}
	.no-webp #sj04, .no-js #sj04{background-image:url('../img/06_Jobs_Hintergrund.jpg');}
	.no-webp #sj05, .no-js #sj05{background-image:url('../img/06_Jobs_Initiativbewerbung.jpg');}
	.no-webp #vk01, .no-js #vk01{background-image:url('../img/Vorteilskarte_banner.jpg');}
	.webp #sh01{background-image:url('../img/01_Home_Slider_01.webp');}
	.webp #sh02{background-image:url('../img/01_Home_Slider_02.webp');}
	.webp #sh03{background-image:url('../img/01_Home_Slider_03.webp');}
	.webp #sp01{background-image:url('../img/02_Produkte_Slider_01.webp');}
	.webp #sp02{background-image:url('../img/02_Produkte_Slider_02.webp');}
	.webp #sf01{background-image:url('../img/03_Filialen_Slider_01.webp');}
	.webp #sf02{background-image:url('../img/03_Filialen_Slider_02.webp');}
	.webp #ss01{background-image:url('../img/04_Service_Slider_01.webp');}
	.webp #ss02{background-image:url('../img/04_Service_Slider_02.webp');}
	.webp #ss03{background-image:url('../img/04_Service_Slider_04.webp');}
	.webp #sk01{background-image:url('../img/05_Kontakt.webp');}
	.webp #sk02{background-image:url('../img/05_Kontakt_02.webp');}
	.webp #sj01{background-image:url('../img/06_Jobs_Slider_01.webp');}
	.webp #sj02{background-image:url('../img/06_Jobs_Slider_02.webp');}
	.webp #sj03{background-image:url('../img/06_Jobs_baecker.webp');}
	.webp #sj04{background-image:url('../img/06_Jobs_Hintergrund.webp');}
	.webp #sj05{background-image:url('../img/06_Jobs_Initiativbewerbung.webp');}
	.webp #vk01{background-image:url('../img/Vorteilskarte_banner.webp');}
	#prefooter{margin:0px; padding:0px; background-image:url('../img/hddbg_sw.jpg'); 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:rgba(14,114,246,0.6); width:100%; height:100%; top:0; left:0;}
}
@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:#44231a; margin-right:15px; margin-top:6px;}
	#menu{margin-top:37px; display:none; padding:0px;}
	#menu>li{border-bottom:1px solid #444444; background:white;}
	#menu>li.nolnk{padding:15px 10px;}
	#menu>li>a{display:inline-block; padding:15px 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 #444444; text-align:center;}
	#menu>li>ul>li>a{display:block; padding:10px; padding-left:20px;}
	/* Kopfzeile */
	#headerlogo{display:none;}
	.headershow{margin-top:35px;}
	.overlay{font-size:0.8em; padding:0px 50px 1% 2%; line-height:110%;}
	.no-webp #sh01, .no-js #sh01{background-image:url('../img/01_Home_Slider_01.jpg');}
	.no-webp #sh02, .no-js #sh02{background-image:url('../img/01_Home_Slider_02.jpg');}
	.no-webp #sh03, .no-js #sh03{background-image:url('../img/01_Home_Slider_03.jpg');}
	.no-webp #sp01, .no-js #sp01{background-image:url('../img/02_Produkte_Slider_01.jpg');}
	.no-webp #sp02, .no-js #sp02{background-image:url('../img/02_Produkte_Slider_02.jpg');}
	.no-webp #sf01, .no-js #sf01{background-image:url('../img/03_Filialen_Slider_01.jpg');}
	.no-webp #sf02, .no-js #sf02{background-image:url('../img/03_Filialen_Slider_02.jpg');}
	.no-webp #ss01, .no-js #ss01{background-image:url('../img/04_Service_Slider_01.jpg');}
	.no-webp #ss02, .no-js #ss02{background-image:url('../img/04_Service_Slider_02.jpg');}
	.no-webp #ss03, .no-js #ss03{background-image:url('../img/04_Service_Slider_04.jpg');}
	.no-webp #sk01, .no-js #sk01{background-image:url('../img/05_Kontakt.jpg');}
	.no-webp #sk02, .no-js #sk02{background-image:url('../img/05_Kontakt_02.jpg');}
	.no-webp #sj01, .no-js #sj01{background-image:url('../img/06_Jobs_Slider_01.jpg');}
	.no-webp #sj02, .no-js #sj02{background-image:url('../img/06_Jobs_Slider_02.jpg');}
	.no-webp #sj03, .no-js #sj03{background-image:url('../img/06_Jobs_baecker.jpg');}
	.no-webp #sj04, .no-js #sj04{background-image:url('../img/06_Jobs_Hintergrund.jpg');}
	.no-webp #sj05, .no-js #sj05{background-image:url('../img/06_Jobs_Initiativbewerbung.jpg');}
	.no-webp #vk01, .no-js #vk01{background-image:url('../img/Vorteilskarte_banner.jpg');}
	.webp #sh01{background-image:url('../img/01_Home_Slider_01.webp');}
	.webp #sh02{background-image:url('../img/01_Home_Slider_02.webp');}
	.webp #sh03{background-image:url('../img/01_Home_Slider_03.webp');}
	.webp #sp01{background-image:url('../img/02_Produkte_Slider_01.webp');}
	.webp #sp02{background-image:url('../img/02_Produkte_Slider_02.webp');}
	.webp #sf01{background-image:url('../img/03_Filialen_Slider_01.webp');}
	.webp #sf02{background-image:url('../img/03_Filialen_Slider_02.webp');}
	.webp #ss01{background-image:url('../img/04_Service_Slider_01.webp');}
	.webp #ss02{background-image:url('../img/04_Service_Slider_02.webp');}
	.webp #ss03{background-image:url('../img/04_Service_Slider_04.webp');}
	.webp #sk01{background-image:url('../img/05_Kontakt.webp');}
	.webp #sk02{background-image:url('../img/05_Kontakt_02.webp');}
	.webp #sj01{background-image:url('../img/06_Jobs_Slider_01.webp');}
	.webp #sj02{background-image:url('../img/06_Jobs_Slider_02.webp');}
	.webp #sj03{background-image:url('../img/06_Jobs_baecker.webp');}
	.webp #sj04{background-image:url('../img/06_Jobs_Hintergrund.webp');}
	.webp #sj05{background-image:url('../img/06_Jobs_Initiativbewerbung.webp');}
	.webp #vk01{background-image:url('../img/Vorteilskarte_banner.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%;}
}
/* Fußzeile */
footer{padding:10px 10px; background-color:#44231a; color:#fafafa; text-align:center; font-size:0.8em; vertical-align:top;}
.footerpart{display:inline-block; width:49%; text-align:left; vertical-align:top;}
h4{font-size:1.3em; margin-bottom:10px; background:linear-gradient(to right, #f0810e, transparent); background-size:100% 2px;
  background-position:bottom 0 left 0; background-repeat:no-repeat; padding-bottom:2px;}
footer a{color:#fafafa; text-decoration:none;}
address{font-style:normal; display:inline-block;}
footer div:last-child{font-size:0.7rem; margin-top:10px;}
/* 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);}
#googleframe{width:800px; max-width:100%; height:480px;}
.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;}
/* Jobs */
@media (min-width:700px){
.no-webp .jobs, .no-js .jobs{background-image:url('../img/jobs.jpg'); padding:20px 330px 20px 20px; background-position:center center; background-size:cover; color:#44231a;}
.webp .jobs{background-image:url('../img/jobs.webp'); padding:20px 330px 20px 20px; background-position:center center; background-size:cover; color:#44231a;}
.no-webp .jobs2, .no-js .jobs2{background-image:url('../img/jobs2.jpg'); padding:20px 100px 20px 20px; background-position:center center; background-size:cover; color:#44231a;}
.webp .jobs2{background-image:url('../img/jobs2.webp'); padding:20px 100px 20px 20px; background-position:center center; background-size:cover; color:#44231a;}
.no-webp .jobs3, .no-js .jobs3{background-image:url('../img/jobs3.jpg'); padding:20px 100px 20px 20px; background-position:center center; background-size:cover; color:#44231a;}
.webp .jobs3{background-image:url('../img/jobs3.webp'); padding:20px 100px 20px 20px; background-position:center center; background-size:cover; color:#44231a;}
}
@media (max-width:699px){
.jobs{padding:20px 30px; text-align:center;}
}
.jobs, .jobs2, .jobs3{background-color:rgba(240,129,14,1); color:#44231a; margin-bottom:20px; border:5px solid rgba(240,129,14,1);}
.jobs_suche{font-size:1.5em; margin-bottom:25px;}
.jobs_job{font-size:2em; margin-bottom:15px; font-weight:bold;}
.jobs_vt{font-size:1.5em; margin-bottom:15px;}
.jobs_ort{font-size:1.5em;}
/* Filialen */
#filialkarte{width:800px; max-width:100%; height:480px; margin-right:auto; margin-left:auto; display:block; margin-bottom:10px;}
.fl_header{background-color:#44231a !important; color:white; font-size:0.9em;}
.fl_header>.fl_location>.fl_contact{padding-top:2px !important;}
.fl_eintrag{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding-top:5px; padding-bottom:5px;}
.fl_eintrag:nth-child(odd){background-color:#facfa5;}
.fl_eintrag:nth-child(even){background-color:#ffe7ce;}
.fl_maplink{flex:0 1 70px; text-align:center; position:relative;}
.fl_maplink>a{vertical-align:middle; font-size:0.7em; text-align:center; position:relative; top:calc(50% - 30px); display:inline-block; width:68px; height:60px; padding-top:40px; box-sizing:border-box; background-size:contain; background-position:center top; background-repeat:no-repeat; }
.fl_open>.fl_maplink>a{color:green; background-image:url('../img/map_green.png');}
.fl_eintrag:not(.fl_open)>.fl_maplink>a{color:green; background-image:url('../img/map_red.png');}
.fl_contact{display:inline-block; width:200px; box-sizing:border-box; vertical-align:middle; padding-top:15px;}
.fl_address{display:inline-block; min-width:240px; box-sizing:border-box; vertical-align:middle;}
.fl_ortsteil{display:inline-block; margin-top:7px; font-style:italic;}
.fl_oeffnungsz{flex:0 1 300px; font-size:0.9em;}
.fl_week, .fl_weekend{display:inline-block; width:50%; box-sizing:border-box; vertical-align:middle;}
.fl_wday_txt{display:inline-block; width:30px;}
.fl_wdaym_txt{display:inline-block; width:22px;}
.fl_karte{display:inline-block; width:60px; text-align:center;}
.fl_karte_img{width:50px;}
.fl_sonderinfo{background-color:#ffe7ce; padding:5px 10px; border:2px solid #facfa5; box-shadow:4px 4px 3px 1px #d6a777; margin-bottom:10px; font-size:0.9em;}

#filialtabelle{width:100%; border-collapse:collapse; font-size:0.9em; margin-top:5px; margin-bottom:20px; box-shadow:1px 1px 8px 4px rgba(100,100,100,0.5);}
#filialtabelle>thead>tr>th{background-color:#44231a; color:white; padding-bottom:5px; padding-top:5px;}
#filialtabelle>tbody>tr>td{padding:4px 4px;}
#filialtabelle>tbody>tr:nth-child(odd)>td{background-color:#facfa5;}
#filialtabelle>tbody>tr:nth-child(even)>td{background-color:#ffe7ce;}
#filialtabelle>tbody>tr>td:nth-child(5){white-space:nowrap;}
.phonesymbol{margin-right:3px;}
@media (min-width:633px){
	#filialtabelle>thead>tr:nth-child(2)>th:nth-child(5),#filialtabelle>thead>tr:nth-child(1)>th:nth-child(1){border-right:1px solid rgba(250,250,250,0.6);}
	#filialtabelle>tbody>tr>td:nth-child(5){border-right:1px solid rgba(68,35,26,0.5);}
	#filialtabelle>tbody>tr>td:nth-child(n + 6){text-align:center;}
	.phonesymbol{display:none !important;}
}
@media (max-width:632px){
	#filialtabelle>tbody>tr>td:nth-child(6)::before{content: "Mo-Fr: "; font-weight:bold;}
	#filialtabelle>tbody>tr>td:nth-child(7)::before{content: "Sa: "; font-weight:bold;}
	#filialtabelle>tbody>tr>td:nth-child(8)::before{content: "So/Feiertag: "; font-weight:bold;}
}
.pointer{cursor:pointer;}
.ASCsign, .DESCsign{display:none;}
.ASC>.ASCsign, .DESC>.DESCsign{display:inline;}
#filter{font-size:16px; width:300px; border-radius:4px;}
#go_filter{font-size:16px; border-radius:4px; background-color:rgba(240,129,14,0.8); padding-right:10px;}
#go_filter:hover{background-color:rgba(240,129,14,1);}
.fb-page{max-width:100% !important; margin-right:auto; margin-left:auto; width:500px; display:block;}
#hist01>img{width:45%; vertical-align:middle; margin-right:20px; margin-bottom:20px; flex:0 0 auto;}
#hist02>img{width:45%; vertical-align:middle;  margin-left:20px; margin-bottom:20px; flex:0 0 auto;}
#hist03>img{width:45%; vertical-align:middle; margin-right:20px; margin-bottom:20px; flex:0 0 auto;}
#hist01, #hist02, #hist03{display:flex; align-items:center; width:100%;}
#hist02{flex-direction:row-reverse;}
#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;}
/* Vorteilskarte */
ol li{padding-bottom:7px;}