*{
	margin:0;
	padding:0;
	border:0;
	font-size: 100%;
	outline: 0;
	vertical-align: baseline;
	font-weight: normal;
	line-height: normal;
	font-style: normal;
	list-style: none;
	text-decoration: none;
	}

:root{
	--white:#ffffff;
	--black:#242424;
	--brand:#3a6abb;
	--brandhov:#284d8c;
	--brandlnk:#3a6abb;
	
	--gray0:#f9fafb;
	--gray1:#f3f4f6;
	--gray2:#e5e7eb;
	--gray3:#d1d5dc;
	--gray4:#9ca3af;
	--gray5:#6b7280;
	--gray6:#4b5563;
	--gray7:#374151;
	--gray8:#1f2937;
	--gray9:#111827;


	--yellow0:#fefce8;
	--yellow1:#fef9c3;
	--yellow2:#fef08a;
	--yellow3:#fde047;
	--yellow4:#facc15;
	--yellow5:#eab308;
	--yellow6:#ca8a04;
	--yellow7:#a16207;
	--yellow8:#854d0e;
	--yellow9:#713f12;
	

	--orange0:#fff7ed;
	--orange1:#ffedd5;
	--orange2:#fed7aa;
	--orange3:#fdba74;
	--orange4:#fb923c;
	--orange5:#f97316;
	--orange6:#ea580c;
	--orange7:#c2410c;
	--orange8:#9a3412;
	--orange9:#7c2d12;

	--red0:#fef3f2;
	--red1:#ffe2e2;
	--red2:#fecaca;
	--red3:#fda5a5;
	--red4:#f87171;
	--red5:#f04444;
	--red6:#dc2627;
	--red7:#b91d1b;
	--red8:#9a1b1b;
	--red9:#801d1e;

	--green0:#f0fdf4;
	--green1:#dcfce7;
	--green2:#bbf7d0;
	--green3:#86efac;
	--green4:#4ade80;
	--green5:#22c55e;
	--green6:#16a34a;
	--green7:#15803d;
	--green8:#166534;
	--green9:#14532d;
	
	--blue0:#eff6ff;
	--blue1:#dbeafe;
	--blue2:#bfdbfe;
	--blue3:#93c5fd;
	--blue4:#60a5fa;
	--blue5:#3b82f6;
	--blue6:#2563eb;
	--blue7:#1d4ed8;
	--blue8:#1e40af;
	--blue9:#1e3a8a;

	
	--amber0:#fffbeb;
	--amber1:#fef3c7;
	--amber2:#fde68a;
	--amber3:#fcd34d;
	--amber4:#fbbf24;
	--amber5:#f59e0b;
	--amber6:#d97706;
	--amber7:#b45309;
	--amber8:#92400e;
	--amber9:#78350f;


	
	--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
	--sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	
	--btnhov:#e17d13;
	
	--success:url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2096%2096%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7Bfill%3A%20%23fff%3B%7D.st1%20%7Bfill%3A%20%2322c55e%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22st1%22%20cx%3D%2248%22%20cy%3D%2248%22%20r%3D%2248%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M43.4%2C61.8l-13-13%2C3.3-3.3%2C9.8%2C9.8%2C21-21%2C3.3%2C3.3-24.2%2C24.2Z%22%2F%3E%3C%2Fsvg%3E");

	--alert:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2096%2096%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23f97316%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2247.9%22%20cy%3D%2248%22%20r%3D%2248%22%2F%3E%0A%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M47.7%2C64.6c-1%2C0-1.9-.4-2.6-1.1s-1.1-1.6-1.1-2.6.4-1.9%2C1.1-2.6%2C1.6-1.1%2C2.6-1.1%2C1.9.4%2C2.6%2C1.1%2C1.1%2C1.6%2C1.1%2C2.6-.4%2C1.9-1.1%2C2.6c-.7.7-1.6%2C1.1-2.6%2C1.1ZM44%2C53.6v-21.9h7.3v21.9h-7.3Z%22%2F%3E%0A%3C%2Fsvg%3E");

	}


	
.box-shadow{
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
	}


html{
	font-family: var(--system-ui);
	color:var(--black);
	}

body{
	-webkit-text-size-adjust: 100%;
	background-color: var(--white);
	}
	
bd {
    display: flex;
    flex-direction: column;
    height: 100vh;
	}
	

main{
	flex:1 1 auto;
	}
	
.content{
	margin: 50px auto 40px auto;
	padding:20px 24px 24px 24px;
	max-width: 1080px;
	min-width: 300px;
	background-color: var(--white);
	border-radius: 0;
	}
.contentpub{
	margin: 50px auto 40px auto;
	padding:20px 24px 24px 24px;
	max-width: 1080px;
	min-width: 300px;
	background-color: var(--white);
	border-radius: 0;
	}

@media only screen and (min-width: 1024px){
.content{
	margin: 90px auto 40px auto;
	}
.contentpub{
	margin: 120px auto 40px auto;
	}
}



footer{
	flex:0 0 72px;
	text-align: center;
	font-size: 14px;
	color:var(--gray8);
	}

footer a{
	color:var(--gray6);
	line-height: 28px;
	}
footer a:hover{
	text-decoration: underline;
	}


.footer-compumatic {
    display: inline-block;
    height: 25px;
    width: 150px;
    background-image: url(../logo/compumatic.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
	}
	
.footer-clockwurk {
    display: inline-block;
    height: 25px;
    width: 150px;
    background-image: url(../logo/clockwurk.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
	}




::placeholder {
	color:var(--gray3);
	}	


a{
	text-decoration: none;
	color:var(--gray8);
	}

.bold{
	font-weight: 700;
	}

.orange{
	color:var(--orange5);
	}
	
b{
	font-weight: 700;
	}

.topline {
    border-top: 1px solid var(--gray3);
	}

.list_col{
	margin:0 auto;
	max-width:100%;
	}
	
ul.comments{
	padding:0 10px;
	}
ul.comments li{
	display:block;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 12px;
	}
	


dash-time{
	font-weight: 700;
	}
	

.orline{
	width:100%;
	border-bottom: 1px solid var(--gray4);
	text-align: center;
	}
.ortext{
	margin:0 auto;
	width:50px;
	text-align: center;
	margin-top: -10px;
	background-color: var(--white);
	z-index: 10;
	font-size: 14px;
	}


/* search ========================== */

.searchinput{
	display:block;
	-webkit-appearance: none;
	line-height: 29px;
	font-size: 16px;
	width:220px;
	color:var(--black);
	border: 1px solid var(--gray3);
	border-radius: 29px;
	text-indent: 40px;
	background-image: url('../svg/search.svg');
	background-repeat: no-repeat;
	background-position: left center;
	}
.searchinput:focus{
	box-shadow: 0 0 0 1px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 1px -moz-mac-focusring;
	border-color:rgba(59, 153, 252, .7);
	outline: none;
	}


/*
@media only screen and (min-width: 500px){
.searchinput{
	display:block;
	}
}
*/

.space1{
	display:block;
	height:1px;
	}
.space2{
	display:block;
	height:2px;
	}
.space4{
	display:block;
	height:4px;
	}	
.space8{
	display:block;
	height:8px;
	}
.space12{
	display:block;
	height:12px;
	}
.space16{
	display:block;
	height:16px;
	}
.space20{
	display:block;
	height:20px;
	}
.space24{
	display:block;
	height:24px;
	}
.space28{
	display:block;
	height:28px;
	}
.space32{
	display:block;
	height:32px;
	}
.space36{
	display:block;
	height:36px;
	}
.space40{
	display:block;
	height:40px;
	}
	

.lh26{
	line-height: 26px;
	}
	


	
.form_title h3{
	font-size: 28px;
	text-align: center;
	font-weight: 500;
	color:var(--black);
	}
.form_logo{
	font-size: 28px;
	text-align: center;
	font-weight: 300;
	color:var(--black);
	}


article{
	margin:0 auto;
	max-width: 770px;
	font-size: 20px;
	line-height: 36px;
	padding-bottom: 20px;
	}
article p{
	margin-bottom:2.0em;
	line-height: 36px;
	}

article h2{
	font-size: 1.25em;
	font-weight: 700;
	margin-bottom:0.5em;
	}

article h1{
	font-size: 2em;
	font-weight: 700;
	letter-spacing: -1px;
	margin-bottom:1.0em;
	}



/* hero ======================== */

.hero{
	margin:0 auto;
	text-align: center;
	}
.hero h1{
	font-size: 50px;
	font-weight: 500;
	}
.hero h2{
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	}
.hero a{
	margin:0 auto;
	display: block;
	background-color: var(--yellow5);
	color:var(--white);
	border-radius: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: 700;
	width:320px;
	padding:0 0 1px 0;
	transition: .2s;
	}
.hero a:hover{
	background-color: var(--yellow6);
	}



/* import timer ========================== */

.import_timer{
	margin:40px auto 0 auto;
	width:240px;
	height:240px;
	background-color: ##fff;
	}
.timer_path {
	stroke-dashoffset: 0;
	animation: timer_dash 60s linear;
	animation-iteration-count: 1;
	}
@keyframes timer_dash {
	from { stroke-dashoffset: 100; }
	to { stroke-dashoffset: 0; }
	}
.timer_title{
	fill:var(--black);
	font-family:Roboto-Regular,Roboto;
	font-size:30px;
	}
.timer_subtitle{
	fill:var(--black);
	font-family:Roboto-Regular,Roboto;
	font-size:18px;
	}



/* graphics ========================== */

div.success{
	display: block;
	margin:0 auto;
	height: 96px;
	width: 96px;
	background-image: var(--success);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100%;
	}

div.alert{
	display: block;
	margin:0 auto;
	height: 96px;
	width: 96px;
	background-image: var(--alert);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100%;
	}