/* jost-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Jost 400';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jost/jost-v15-latin-regular.woff2') format('woff2'); 
}
/* jost-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Jost 700';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/jost/jost-v15-latin-700.woff2') format('woff2'); 
}



/* literata-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Literata 400';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/literata/literata-v35-latin-regular.woff2') format('woff2'); 
}
/* literata-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Literata 700';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/literata/literata-v35-latin-700.woff2') format('woff2'); 
}





html,
button,
input,
select,
textarea {
    font-family:'Jost 400';
    font-size:18px;
    color:#000;
    line-height:23px;
}

b,
strong { font-family:'Jost 700'; font-weight:normal; }

::-moz-selection {
	background:#ffed00;
	color:#000;
	text-shadow:none;
}

::selection {
    background:#ffed00;
    color:#000;
    text-shadow:none;
}

body.grey ::-moz-selection {
	background:#cfd1d2;
}

body.grey ::selection {
    background:#cfd1d2;
}

h1,h2,h3,h4,h5,h6 {
    margin:0; padding:0; }

h1 {
    font-family:'Jost 700'; font-size:54px; line-height:50px; padding:0 0 30px 0; }
h1.smallh2 {
    font-family:'Jost 700'; font-size:30px; line-height:28px; line-height: 33px;}
h2 {
    font-family:'Jost 700'; font-size:30px; line-height:28px; }
h3 {
    font-family:'Jost 700'; font-size:16px; }
h4 {
    font-family:'Jost 700'; font-size:30px; padding:0 0 1px 0; }

.headline-jobs {
    font-family:'Jost 700'; font-size:30px; padding:0 0 1px 0; }

.job-detail h1 {
    font-family:'Jost 700'; font-size:30px; line-height:29px; padding:0; }

.news-single h1 {
    font-family:'Jost 700'; font-size:48px; line-height:50px; padding:0 0 30px 0; }

.form-muellentsorgung h1 {
    font-family:'Jost 700'; font-size:48px; line-height:50px; padding:0 0 14px 0; }

.job-detail h2 {
    font-family:'Jost 700'; font-size:16px; line-height:20px; }

.text article h2,
.news-single h2 {
    font-family:'Jost 400'; font-size:20px; line-height:23px; }

p {
	font-family:'Literata 400'; font-weight:normal; color:#000; }

a:link,
a:visited {
	color:#000; text-decoration:underline; }
a:hover,
a:active,
a:focus {
	color:#000; text-decoration:underline dotted; }

.text article a:link,
.text article a:visited {
    color:#000; text-decoration:none; background:#ffed00; }
.text article a:hover,
.text article a:active,
.text article a:focus {
    color:#000; text-decoration:none; }

.highlight {
   color:#000; text-decoration:none; background:#ffed00;
}

body.grey .highlight {
    color:#000; text-decoration:none; background:#abaeb1; text-decoration: underline;
}

body.grey .highlight:hover,
body.grey .highlight:active,
body.grey .highlight:focus {
    text-decoration: underline dotted;
}

ul,
ol {
	padding:3px 0 0 0;
	margin:4px 0 0 20px;
}

li {
	color:#000;
	padding:0 0 0 10px;
	margin:0;
}


.text ul,
.column-colorized ul,
article .news-single ul {
    list-style:none;
    padding:0;
    margin:0;
}

.text ul li,
.column-colorized ul li,
article .news-single ul li {
    color:#000;
    padding:0 0 0 20px;
    margin:0;
    background:url(../img/bullet.png) left 12px no-repeat;
}

.text ol li,
.column-colorized ol li,
article .news-single ol li {
    color:#000;
    padding:0;
    margin:0;
    background:none;
}

.mac-os ol {
    margin:4px 0 0 25px;
    padding:0;
}

.mac-os .text ol li,
.mac-os .column-colorized ol li,
.mac-os article .news-single ol li {
    color:#000;
    padding:0;
    margin:0;
    background:none;
    text-indent:-5px;
}


article .news-single li {
    font-family:'Literata 400';
}




@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {  
    .text li,
    .column-colorized li { background:url(../img/bullet.png) left 9px no-repeat; }
}


table {
	margin:1em 0 0 0;
	padding:0;
	width:100%;
	border-collapse:collapse;
	border-bottom:3px solid #000;
}

table tr td {
	border-top:1px solid #000; padding:6px 0 9px 0; vertical-align:top;
}

table tr th {
    padding:0 0 9px 0; vertical-align:top;
}

table tr td p,
table tr th p {
	margin:0;
	padding:0;
}

table tr th p {
}

table tr th {
    text-align:left;
}


/* colors */

.blue {
    color:#0068b1;
}

hr.blue {
    background:#0068b1;
}

.darkgreen {
    color:#8a8000;
}

hr.darkgreen {
    background:#8a8000;
}

.red {
    color:#f0320a;
}

hr.red {
    background:#f0320a;
}

.orange {
    color:#ff9100;
}

hr.orange {
    background:#ff9100;
}

.green {
    color:#57ab27;
}

hr.green {
    background:#57ab27;
}

/*.edg-green {
    color:#007a4d;
}*/

.cyan {
    color:#00b5dd;
}

hr.cyan {
    background:#00b5dd;
}

.darkblue {
    color:#6e90a6;
}

hr.darkblue {
    background:#6e90a6;
}

.darkgrey {
	color:#918782;
}

hr.darkgrey {
    background:#918782;
}

.pink {
	color:#dc0064;
}

hr.pink {
    background:#dc0064;
}

.purple {
    color:#462875;
}

hr.purple {
    background:#462875;
}

.bioabfall {
    color:rgb(140,90,25);
}

hr.bioabfall {
    background:rgb(140,90,25);
}

.wertstoffe {
    color:rgb(255,250,0);
}

hr.wertstoffe {
    background:rgb(255,250,0);
}

.papierabfall {
    color:rgb(0,110,175);
}

hr.papierabfall {
    background:rgb(0,110,175);
}

.restabfall {
    color:rgb(75,75,85);
}

hr.restabfall {
    background:rgb(75,75,85);
}

.sperrmuell {
    color:rgb(240,160,0);
}
hr.sperrmuell {
    background:rgb(240,160,0);
}

.altmoebel {
    color:rgb(190,0,75);
}

hr.altmoebel {
    background:rgb(190,0,75);
}

.altkleider {
    color:rgb(70,30,120);
}

hr.altkleider {
    background:rgb(70,30,120);
}

.altglas {
    color:rgb(145,135,125);
}

hr.altglas {
    background:rgb(145,135,125);
}

.metall {
    color:rgb(90,120,140);
}

hr.metall {
    background:rgb(90,120,140);
}

.gruenschnitt {
    color:rgb(80,170,40);
}

hr.gruenschnitt {
    background:rgb(80,170,40);
}

.schadstoffe {
    color:rgb(240,50,0);
}

hr.schadstoffe {
    background:rgb(240,50,0);
}

.elektrogeraete {
    color:rgb(150,160,0);
}

hr.elektrogeraete {
    background:rgb(150,160,0);
}

.bauschutt {
    color:rgb(90,80,70);
}

hr.bauschutt {
    background:rgb(90,80,70);
}

.kunststoffe {
    color:rgb(0,165,210);
}

hr.kunststoffe {
    background:rgb(0,165,210);
}

.wohnservice {
    color:rgb(148,149,150);
}

hr.wohnservice {
    background:rgb(148,149,150);
}

.futura-bold {
    font-family:'Jost 700'; font-size:16px;
}

.futura-normal {
    font-family:'Jost 400';
}

.newcenturyschool {
    font-family:'Literata 400';
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* SMARTPHONE
======================================================================================================================= */

@media only screen and (max-width:900px) {

h1 {
    font-size:34px; line-height:36px; padding:0 0 30px 0; }

.text article h2 {
    font-size:20px; line-height:21px; }

.job-detail h1 {
    font-size:22px; line-height:26px; }

.column-service-text h2 {
    font-size:22px; line-height:26px; margin:0; padding:0; }

.form-muellentsorgung h1 {
    font-size:30px; line-height:35px; padding:0 0 14px 0; }
}