@charset "UTF-8";
/* CSS Document */
/* probstbe.ch Zeiterfassung*/
/* ****************** */
/* CSS Basic definitions (all screen-formats) */
/* We optimize first for 360–440 pixel viewports*/

/* roboto-condensed-200 - latin */
@font-face {font-display: swap;font-family: 'Roboto Condensed';font-style: normal;font-weight: 200;src: url('/fts/roboto-condensed-v27-latin-200.woff2') format('woff2');}
/* roboto-condensed-300 - latin */
@font-face {font-display: swap;font-family: 'Roboto Condensed';font-style: normal;font-weight: 300;src: url('/fts/roboto-condensed-v27-latin-300.woff2') format('woff2');}
/* roboto-condensed-regular - latin */
@font-face { font-display: swap; font-family: 'Roboto Condensed';font-style: normal;font-weight: 400;src: url('/fts/roboto-condensed-v27-latin-regular.woff2') format('woff2');}
/* roboto-condensed-500 - latin */
@font-face { font-display: swap; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 500; src: url('/fts/roboto-condensed-v27-latin-500.woff2') format('woff2');}
/* roboto-condensed-600 - latin */
@font-face { font-display: swap; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 600; src: url('/fts/roboto-condensed-v27-latin-600.woff2') format('woff2');}

body {font-family: 'Roboto condensed'; color: #fff;font-size: 16px;font-weight:100;background-color:#010101;}

/* GENERAL Basic definitions -> var() */
:root {
--shadow:2px -2px 6px 1px #cbcbcb;
--smallshadow:1px 1px 2px 0 #cbcbcb;
--darkborder: 1px solid #222;
--midborder: 1px solid #999;
--lightborder: 1px solid #eee;
--darkbg:#444;
--blackbg:#111;
--lightbg:#fff;
--light:#fff;
--dark:#111;
--darkgrey:#555;
--gray:#999;
--lgray:#aaa;
--btndgrey:#333;
--btnred:#B5210E;
--btnblue:#094D80;
--phiblue: rgba(29,112,183,0.8);
--btngreen:#02663B;
--btnyellow:#FCBA00;
--btnlila:#640266;
--btnredborder:#B5210E;
--invalid:red;
--valid:green;
--binvalid:1px solid red;
--bvalid:1px solid green;
--lgreen:  #d6f5d6;
--orange:rgba(255,140,0,0.5);
--turq1:linear-gradient(180deg,rgba(0, 124, 130, 1) 0%, rgba(0, 59, 61, 1) 100%);
--turq2:linear-gradient(180deg,rgba(0, 145, 153, 1) 0%, rgba(0, 71, 74, 1) 100%);
--turq3:linear-gradient(180deg,rgba(0, 167, 176, 1) 0%, rgba(0, 86, 89, 1) 100%);
--blue1:linear-gradient(180deg,rgba(5, 86, 148, 1) 0%, rgba(0, 40, 71, 1) 100%);
--lila1:linear-gradient(180deg,rgba(113, 0, 116, 1) 0%, rgba(60, 0, 62, 1) 100%);
--green1:linear-gradient(180deg,rgba(0, 114, 65, 1) 0%, rgba(0, 48, 27, 1) 100%);
--red1:linear-gradient(180deg,rgba(202, 23, 0, 1) 0%, rgba(144, 16, 0, 1) 100%);
/*Animation styles for accordion
--timing: .4s;
--ease: cubic-bezier(0.865, 0.140, 0.095, 0.870);*/
}
*,*:before,*:after {box-sizing: border-box;}
textarea {font-family:'Roboto Condensed'!important;font-weight:200;font-size:1rem;border-radius:5px;border:1px solid var(--dark);line-height: 1.5rem;padding:0 3px;}
/* validation*/
input:user-invalid,select:user-invalid {border:1px solid red;} input:user-valid,select:user-valid {border:1px solid lightgreen;}
.loginhtml input:user-invalid, .loginhtml input:user-valid, #searchfield input:user-valid, #searchfield input:user-invalid {border:1px solid #000;}
.error-message {padding:1px 3px 6px 3px;font-weight:100;font-size:0.8rem;color:red;height:1.1rem;background-color:rgb(255 213 213); -webkit-animation: fadeinout 2s linear forwards;

	animation: fadeout 2s linear forwards;animation-delay: 2s;}
@keyframes fadeout { from { opacity: 1; } to { opacity: 0; }}
/*input:user-valid ~ .error-message {display:none;}*/
.matacompl .error-message {margin-top:-14px;}
/* forms */
input[readonly]:user-invalid,input[readonly]:user-valid,input[readonly], textarea[readonly], select[disabled] {color:var(--darkgray);border-color:var(--gray);border-style: dotted;outline:none;font-size:1rem;}

/* width */
.mr05 {margin-right:0.5rem;}.mr04 {margin-right:0.4rem;}.mr03 {margin-right:0.3rem;}.mr02 {margin-right:0.2rem;}
.pd04 {padding-right:0.4rem;}.pd03 {padding-right:0.3rem;}.pd02 {padding-right:0.2rem;}
.pad4 {padding:4px;}
.w100{width:100%} .w95 {width:95%} .w90{width:90%} .w85 {width:85%} .w80{width:80%} .w75 {width:75%} .w70{width:70%} .w65{width:65%;} .w60{width:60%} .w55{width:55%} .w50{width:50%} .w45{width:45%} .w40{width:40%} .w35{width:35%} .w33{width:33%} .w30{width:30%} .w25{width:25%} .w20{width:20%} .w15{width:15%;} .w10{width:10%;} .w05{width:5%} .w03 {width:3%;}
.ww100 {width:100%;}.ww90 {width:90%;}.ww80 {width:80%;}.ww75 {width:75%;}.ww70 {width:70%;}.ww65 {width:65%;}.ww60 {width:60%;}.ww55 {width:55%;}.ww50 {width:50%;}.ww45 {width:45%;}.ww40 {width:40%;}.ww35 {width:35%;}.ww33 {width:33%;}.ww30 {width:30%;}.ww25 {width:25%;}.ww20 {width:20%;}.ww15 {width:15%;}.ww10 {width:10%;}.ww08{width:8%;} .ww06{width:6%;}.ww05 {width:5%;}.ww03 {width:3%;}
/* height */
.mb3 {margin-bottom:3px;}.mb6 {margin-bottom:6px;}.mb1r {margin-bottom:1rem;}.mt3 {margin-top:3px;}.mt6 {margin-top:6px;}.mt1r {margin-top:1rem;}

h1,h2,h3{margin:0 0 0.1rem 0;}
h3{font-size:1.2rem;}
.flex {display:flex;} .center {text-align:center;} .right {text-align:right;}
.nodisplay {display:none;}
.link {cursor:pointer;color:#386fb3;margin-bottom:5px;}
.link .right_str {stroke:#386fb3;}
/* Box um Hauptbereiche */.mbox {border-radius:5px;border:var(--midborder);background:#fff;padding:0.5rem;margin-bottom:1rem;}
/* Tooltips*/
.warn[tooltip]::after{border-color:red;}
.warn[tooltip][flow^="down"]::before {top: 100%;border-top-width: 0;border-bottom-color: red;}
.warn[tooltip]:not([flow])::before,.warn[tooltip][flow^="up"]::before {bottom: 100%;border-bottom-width: 0;border-top-color:red;}
.wt10[tooltip]::after {width:12rem;}




/* Buttons */
input[disabled].btn,button[disabled].btn {background:var(--lgray);border:var(--midborder);}
input.btn.inactive,button. .btn.inactive,div.btn.inactive {background:var(--dark);border-color:var(--lgray);}
input {font-family:'Roboto Condensed'!important;font-weight:200;font-size:1rem;border-radius:5px;border:1px solid var(--dark);line-height: 1.5rem;height:32px;padding:0 3px;}
input.btn, button.btn, div.btn {font-family:'Roboto Condensed'!important;font-weight:200;font-size:1rem;height:auto;padding:8px;font-size:1rem;font-weight:200;text-align:center;color:#fff;background-color:#333;box-shadow: var(--shadow);border-radius:5px;border:1px solid var(--dark);}
label {font-size:0.85rem;position:relative;}
/*checkboxes*/
input[type="checkbox"] {
/* Remove most all native input styles */-webkit-appearance: none;appearance: none;
/* For iOS < 15 */background-color: var(--lightbg);
margin: 0;font: inherit;color: currentColor;width: 1.15em;height: 1.15em;border: 1px solid currentColor;border-radius: 0.15em;transform: translateY(-0.075em);  display: grid;place-content: center;}
input[type="checkbox"]::before {content: "";width: 0.65em;height: 0.65em;clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);transform: scale(0);transform-origin: bottom left;transition: 120ms transform ease-in-out;box-shadow: inset 1em 1em var(--darkbg);
/* Windows High Contrast Mode */background-color: CanvasText;}
input[type="checkbox"]:checked::before {transform: scale(1);}
input[type="checkbox"]:disabled {border:1px dotted #666;}
/*selects*/
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 5px;font-size: 1rem;width:auto;border: var(--darkborder);padding:0 1.8em 1px 0.4em;box-shadow: 0;background-color:white;font-family:'Roboto condensed';font-weight:200;height:32px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAIAAAAY12rUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJFJREFUeNpi/P//PwM1ABMDlcAgNOjy089kaPv4/c+jd99RDMpafhmISDXFZ+qp6Yceooh++Pbbpvto5rJL/4kDuNQz4JEj3hSoQUSahV8NA5HqCNrEQIxqYtzLQFAPkSHIgN8XxMcDI9ZMC0kputK8wOQKJKdF6hJOXeTFEbEugruLn5OFyOTOOFoeEQQAAQYAae5A514WfKgAAAAASUVORK5CYII=);
background-position: right;background-repeat: no-repeat;}
select:focus + .focus {font-family:'Roboto condensed';font-weight:100;position: absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;border: 2px solid var(--select-focus);border-radius: inherit;}
select:has(option[value="0"]:checked){border:1px solid red;}
/*select:not(:has(option[value="0"]:checked)){border:1px solid lightgreen;}*/
select:disabled:not(:has(option[value="0"]:checked)),select:disabled:has(option[value="0"]:checked){border:1px dotted #666;}

optgroup {color:green;}
/******** Modal ******/
.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.5);visibility: hidden;opacity: 0;}
.overlay:target {visibility: visible;opacity: 1;}
.popup {padding: 1rem;height:auto;background: #222;color:#fff;width:100%;max-width:440px;position:absolute;top:0;z-index:9999}
.popup .close {position: absolute;top: 10px;right: 20px;font-size: 30px;font-weight: bold;text-decoration: none;color: #fff;}
.popup .content { max-height: 30%;overflow: auto;}
#modlink {text-decoration:none; color:#111;}
/***** gauge ******/
.gauge {position: relative;border-radius: 50%/100% 100% 0 0;background-color: var(--color, #a22);overflow: hidden;}
.gauge:before{content: "";display: block;padding-top: 50%;   /* ratio of 2:1*/}
.gauge .chart {overflow: hidden;}
.gauge .mask {position: absolute;left: 20%;right: 20%;bottom: 0;top: 40%;background-color: #111;border-radius: 50%/100% 100% 0 0;}
.gauge .percentage {position:  absolute;top: -1px;left: -1px;bottom: 0;right: -1px;background-color: var(--background, #aaa);transform:rotate(var(--rotation)); transform-origin: bottom center; transition-duration: 600;}
.gauge .value {position:absolute; bottom:0%; left:0; width:100%; font-size:0.7rem; text-align: center;}
.gauge .min {position:absolute; bottom:0; left:5%;}
.gauge .max {position:absolute; bottom:0; right:5%;}
.modline {display:flex;border-top: 1px solid #ccc;}

/***********/
.page {margin:auto;min-height:96vh;padding:8px;background-color:#fefefe;color:#111;font-family:'Roboto Condensed';font-weight:200;max-width:440px;position:relative;}
.flexcontent {display:flex;flex-wrap:wrap;flex-direction:row;}
.leftblock{width:100%;max-width:418px;}
.rightblock{display:none;}
#header {padding:0;margin:0;display:flex;border-bottom:1px solid #111;height:30px;width:100%;clear:both;}

/*Login*/
.page.loginhtml {background-color:var(--dark);}
.logo0 {margin:auto;margin-top:2em;width:90%;max-width:400px;}
.login {margin:auto;margin-top:3em;width:66%;max-width:260px;}
.login input{width:90%;margin:0 0 6px 6px;outline:none;}
.loginicon {margin-top:5px;width:18px;}
.submitter {width:30%;max-width:100px;margin:auto;text-align:center;}

/* NAVIGATION */
.navig {max-width:420px;}
.navcont{display:flex;width:92vw;max-width:420px;margin-top:6px;}
.navbox,.timebutton{padding:8px 4px;font-family: 'Roboto condensed';font-size:1rem;font-weight:200;text-align:center;color:#fff;background-color:#333;margin-right:4px;box-shadow: var(--shadow);border-radius:5px;border:1px solid var(--dark);}
.navbox:Last-of-Type{margin-right:0;}
.navbox.lvl1.active, .btn.active {background-color:#fff;color:#222;font-weight:400;cursor:default;}
.navbox.lvl2.inactive {cursor: pointer;}
.navbox.lvl2.active {background-color:#fff;font-weight:400;color:#222;cursor:default;}
.newleist{margin-left:0.5rem;width:30px; padding:2px;border-radius:5px;background-color:#fff;cursor:pointer;}
div.navbox.lvl1:not(.active) {cursor:pointer;}
.prowahl {transform:scaleX(0.9);margin-bottom:8px;}
/*Overlay für Arbeitsstunden*/

/* BTN Catgroups*/
.srchbtn {margin-right:0;box-shadow:var(--shadow);}




/* large/small only*/
.largeonly {display:none;}

/*Listen*/
.listblock {max-width:420px;}
#chgpro img {width:24px;margin-right:0.5rem;}
.listprojekt {max-width:420px;margin:1em 0;clear:both;display:flex;align-items:center;}
.protitel {padding:5px;border:1px solid #111;border-radius:5px;color:#111;background-color:#fff;width:90vw;max-width:380px;height:30px;flex-grow:3;box-shadow: var(--shadow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.protitel.newedit {width:100%;max-width:420px;}
.protit {width:100%; display:flex;margin-bottom:0.5rem;}
.protit img {margin:-8px 6px 0 0;width:21px;}
.listheader {background-color:var(--gray);color:var(--light);font-weight:400;}
.prolist {padding:3px 2px 3px 2px;height:26px;border-bottom: 1px solid #111;clear:both;display:flex;}
.dat{width:25%;display:flex;}
.datum{width:64px;}
.rfield{width:22px;margin-left:5px;}
.times{width:12%;min-width:36px;}
.timetitle, .material{width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.links2{text-align:right;width:15%;align-items:right;min-width:44px;}.links2 img{margin-top:-1px;}
.links3{text-align:right;width:20%;align-items:right;min-width:68px;}.links3 img{margin-top:-1px;}
.links4{text-align:right;width:30%;align-items:right;min-width:92px;}.links4 img{margin-top:-1px;}
.kamount {width:12%;}
.ma_inactive {color:#999;text-decoration:line-through;}

/* Arbeitszeitübersicht: erfasste Arbeitsstunden*/
.arbleistblock {margin-right:1em;padding:0;border-top:var(--midborder);background:#fff;}
.arbleistblock.profil {margin-right:0;}
.ylst {border-bottom:var(--midborder);font-size:0.9rem;}
.ylst:Last-child {border:none;}
.nowday {background-color:#efefef;}
.sunday {background-color:#ccc;}

/* Profil */
.mablock0 {width:100%;margin-bottom:1rem;}
.mablock {width:100%;padding:6px;border:1px solid #555;border-radius:5px;background:#eee;}
.monats {display:none;}
.monatb {display:block;}

/*Newtime/Edittime*/
.jobs {display:flex;flex-wrap:wrap;margin-bottom:0.5rem;}
.jobbutton,.mjobbutton,.matbutton{background-color:#444;border:1px solid #222;padding:8px;font-weight:200;text-align:center;color:#fff;margin-bottom:3px;box-shadow: var(--shadow);border-radius:5px;width:calc(50% - 3px);max-width:278px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jobbutton:nth-child(odd),.mjobbutton:nth-child(odd),.matbutton:nth-child(odd){margin-right:6px;}
.timeblock{width:100%;max-width:440px;display:flex;}
.tenblock,.datblock{width:calc(50% - 3px);max-width:208px;}
.datblock{margin-left:6px;border-radius:5px;padding:6px;border:#222 1px solid;background-color:#eee;position:relative;}
.tenrow{width:calc(100%);max-width:250px;display:flex;margin-bottom:4px;}
.timebutton{background-color:#fff;width:32%;margin-right:4px;margin:auto;text-align:center;height:46px;border-radius:6px;order:black 1px solid;padding-top:11px;shadow:var(--smallshadow)}
.timebutton:Last-child{margin-right:0;margin:auto;}
.timebutton.min {border-color:darkorange;background-color:rgba(255,140,0,0.25);}
.timebutton.plus {border-color:darkgreen;background-color:rgba(0,150,25,0.20);}
.tbutt,.mbutt{color:#222;width:100%;text-align:center;font-size:2.6em;line-height:0.4em;padding:0.25em 0.1em 0.25em;margin:auto;margin-top:-0.2em;}
.mbt1 {transform:scale(0.60,1.05);margin-left:-0.15em;}
.mbt2 {transform:scale(0.60,1.05);margin-left:-0.1em;}
.datumform,.pdatumform {width:4.8rem;}
.amountform {width:60px;}
.newtime.submit{position:bottom;position:absolute;bottom:5px;}
.comform {width:100%;max-width:420px;font-family:'Roboto condensed';font-size:1rem;font-weight:200;border-radius:5px;}
.jobbutton.active, .mjobbutton.active,.matbutton.active{border-color:darkgreen;background-color:rgba(0,150,25,0.20);color:darkgreen;}
/*Newmat*/
.mattitelform input{width:100%;max-width:420px;}
.einhmengeregblock {display:flex;margin-top:0.5rem;}
.selectform.einheit{margin-right:1rem;}
.amountform{margin-right:1rem;}
.regbox{}
/* change categories*/
.cat5 {background-color:var(--btnblue);}
.cat6 {background-color:var(--btndgrey);}
.cat3 {background-color:var(--btngreen);}
.cat2 {background-color:var(--btnlila);}
.ccat2 {border: 2px solid var(--btnlila));}
.ccat5 {border: 2px solid var(--btnblue);}
.ccat6 {border: 2px solid var(--btndgrey);}
.ccat3 {border: 2px solid var(--btngreen);}
.ccat4 {border: 2px solid var(--btnred);}
.ccmat1{background:var(--turq1);} .ccmat2{background:var(--turq2)} .ccmat3{background:var(--turq3)}
.ccmasch1{background:var(--lila1);}
.ccplalifa1{background:var(--blue1);}
.ccboden1{background:var(--green1);}
.ccprobst{background:var(--red1);}
.ccfzcor{background:var(--btnyellow);}

/*Datepickers*/
.ui-datepicker {font-family:'Roboto condensed';font-size:16px!important;font-weight:100!important;text-align:center!important;text-decoration:none;background-color:#888;border-radius:4px;border:1px solid #666;padding:3px;}
.ui-datepicker tr td {width:36px;height:26px;}
.ui-datepicker a {color:white;text-decoration: none;}
.ui-datepicker-prev { float:left!important;text-align:left;}
.ui-datepicker-next {float:right!important;text-align:right;}
.ui-datepicker-title {font-size:18px!important;margin-bottom:4px;}
.ui-datepicker-today a.ui-state-highlight {border-color: #d3d3d3;background: #111;color: #fff;padding:3px;}

/* SEARCHPROJECT */
ul.ui-autocomplete {list-style: none!important;list-style-type: none!important;padding: 0px;margin: 0px;}
.autocomplete-suggestions {background: #fff;overflow-x: hidden;overflow-y: auto;width:90vw;max-width:420px;color:red;}
.autocomplete-suggestion {height:28px;padding: 4px 0;white-space: nowrap;overflow: hidden;font-size:18px;width:90vw;max-width:420px;color:#111;}
.autocomplete-suggestions .autocomplete-suggestion:first-of-type, .matlisting > .autocomplete-suggestion:first-of-type{margin-top:4px;}
.matlisting > .autocomplete-suggestion {height:36px; border-bottom:1px solid #666;border-right:1px solid #666;border-left:1px solid #666;padding: 6px 5px 4px 5px;white-space: nowrap;overflow: hidden;font-size:18px;width:90vw;max-width:420px;}
.matlisting {padding-bottom:1rem;}
#autocomplete2 {border-radius:5px 5px 0 0;}
#searchfield, #searchfieldvkf {display: block;width:100%;max-width:420px;margin-bottom:40px;height:36px!important;font-size:1.2em;}
#searchfield form, #searchfieldvkf form {border:0;margin:0;padding:0;}
#searchfield .biginput, #searchfieldvkf .biginput {display:block;width:90vw;max-width:420px;padding:3px 5px;background-color: #444;border-radius:5px;color: #fff;font-weight:200;font-size: 1.1em;line-height:1.3em;height:32px;}
#searchfield form .biginput:focus {outline:none;}
.srchprocompleted {display:block;}
/* headfill ausblenden auf kleinen Seiten*/
.headfill {display:none;}


/*** Accordion ***/

.accordion { width:100%;min-width:360px;margin: 1em auto;color:#111;	overflow: hidden;
}
details {}
details:last-of-type {}
summary {font-weight:600;font-size:1.2em;}
summary:hover {	color:;
}
details[open] summary {	color:var(--phiblue);}
details div {padding: 0.5em;margin: 0;}




@media only screen and (min-width: 440px) {
.popup {right:calc((100vw - 440px) / 2);}
}
@media only screen and (max-width: 441px) {
.monatb {display:none;}
.monats {display:block;}
.newprojectnav, .srchprocompleted {display:none;}
details .acc-cont {width:100%;}
}
@media only screen and (min-width: 441px) and (max-width: 650px){
	.page {margin:auto;height:auto;padding:10px;max-width:645px;}
	.leftblock {margin:auto;height:auto;padding:10px;max-width:645px;}
	.navig, .listblock, .listprojekt, .timeblock {max-width:642px;}
	.tenblock,.datblock{max-width:278px;}
	.comform {width:100%;max-width:642px;margin-top:6px;}
	.newprojectnav, .srchprocompleted {display:none;}
	details .acc-cont {width:100%;}
}


@media only screen and (min-width: 651px) and (max-width: 1350px) {
	.page {margin:auto;height:auto;padding:10px;min-width:644px;max-width:645px;}
	.leftblock {height:auto;padding:10px;min-width:641px;max-width:642px;}
	.navig {min-width:610px;max-width:611px;}
	.listblock {min-width:610px;max-width:611px;}
	.listprojekt {min-width:610px;max-width:611px;}
	.timeblock {min-width:610px;max-width:611px;}
	.tenblock, .datblock {width:278px;}
	.comform {width:100%;width:612px;margin-top:6px;}
	#timelist {min-width:610px;max-width:611px;}
	#machlist {min-width:610px;max-width:611px;}
	#matlist {min-width:610px;max-width:611px;}
	.newprojectnav, .srchprocompleted {display:none;}
	details .acc-cont {width:100%;}
}


/* ipadPro 1024 und display*/
@media only screen and (min-width: 1351px) {
.w100 {width:100%;}.w90 {width:90%;}.w80 {width:80%;}.w75 {width:75%;}.w70 {width:70%;}.w65 {width:65%;}.w60 {width:60%;}.w55 {width:55%;}.w50 {width:50%;}
.w45 {width:45%;}.w40 {width:40%;}.w35 {width:35%;}.w33 {width:33%;}.w30 {width:30%;}.w25 {width:25%;}.w20 {width:20%;}.w15 {width:15%;}.w10 {width:10%;}.w08{width:8%;} .w06{width:6%;}.w05 {width:5%;}.w03 {width:3%;}
.headfill {display:block;}
.largeonly {display:block;}
.page {margin:auto;min-height:1024px;height:auto;padding:10px;max-width:1364px;box-shadow: var(--shadow);}
.leftblock{width:30%;max-width:418px;}
.rightblock {display:block;margin-left:1.5rem;width:auto;width:68%;max-width:894px;}

/*Projektübersicht*/
.ovprojekt {width:100%;margin: 5px 0 1em 0;}
.ovma {width:100%;display:flex;}
.pl1,.pl2,.pl3,.pl5, .prosubmit, .pl2, .projektbuttons {display:flex;flex-direction:column;flex-wrap:wrap}
.pl0,.loview {display:flex;flex-direction:row;flex-wrap:wrap;}
.projektbuttons {cursor:pointer;}
.popup {right:calc((100vw - 1366px) / 2);}

/*Profil*/
.mablock0{width:24.7%;margin-right:0.3rem;}
.mablock {width:100%;padding:6px;border:1px solid #555;border-radius:5px;}
.monatb {display:none;}
.monats {display:block;}
/*Accordion*/
details .acc-cont {width:32%;padding:0 0.5em;}
}
/* FOR PRODUCTION ONLY*/
@media only screen and (min-width: 1350px) {
	.production .page {margin:auto;height:auto;padding:10px;min-width:644px;max-width:645px;}
	.production .mablock0 {height:auto;min-width:630px;max-width:631px;}
	.production .leftblock {height:auto;padding:10px;min-width:630px;max-width:631px;}
	.production .headfill{display:none;}
	.production .navig {min-width:610px;max-width:611px;}
	.production .listblock {min-width:610px;max-width:611px;}
	.production .listprojekt {min-width:610px;max-width:611px;}
	.production .timeblock {min-width:610px;max-width:611px;}
	.production .newprojectnav, .srchprocompleted {display:none;}
}