/* 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: #026089; --colorbg: #e9f2f5; --colorsub: #7eb1c4; --txtonmain:#ffffff; --radius: 10px; } /* Kaffeeklatsch :root { --colormain: #262626; --colorbg: #f0f0f0; --colorsub: #fb3099; --colorsublight: #fc99bf; --txtonmain:#ffffff; --radius: 10px; /* Bei Verbindung mit erp2 --colorsubsub: #0094b8; } :root body.inserv, :root body.service, :root body.cal { --colormain: #262626; --colorbg: #f0f0f0; --colorsub: #0094b8; --colorsublight: #95bdd1; --txtonmain:#ffffff; --radius: 10px; /* Bei Verbindung mit erp --colorsubsub: #fb3099; } */ 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;background-color:#ffffff;padding:20px;border-radius:var(--radius);margin:20px 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 #ccc; border-right: 0; border-left: 0; border-bottom: 0; height: 1px;} hr.trenner{border-top:solid 4px var(--colorsub);} a {text-decoration:none;color:var(--colormain);} a:hover {color:var(--colorsub);} .innerright a{display:block;} .clr{clear:both;} .txtright{text-align:right;} span.block{display:block;padding:4px 0;} span.block a:hover{color:#000000;} ul.mahn{list-style:none;border-top:solid 1px #ffffff;border-bottom:solid 1px #fff;margin:20px 0 ;padding:20px 0;} #wrapper{min-height:98vh;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: 4fr 1fr 1fr; margin: auto;align-items:center;} header div{flex-basis: auto; flex-grow: 1;} header #logo img{max-height:80px;width:auto;border-radius:var(--radius);} header #logo{text-align:right;} #navleft a.before{color:var(--txtonmain)!important;} .inner_wrap {grid-gap: 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; margin: auto;} .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;} .mahnung{border-left:solid 3px red;padding-left:8px;} .offen{border-left:solid 3px yellow;padding-left:8px;} .abgeschlossen{border-left:solid 3px green;padding-left:8px;} div.wahl{width:36px;float:left;height:100%;} table{border-collapse:collapse;} table.tbl_border td{background-color:#ffffff;border-radius:var(--radius);padding:10px 20px;} .tblgrid {grid-gap: 10px 0; 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: 50px 100px 1fr ;} .tblgrid .griditem1 { grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem2 { grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem3 { grid-column-start: 3; grid-column-end: 3; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem4 { grid-column-start: 3; grid-column-end: 3; grid-row-start: 2; grid-row-end: 2;} .tblgrid .griditem5 { grid-column-start: 3; grid-column-end: 3; grid-row-start: 3; grid-row-end: 3;} .tblgrid .griditem6 { grid-column-start: 3; grid-column-end: 3; grid-row-start: 4; grid-row-end: 4;} .tblgrid .griditem7 { grid-column-start: 2; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;} .tblgrid .error { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 1;padding:30px 0;} .tblgrid.tblhead{border-top-left-radius:0;font-weight:600;} .tblgrid div{margin-right:10px;} .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 ;} .col2grid.edge{border-top-left-radius:0;} .col2grid.end{align-items:end;} .col2grid.center{align-items:center;} .col2grid.top{align-items:start;} .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 ;} .col3grid.center{align-items:center;} .col3grid.edge{border-top-left-radius:0;} .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 1fr ;} .col4grid.edge{border-top-left-radius:0;} .tbl2grid {grid-gap: 6px; 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 ;align-items: center;} .tbl2grid.top{align-items:start!important;} .tbl2grid.equal {grid-gap: 6px; 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 ;align-items: center;} .tbl3grid {grid-gap: 6px; 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;align-items: center;} .tbl3grid.eingabe {grid-gap: 6px; 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 ;align-items:start;} .tbl3grid.view.top{align-items:start;} .tbl4grid {grid-gap: 6px; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; align-items: center;} .tbl5grid {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; ;margin-bottom:10px;grid-template-columns: 1fr;} .tbl5grid.equal {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; ;margin-bottom:10px;grid-template-columns: 1fr;} .tbl4grid.posneu {grid-gap: 6px; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; align-items: center;} .tbl6grid {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; ;margin-bottom:10px;grid-template-columns: 1fr 1fr;} .tbl6grid.equal {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; ;margin-bottom:10px;grid-template-columns: 1fr 1fr ;} .border{border-bottom:solid 2px var(--colorbg);border-radius:0!important;} .tbl7grid {grid-gap: 10px 0; 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: 50px 100px 1fr ;} .tbl7grid.auto {grid-gap: 10px 0; 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 1fr 1fr 1fr ;} .tbl7grid.vorgang {grid-gap: 10px 0; 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 1fr 1fr 1fr 1fr ;} .col1grid .tbl7grid.vorgang{border-bottom:solid 2px var(--colorbg);} .tbl7grid.edge{border-top-left-radius:0;} .tbl8grid {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px 4px; margin-bottom:10px;grid-template-columns: 1fr 1fr 1fr 1fr ;border-bottom:solid 2px var(--colorbg);} .tbl8grid.vorgang{grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px 4px; margin-bottom:10px;grid-template-columns: 1fr 1fr 1fr 1fr ;border-bottom:solid 2px var(--colorbg);} .tbl8grid.head{font-weight:600;} .tbl9grid {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px 4px; margin-bottom:10px;grid-template-columns: 1fr 1fr 1fr 1fr ; } .tbl12grid {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px 4px; margin-bottom:10px;grid-template-columns: 32px 1fr 1fr 1fr 1fr 1fr ;border-bottom:solid 2px var(--colorbg);} .tbl12grid.equal {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px 4px; margin-bottom:10px;grid-template-columns: 1fr ;border-bottom:solid 2px var(--colorbg);} .tbl12grid div{padding:4px;} .col1grid {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px; border-radius:var(--radius);margin-bottom:10px;} .col1grid.edge{border-top-left-radius:0;} .wvgrid {grid-gap: 10px 0; 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 1fr 1fr 2fr 1fr 50px ;} .wvgrid.tblhead{border-top-left-radius:0;font-weight:600;} .swvgrid {grid-gap: 10px 0; 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: 120px 1fr 1fr 1fr 1fr 1fr 50px ;} .swvgrid.tblhead{border-top-left-radius:0;font-weight:600;} .flexgrid{display:flex;justify-content:space-between;} .flexgrid .flexitem{align-self:center;} .vggrid {display: flex;border-bottom:solid 1px var(--colorbg);} .vggrid div{padding:10px;} .posgrid {display: flex;border-bottom:solid 1px var(--colorbg);} .posgrid div{padding:4px 6px;} .posgrid div.positem10{padding-top:12px;text-align:right;} .posgrid.overview div{padding-top:0!important;} .posgrid .pad{padding-top:16px;} .docgrid {display: grid; grid-gap: 10px; grid-auto-flow: row; grid-template-columns: 1fr 1fr;align-items:start;} .thead{font-weight:bold;border-radius:var(--radius);} .edge{border-radius:var(--radius); border-top-left-radius:0;} .round{border-radius:var(--radius);} .selectbuttons div{background-color:var(--colorsub);color:#ffffff;border-radius:var(--radius);margin-right:10px;margin-bottom:10px;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;} body.inserv .selectbuttons div.erp1{background-color:var(--colorsubsub);} .selectbuttons div.erp2{background-color:var(--colorsubsub);} .selectbuttons.ap1 div.erp1{background-color:#ffffff;color:var(--colormain);} .selectbuttons.ap1 div.erp1 a{color:var(--colormain);} .selectbuttons.ap2 div.erp2{background-color:#ffffff;color:var(--colormain);} .selectbuttons.ap2 div.erp2 a{color:var(--colormain);} 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 {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);} /* Formulare */ .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{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"]{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;} input[type="checkbox"], input[type="radio"]{width:auto!important;margin-right:6px;} 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;} 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{width:32px;height:32px;padding:0;} 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: 0px;margin:0px;position: relative;text-align: center;font-size:20px;display:block;content: '\f00d';color:#ffffff;} 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.dropbtn { background-color:var(--colorbg); color: var(--colormain); cursor: pointer;position:relative;padding-right:50px;border:solid 1px var(--colorbg);margin-left:0!important;} button.dropbtn:before { font-family: 'Font Awesome 7 Free'; content: "\f0d7"; font-size: 20px; position: absolute; right: 10px; top: 6px; color: var(--colormain);pointer-events: none;} /* .dropbtn:hover, .dropbtn:focus { background-color: var(--colorsub);border:solid 1px var(--colorsub);color:#ffffff;}*/ .dropdown { position: relative; display: inline-block;} .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; overflow-y: scroll; max-height:300px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;} .dropdown-content a { color: black; padding: 6px 16px; text-decoration: none; display: block;} .dropdown-content a.active { color:var(--colorsub); font-weight:bold;} .dropdown a:hover {background-color: #ddd;} .show {display: block;} /* .inner_wrap button{background-color: var(--colorbg);color:var(--colormain);border:solid 1px var(--colorbg);padding:4px 8px;} .inner_wrap button:before{color:var(--colormain);} .inner_wrap button:hover, .inner_wrap button:before:hover{color:var(--colorsub);} .inner_wrap button.check:before{background-color: var(--colorbg);color:var(--colormain);} */ .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);} #search form{display:inline-block;padding-right:10px;} /* fieldset label{font-weight:bold;background-color:#333333;color:#ffffff;padding:4px;position:absolute;top:-6px;}*/ 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{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:20px;} .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;} .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;} body.con li a.contact{font-weight:bold;background-color:var(--colorsub);} body.us li a.usersettings{font-weight:bold;background-color:var(--colorsub);} body.inv li a.invoice{font-weight:bold;background-color:var(--colorsub);} body.inserv li a.car{font-weight:bold;background-color:var(--colorsub);} body.cal li a.calen{font-weight:bold;background-color:var(--colorsub);} body.service li a.service{font-weight:bold;background-color:var(--colorsub);} body.pro li a.provicon{font-weight:bold;background-color:var(--colorsub);} a.icon{display:none;} .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.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{margin:8px 0;display:inline-block;} h4 a.neu{display:block;} 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';} #content a.service:before{width: auto;display:inline-block;} .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:inline-block;background-color:var(--colorsub);color:#ffffff;padding: 5px 10px;border-radius:var(--radius);} a.bg.send:before{padding:0px;background:none;} .mahnung a.bg.send{background-color:var(--colorsub);color:#ffffff;padding:4px 10px 6px 10px;} .mahnung a.bg:before{padding:0px;background:none;} 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;} .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;} ul.mahn a.see{display:block;color:#ffffff;background-color:var(--colorsub);padding:20px 8px;text-align:center;border-radius: 6px;} ul.mahn a.save{display:block;color:#ffffff;background-color:var(--colorsub);padding:20px 8px;text-align:center;border-radius: 6px;} ul.mahn a.save:before{font-family: 'Fontawesome';top: 3px;margin:0 4px 0 0;position: relative;text-align: center; font-size:20px;content: '\f0c7';} ul.mahn a.storno{display:block;color:#ffffff;background-color:var(--colorsub);padding:20px 8px;text-align:center;border-radius: 6px;} .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;} .tbl_border td a.edit:before,.tbl_border td a.vor:before,.tbl_border td a.del:before,.tbl_border td a.lock:before{font-size:16px;top: 0px;} a.btn_storno{text-decoration:none;display:inline-block;border:solid 1px #cccccc;padding:5px;background-color:#dddddd;} span.storno{color:red;font-weight:bold;} span.first{width:50%;display:inline-block;} span.down:after{font-family: 'Font Awesome 7 Free';top: 3px;margin:0 0 0 4px;position: relative;text-align: center; color: var(--colormain);font-size:20px;content: '\f0d7';} 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;} /* Kalender */ .tbcellhide_wrap{min-height:10px;position:relative;text-align:center;} .tbcellhide{display:none;} .tbcellhide_wrap:hover .tbcellhide{display:block;position:absolute;width:200px;top:0;left:0;background-color:#ffffff;border:solid 1px #ccc;padding:10px;z-index:10;text-align:center;} @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;} } @media (min-width: 768px) { #wrapper.large {grid-gap: 0; display: grid; grid-auto-flow: row; grid-template-columns: 240px 1fr; margin: auto; } .button-wrapper{grid-gap: 0.5em; grid-template-columns: 1fr 1fr 1fr; align-items:end;} .vggrid {grid-template-columns: 1fr 1fr 1fr 1fr;} .tbl2grid {grid-template-columns: 1fr 3fr ;} .tbl2grid.equal {grid-template-columns: 1fr 1fr ;} .tbl3grid {grid-template-columns: 1fr 3fr 1fr ;} .tbl3grid.equal{grid-template-columns: 1fr 1fr 1fr ;} .tbl4grid {grid-template-columns: 1fr 2fr 1fr 1fr ;} .tbl4grid.equal {grid-template-columns: 1fr 1fr 1fr 1fr ;} .tbl4grid.vgdetail {grid-template-columns:1fr 1fr 1fr 100px ;align-items:top;grid-gap:1em} .tbl5grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} .tbl5grid.equal {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} .tbl5grid.posneu {grid-template-columns:1fr 1fr 2fr 1fr 1fr ;align-items:center;} .tbl5grid.vorgang {grid-template-columns:1fr 1fr 2fr 1fr 1fr ;} .tbl6grid {grid-template-columns: 1fr 1fr 1fr ;} .tbl6grid.equal {grid-template-columns: 1fr 1fr 1fr ;} .tbl12grid.equal {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px 4px; margin-bottom:10px;grid-template-columns: 1fr 1fr 1fr 1fr ;border-bottom:solid 2px var(--colorbg);} } @media (min-width: 1024px) { .selectbuttons{display:flex;margin:20px 0;} .selectbuttons div{margin-bottom:0px;margin-right:20px;} .button-wrapper{grid-gap: 0.5em; grid-template-columns: 1fr 1fr 1fr 1fr; align-items:end;} .posgrid {grid-gap: 10px 6px; display: grid; grid-auto-flow: row; background-color:#ffffff;padding:10px; margin-bottom:10px;grid-template-columns: 1fr 1fr 5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .tbl3grid.eingabe {grid-gap: 6px; 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 3fr 2fr ;align-items:start;} } @media (min-width: 1200px) { .inner_wrap {grid-gap: 0; grid-template-columns: 1fr 220px;} .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;} .tbl12grid.equal {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px 4px; margin-bottom:10px;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr ;border-bottom:solid 2px var(--colorbg);} .tbl8grid {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px 4px; margin-bottom:10px;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;border-bottom:solid 2px var(--colorbg);} .tbl8grid.auftrag{grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr;} .tbl8grid.artikel{grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr 50px;} } @media (min-width: 1300px){ .tblgrid {grid-gap: 6px 0; grid-template-columns: 50px 100px 1fr 1fr ;margin-bottom:10px;} .tblgrid .griditem1 { grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem2 { grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem3 { grid-column-start: 3; grid-column-end: 3; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem4 { grid-column-start: 3; grid-column-end: 3; grid-row-start: 2; grid-row-end: 2;} .tblgrid .griditem5 { grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem6 { grid-column-start: 4; grid-column-end: 4; grid-row-start: 2; grid-row-end: 2;} .tblgrid .griditem7 { grid-column-start: 2; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;} .tblgrid .error { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 1;} .col2grid {grid-template-columns:1fr 1fr ;} .col3grid {grid-template-columns:1fr 1fr 120px;} .col3grid.equal{grid-template-columns:1fr 1fr 1fr;} .col3grid .itemright, .tbl3grid .itemright, .tbl6grid .itemright{text-align:right;} .col3grid.view {grid-template-columns:1fr 3fr 1fr;} .col4grid{grid-template-columns:1fr 1fr 1fr 120px;;} .col4grid.equal{grid-template-columns:1fr 1fr 1fr 1fr} .posgrid {grid-gap: 10px 0; display: grid; grid-auto-flow: row; background-color:#ffffff;padding:10px; grid-template-columns: 60px 50px 5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .tbl6grid {grid-gap: 6px 0; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 50px;margin-bottom:6px;} .tbl6grid.vorgang {grid-gap: 6px 0; grid-template-columns: 1fr 1fr 2fr 1fr 1fr 50px;margin-bottom:6px;} .tbl12grid {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px 4px; margin-bottom:10px;grid-template-columns: 32px 2fr 2fr 1fr 1fr 2fr 1px 2fr 2fr 2fr 1fr 2fr ;border-bottom:solid 2px var(--colorbg);} } @media (min-width: 1400px) { .tbl7grid {grid-gap: 6px 0; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 50px;margin-bottom:6px;} .tbl7grid.auto {grid-gap: 6px 0; grid-template-columns: 50px 1fr 1fr 1fr 1fr 1fr 100px;margin-bottom:6px;align-items:center;} .tbl7grid.vorgang {grid-gap: 6px 0; grid-template-columns: 2fr 2fr 1fr 1fr 1fr 3fr 2fr ;} .tbl8grid.vorgang {grid-gap: 6px 0; grid-template-columns: 2fr 2fr 1fr 1fr 1fr 3fr 2fr 50px;} .tbl12grid.equal {grid-gap: 10px 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; background-color:#ffffff;padding:10px 4px; margin-bottom:10px;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr ;border-bottom:solid 2px var(--colorbg);} } @media (min-width: 1600px) { header { grid-template-columns: 6fr 1fr 1fr; } .inner_wrap {grid-gap: 0; grid-template-columns: 1fr 240px;} .tblgrid {grid-gap: 6px 0; grid-template-columns: 50px 100px 1fr 1fr 1fr 1fr 100px;margin-bottom:6px;} .tblgrid .griditem1 { grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem2 { grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem3 { grid-column-start: 3; grid-column-end: 3; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem4 { grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem5 { grid-column-start: 5; grid-column-end: 5; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem6 { grid-column-start: 6; grid-column-end: 6; grid-row-start: 1; grid-row-end: 1;} .tblgrid .griditem7 { grid-column-start: 7; grid-column-end: 7; grid-row-start: 1; grid-row-end: 1;} .tblgrid .error { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 1;} .tbl4grid {grid-template-columns: 1fr 3fr 1fr 1fr ;} .tbl6grid.equal {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;} .tbl9grid {grid-gap: 6px 0; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 50px;margin-bottom:6px;} .tbl9grid.prov {grid-gap: 10px; grid-template-columns: 1.5fr 2fr 2fr 1fr 1fr 1fr 1fr 2fr 100px;margin-bottom:6px;} } @media (max-width: 1023px) { .tbl3grid.eingabe .firstitem{font-weight:600;} } @media (max-width: 767px) { /* Hide the links inside the navigation menu (except for logo/home) #menu_top { display: none; position:absolute;background-color:#ffffff;padding:20px;border:solid 1px #ccc;z-index:99;width:200px;} #menu_top ul li{display:block;float:none;padding:8px 0;border-bottom:solid 1px #ccc;} a.icon{font-size:30px;color:#3a7883;display:inline-block;}*/ }