/* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } :root { --colormain: #006e85; --colorbg: #ebe8df; --colorsub: #6cacb5; --txtonmain:#ffffff; --radius: 10px; } body { margin:0;padding: 0;font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.1; color: var(--colormain);font-weight: 400; width: 100%; background-color:var(--colorbg); } p { padding:2px 0;margin:0 0 2px 0;} h1, h2, h3, h4, h5, h5{margin:0;padding:0;} h1{font-size:26px;} h2{font-size:18px;} h3{font-size:16px;} h4, h5{font-size:16px;margin-bottom:6px;} .headline h1{font-size:26px;} h2.gridheadline{margin:16px 0 12px 0;} h4.hbtn{background-color:var(--colorbg);min-height:40px;padding:2px 8px;border-radius:var(--radius);display:grid;align-items:center;} hr {border-top: 1px solid var(--colorbg); border-right: 0; border-left: 0; border-bottom: 0; height: 1px;width:100%;} hr.trenner{border-top:solid 4px var(--colorsub);} a {text-decoration:none;color:var(--colormain);} a:hover {color:var(--colorsub);} .innerright a{display:block;} .vers{padding-top:3.5px;} .clr{clear:both;} .txtright{text-align:right;} .txtcenter{text-align:center;} span.block{display:block;padding:4px 0;} span.block a:hover{color:#000000;} .collapsible { background-color: #777; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px;} .active, .collapsible:hover { background-color: #555;} .hidelist { padding: 0 18px; display: none; overflow: hidden; background-color: #f1f1f1;} span.ampel{height:14px;width:14px;border-radius:50%;display:inline-block;margin:2px 10px 0 0;} #wrapper{min-height:93vh;border-bottom:solid 4px var(--txtonmain);grid-gap: 0; display: grid; grid-auto-flow: row; grid-template-columns: 75px 1fr; margin: auto; } #navleft{background-color:var(--colormain);color:var(--txtonmain);padding:0px;} #navleft a{color:var(--txtonmain);} #wrapper #navleft nav{margin-top:180px;} #wrapper.large #navleft nav{margin-top:20px;} #navleft nav ul{margin:0;padding:0;list-style:none;} #navleft nav ul li{padding:0;margin:0;} #navleft nav ul li a{padding:10px 20px;display:block;} #navleft nav span.hidden{display:none;} #navleft #logo img{padding:20px;max-height:150px;max-width:80%;} #content{padding:20px 2em;} #version{padding:10px;text-align:right;} #version img{max-width:80px;height:auto;padding:0 0 0 10px;} #version a{ line-height: 46px; display: inline-block;} #version div{display:flex;float:right;} header { grid-gap: 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; margin: auto;align-items:center;} #suche{background-color:#ffffff;padding:20px;margin-bottom:20px;border-radius:var(--radius);} #suche .hflexgrid {display:flex;width:100%; flex-wrap: wrap;align-items:center;} #suche .hflexgrid > * { min-width: 140px;} #suche div{flex-basis: auto; flex-grow: 1;} header #logo img{max-height:80px;width:auto;border-radius:var(--radius);} header #logo{text-align:right;} header .headline{display:grid;grid-auto-flow: row; grid-template-columns: 1fr;align-items:center;background-color:#ffffff;padding:20px;border-radius:var(--radius);margin:20px 0;} #navleft a.before{color:var(--txtonmain)!important;} .inner_wrap {grid-gap: 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; margin: auto;} .inner_left{position:relative;} .start{width:80%;max-width:800px;margin:auto;background-color:#ffffff;border-radius:var(--radius);padding:60px 30px;margin-top:20vh;} .hinweis{background-color:#ffffff;border-radius:var(--radius);padding:20px;margin-top:30px;} .col1grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;grid-template-columns: 1fr ;position:relative;} .col2grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;grid-template-columns: 1fr ;} .col3grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;grid-template-columns: 1fr ;} .col4grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;grid-template-columns: 1fr ;} .col5grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;grid-template-columns: 1fr ;} .col6grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;grid-template-columns: 1fr ;} .col7grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;grid-template-columns: 1fr ;} .col8grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;grid-template-columns: 1fr ;} .col9grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;grid-template-columns: 1fr ;} .col10grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;grid-template-columns: 1fr;} .col12grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;grid-template-columns: 1fr;} .col14grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;grid-template-columns: 1fr;} .tblscrollbox{width:100%;overflow-x:scroll;} .tbl2grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;} .tbl3grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;} .tbl4grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;} .tbl5grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;} .tbl6grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;} .tbl7grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;} .tbl8grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;} .tbl9grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;} .tbl10grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;} .tbl12grid {grid-gap: 10px 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;} .end{align-items:end;} .center{align-items:center;} .top{align-items:start;} .border{border-bottom:solid 1px var(--colorbg);padding-bottom:6px;margin-bottom:2px;} .thead{font-weight:bold;} .edge{border-radius:var(--radius); border-top-left-radius:0;} .round{border-radius:var(--radius);} table thead{font-weight:bold;} table.awlist td{padding:6px 12px;vertical-align:top;} table.awlist, table.awlist th, table.awlist td { border: 1px solid var(--colorbg);border-collapse:collapse;} .flexgrid{display:flex; width: 100%; flex-wrap: wrap;justify-content:space-between;position:relative;} .flexgrid .flexitem{align-self:center;} .flexgrid > * { min-width: 270px;} .flexgrid .paket{ width: 270px; height: 180px; padding: 20px; border: solid 1px #08727f; border-radius:var(--radius); background-color:var(--colorbg); text-align: center; font-size: 30px; font-weight: bold; margin: 20px; position: relative; display:grid;align-content:center;} .paket p.wahl{font-size:16px;margin:6px 0 12px 0;} .selectbuttons {display:flex;width:100%; flex-wrap: wrap;} .selectbuttons > * { min-width: 140px;} .selectbuttons div{background-color:var(--colorsub);color:#ffffff;border-radius:var(--radius);margin:0px 10px 10px 0;padding:20px;display:grid;align-items:center;} .selectbuttons div.top{display:block;} .selectbuttons div a{color:#ffffff;font-weight:bold;} .selectbuttons div.active{background-color:#ffffff;color:var(--colormain);} .selectbuttons div.active a{color:var(--colormain);} .selectbuttons div a:before{display:block;text-align:center;padding-bottom:6px;} .selectbuttons div span.block a{font-weight:400;display:block;} div.reiter:after{clear:both;content:'';display:table;} .reiter a{background-color:var(--colorsub); color:#ffffff;padding:8px 10px; margin-right:4px;margin-top:2px; margin-left:0px;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);font-weight:600;display:inline-block;height:20px;} .reiter a.avert2, .reiter a.aerp2{background-color:var(--colorsubsub);} .reiter a.active{background-color:#fff;color:var(--colormain);} .reiter a.neu{margin:0;} .reiter a.neu:before{font-size:15px;} .reiter a.invert{background-color:var(--colorsublight);} .akunde a.akunde, .aedit a.aedit, .aprotokoll a.aprotokoll, .aerp1 a.aerp1, .aerp2 a.aerp2, .avert1 a.avert1, .avert2 a.avert2, .aex a.aex, .aneu a.aneu {background-color:#fff;color:var(--colormain);} .avor a.avor, .adash a.adash, .aan a.aan, .aauf a.aauf, .aaufo a.aaufo, .aliefer a.aliefer, .aro a.aro, .ara a.ara , .avoro a.avoro , .amahn a.amahn , .aaufauto a.aaufauto, .astorn a.astorn {background-color:#fff;color:var(--colormain);} .azb a.azb, .alb a.alb, .ast a.ast, .atb a.atb, .atbm a.atbm, .afix a.afix, .avar a.avar, .astamm a.astamm {background-color:#fff;color:var(--colormain);} .info { position: absolute; display:flex;background: var(--colormain); left: 6%; top: -150px; width: 80%; z-index: 10; border: solid 2px var(--colormain); padding: 30px; margin-bottom: 30px; color: #ffffff; font-size: 18px;} .inbox{ background-color: var(--colorbg);padding:10px;margin-bottom:20px;} /* Formulare */ form{margin:0;padding:0;} .antispam{display:none;} .formpad{padding:6px 0;} fieldset{border:none;padding:0px;margin:20px 0;position:relative;} fieldset.txt{padding:0px 20px;} input, textarea{font-size: 15px;color: var(--colormain);width:98%;margin:4px 0;border:solid 1px var(--colorsub);border-radius:6px;padding:4px;} .inner_wrap input, .inner_wrap textarea, #suche input, #suche textarea{font-size: 15px;color: var(--colormain);width:98%;margin:4px 0;border:solid 1px var(--colorbg);border-radius:6px;padding:4px;background-color:var(--colorbg);} fieldset.txt textarea{width:99%;} input.short{width:100px;} input.auto{width:auto;} input.part{width:70%;} input[type="reset"]{cursor:pointer;} #search input[type="text"]{width:200px;border:solid 1px #ffffff;margin-right:20px;} input[type="submit"], input[type="button"], #suche input[type="submit"],#suche input[type="button"]{border:solid 1px var(--colormain);border-radius: 6px; padding:4px 10px;margin:4px 0;font-size: 15px; color: #ffffff; background-color:var(--colormain);width:auto;cursor:pointer;} input[type="checkbox"], input[type="radio"]{width:auto!important;margin-right:6px;} input[type="submit"].del:before{font-family: 'Font Awesome 7 Free';top: 3px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f1f8';color:#ffffff;} textarea{ field-sizing: content;} button{background-color:var(--colormain); color:#ffffff;border:solid 1px var(--colormain);border-radius: var(--radius); padding:4px 10px;font-size: 15px;cursor:pointer;} a.button{background-color:var(--colormain); color:#ffffff;border:solid 1px var(--colormain);border-radius: 6px; padding:4px 0px;font-size: 15px;text-align:center;} button a{color:#ffffff;} button.print:before{font-family: 'Font Awesome 7 Free';top: 0px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f02f';color:#ffffff;} button.change:before{font-family: 'Font Awesome 7 Free';top: 0px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f021';color:#ffffff;} button.save:before{font-family: 'Fontawesome';top: 0px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f0c7';color:#ffffff;} button.pdf:before{font-family: 'FontAwesome';top: 0px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f1c1';color:#ffffff;} button.neu:before{font-family: 'Font Awesome 7 Free';top: 0px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f0fe';color:#ffffff;} button.retoure:before{font-family: 'Font Awesome 7 Free';top: 0px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f0e2';color:#ffffff;} button.del:before, a.button.del:before{font-family: 'Font Awesome 7 Free';top: 3px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f1f8';color:#ffffff;} .paket button.del:before, .paket button.save:before{display:inline-block;padding-right:6px;} button.back:before{font-family: 'Font Awesome 7 Free';top: 2px;position: relative;text-align: center;font-size:20px;display:inline-block;content: '\f100';color:#ffffff;padding-right:6px;} button.next:after{font-family: 'Font Awesome 7 Free';top: 2px;position: relative;text-align: center;font-size:20px;display:inline-block;content: '\f101';color:#ffffff;padding-left:6px;} button.send:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:20px;content: '\f064';} .selectbuttons button.send{background-color:var(--colorsub);border-color:var(--colorsub);} #search button{height:32px;padding:0 6px;} button.search:before{font-family: 'Font Awesome 7 Free';top: 0px;margin:0px;position: relative;text-align: center;font-size:20px;display:block;content: '\f002';color:#ffffff;} button.filter:before{font-family: 'Font Awesome 7 Free';top: 0px;margin:0px;position: relative;text-align: center;font-size:20px;display:block;content: '\f0b0';color:#ffffff;} button.nofilter:before{font-family: 'Font Awesome 7 Free';top: 2px;margin:0px;position: relative;text-align: center;font-size:20px;display:inline-block;content: '\f00d';color:#ffffff;padding-right:6px;} button.check:before{font-family: 'Font Awesome 7 Free';top: 0px;margin:0px;position: relative;text-align: center;font-size:20px;display:block;content: '\f00c';color:#ffffff;} button.btn1, button.btn2{background:none;color:var(--colormain);padding:4;margin:10px 8px 4px 0;} button.btn2:before{font-family: 'Font Awesome 7 Free';top: 0px;margin:0 4px 0 0px;position: relative;text-align: center;font-size:16px;display:inline-block;content: '\2b';} button.btn1:before{font-family: 'Font Awesome 7 Free';top: 0px;margin:0 4px 0 0px;position: relative;text-align: center;font-size:16px;display:inline-block;content: '\f068';} .innerright button{width:100%;height:100px;display:block;margin:8px 0 12px 0;cursor:pointer;position:relative;background-color:var(--colormain);color:#ffffff;} .innerright a.button{width:100%;display:block;margin:8px 0 12px 0;cursor:pointer;position:relative;background-color:var(--colormain);color:#ffffff;padding:22px 0;} .innerleft button{margin-left:10px;} .innerleft button.save:hover, .innerleft button.del:hover, a.btn:hover{background-color:var(--colorsub);border:solid 1px var(--colorsub);} button.onedelete{margin:0 0 10px 0px;width:70px;} button.alldelete{margin:0 0 0px 0px;width:70px;} button.onedelete:before{font-family: 'Font Awesome 7 Free';top: 0px;margin:0px;position: relative;text-align: left;font-size:20px;display:inline-block;content: '\f0fe';color:#ffffff;} button.alldelete:before{font-family: 'Font Awesome 7 Free';top: 0px;margin:0px;position: relative;text-align: left;font-size:20px;display:inline-block;content: '\f0fe';color:#ffffff;} button.alldelete:after{font-family: 'Font Awesome 7 Free';top: 0px;margin:0px 0 0 10px;position: relative;text-align: left;font-size:20px;display:inline-block;content: '\f1f8';color:#ffffff;} #search form{display:inline-block;padding-right:10px;} td.col50{width:50%;} .antispam{display:none;} select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none;width: 100%; height: 34px; -moz-padding-start: calc(10px - 3px); padding-left: 10px;padding-right:20px; margin-right:10px; background:#ffffff; color: var(--colormain); font-family: 'Open Sans', sans-serif; font-size: 15px; border-radius: 6px;outline: none;cursor: pointer;} select.selectfield{height:auto;width:auto;} .inner_wrap select, #suche select{background-color:var(--colorbg);} select::-ms-expand { display: none;} select option { color: var(--colormain);} select:focus::-ms-value { background-color: transparent;} .select-wrapper { position: relative;display:inline-block;min-width:200px;margin-right:10px;} .select-wrapper.small{min-width:auto;} .select-wrapper::before { font-family: 'Font Awesome 7 Free'; content: "\f0d7"; font-size: 20px; position: absolute; right: 10px; top: 6px; color: var(--colormain);pointer-events: none;} .innerright .select-wrapper{margin-right:0;} body.con li a.contact{font-weight:bold;background-color:var(--colorsub);} body.us li a.usersettings{font-weight:bold;background-color:var(--colorsub);} .dropdown ul {list-style:none; display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1;} .dropdown ul li{padding:8px} .dropdown ul li a{text-decoration:none;} .dropdown:hover ul, .dropdown:focus ul { display: block;} .longword{word-wrap: break-word;} span.star{display:inline-block;position:relative;width:0px;} span.star:before{font-family: 'Fontawesome';top: 0px;margin-bottom:8px;position: absolute;text-align: center;font-size:12px;display:block;content: '\f005';right:6px;top:2px;} /*Haupt - Navigation*/ a.btn_contact:before{font-family: 'Fontawesome';top: 0px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f2bb';} /* a.btn_invoice:before{font-family: 'Font Awesome 7 Free';top: 0px;margin-bottom:8px;position: relative;text-align: center; font-size:24px;display:block;content: '\f0f4';}*/ a.btn_invoice:before{font-family: 'Font Awesome 7 Free';top: 0px;margin-bottom:8px;position: relative;text-align: center; font-size:24px;display:block;content: '\f570';} a.btn_car:before{font-family: 'Font Awesome 7 Free';top: 0px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f1b9';} a.btn_calendar:before{font-family: 'Fontawesome';top: 0px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f073';} a.btn_service:before{font-family: 'Font Awesome 7 Free';top: 0px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f0ad';} a.btn_time:before{font-family: 'Font Awesome 7 Free';top: 0px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f2f2';} a.btn_usersettings:before{font-family: 'Font Awesome 7 Free';top: 0px;margin-bottom:8px;position: relative;text-align: center;font-size:24px;display:block;content: '\f509';} a.btn_logout:before{font-family: 'Font Awesome 7 Free';top: 0px;margin-bottom:8px;position: relative;text-align: center; font-size:24px;display:block;content: '\f011';} a.contact:before{font-family: 'Fontawesome';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:24px;content: '\f2bb'; width: 32px; display: inline-block;} /* a.invoice:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:24px;content: '\f0f4'; width: 28px; display: inline-block;}*/ a.invoice:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:24px;content: '\f570'; width: 32px; display: inline-block;} a.car:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:24px;content: '\f1b9'; width: 32px; display: inline-block;} a.calen:before{font-family: 'Fontawesome';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:24px;content: '\f073'; width: 32px; display: inline-block;} a.time:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:24px;content: '\f2f2'; width: 32px;display: inline-block;} a.usersettings:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:24px;content: '\f509';font-weight:normal!important; width: 32px; display: inline-block;} a.user:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:24px;content: '\f007'; width: 32px; display: inline-block;} a.logout:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:24px;content: '\f011'; width: 32px; display: inline-block;} a.article:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:24px;content: '\f1b3'; width: 32px; display: inline-block;} a.home:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:24px;content: '\f015'; width: 32px; display: inline-block;} a.provicon:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:24px;content: '\f4d3'; width: 32px; display: inline-block;} a.calendar:before{font-family: 'Fontawesome';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:20px;content: '\f073';width: 32px; display: inline-block;} a.service:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:20px;content: '\f0ad';width: 32px; display: inline-block;} a.up:after{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:24px;content: '\f106';} a.downafter:after{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:24px;content: '\f107';} a.downafterbg{position:relative;display:block;line-height:30px;} a.downafterbg:after{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: absolute;text-align: center;font-size:24px;content: '\f107';background-color:var(--colorbg);padding:5px 10px;border-radius:6px;right:0;top:0;} a.downafterbg.suche{border:solid 1px var(--colorsub);border-radius:var(--radius);padding:3px 6px;margin-bottom:30px;} a.downafterbg.suche:after{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: absolute;text-align: center;font-size:24px;content: '\f107';background:none;padding:3px 10px;right:0;top:0;} a.forwardafter:after{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 4px;position: relative;text-align: center;font-size:20px;content: '\f105';background-color:var(--colorbg);padding:5px 10px;border-radius:6px;right:0;top:0;} a.forwardafterbg{position:relative;display:block;line-height:30px;padding-right:40px;} a.forwardafterbg:after{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: absolute;text-align: center;font-size:24px;content: '\f105';background-color:var(--colorbg);padding:5px 10px;border-radius:6px;right:0;top:0;} a.editafterbg{position:relative;display:block;line-height:30px;padding-right:40px;} a.editafterbg:after{font-family: 'Font Awesome 7 Free';margin:0 4px 0 0;position: absolute;text-align: center;font-size:24px;content: '\f044';background-color:var(--colorbg);padding:5px 10px 5px 10px;border-radius:6px;right:0;top:-2px;display:block;;} h4.hbtn a.editafterbg{line-height:24px;} a.upafterbg{position:relative;display:block;line-height:30px;} a.upafterbg:after{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: absolute;text-align: center;font-size:24px;content: '\f106';background-color:var(--colorbg);padding:5px 10px;border-radius:6px;right:0;top:0;} a.neu, a.back, a.edit, a.vor, a.calvor,a.heute, a.del, a.lock, a.see, a.custumer, a.down, a.money, a.clock, a.calendar, a.forward, a.send, a.linkex, a.storno, #content a.service, a.users, a.print, a.check, a.wait{margin:8px 0;display:inline-block;} a.inf{position:relative;display:inline-block;margin:6px 0;} a.neu:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:20px;content: '\f0fe';} a.back:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:20px;content: '\f104';} a.edit:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:20px;content: '\f044';} a.vor:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:20px;content: '\f105';} a.forward:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 4px;position: relative;text-align: center;font-size:20px;content: '\f105';} a.calvor:after{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 0 0 4px;position: relative;text-align: center; font-size:20px;content: '\f105';} a.del:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:20px;content: '\f1f8';} a.lock:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:20px;content: '\f023';} a.see:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:20px;content: '\f06e';} a.custumer:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:20px;content: '\f2c1';} a.down:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:20px;content: '\f107';} a.money:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:20px;content: '\f570';} a.clock:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:20px;content: '\f2f2';} a.send:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:20px;content: '\f064';} a.linkex:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:20px;content: '\f08e';} a.storno:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center;font-size:20px;content: '\f05e';} a.inf:before{font-family: 'Font Awesome 7 Free';top: 1px;margin:0 4px 0 0;position: relative;text-align: center;font-size:20px;content: '\f05a';} a.users:before{font-family: 'Font Awesome 7 Free';top: 1px;margin:0 4px 0 0;position: relative;text-align: center;font-size:20px;content: '\f007';} a.print:before{font-family: 'Font Awesome 7 Free';top: 1px;margin:0 4px 0 0;position: relative;text-align: center;font-size:20px;content: '\f02f';} a.check:before{font-family: 'Font Awesome 7 Free';top: 1px;margin:0 4px 0 0;position: relative;text-align: center;font-size:20px;content: '\f00c';} a.wait:before{font-family: 'Font Awesome 7 Free';top: 1px;margin:0 4px 0 0;position: relative;text-align: center;font-size:20px;content: '\f254';} #content a.service:before{width: auto;display:inline-block;} .kurse a.down{margin:0;} .kurse a.down:before{margin:0;font-size:15px;padding-right:4px;top:0;} .kurse a.del{margin:0;} .reiter a.edit{margin:2px 4px 0 0;} .reiter a.edit:before{font-size:16px;top:2px;} .reiter a.neu:before{top:0;} a.bg.send{display:block;} span.fix{position:relative;display:block;} span.fix:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:20px;content: '\f023';} a.pdf:after{font-family: 'FontAwesome';top: 3px;margin:0 0px 0 4px;position: relative;text-align: center;font-size:20px;content: '\f1c1';} a.caledit:hover{color:#444444;} a.caledit {display:block;} a.caledit:before{font-family: 'Font Awesome 7 Free';top: 2px;margin:0 4px 0 0;position: relative;text-align: center;font-size:16px;content: '\f044';} a.bg:before{background-color:var(--colorbg);margin-right:10px;padding:5px 10px;border-radius:6px;} a.bg:after{background-color:var(--colorbg);padding:5px 10px;border-radius:6px;} a.btn{border:solid 1px var(--colormain);border-radius: var(--radius); padding:10px 10px;font-size: 12px; color: #ffffff; background-color:var(--colormain);width:auto;display:inline-block;margin:10px 0;} ul.rightnav{list-style:none; border-top: solid 1px #ffffff; margin: 20px 0; padding: 20px 0;} ul.rightnav li{margin:0;padding:0 0 20px 0;} ul.rightnav li a{position:relative; display: block; color: #ffffff; background-color: var(--colorsub); padding: 20px 8px ; text-align: center; border-radius: 6px;} ul.rightnav li a.pdf:after{content:'';} ul.rightnav li a.pdf:before{font-family: 'FontAwesome';top: 2px;margin:0 4px 0 0;left:0;text-align: center;font-size:20px;content: '\f1c1';} .innerright a.btn:before{display:block;padding:5px 10px;font-size:24px;} .innerright a.btn{font-size:15px;text-align:center;} .innerright a.back{display:block;color:#ffffff;background-color:var(--colorsub);padding:20px 8px;text-align:center;border-radius: 6px;} .innerright a.contact{display:block;color:#ffffff;background-color:var(--colorsub);padding:20px 8px;text-align:center;border-radius: 6px;} .innerright a.contact:before{display:block;text-align:center;width:100%; padding-bottom:10px;} .innerright a.neu{display:block;color:#ffffff;background-color:var(--colorsub);padding:20px 8px;text-align:center;border-radius: 6px;} .innerright a.neu:before{display:block;text-align:center;width:100%; padding-bottom:10px;} .itemright button.btn.del{padding:0;color:var(--colormain);background-color:var(--colorbg);border:solid 1px var(--colorbg);} .itemright button.btn.del:before{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 0;position: relative;text-align: center; font-size:18px;content: '\f1f8';color:var(--colormain);} .itemright button.btn.del:hover{background-color:var(--colorbg);border:solid 1px var(--colorbg);color:var(--colorsub)!important;} button.btn.bg:before{background-color:var(--colorbg);margin-right:10px;padding:5px 10px;border-radius:6px;} button.btn.bg:after{background-color:var(--colorbg);padding:5px 10px;border-radius:6px;} dl.anw {clear:both;width:100%;} dl.anw dt{clear:left;padding:0 2px;margin:0 0 2px 0;width:15%;} dl.anw dd{float:left;padding:0 2px;margin:0 0 2px 2px;width:15%;} dl.anw dd.bemerkung{float:left;width:35%;} div.ger{margin-bottom:16px;} div.ger input[type="checkbox"]{vertical-align: top;} span.checklabel{display:inline-block;width:90%;} span.checklabel:after{content:'';clear:both;display:table;} span.checklabel.stdo{margin-left:0;} span.checklabel.stdo + span.checklabel{display:block;margin-left:20px;} span.bull{display:inline-block;width:12px;height:12px;border-radius:50%;margin-top:4px;} .vis_vo, .vis_sz{display:none;padding-left:20px;} #checkvo:checked + .vis_vo { display: block; } #checksz:checked + .vis_sz { display: block; } @media (min-width: 500px) { .button-wrapper{grid-gap: 0.5em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr ; margin: auto; align-items:end;} .tbl2grid {grid-template-columns: 1fr 2fr ;} .tbl2grid.equal{grid-template-columns: 1fr 1fr ;} .tbl2grid.rightcol{grid-template-columns: 2fr 1fr ;} .tbl12grid {grid-template-columns: 1fr 1fr ;} .tbl3grid.liste {grid-template-columns: 50px 50px 1fr !important;} } @media (min-width: 700px) { header { grid-gap:10px 0px; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 200px; align-items:center;} header #logo{text-align:left;} header #logo img{margin:20px;border-radius:var(--radius);} } @media (min-width: 768px) { #wrapper.large {grid-gap: 0; display: grid; grid-auto-flow: row; grid-template-columns: 240px 1fr; margin: auto; } .col3grid {grid-template-columns: 1fr 1fr 1fr ;} .col4grid {grid-template-columns: 1fr 1fr;} .col5grid {grid-template-columns: 1fr 1fr 1fr;} .col6grid {grid-template-columns: 1fr 1fr 1fr;} .col7grid {grid-template-columns: 1fr 1fr ;} .col8grid {grid-template-columns: 1fr 1fr ;} .tbl2grid {grid-template-columns: 1fr 3fr ;align-content:start;} .tbl2grid.equal {grid-template-columns: 1fr 1fr ;} .tbl2grid.equal.site {grid-template-columns: 1fr ;} .tbl3grid.neu {grid-template-columns: 3fr 2fr 120px ;} .tbl2grid.rightcol{grid-template-columns: 3fr 1fr ;} .tbl3grid {grid-template-columns: 1fr 1fr 1fr ;} .tbl4grid {grid-template-columns: 1fr 1fr;} .tbl5grid {grid-template-columns: 1fr 1fr 1fr;} .tbl6grid {grid-template-columns: 1fr 1fr 1fr;} .tbl7grid {grid-template-columns: 1fr 1fr ;} .tbl8grid {grid-template-columns: 1fr 1fr ;} .tbl9grid {grid-template-columns: 1fr 1fr 1fr ;} .tbl10grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} .tbl12grid {grid-template-columns: 1fr 1fr 1fr 1fr;} .col10grid {grid-template-columns: 1fr 1fr 1fr 1fr;} .col12grid {grid-template-columns: 1fr 1fr 1fr 1fr;} .col12grid.kd .item1{order:2;} .col12grid.kd .item2{order:1;} .col12grid.kd .item3{order:3;} .col12grid.kd .item4{order:5;} .col12grid.kd .item5{order:6;} .col12grid.kd .item6{order:7;} .col12grid.kd .item7{order:8;} .col12grid.kd .item8{order:9;} .col12grid.kd .item9{order:10;} .col12grid.kd .item10{order:11;} .col12grid.kd .item11{order:12;} .col12grid.kd .item12{order:4;} .col14grid {grid-template-columns: 1fr 1fr 1fr 1fr;} } @media (min-width: 1024px) { header {grid-template-columns: 1fr 200px; } header .headline{grid-template-columns: 1fr 200px;} header #log{text-align:right;} .col2grid {grid-template-columns: 1fr 1fr ;} .col3grid {grid-template-columns: 1fr 1fr 1fr ;} .col4grid {grid-template-columns: 1fr 1fr 1fr 1fr;} .col5grid {grid-template-columns: 1fr 1fr 1fr;} .col6grid {grid-template-columns: 1fr 1fr 1fr;} .col7grid {grid-template-columns: 1fr 1fr 1fr 1fr;} .col8grid {grid-template-columns: 1fr 1fr 1fr 1fr;} .tbl4grid {grid-template-columns: 1fr 1fr 1fr 1fr;} .tbl4grid.paket {grid-template-columns: 1fr 1fr 70px 120px;} .tbl5grid {grid-template-columns: 1fr 1fr 1fr;} .tbl6grid {grid-template-columns: 1fr 1fr 1fr;} .tbl7grid {grid-template-columns: 1fr 1fr 1fr 1fr;} .tbl8grid {grid-template-columns: 1fr 1fr 1fr 1fr;} .tbl12grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;} .col10grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} .col12grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;} .col12grid.kd .item1{order:2;} .col12grid.kd .item2{order:1;} .col12grid.kd .item3{order:3;} .col12grid.kd .item4{order:7;} .col12grid.kd .item5{order:8;} .col12grid.kd .item6{order:9;} .col12grid.kd .item7{order:10;} .col12grid.kd .item8{order:11;} .col12grid.kd .item9{order:12;} .col12grid.kd .item10{order:4;} .col12grid.kd .item11{order:5;} .col12grid.kd .item12{order:6;} .col14grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;} } @media (min-width: 1200px) { header {grid-template-columns: 1fr 220px; } .inner_wrap {grid-gap: 0; grid-template-columns: 1fr 220px;} .inner_wrap.full {grid-template-columns: 1fr!important;} .innerright{padding:30px 20px 0 20px;} .innerright button{width:100%; display:block;} .button-wrapper{grid-gap: 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; margin: auto} .docgrid {display: grid; grid-gap: 10px; grid-auto-flow: row; grid-template-columns: 1fr 1fr 1fr 1fr;} } @media (min-width: 1366px) { .col2grid {grid-template-columns: 1fr 1fr ;} .col3grid {grid-template-columns: 1fr 1fr 1fr ;} .col4grid {grid-template-columns: 1fr 1fr 1fr 1fr;} .col5grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} .col6grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;} .col7grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .col8grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .tbl2grid.equal.site {grid-template-columns: 1fr 1fr;} .tbl4grid {grid-template-columns: 1fr 1fr 1fr 1fr;} .tbl5grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} .tbl6grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;} .tbl6grid.anw {grid-template-columns: 1fr 120px 120px 120px 1fr 120px;} .tbl7grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .tbl8grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:start;} .tbl8grid.wl {grid-template-columns: 1fr 80px 80px 140px 1fr 1fr 110px 70px;} .tbl9grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .tbl10grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .tbl10grid.wl {grid-template-columns: 1fr 80px 80px 100px 80px 1fr 1fr 1fr 110px 70px;} .tbl12grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .tbl12grid.tgruppe {grid-template-columns: 2fr 1fr 80px 150px 50px 50px 50px 80px 100px 160px 45px 45px;} .tbl12grid.platz {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 45px 45px;} .col10grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .col10grid.kd{grid-template-columns: 3fr 1fr 1fr 1fr 1fr 2fr 2fr 2fr 2fr 80px;} .col10grid.kd .item2{text-align:center;} .col10grid.kd .item3{text-align:center;} .col10grid.kd .item4{text-align:center;} .col10grid.kd .item5{text-align:center;} .col12grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .col12grid.kd{grid-template-columns: 1fr 2fr 2fr 1fr 1fr 1fr 1fr 2fr 2fr 2fr 1fr 80px;} .col12grid.kd .item1{order:1;} .col12grid.kd .item2{order:2;} .col12grid.kd .item3{order:3;} .col12grid.kd .item4{order:4;text-align:center;} .col12grid.kd .item5{order:5;text-align:center;} .col12grid.kd .item6{order:6;text-align:center;} .col12grid.kd .item7{order:7;text-align:center;} .col12grid.kd .item8{order:8;} .col12grid.kd .item9{order:9;} .col12grid.kd .item10{order:10;} .col12grid.kd .item11{order:11;} .col12grid.kd .item12{order:12;} .col12grid.kdp{grid-template-columns: 3fr 1fr 1fr 1fr 1fr 2fr 2fr 1fr 2fr 2fr 2fr 80px;} .col12grid.kdp .item1{order:1;} .col12grid.kdp .item2{order:2;text-align:center;} .col12grid.kdp .item3{order:3;text-align:center;} .col12grid.kdp .item4{order:4;text-align:center;} .col12grid.kdp .item5{order:5;text-align:center;} .col12grid.kdp .item6{order:6;} .col12grid.kdp .item7{order:7;} .col12grid.kdp .item8{order:8;} .col12grid.kdp .item9{order:9;} .col12grid.kdp .item10{order:10;} .col12grid.kdp .item11{order:11;} .col12grid.kdp .item12{order:12;} .col14grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} } @media (min-width: 1800px) { header #logo img{max-height:100%;max-width:180px;} .tbl12grid.tgruppe {grid-template-columns: 3fr 2fr 80px 240px 50px 50px 50px 80px 100px 160px 45px 45px;} .col12grid.kd{grid-template-columns: 1fr 2fr 2fr 80px 80px 80px 80px 2fr 2fr 2fr 1fr 80px;} .tbl6grid.anw {grid-template-columns: 1fr 120px 120px 120px 2fr 120px;} .tbl10grid.wl {grid-template-columns: 1fr 80px 80px 80px 80px 120px 80px 1fr 110px 70px;} .tbl8grid.wl {grid-template-columns: 1fr 90px 90px 140px 1fr 1fr 110px 70px;} } @media (max-width: 1365px) { .col10grid.thead{display:none;} .col10grid.kd div{position:relative;} .col10grid.kd div:before { content: attr(data-label); position: relative; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold;display:block; } .col12grid.thead{display:none;} .col12grid.kd div{position:relative;} .col12grid.kd div:before { content: attr(data-label); position: relative; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold;display:block; } .col12grid.kdp div{position:relative;} .col12grid.kdp div:before { content: attr(data-label); position: relative; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold;display:block; } .tbl6grid.anw.thead{display:none;} .tbl6grid.anw div:before { content: attr(data-label); position: relative; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold;display:block; } .tbl6grid.anw .item2{order:2} .tbl6grid.anw .item3{order:2} .tbl6grid.anw .item4{order:2} .tbl9grid.thead{display:none;} .tbl9grid div:before { content: attr(data-label); position: relative; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold;display:block; } .tbl8grid.wl.thead{display:none;} .tbl8grid.wl div:before { content: attr(data-label); position: relative; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold;display:block; } .tbl8grid.wl{align-items:start;} .tbl10grid.platz.thead{display:none;} .tbl10grid.platz div:before { content: attr(data-label); position: relative; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold;display:block; } .tbl10grid.wl.thead{display:none;} .tbl10grid.wl div:before { content: attr(data-label); position: relative; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold;display:block; } .tbl12grid.tgruppe.thead{display:none;} .tbl12grid.tgruppe div:before { content: attr(data-label); position: relative; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold;display:block; } .tbl12grid.platz.thead{display:none;} .tbl12grid.platz div:before { content: attr(data-label); position: relative; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold;display:block; } .scrollbox{width: 100%; overflow-x: scroll;display:block; scroll-snap-type: y mandatory;} table.awlist, table.awlist tr{position:relative;} table.awlist td:first-child { width: 40%; min-width: 200px; max-width: 40%; left:0; position: sticky;background-color:#ffffff;border-right:solid 1px var(--colorbg);} } @media (max-width: 1199px) { } @media (max-width: 767px) { .col10grid.kd div.item2:before, .col10grid.kd div.item3:before, .col10grid.kd div.item4:before, .col10grid.kd div.item5:before{display:inline-block;} } @media (max-width: 499px) { header div#logo{order:1;margin-top:0px;} }