body.grey,
body.grey .back {
    background:#e3e4e4 none;
}

.back {
    background:#fff url(../img/bg_body.png) center top no-repeat;
    background-size:9000px 236px;
}



/* HEAD
==================================== */

header.top {
    height:236px;
    clear:both;
}

.bg-yellow {
    position:absolute;
    width:607px;
    height:236px;
    background:#ffed00;
}

.logo {
    position:absolute;
    width:150px;
    height:55px;
    top:52px;
    left:0;
    overflow:hidden;
    background:#ffed00;
}

body.grey .logo {
    background:#e3e4e4;
}

.logo img[src*=".svg"] {
    width:150px;
    height:55px;
}

.search {
    position:absolute;
    width:333px;
    top:42px;
    right:0;
}

.search input[type=text] {
    width:100%;
    height:34px;
    text-indent:26px;
    border:0;
    padding:0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    background: url(../img/bg_input_2x2.png) left bottom repeat-x;
}

.lt-ie9 .search input[type=text] {
    padding:6px 0 0 0;
}

.search input[type=submit] {
    position:absolute;
    top:10px;
    left:2px;
    width:16px;
    height:16px;
    border:0;
    background:url(../img/bg_search_submit.png) 0 0 no-repeat;
    text-indent:-9999px; 
}

.search.nav input[type=text] {
    height:28px;
}

.search.nav input[type=submit] {
    top:6px;
    left:0;
}

.mac-os .search.nav input[type=text] {
    height:26px;
    text-indent:0;
    padding:0 0 0 22px;
}

.mac-os .search.nav input[type=submit] {
    top:3px;
}

.search.nav {
    display:none;
}


/* CONTENT & MARGINAL & ILLU
==================================== */

.illu {
    margin:71px 0 138px 0;
}

.illu.subpage {
    margin:0 0 86px 0;
}

.illu.subpage.noborder {
    margin:16px 0 13px 0;
}

.illu-inner {
    position:relative;
    float:right;
    width:655px;
    overflow:hidden;
    -webkit-box-shadow:14px 36px 0px 0px #ffed00;
    -moz-box-shadow:14px 36px 0px 0px #ffed00;
    box-shadow:14px 36px 0px 0px #ffed00;
}

.illu.subpage.noborder .illu-inner {
    float:none;
    width:auto;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.illu.subpage.noborder .illu-inner img {
    width:100%;
    height:auto;
}

.illu img {
    width:100%;
    height:auto;
}

.illu .flexslider {
    margin:0;
    z-index:0;
}

.illu .flexslider .slides {
    position:relative;
    overflow:hidden;
}

.text {
    padding:71px 0 0 0;
}

hr {
    width:125px;
    height:3px;
    line-height:0;
    border:0;
    background:#000;
    margin:0 0 -15px 0;
    padding:0;
    display:inline-block;
}



/* SERVICE INFO
==================================== */

.service-info {
    margin:40px 0 0 0;
}

.service-info ul {
    list-style:none;
    margin:0;
    padding:0;
}

.service-info ul li {
    position:relative;
    border-top:3px solid #000;
    margin:0;
    /*padding:0 10px 0 0;*/
    padding:0;
    background:#ffed00;
    cursor:pointer;
}

.service-info.archive ul li {
    position:relative;
    border-top:3px solid #000;
    margin:0;
    padding:0 0 2px 0;
    background:#ffed00;
    max-width:736px;
}

.service-info.orange ul li {
    background:#ff9100;
}

.service-info.purple ul li {
    background:#462875;
}

.service-info.grey ul li {
    background:#bdbec0;
}

.service-info.bioabfall ul li {
    background:rgb(140,90,25);
}
.service-info.wertstoffe ul li {
    background:rgb(255,250,0);
}
.service-info.papierabfall ul li {
    background:rgb(0,110,175);
}
.service-info.restabfall ul li {
    background:rgb(75,75,85);
}
.service-info.sperrmuell ul li {
    background:rgb(240,160,0);
}
.service-info.altmoebel ul li {
    background:rgb(190,0,75);
}
.service-info.altkleider ul li {
    background:rgb(70,30,120);
    color:#fff;
}
.service-info.altkleider ul li h4,
.service-info.altkleider ul li p {
    color:#fff;
}
.service-info.altglas ul li {
    background:rgb(145,135,125);
}
.service-info.metall ul li {
    background:rgb(90,120,140);
}
.service-info.gruenschnitt ul li {
    background:rgb(80,170,40);
}
.service-info.schadstoffe ul li {
    background:rgb(240,50,0);
}
.service-info.elektrogeraete ul li {
    background:rgb(150,160,0);
}
.service-info.bauschutt ul li {
    background:rgb(90,80,70);
}
.service-info.kunststoffe ul li {
    background:rgb(0,165,210);
}
.service-info.wohnservice ul li {
    background:rgb(148,149,150);
}

.service-info ul li:before {
    content:"\f10b";
    font-family:"icons";
    font-size:72px;
    position:absolute;
    top:40%;
    right:14px;
}

.service-info.bullet-after ul li:before {
    display:none;
}

.service-info.bullet-after ul li:after {
    content:"\f10b";
    font-family:"icons";
    font-size:72px;
    position:relative;
    top:2px;
    left:2px;
    cursor:pointer;
}

.service-info.archive.bullet-after ul li:after {
    content:"\f103";
    font-family:"icons";
    font-size:72px;
    position:absolute;
    top:35%;
    left:inherit;
    right:15px;
}

.service-info ul li a {
    display:block; padding:9px 90px 10px 7px; position:relative; z-index:2; text-decoration: none; }
aside .service-info ul li a {
    display:block; padding:9px 0 10px 7px; }
.service-info ul li a h2,
.service-info ul li a h3,
.service-info ul li a h4,
.service-info ul li a .h2,
.service-info ul li a .h3,
.service-info ul li a .h4 {
    line-height:1; padding:0 0 5px 0; }
.service-info ul li a:hover h4,
.service-info ul li a:active h4,
.service-info ul li a:focus h4 {
    text-decoration: underline dotted; }
.service-info ul li a p {
    font-family:'Jost 400'; font-size:17px; line-height:21px; margin:0; padding:0 0 40px 0 0; }
.service-info.grey ul li a {
    display:block; padding:15px 80px 10px 14px; }

.service-info.archive ul li a {
    display:block; padding:8px 30px 10px 7px; }

aside .service-info {
    margin:0 0 70px 0;
}

@media only screen and (max-width:900px) {
    .service-info ul li:before {
        display:none;
    }

    .service-info ul li:after {
        content:"\f10b";
        font-family:"icons";
        font-size:72px;
        position:relative;
        right:inherit;
        top:2px;
        left:2px;
        display:block;
        padding:0 0 20px 0;
    }

    .service-info.archive.bullet-after ul li:after {
        position:relative;
        display:block;
        top:2px;
        left:2px;
        right:inherit;
    }
}



/* ASIDE
==================================== */

aside {
    margin:26px 0 0 0;
}

aside img {
    width:100%;
    height:auto;
}



/* OFFICE HOURS IN ASIDE & CONTENT BOTTOM
==================================== */

.office-hours {
    margin:0 0 72px 0;
}

footer {
    margin:75px 0 0 0;
    padding:0 0 0 0;
}

.office-hours.small {
    width:590px;
    margin:0 auto;
}

.office-hours-inner {
    border:6px solid #ffed00;
    padding:13px;
}

body.grey .office-hours-inner {
    border:6px solid #cfd1d2;
}

.office-hours.small p { 
    font-family:'Jost 400'; font-size:17px; line-height:21px; margin:0; padding:0; }

address {
    float:left;
    font-style:normal;
}

address strong {
    font-family:'Jost 700';
    font-size:16px;
}

.quicklinks {
    float:right;
    width:200px;
    font-family:'Jost 400';
}

.quicklinks ul {
    list-style:none;
    margin:0;
    padding:0;
}

.quicklinks ul li {
    clear:left;
    margin:0;
    padding:0;
    line-height:21px; 
}

.quicklinks ul li a {
    font-size:17px; text-decoration: none; }
.quicklinks ul li a:hover,
.quicklinks ul li a:active,
.quicklinks ul li a:focus {
    text-decoration: underline dotted; }
.quicklinks ul li:before {
    font-family:"icons"; content:"\f10e"; font-size:30px; margin:0; padding:5px 7px 0 0; float:left; line-height:12px; }
.mac-os .quicklinks ul li:before {
    padding:5px 7px 0 0; }



/* TEASERS & LISTS IN ASIDE
==================================== */

.aside-teaser {
    margin-bottom:37px;
}

.aside-teaser.desktop h2 {
    line-height:33px;
}

.aside-teaser ul {
    list-style:none;
    margin:0;
    padding:0;
}

.aside-teaser ul {
    list-style:none;
    margin:0;
    padding:0;
}

.aside-teaser ul li {
    clear:left;
    margin:37px 0 0 0;
    padding:10px 0 0 0;
    border-top:1px solid #000;
}

.aside-teaser ul li:first-child {
    margin:0;
    padding:0;
    border:0;
}

.aside-teaser a {
    display:block; }
.aside-teaser h3 {
    font-family:'Jost 700'; font-size:16px; /*border-top:1px solid #000;*/ }
.aside-teaser h4 {
    font-family:'Jost 700'; font-size:16px; padding:6px 0 14px 0; border-top:6px solid #000; display:inline-block; }
.aside-teaser p {
    font-size:16px; line-height:21px; margin:7px 0 0 0; padding:0; }
.aside-teaser p span {
    font-family:'Jost 400'; }
.aside-teaser p span.link {
    font-size:17px; }
.aside-teaser p span.link:before  {
    font-family:"icons"; content:"\f10f"; font-size:25px; padding:5px 4px 0 0; float:left; line-height:12px; }
.mac-os .aside-teaser p span.link:before {
    padding:5px 4px 0 0; }

.mac-os .aside-teaser p span.link:before {
    padding:5px 4px 0 0; }

@media only screen and (max-width:900px) {
    .aside-teaser p span.link {
        margin:0;
    }
}

.aside-list {
    margin:37px 0 0 0;
}

.aside-list h4 {
    padding:8px 0 0 0; border-top:2px solid #000; display:block; }

.aside-list ul {
    list-style:none;
    margin:0;
    padding:0;
}

.aside-list ul li {
    overflow:hidden;
    margin:26px 0 0 0;
    padding:0;
}

.aside-job-list {
    margin:0 0 38px 0;
}

.aside-job-list h3 {
    font-family:'Jost 700'; font-size:16px; padding:5px 0 0 0; border-top:6px solid #000; display:inline-block; }
.aside-job-list p {
    font-size:17px; line-height:21px; margin:15px 0 0 0; padding:0; }
.aside-job-list p strong {
    font-size:16px; }

.aside-job-list ul {
    list-style:none;
    margin:0;
    padding:0;
}

.aside-job-list ul li {
    clear:left;
    margin:0 0 22px 0;
    padding:0;
}

.aside-job-list ul li:first-child {
    margin:21px 0 22px 0;
}

.aside-job-list ul li h4 {
    font-size:16px; line-height:21px; }
.aside-job-list ul li p,
.aside-job-list p a,
.aside-job-list p a.arrow {
    font-family:'Jost 400'; font-size:17px; margin:0; padding:0; }
.aside-job-list ul li p a:before,
.aside-job-list p a.arrow:before,
.aside-job-list p a.more:before  {
    font-family:"icons"; content:"\f10f"; font-size:25px; padding:5px 4px 0 0; float:left; line-height:12px; }
.mac-os .aside-job-list ul li p a.arrow:before,
.mac-os .aside-job-list p a.arrow:before,
.mac-os .aside-job-list p a.more:before  {
    padding:5px 4px 0 0; }

.aside-job-list img {
    margin:14px 0 -8px 0;
}

.accordion a.arrow {
    position:relative;
}

.accordion a.arrow:before,
.accordion a.more:before  {
    font-family:"icons"; content:"\f10f"; font-size:25px; padding:7px 4px 0 0; float:left; line-height:12px; }
.mac-os .accordion a.arrow:before,
.mac-os .accordion a.arrow:before,
.mac-os .accordion a.more:before  {
    padding:6px 4px 0 0;  }


#map {
    border-top:1px solid #000;
    width:100% !important;
    height:600px !important;
    /*height:430px !important;*/
}

#map.stick {
    position:fixed;
    top:0;
    margin:60px 0 0
}



/* NEWS IN ASIDE
==================================== */

.news {
    position:relative;
    margin:134px 0 0 0;
    border-top:1px solid #000;
    border-bottom:6px solid #000;
}

.news h3 {
    font-size:17px; color:#87888a; padding:8px 0 0 0; }
aside .news h3 {
    font-family:'Jost 400'
}

.news ul {
    list-style:none;
    margin:15px 0 0 0;
    padding:0;
}

.news ul li {
    margin:0;
    padding:14px 0 22px 0;
    border-top:1px dotted #000;
}

.news ul li:first-child {
    padding:7px 0 15px 0;
}

.news ul li h4 {
    font-family:'Jost 700'; font-size:16px; line-height:20px; padding:0 0 21px 0; }
.news ul li:first-child h4 {
    font-size:30px; line-height:33px; padding:0 0 21px 0; }
.news ul li p {
    font-size:16px; line-height:21px; margin:0; padding:0; }
.news ul li p span {
    font-family:'Jost 400'; }
.news ul li p a {
    font-family:'Jost 400'; font-size:17px; }
.news ul li p a:before  {
    font-family:"icons"; content:"\f10f"; font-size:25px; padding:5px 4px 0 0; float:left; line-height:12px; }
.mac-os .news ul li p a:before  {
    padding:4px 4px 0 0; }

.flexslider-news {
    margin:0;
}

.flexslider-news  .flex-control-nav {
    display:none;
}



/* BLOG-POSTS
==================================== */

.blog-posts {
    border-bottom:3px solid #000;
}

.blog-posts h3 {
    font-size:17px; color:#000; padding:6px 0 15px 0; border-top:6px solid #000; display:inline-block; }

.blog-posts ul {
    list-style:none;
    margin:0;
    padding:0;
}

.blog-posts ul li {
    margin:0;
    padding:11px 0 15px 0;
    border-top:1px dotted #000;
}

.blog-posts ul li:first-child {
    padding:8px 0 15px 0;
}

.blog-posts ul li img {
    width:100%;
    height:auto;
    padding:0 0 8px 0;
}

.blog-posts ul li h4 {
    font-family:'Jost 700'; font-size:16px; line-height:20px; padding:0 0 0 0; }
.blog-posts ul li:first-child h4 {
    font-size:30px; line-height:33px; padding:0 0 19px 0; }
.blog-posts ul li p {
    font-size:16px; line-height:21px; margin:0; padding:0; }
.blog-posts ul li p span,
.blog-posts ul li h4 span {
    font-family:'Jost 400'; }

.blog-posts ul li p a {
    font-family:'Jost 400'; font-size:17px; }
.blog-posts ul li p a:before  {
    font-family:"icons"; content:"\f10f"; font-size:25px; padding:1px 4px 0 0; float:left; }



/* NEWS IN CONTENT
==================================== */

.company-news {
    border-top:1px solid #000;
}
.company-news h5 {
    color:#87888a; padding:8px 0 0 0; }

.company-news h2,
.company-news h3,
.company-news h4,
.company-news .h2,
.company-news .h3,
.company-news .h4 {
    line-height:1.1; padding:15px 20px 22px 0; }
.company-news p {
    margin:0; padding:0; }
.company-news p a {
    font-family:'Jost 400'; font-size:20px; text-decoration: none; }
.company-news p a:hover,
.company-news p a:focus,
.company-news p a:active {
  text-decoration: underline dotted; }
.company-news p a:before  {
    font-family:"icons"; font-size:25px; content:"\f10f"; padding:6px 4px 0 0; float:left; line-height:12px; }
.mac-os .company-news p a:before  {
    padding:6px 4px 0 0; }

.company-news:has( > img) {
	border-top:none;
}
.company-news:has( > img) img {
	margin-bottom:15px;
}
.company-news:has( > img) ul {
    border-top:1px solid #000;
}


/* VIDEO
==================================== */

section.vid {
    margin:70px 0 0 0;
}

section.vid img {
    width:100%;
    height:auto;
}



/* NEWS-TEASER START
==================================== */

section.news-teaser {
    margin:70px 0 0 0;
}

.teaser .illu {
    margin:16px 0 34px 0;
}

.teaser .illu-inner {
    float:left;
    width:auto;
    -webkit-box-shadow:12px 24px 0px 0px #ffed00;
    -moz-box-shadow:12px 24px 0px 0px #ffed00;
    box-shadow:12px 24px 0px 0px #ffed00;
}

.teaser .illu-service {
    position:relative;
    margin:25px 0 0 0;
    border-top:3px solid #000;
}

.teaser .illu-service.top {
    position:relative;
    margin:0 0 0 0;
    border-top:none;
}

.teaser .illu-service a {
    position:absolute; left:2px; bottom:0; font-family:'Jost 700'; font-size:16px; }
.teaser .illu-service a:before {
    font-family:"icons"; content:"\f10f"; font-size:30px; padding:6px 5px 0 0; float:left; line-height:12px; }
.mac-os .teaser .illu-service a:before {
    padding:5px 5px 0 0; }

.teaser .illu-service h2 {
    position:absolute; top:10px; left:5px; }

.teaser .illu img,
.teaser .illu-service img {
    width:100%;
    height:auto;
}



/* SERVICE-TEASER
==================================== */

section.service-teaser {
    margin:70px 0 0 0;
}



/* JOB DETAILPAGE
==================================== */

.job-detail {
    padding:55px 0 0 0;
}

.job-detail address {
    float:none;
}

.job-detail address p {
    font-family:'Jost 400'; font-size:21px; }
.job-detail address p strong {
    font-size:16px; }

.job-detail .accordion-ver {
  margin:33px 0 0 0;
}



/* NEWS-LIST-DETAIL (IN TEXT)
==================================== */

.news-list-detail {
    padding:0;
}

.news-list-detail ul {
    list-style:none;
    margin:0;
    padding:0;
}

.news-list-detail ul li {
    overflow:hidden;
    border-top:1px dotted #000;
    margin:0;
    padding:8px 0 30px 0;
    background:none;
}

.news-list-detail ul li span.date {
    font-size:17px; padding:0 0 6px 0; display:block; 
}

.news-list-detail ul li .news-list-illu {
    float:left;
    width:268px;
    margin:4px 45px 0 0;
}

.news-list-detail ul li .news-list-illu img {
    width:100%;
    height:auto;
}

.news-list-detail ul li .news-list-text {
    float:left;
    width:805px;
}

.news-list-detail ul li:first-child .news-list-illu {
    width:425px;
}

.news-list-detail ul li:first-child .news-list-text {
    width:648px;
}

.news-list-detail ul li h2,
.news-list-detail ul li h3,
.news-list-detail ul li h4,
.news-list-detail ul li .h2,
.news-list-detail ul li .h3,
.news-list-detail ul li .h4 {
     line-height:1.1; padding:0 0 22px 0; }
.news-list-detail ul li:first-child h3 {
    font-size:48px; line-height:50px; padding:0 0 20px 0; }
.news-list-detail ul li p {
    font-size:18px; margin:0; padding:0; }
.news-list-detail ul li p a {
    font-family:'Jost 400'; font-size:20px; }
.news-list-detail ul li p a:before  {
    font-family:"icons"; content:"\f10f"; font-size:25px; padding:7px 4px 0 0; float:left; line-height:12px; }
.mac-os .news-list-detail ul li p a:before  {
    padding:6px 4px 0 0; }

.show-more-news {
    border-top:3px solid #000;
    padding:10px 0 0 0;
}

.show-more-news a {
    font-size:20px; display:block; }
.show-more-news a:before  {
    font-family:"icons"; content:"\f10d"; font-size:25px; padding:6px 5px 0 0; float:left; }

@media only screen and (max-width:900px) {
    .show-more-news {
        border-top:3px solid #000;
        padding:10px 0 0 0;
    }
}

/* news in accordion */

/*.accordion-ver .news-list-text p a {
    font-size:17px;
}*/

.accordion-ver .news-list-text p a:before {
    font-family:"icons"; content:"\f10f"; font-size:25px; padding:7px 4px 0 0; float:left; line-height:12px; }
.mac-os .accordion-ver .news-list-text p a:before  {
    padding:6px 4px 0 0; }

.accordion-ver .news-list-text p a {
    font-family:'Jost 400'; font-size:18px; line-height:23px;
}

.accordion-ver ul li .news-list-text {
    padding:18px 0 0 0;
    border-top:1px dotted #000;
}

.archive .accordion-ver ul li:first-child > div {
    border:0;
}

.archive .accordion-ver ul li:first-child > div + div {
    border-top:1px dotted #000;
}




/* SEARCH-RESULT
==================================== */

.search-result ul {
    list-style:none;
    margin:0;
    padding:0;
}

.search-result ul li {
    overflow:hidden;
    border-top:1px dotted #000;
    margin:0;
    padding:8px 0 30px 0;
    background:none;
}

.search-result ul li h3 {
    font-family:'Jost 700'; font-size:30px; line-height:33px; padding:0 0 22px 0; }
.search-result ul li:first-child h3 {
    font-size:48px; line-height:50px; padding:0 0 20px 0; }
.search-result ul li p {
    font-size:18px; margin:0; padding:0; }
.search-result ul li p a {
    font-family:'Jost 400'; font-size:20px; }
.search-result ul li p a:before  {
    font-family:"icons"; content:"\f10f"; font-size:25px; padding:6px 4px 0 0; float:left; line-height:12px; }

























/* NEWS-SINGLE
==================================== */

.news-single {
    padding:71px 0 0 0;
}

.news-single .flexslider {
    margin:35px 0 67px 0;
}

.news-single .meta-info p {
    font-family:'Jost 400'; font-size:16px; }

.news-single .article-nav {
    display:inline-block;
    border-top:6px solid #000;
    margin:23px 0 0 0;
}

.news-single .article-nav nav {
    padding:4px 30px 0 0;
}

.news-single .article-nav nav ul {
    list-style:none;
    margin:0;
    padding:0;
}

.news-single .article-nav nav ul li {
    clear:left;
    margin:0 0 9px 0;
    padding:0;
    background:none;
}

.news-single .article-nav nav ul li a {
    font-family:'Jost 700'; font-size:15px; }
.news-single .article-nav nav ul li:before {
    font-family:"icons"; content:"\f10f"; font-size:30px; padding:2px 5px 0 0; float:left; }
.mac-os .news-single .article-nav nav ul li:before {
    padding:0 5px 0 0; }
.news-single .article-nav nav ul li.next:before {
    content:"\f10f"; }
.news-single .article-nav nav ul li.previous:before,
.news-single .article-nav nav ul li.overview:before {
    content:"\f104"; }

.news-single span.date {
    font-size:17px; margin:0 0 12px 0; padding:0 0 2px 0; display:block; border-bottom:1px solid #000; }

.news-single .flexslider figcaption {
    font-family:'Jost 400'; font-size:16px; margin:10px 0 0 0; }



/* COMMENTS
==================================== */

.comments {
    margin:91px 0 0 0;
    padding:29px 0 0 0;
    border-top:3px solid #000;
}

.comments h3 {
    font-family:'Jost 700'; font-size:22px; line-height: 26px; }

.comments textarea {
    border:1px dotted #000;
    width:100%;
    height:125px;
    margin:35px 0 0 0;
    padding:10px 0 0 10px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-size:17px;
}

.comments input[type=text] {
    background:url(../img/bg_input_2x2.png) left bottom repeat-x;
    border:0;
    width:100%;
    padding:0;
    text-indent:0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-size:17px;
}

.comments input[type=submit] {
    border:3px solid #000;
    background:#fff;
    padding:2px 30px 2px 30px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-family:'Jost 700';
    font-size:17px;
    transition:0.1s ease-in;   
}

.comments input[type=submit]:hover {
    background:#000;
    color:#fff;
}

.mac-os .comments input[type=submit] {
    padding:2px 30px 2px 30px;
}

.submit {
    position:relative;
    text-align:center;
    margin:43px 0 0 0;
    clear:both;
}

.submit:before {
    font-family:"icons"; font-size:62px; content:"\f10f"; position:absolute; left:20%; top:4px; }

.form-infotext {
    margin:30px 0 0 0;
    padding:6px 0 0 0;
    border-top:3px solid #000;
}

.form-infotext p {
    font-family:'Jost 400'; font-size:17px !important; line-height:21px !important; margin:0; padding:0 35px 0 0; display:inline-block; }
/*.form-infotext p a {
    text-decoration:underline; }*/
.form-infotext p a:before {
    font-family:"icons"; font-size:15px; content:"\f10b"; padding:0 4px 0 0; display:inline-block; }
.form-infotext p a:before {
    text-decoration:none; }

.form-infotext .prettycheckbox {
    margin:6px -4px 0 0;
}

.mac-os .form-infotext .prettycheckbox {
    margin:5px 0 0 0;
}



/* ILLU-PICTOGRAMS
==================================== */

.illu-pictograms {

}

.illu-pictograms img {
    width:100%;
    height:auto;
}

.illu-pictograms h1 {
    font-size:48px; line-height:50px; padding:14px 0 20px 0; }

span.page-spotlight {
    font-family:'Jost 700'; font-size:16px; color:#000; border-bottom:1px solid #000; padding:0 0 2px 0; display:block; }

.illu-pictograms .flexslider .flex-direction-nav {
    display:none;
}



/* COLORED COLUMNS
==================================== */

.column-service-text {
    padding:0 0 43px 0;
}

.column-service-text.blue {
    border-top:6px solid #0068b1; }
.column-service-text.black {
    border-top:6px solid #000; }
.column-service-text.orange {
    border-top:6px solid #ff9100; }
.column-service-text.purple {
    border-top:6px solid #462875; }
.column-service-text.sperrmuell {
    border-top:6px solid rgb(240,160,0); }
.column-service-text.altmoebel {
    border-top:6px solid rgb(190,0,75); }
.column-service-text.altkleider {
    border-top:6px solid rgb(70,30,120); }
.column-service-text.altglas {
    border-top:6px solid rgb(145,135,125); }
.column-service-text.metall {
    border-top:6px solid rgb(90,120,140); }
.column-service-text.gruenschnitt {
    border-top:6px solid rgb(80,170,40); }
.column-service-text.schadstoffe {
    border-top:6px solid rgb(240,50,0); }
.column-service-text.elektrogeraete {
    border-top:6px solid rgb(150,160,0); }
.column-service-text.bauschutt {
    border-top:6px solid rgb(90,80,70); }
.column-service-text.kunststoffe {
    border-top:6px solid rgb(0,165,210); }
.column-service-text.bioabfall {
    border-top:6px solid rgb(140,90,25); }
.column-service-text.wertstoffe {
    border-top:6px solid rgb(255,250,0); }
.column-service-text.papierabfall {
    border-top:6px solid rgb(0,110,175); }
.column-service-text.restabfall {
    border-top:6px solid rgb(75,75,85); }
.column-service-text.sperrmuell {
    border-top:6px solid rgb(240,160,0); }
.column-service-text.wohnservice {
    border-top:6px solid rgb(148,149,150); }

.column-colorized p {
    font-family:'Jost 400'; font-size:20px; margin:1em 0 0 0; }
.column-colorized.introduction  p {
    font-family:'Literata 400'; font-size:18px; }
.column-colorized p strong {
    font-size:16px; line-height:20px; display:inline-block; }
.column-colorized table tr td p {
    font-size:17px; margin-top:0; }

.column-quicklinks {
    border-top:6px solid #000;
}

span.quicklinks-spotlight {
    font-size:17px; border-bottom:1px solid #000; margin:0 0 4px 0; padding:5px 0 6px 0; display:inline-block; }
.mac-os span.quicklinks-spotlight {
    margin:0 0 6px 0; padding:8px 0 4px 0; }

.links {

}

.links ul {
    list-style:none;
    margin:0;
    padding:0;
}

.links ul li {
    float:left;
    position:relative;
    clear:left;
    margin:0;
    padding:0 0 6px 0;
    background:none;
}

.mac-os .links ul li {
    padding:0 0 6px 0;
}

.links ul li a {
    font-family:'Jost 700'; font-size:16px; padding:0 0 0 37px; float:left; text-decoration: none; }
.links ul li a:hover,
.links ul li a:active,
.links ul li a:focus {
    text-decoration: underline dotted; }
.links ul li:before {
    font-family:"icons"; content:"\f10f"; font-size:30px; padding:1px 0 0 0; position:absolute; left:0; }
.mac-os .links ul li:before {
    top:0; padding:0; }

.headline {
    margin:15px 0 0 0;
    padding:0 0 3px 0;
}



/* MAP
==================================== */

.map {
    border-top:1px solid #000;
    margin:36px 0 0 0;
}

.map img {
    width:100%;
    height:auto;
}

.map-nav ul {
    list-style:none;
    margin:0;
    padding:0;
}

.map-nav ul li {
    border-top:1px solid #000;
    margin:0;
    padding:0;
    line-height:21px;
    background:none;
}

.map-nav ul li:first-child {
    border-top:0;
}

.map-nav ul li:hover {
    background:#cfd1d2; }
.map-nav ul li.active {
    background:#000; }

.map-nav ul li a {
    font-size:17px; display:block; padding:6px 0 15px 4px; }
.map-nav ul li.active a {
    color:#fff; }

.map-nav ul li a span {
    display:inline-block; }
.map-nav ul li a span:before {
    font-family:"icons";
     /*content:"\f10b";*/ 
    font-size:22px; padding:6px 5px 0 0; float:left; line-height:12px; }
.mac-os .map-nav ul li a span:before {
    padding:5px 5px 0 0; }

.map-nav ul li p {
    font-family:'Jost 700'; margin:0; padding:0; }
.map-nav ul li.active p,
.map-nav ul li.active p span {
    color:#fff; }

.map-nav ul li p span:before {
    display:none;
}

.map-nav p.show-more-results {
    font-family:'Jost 700'; margin:0 0 30px 0; padding:4px 0 0 0; border-top:3px solid #000; }

.map.white {
    border:0;
    margin:0;
    padding:71px 0 0 0;
}

.map-nav.white {
    margin:23px 0 0 0;
    border-bottom:6px solid #000;
}

.map-nav.white ul li:first-child {
    border:0;
}

.map-nav.white span.zentrale,
.map-nav.white span.recyclinghoefe,
.map-nav.white span.deponien {
    display:block;
    border-top:6px solid #000;
}

.map-nav.white ul li:hover {
    background:#eceded; }
.map-nav.white ul li.active {
    background:#ffed00; }

.map-nav.white ul li a {
    font-size:17px; text-decoration:none; display:block; padding:6px 0 15px 4px; }
.map-nav.white ul li.active a {
    color:#000; }

.map-nav.white ul li table {
    margin:19px 0 0 0;
    padding:0;
    border:0;
}

.map-nav.white ul li tr td {
    font-size:17px; border-top:0; padding:0;
}

#stickyheader {
    position:relative;
    width:736px;
    overflow:hidden;
}

#stickyalias {
    display:none;
    height:10px;
}

.spacer {
    width:100%;
    height:78px;
}



/* BEHAELTERLEERUNG
==================================== */

.form-behaelterleerung p {
    font-family:'Jost 700'; font-weight:normal; font-size:16px; padding:4px 0 0 0; border-top:3px solid #000; display:inline-block; }
.column-colorized .accordion-ver p {
    font-size:17px; display:block; border:0; margin:5px 0 0 0; padding:0; }

.form-behaelterleerung label {
    display:none;
}

.form-behaelterleerung .abfallart label {
	display:block;
	width:180px;
	margin:15px 0 20px 0;
}

.form-behaelterleerung .abfallart label span {
	float:right;
}

.form-behaelterleerung .form-row.large {
	margin-bottom:15px;
	display:inline-block;
}

.form-behaelterleerung input[type=text] {
    /*float:left;*/
    display:inline-block;
    background:url(../img/bg_input_2x2.png) left bottom repeat-x;
    border:0;
    width:100%;
    margin:0;
    padding:0;
    text-indent:0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-size:17px;
}

.form-behaelterleerung input#Strasse,
.form-behaelterleerung input#nr {
    margin:18px 0 0 0;
}

.form-behaelterleerung input#empfangstrasse {
    margin:18px 0 13px 0;
}

/*.form-behaelterleerung input[type=text].large {
    width:100%;
    clear:both;
}*/

.form-behaelterleerung br {
    clear:left;
}

.column-colorized .form-row {
    float:left;
    width:75%;
    /*margin:0 0 8px 0;*/
    margin:0;
}

.column-colorized .form-row.large {
    float:none;
    clear:both;
    width:100%;
}

.column-colorized .form-row.small {
    float:right;
    width:20%;
}

.column-colorized .form-row-65 {
    float:left;
    width:65%;
    /*margin:0 0 8px 0;*/
    margin:0;
}

.column-colorized .form-row-25 {
    float:right;
    width:30%;
}

@media only screen and (max-width:1160px) {
    .column-colorized .form-row-65 {
        float:left;
        width:60%;
        /*margin:0 0 8px 0;*/
        margin:0;
    }

    .column-colorized .form-row-25 {
        float:right;
        width:35%;
    }
}


@media only screen and (max-width:900px) {
    .column-colorized .form-row-65 {
        float:left;
        width:65%;
        /*margin:0 0 8px 0;*/
        margin:0;
    }

    .column-colorized .form-row-25 {
        float:right;
        width:30%;
    }
}

.form-behaelterleerung .selection {
    position:absolute;
    max-height:160px;
    overflow-y:scroll;
    background:#fff;
    margin:-2px 0 0 0;
    padding:0 0 10px 0;
    border-top:3px solid #000;
    z-index:100;
    font-size:17px;
}

.input-block-level {
    font-size:17px;
}

/*.mac-os .form-behaelterleerung .selection {
    margin:-2px 0 0 0;
}*/

.ui-autocomplete {
    top:0 !important;
}

.form-behaelterleerung .selection ul li {
    background:none;
}

.form-behaelterleerung .selection ul li a {
    padding:0 0 0 10px;
}

.form-behaelterleerung .submit {
    float:left;
    width:100%;
    margin:40px 0 0 0;
}

.form-behaelterleerung input[type=submit] {
    border:3px solid #000;
    background:none;
    padding:1px 30px 3px 30px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-family:'Jost 700';
    font-size:17px;
    color:#000;
    transition:0.1s ease-in;
}

.form-behaelterleerung input[type=submit].active,
.form-behaelterleerung input[type=submit].active:hover {
    border:3px solid #9c9e9f;
    background:#9c9e9f;
    padding:1px 29px 3px 30px;
    color:#e3e4e4;
}

.form-behaelterleerung input[type=submit]:hover {
    background:#000;
    color:#fff;
}

.form-behaelterleerung .submit:before {
    font-family:"icons"; font-size:30px; content:"\f10f"; position:absolute; left:0; top:4px; }

.bankholiday {
    float:left;
    width:100%;
    padding:20px 0 0 0;
}

.bankholiday .prettycheckbox {
    margin:6px 0 0 0;
}

.form-behaelterleerung .bankholiday label {
    font-size:16px; display:inline;
}

.form-behaelterleerung .bankholiday p {
    font-family:'Jost 400'; font-size:17px; line-height:19px; margin:0; /*padding:10px 0 0 0; border-top:1px solid #000;*/ }

.form-behaelterleerung .sbOptions {
    max-height:95px !important;
}

.bankholiday .sbHolder {
    max-width:232px;
}



/* TABELLE NÄCHSTE LEERUNGEN
==================================== */

.behaelterleerungen p {
    font-family:'Jost 700'; font-weight:normal; font-size:16px; padding:4px 0 0 0; border-top:3px solid #000; display:inline-block; }
.behaelterleerungen p:after {
    clear:left;
}
.behaelterleerungen p#nextEmptying {
    border-top:0; border-bottom:1px solid #000; display:block; margin:26px 0 0 0; padding:0 0 8px 0; }

.behaelterleerungen table {
    margin:0;
    padding:0;
}

.sidr .behaelterleerungen table {
    border:0;
}

.behaelterleerungen table tr td {
    border-top:0; border-bottom:1px solid #000; padding:7px 0 6px 0; vertical-align:top; }
.sidr .behaelterleerungen table tr td {
    padding:6px 0 6px 0; border-bottom:0; }

.behaelterleerungen table tr td.month {
    border-bottom:1px solid #000; }
.behaelterleerungen table tr td.month p {
    font-family:'Jost 700'; }

.behaelterleerungen table tr td p {
    font-family:'Jost 400'; border:0; margin:0; padding:0; }
.sidr .behaelterleerungen table tr td p {
    font-size:15px; line-height:19px; margin:0; padding:0; }

table tr td.icons-tonnen {
    vertical-align:middle; }

p.altpapier {
    font-family:'Jost 700' !important; color:#0064aa; }
span.tonne-altpapier:before {
    font-family:"icons"; font-size:28px; content:"\f106"; color:#0064aa; float:left; width:17px; height:24px; }
.sidr span.tonne-altpapier:before {
    float:right; padding:0 15px 0 0; font-size:28px; }
.sidr .calendar span.tonne-altpapier:before {
    float:left; font-size:22px; width:17px; height:24px; }

p.bioabfall {
    font-family:'Jost 700' !important; color:#8c5a19; }
span.tonne-bioabfall:before {
    font-family:"icons"; font-size:28px; content:"\f10a"; color:#8c5a19; float:left; width:17px; height:24px; }
.sidr span.tonne-bioabfall:before {
    float:right; padding:0 15px 0 0; font-size:28px; }
.sidr .calendar span.tonne-bioabfall:before {
    float:left; font-size:22px; width:17px; height:24px; }

p.restabfall {
    font-family:'Jost 700' !important; color:#4b4b50; }
span.tonne-restabfall:before {
    font-family:"icons"; font-size:28px; content:"\f102"; color:#4b4b50; float:left; width:17px; height:24px; }
.sidr span.tonne-restabfall:before {
    float:right; padding:0 15px 0 0; font-size:28px; }
.sidr .calendar span.tonne-restabfall:before {
    float:left; font-size:22px; width:17px; height:24px; }

p.wertstoffe {
    font-family:'Jost 700' !important; color:#fff500; }
span.tonne-wertstoffe:before {
    font-family:"icons"; font-size:28px; content:"\f111"; color:#fff500; float:left; width:17px; height:24px; }
.sidr span.tonne-wertstoffe:before {
    float:right; padding:0 15px 0 0; font-size:28px; }
.sidr .calendar span.tonne-wertstoffe:before {
    float:left; font-size:22px; width:17px; height:24px; }

p.sperrmuell {
    font-family:'Jost 700' !important; color:#000; }
span.tonne-sperrmuell:before {
    font-family:"icons"; font-size:28px; content:"\f111"; color:#000; float:left; width:17px; height:24px; }
.sidr span.tonne-sperrmuell:before {
    /*float:right; padding:0 15px 0 0; font-size:22px;*/ display:none; }
.sidr span.tonne-sperrmuell img {
    width:22px; height:22px; float:right; margin:0 7px 0 0; }
.sidr .calendar span.tonne-sperrmuell:before {
    float:left; font-size:22px; width:17px; height:24px; }

p.aktionstage {
    font-family:'Jost 700' !important; color:#e2007a; }
span.tonne-aktionstage:before {
    font-family:"icons"; font-size:28px; content:"\f111"; color:#e2007a; float:left; width:17px; height:24px; }
.sidr span.tonne-aktionstage:before {
    /*float:right; padding:0 15px 0 0; font-size:22px;*/ display:none; }
.sidr span.tonne-aktionstage img {
    width:10px; height:10px; float:right; margin:0 13px 0 0; }
.sidr .calendar span.tonne-aktionstage:before {
    float:left; font-size:22px; width:17px; height:24px; }

p.infomobil {
    font-family:'Jost 700' !important; color:#bba500; }
span.tonne-infomobil:before {
    font-family:"icons"; font-size:28px; content:"\f111"; color:#bba500; float:left; width:17px; height:24px; }
.sidr span.tonne-infomobil:before {
    /*float:right; padding:0 15px 0 0; font-size:22px;*/ display:none; }
.sidr span.tonne-infomobil img {
    width:10px; height:10px; float:right; margin:0 13px 0 0; }
.sidr .calendar span.tonne-infomobil:before {
    float:left; font-size:22px; width:17px; height:24px; }

.show-more-dates-nav {
    position:relative;
    width:100%;
    height:40px;
    clear:both;
}

.behaelterleerungen p.show-more-dates {
    position:absolute; top:0; left:0; clear:none; font-family:'Jost 700'; margin:0 0 0 -2px; padding:4px 0 0 0; border:0; cursor:pointer; }
.behaelterleerungen p.show-more-dates:before {
    font-family:"icons"; font-size:27px; content:"\f104"; padding:7px 4px 0 0; float:left; line-height:12px; }
.behaelterleerungen p.show-more-dates.right {
    position:absolute; top:0; left:inherit; right:0; margin:0 -2px 0 0; }
    .behaelterleerungen p.show-more-dates.right:before {
        display:none;
    }
.behaelterleerungen p.show-more-dates.right:after {
    font-family:"icons"; font-size:27px; content:"\f10f"; padding:7px 0 0 4px; float:right; line-height:12px; }


span.art {
    display:none; }

.behaelterleerungen .submit:before {
    font-family:"icons"; font-size:30px; content:"\f10f"; position:absolute; left:0; top:4px; }

.behaelterleerungen input[type=submit] {
    border:3px solid #000;
    background:none;
    padding:1px 29px 3px 30px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-family:'Jost 700';
    font-size:17px;
    color:#000;
    transition:0.1s ease-in;
}

.behaelterleerungen input[type=submit].active,
.behaelterleerungen input[type=submit].active:hover {
    border:3px solid #9c9e9f;
    background:#9c9e9f;
    padding:1px 29px 3px 30px;
    color:#e3e4e4;
}

.behaelterleerungen input[type=submit]:hover {
    background:#000;
    color:#fff;
}



/* CALENDAR */

.calendar {
    margin:35px 0 0 0;
}

.calendar table {
    width:100%;
    display:block;
    margin:0;
    padding:0;
    border-bottom:1px solid #363737;
}

.calendar h5 {
    font-family:'Jost 700'; font-size:22px; color:#000; padding:26px 0 19px 0; }

.calendar table tr td {
    border-top:0; border-bottom:0; margin:0; padding:0 0 1px 0; vertical-align:top; text-align:left; min-width:37px; }
.calendar table tr td.bordertop {
    border-top:1px solid #6d6d6e; width:10%; }
.calendar table tr td.noborder {
    width:10%; }


.calendar table tr td.tonne,
.calendar table tr td.day {
    padding:0 0 0 20px; }
.mac-os .calendar table tr td.day,
.mac-os .calendar table tr td.tonne {
    padding:0 0 0 20px; }


.calendar table tr td.day p,
.calendar table tr td.tonne p {
    font-family:'Jost 700'; display:inline-block; float:left; padding:0 10px 0 0; }
.calendar table tr td.tonne p {
    color:#bba500; }

.calendar table tr td p {
    font-family:'Jost 700'; font-size:15px; margin:0; padding:0; }
.calendar table tr.date-text td {
    padding:5px 0 10px 94px;
}

.calendar table tr.date-text td p {
    font-family:inherit; font-size:15px; line-height:19px; margin:auto; padding:0; }

.calendar table tr.has-text {
    position:relative;
    cursor:pointer;
    margin:0;
    padding:0;
}

.calendar table tr.has-text:after {
    font-family:"icons"; float:right; margin:5px 0 0 0; content:"\f105"; }
.mac-os .calendar table tr.has-text:after {
    font-family:"icons"; float:right; margin:2px 0 0 0; content:"\f105"; }

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

    .calendar table tr.date-text td {
        padding:5px 0 10px 5px;
    }

    .calendar table tr td.tonne,
    .calendar table tr td.day {
        padding:0; }
    .mac-os .calendar table tr td.day,
    .mac-os .calendar table tr td.tonne {
        padding:0; }
}



/* CONTAINERSTANDORTSUCHE
==================================== */

.form-containersuche p {
    font-family:'Jost 700'; font-weight:normal; font-size:16px; padding:4px 0 0 0; border-top:3px solid #000; display:inline-block; }
.form-containersuche p.determine-location {
    font-family:'Jost 700'; font-weight:normal; font-size:16px; padding:7px 0 0 0; border-top:0; display:block; clear:both; }

.form-containersuche label {
    display:none;
}

.form-containersuche input[type=text] {
    background:url(../img/bg_input_2x2.png) left bottom repeat-x;
    border:0;
    width:100%;
    margin:18px 0 8px 0;
    padding:0;
    text-indent:0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-size:17px;
}

.form-containersuche input[type=submit] {
    border:0;
    background:#9c9e9f;
    padding:4px 59px 7px 59px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-family:'Jost 700';
    font-size:16px;
    color:#e3e4e4;
    transition:0.1s ease-in;  
}

.mac-os .form-containersuche input[type=submit] {
    padding:4px 59px 4px 59px;
}

.form-containersuche input[type=submit]:hover {
    background:#000;
    color:#fff;
}





.checkbox-abfallcontainer {
    position:relative;
    display:inline-block;
    margin:0;
    padding:35px 25px 11px 0;
    vertical-align:top;
    width:66px;
}

.checkbox-abfalltonne {
    position:relative;
    display:inline-block;
    padding:45px 10px 11px 0;
    vertical-align:top;
    width:60px;
}


@media (max-width:1160px) {
    .checkbox-abfallcontainer {
        padding:20px 20px 27px 0;
    }
}

@media (max-width:767px) {
    .checkbox-abfallcontainer {
        padding:20px 20px 27px 0;
    }
}




.checkbox-abfallcontainer label,
.checkbox-abfalltonne label {
    position:relative;
    margin:0;
    padding:0;
    cursor:pointer;
    font-family:'Jost 700';
    font-size:10px;
    text-align:center;
    z-index:9999;
    display:inline-block;
    height:60px;
}



.checkbox-abfallcontainer.altpapier label {
    width:100%;
    color:#0064aa;
}

.checkbox-abfallcontainer.alttextilien label {
    width:100%;
    color:#462378;
}

.checkbox-abfallcontainer.altglas label {
    width:100%;
    color:#918782;
}

.checkbox-abfalltonne.restabfalltonne label {
    width:100%;
    color:rgb(75,75,85);
}

.checkbox-abfalltonne.biotonne label {
    width:100%;
    color:rgb(140,90,25);
}

.checkbox-abfalltonne.wertstofftonne label {
    width:100%;
    color:rgb(255,250,0);
}

.checkbox-abfalltonne.altpapiertonne label {
    width:100%;
    color:rgb(0,110,175);
}

.checkbox-abfallcontainer input.container,
.checkbox-abfalltonne input.container {
    position:absolute;
    left:-9999px;
    width:auto;
    margin:0;
}

.checkbox-abfallcontainer span,
.checkbox-abfalltonne span {
    display:block; height:50px; position:relative;
}

.checkbox-abfallcontainer.altpapier span:before {
    font-family:"icons-container"; 
    font-size:83px; 
    content:"\f105";
    color:rgb(0,110,175);
}

.checkbox-abfallcontainer.alttextilien span:before {
    font-family:"icons-container"; 
    font-size:63px; 
    content:"\e600";
    color:#462378;
    margin:0 0 0 5px;
}

.checkbox-abfallcontainer.altglas span:before {
    font-family:"icons-container"; 
    font-size:84px; 
    content:"\f103";
    color:#918782;
}

.checkbox-abfalltonne.restabfalltonne span:before {
    font-family:"icomoon"; 
    font-size:73px; 
    content:"\e603";
    color:rgb(75,75,85);
}

.checkbox-abfalltonne.biotonne span:before {
    font-family:"icomoon"; 
    font-size:73px; 
    content:"\e605";
    color:rgb(140,90,25);
}

.checkbox-abfalltonne.wertstofftonne span:before {
    font-family:"icomoon"; 
    font-size:73px; 
    content:"\e601";
    color:rgb(255,250,0);
}

.checkbox-abfalltonne.altpapiertonne span:before {
    font-family:"icomoon"; 
    font-size:73px; 
    content:"\e607";
    color:rgb(0,110,175);
}

.checkbox-abfallcontainer input.container:checked + span.altpapier:before {
    content:"\f104";
}

.checkbox-abfallcontainer input.container:checked + span.alttextilien:before {
    content:"\e601";
}

.checkbox-abfallcontainer input.container:checked + span.altglas:before {
    content:"\f102";
}

.checkbox-abfalltonne input.container:checked + span.restabfalltonne:before {
    content:"\e602";
}

.checkbox-abfalltonne input.container:checked + span.biotonne:before {
    content:"\e604";
}

.checkbox-abfalltonne input.container:checked + span.wertstofftonne:before {
    content:"\e600";
}

.checkbox-abfalltonne input.container:checked + span.altpapiertonne:before {
    content:"\e606";
}

.form-containersuche .submit {
    position:relative;
    text-align:center;
    margin:29px 0 0 0;
}

.form-containersuche .submit:before {
    font-family:"icons"; font-size:30px; content:"\f10f"; position:absolute; left:0; top:4px; }

.form-containersuche p.determine-location a {
    font-family:'Jost 700'; font-size:16px; }
.form-containersuche p.determine-location a:before {
    font-family:"icons"; font-size:30px; content:"\f10f"; padding:1px 7px 0 0; float:left; }
.icon-icon_wertstoffe_tonne_checked:before {
    content: "\e600";
}
.icon-icon_wertstoffe_tonne:before {
    content: "\e601";
}
.icon-icon_restabfall_tonne_checked:before {
    content: "\e602";
}
.icon-icon_restabfall_tonne:before {
    content: "\e603";
}
.icon-icon_bioabfall_tonne_checked:before {
    content: "\e604";
}
.icon-icon_bioabfall_tonne:before {
    content: "\e605";
}
.icon-icon_altpapier_tonne_checked:before {
    content: "\e606";
}
.icon-icon_altpapier_tonne:before {
    content: "\e607";
}


/* FORM OVERVIEW
==================================== */

.form-overview {
    margin:65px 0 0 0;
}

.form-overview ul {
    list-style:none;
    margin:0;
    padding:0;
}

.form-overview ul li {
    position:relative;
    border-bottom:1px solid #000;
    clear:left;
    margin:0;
    padding:0;
    background:none;
}

.form-overview ul li:first-child {
    border-top:1px solid #000;
}


.form-overview ul li a {
    font-family:'Jost 700'; font-size:16px; padding:13px 0 15px 0; display:block; }
.mac-os .form-overview ul li a {
    padding:16px 0 12px 0; }
.form-overview ul li a:before {
    font-family:"icons"; font-size:29px; content:"\f10f"; padding:6px 7px 0 0; float:left; line-height:12px; }
.mac-os .form-overview ul li a:before {
    padding:6px 7px 0 0; }

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

table.overview  tr td {
    border-top:0; border-bottom:1px solid #000; padding:11px 0 13px 0; }

table.overview  tr td p {
    font-size:17px; line-height:21px; margin:0; padding:0; }



/* FORMS
==================================== */

.form-wrap h2 {
    border-top:3px solid #000; margin:22px 0 10px 0; padding:14px 0 6px 0; display:block; clear:left; }
.form-wrap h2.space {
    margin:47px 0 10px 0; }
.form-wrap h2.noborder {
    border-top:0; margin:0; }
.form-wrap h2.error {
    color:#cd071e; }

.form-wrap p {
    font-family:'Jost 400'; /*font-size:20px;*/ }
.form-wrap p strong {
    font-size:16px; line-height:20px; display:inline-block; }

.form-wrap span.spotlight {
    border-top:1px solid #000; margin:27px 0 4px 0; padding:8px 0 5px 0; display:inline-block; }
.form-wrap #div0 span.spotlight {
    margin:8px 0 10px 0; }

.form-wrap label {
    display:none;
}

.form-wrap .form-row {
    clear:left;
    float:none;
    width:100%;
    margin:0 0 28px 0;
    padding:0;
}

.form-wrap .form-row:after {
    clear:both;
}

.form-wrap .form-row.medium {
    float:left;
    width:80%;
    clear:none;
}

.form-wrap .form-row.medium-items {
    float:left;
    width:70%;
    clear:none;
}

.form-wrap .form-row.mid-60 {
    float:left;
    width:80%;
    clear:none;
}

.form-wrap .form-row.mid {
    float:left;
    width:30%;
    clear:none;
}

.form-wrap .form-row.small {
    float:left;
    width:17%;
    margin:0 0 0 3%;
    text-align:right;
    clear:none;
}

.form-wrap .form-row.small-items {
    float:left;
    width:12%;
    margin:0 0 0 3%;
    text-align:left;
    clear:none;
}

.form-wrap .form-row.delete-items {
    float:right;
    width:auto;
    margin:0;
    text-align:left;
    clear:none;
}

.form-wrap .form-row.small.left {
    float:left;
    width:17%;
    margin:0 3% 0 0;
    text-align:left;
    clear:none;
}

.form-wrap .form-row input[type=text] {
    background:url(../img/bg_input_2x2.png) left bottom repeat-x;
    border:0;
    width:100%;
    margin:0;
    padding:0;
    text-indent:0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-size:17px;
}

.form-wrap .form-row input[type=text][disabled] {
    color:#7A7A7A;
    -webkit-text-fill-color:#7A7A7A;
    opacity:1;
}

.form-wrap .form-row input#abholgebuehrvisible[disabled] {
    font-family:'Jost 700';
    color:#000;
}


/*
.form-row.form-row-error input[type=text],
.form-row.form-row-error input[type=text]::placeholder,
.form-row.form-row-error input[type=text]:-ms-input-placeholder,
.form-row.form-row-error input[type=text]::-ms-input-placeholder {
    color: #cd071e;
}

::placeholder {color: #000000 !important;}

*/



/*.form-row-error ::placeholder,*/
.form-row-error input:-moz-placeholder {
    color: #cd071e !important;
    opacity: 1;
}
.form-row-error input::-moz-placeholder {
    color: #cd071e !important;
    opacity: 1;
}
.form-row-error input:-ms-input-placeholder {
    color: #cd071e !important;
}
.form-row-error input::-webkit-input-placeholder {
    color: #cd071e !important;
}
.form-row-error input::placeholder {
    color: #cd071e !important;
    opacity: 1;
}
.form-row-error input[type="text"] {
    color: #cd071e;
}



.form-row.form-row-error input[type=text][disabled] {
    color:#cd071e;
    -webkit-text-fill-color:#cd071e;
    opacity:1;
}

.form-wrap textarea {
    border:1px dotted #000;
    width:100%;
    height:125px;
    padding:10px 0 0 10px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-size:17px;
}

.form-row.form-row-error textarea {
    color:#cd071e;
    border:1px dotted #cd071e;
}


.form-wrap .form-row.check p {
    margin:0; padding:0; display:inline-block; vertical-align:top; max-width:90%;
}

p.arrow {
    padding:46px 0 0 0;
    clear:both;
    text-align:center;
}

p.arrow:after {
    font-family:"icons";
    font-size:90px;
    content:"\f100";
}

.answer-by {
    margin:17px 0 0 0;
    padding:0 0 8px 0;
}

.answer-by-inner {
    position:relative;
    float:left;
    width:33.3%;
    margin: 0 -1px 0 0;
    display:inline;
    overflow:hidden;
}

.answer-by-inner label {
    width:100%;
    float:left;
    display:inline;
    text-align:center;
    border:1px solid #000;
    padding:3px 0 5px 0;
    color:#000;
    cursor:pointer;
    font-size:17px;
    -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
            box-sizing:border-box;
}

.form-row-error .answer-by-inner label {
    color:#cd071e;
}

.mac-os .answer-by-inner label {
    padding:6px 0 3px 0;
}

.answer-by-inner input[type=radio]:checked + label {
    background:#ffed00;
    color:#000;
    transition:0.1s ease-in; 
}

.answer-by-inner input[type=radio] {
    position: absolute;
    display:inline;
    left:-20px;
}

.form-wrap .submit {
    position:relative;
    text-align:center;
    margin:24px 0 0 0;
}

.form-wrap .submit:before {
    display:none; 
}

.form-wrap .submit.show-arrow:before {
    display:block;
}

.form-wrap input[type=submit] {
    border:3px solid #000;
    background:#fff;
    padding:3px 30px 3px 30px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-family:'Jost 700';
    font-size:17px;
    transition:0.1s ease-in; 
}

.form-wrap label.salutation {
    display:inline-block; margin:16px 10px 0 0; cursor:pointer;
}

.form-wrap label.salutation span {
    float:left;
}


.mac-os .form-wrap input[type=submit] {
    padding:2px 30px 2px 30px;
}

.form-wrap input[type=submit]:hover {
    background:#000;
    color:#fff;
}

p.all-forms {
    border-top:3px solid #000;
    background:#ffed00;
    display:inline-block;
}

p.all-forms a {
    font-family:'Jost 700'; font-size:16px; padding:0 90px 2px 2px; float:left; }
p.all-forms a:before {
    font-family:"icons"; font-size:29px; content:"\f10b"; padding:7px 7px 0 0; float:left; line-height:12px; }
.mac-os p.all-forms a {
    padding:3px 90px 2px 2px; }
.mac-os p.all-forms a:before {
    padding:5px 7px 0 0; }


.note {
    margin:47px 0 0 0;
    padding:0 0 32px 0;
    text-align:center;
}

.note-inner {
    margin:0 auto;
    width:45%;
    border:6px solid #ffed00;
    padding:5px 13px 5px 13px;
}

.note-inner p {
    font-family:'Jost 700';  font-size:16px; line-height:20px; margin:0; padding:0; }
.note-inner p span {
    font-family:'Jost 400'; }

aside .note {
    margin:0 0 60px 0;
    padding:0;
    text-align:left;
}

aside .note-inner {
    margin:0;
    width:78%;
}



/* ADDITIONAL FORM STYLES 2015
==================================== */

.add-item {
    position:relative; margin:0; padding:0; display:inline-block; vertical-align:top; }

.add-item.hardware {
    margin:-10px 0 0 0; padding:0 0 35px 0; }

.add-item a {
    font-family:'Jost 700'; font-size:16px; margin:0; padding:3px 0 0 36px; position:relative; display:inline-block; }
.add-item a:before {
    font-family:'icomoon'; font-size:27px; color:#000; content:"\e60b"; position:absolute; top:0; left:0;
    -ms-transform: rotate(45deg);
    -ms-transform-origin:20% 40%;
    -webkit-transform:rotate(45deg);
    -webkit-transform-origin:20% 40%;
    transform: rotate(45deg);
    transform-origin:20% 40%;
}

.form-wrap .form-row.select-service {
    margin:0 0 6px 0;
}

.show-more {
    position:relative;
    overflow:hidden;
    padding:26px 0 10px 26px;
}

.show-more label {
    display:inline-block; vertical-align:top; font-family:'Jost 700'; font-size:16px; margin:0 4px 0 0; cursor:pointer;
}

.form-wrap .show-more .form-row {
    clear:none;
    display:inline-block;
    width:33%;
    vertical-align:top;
    margin:0 -4px 13px 0;
    padding:0 20px 0 0;
    box-sizing:border-box;
}

    @media only screen and (max-width:1160px) {
        .form-wrap .show-more .form-row {
            width:50%;
        }
    }

    @media only screen and (max-width:900px) {
        .show-more {
            padding:26px 0 0 26px;
        }

        .form-wrap .show-more .form-row {
            display:block;
            width:100%;
            margin:0 0 23px 0;
            padding:0;
        }

        .form-wrap .show-more .form-row.last {
            margin:0;
        }

        .show-more label {
            margin:0 0 10px 0;
        }
    }

.form-wrap .form-row.fees {
    clear:both;
    display:block;
    width:100%;
    vertical-align:top;
    text-align:right;
    margin:0;
    padding:15px 0 0 0;
    box-sizing:border-box;
}

.form-wrap .form-row.fees label {
    display:inline-block; vertical-align:top; font-family:'Jost 700'; margin:0 15px 0 0; 
}

.form-wrap .form-row.fees input {
     width:17%; 
}

    @media only screen and (max-width:900px) {
        .form-wrap .form-row.fees label {
            font-size:16px;
        }

        .form-wrap .form-row.fees input {
            width:27%; 
        }
    }

/* edit data */

/*.edit {
    position:relative;
    margin:20px 0 0 0;
    padding:0 0 20px 0;
    text-align:right;
}*/

.edit {
    position:relative;
    margin:0;
    padding:0;
}

.edit a {
    font-family:'Jost 700'; font-size:16px; margin:0; padding:0 0 0 45px; position:relative; display:inline-block; line-height:19px; }
.edit a:before {
    font-family:'icons'; font-size:39px; color:#000; content:"\f10f"; position:absolute; top:1px; left:0; }

/* delete data */

.delete {
    position:relative;
    margin:0;
    padding:0;
    font-size:16px;
    cursor:pointer;
}

.delete:before {
    font-family:'icomoon'; font-size:18px; color:#000; content:"\e60b"; }

@media only screen and (max-width:900px) {
    .delete {
        position:relative;
        float:right;
        margin:0;
        padding:3px 0 0 0;
        font-size:16px;
        cursor:pointer;
    }
}



/* FORM BROCHURES
==================================== */

.brochures {
    border-top:1px solid #000;
    border-bottom:3px solid #000;
    padding:;
}

.brochures ul {
    list-style:none;
    margin:0;
    padding:0;
}

.brochures ul li {
    border-top:1px dotted #000;
    margin:0;
    padding:16px 0 16px 0;
    background:none;
}

.brochures ul li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.brochures ul li:first-child {
    border:0;
}

.brochures ul li .brochures-illu {
    float:left;
    width:25%;
}

.brochures ul li .brochures-illu img {
    width:100%;
    height:auto;
}

.brochures ul li .brochures-text {
    float:left;
    width:73%;
    margin:0 0 0 2%;
}

.brochures ul li .brochures-text .prettycheckbox {
    margin:5px 0 0 0;
}

.brochures ul li .brochures-text p {
    margin:0 0 1em 0;
}

.brochures ul li p {
    font-size:17px; line-height:21px; }

/* dropdown in order process */

.brochures ul li .sbHolder {
    width:40%;
}

.brochures ul li .sbHolder ul.sbOptions li {
    border:0;
    margin:0;
    padding: 0 7px;
}

.brochures.no-border-bottom {
    border-bottom: none;
    border-top: none;
}

/* SIDEBAR
==================================== */

.sidebar {
    position:fixed;
    width:46px;
    height:109px;
    top:50%;
    right:0;
    margin:-57px 0 0 0;
    overflow:hidden;
    background:#e3e4e4;
    z-index:1;
}

body.grey .sidebar {
    background:#cbcccd;
}

.sidebar i {
    position:relative;
    top:9px;
    left:2px;
}

.sidebar a {
    text-decoration:none; float:left; display:block; width:46px; height:56px; font-size:50px; }
.sidebar a#right-menu {
    text-decoration:none; float:left; display:block; width:46px; height:55px; font-size:38px; }

.sidebar-content {
    position:relative;
    padding:30px;
}

.sidebar-content h6 {
    font-family:'Jost 700'; font-size:48px; line-height:normal; }
.sidebar-content p.subhead {
    font-family:'Jost 700'; font-size:21px; color:#989a9b; margin:0; padding:0; }

.sidebar-content .crossing-arrows {
    width:115px;
    margin:55px auto 55px auto;
}

.sidebar-content .crossing-arrows img {
   width:100%;
   height:auto;
}

.abfall-datenbank {
    position:relative;
}

.abfall-datenbank label {
    font-family:'Jost 700'; font-size:17px; border-top:6px solid #000; padding:7px 0 0 0; width:100%; display:block; }
.abfall-datenbank label.step-2 {
    border-top:1px solid #000; margin:26px 0 0 0; width:auto; display:inline-block; }

.abfall-datenbank input[type=text] {
    background:url(../img/bg_input_2x2.png) left bottom repeat-x;
    border:0;
    width:100%;
    margin:33px 0 0 0;
    padding:0;
    text-indent:0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-size:21px;
    position:relative;
}

.abfall-datenbank input[type=text].search-inprogress {
    background:none;
    border-bottom:3px solid #000;
    text-align:center;
    text-indent:0;
    font-family:'Jost 700';
}

/*.abfall-datenbank input[type=text].step-2 {
    border-bottom:1px dotted #000;
}*/

.abfall-datenbank input[type=submit] {
    border:3px solid #000;
    background:none;
    height:33px;
    margin:0;
    padding:0 70px 0 70px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-family:'Jost 700';
    font-size:17px;
    transition:0.1s ease-in;
}

.mac-os .abfall-datenbank input[type=submit] {
    height:32px;
    padding:2px 70px 2px 70px;
}

.abfall-datenbank input[type=submit]:hover {
    background:#000;
    color:#fff;
}

.abfall-datenbank .submit {
    position:relative;
    text-align:center;
    margin:43px 0 0 0;
}

.abfall-datenbank .submit:before {
    font-family:"icons"; font-size:32px; content:"\f10f"; position:absolute; left:0; top:5px; }

.sidr .accordion-ver {
    margin:64px 0 0 0;
    border-top:3px solid #000;
}

/* search progress */

.search-progress .selection,
.search-progress input[type=text].search-inprogress,
.search-progress.active input[type=text].search-inactive {
    display:none;
}

.search-progress.active .selection,
.search-progress.active input[type=text].search-inprogress {
    display:block;
}

.selection {
    position:absolute;
    background:#fff;
    margin:-2px 0 0 0;
    padding:0 0 10px 0;
    border-top:3px solid #000;
    border-left:3px solid #000;
    border-right:3px solid #000;
    border-bottom:3px solid #000;
    z-index:100;
}

.sidr .selection {
    max-height:200px;
    margin:-3px 0 0 0;
    overflow-y:scroll;
}

.selection-title {
    overflow:hidden;
    border-bottom:2px dashed #000;
}

.selection p {
    font-size:17px; font-family:'Jost 700'; line-height:20px; margin:0; padding:15px 15px 10px 0; float:left; display:inline; width:70%; }
.selection-arrow {
    float:left;
    width:14px;
    margin:-4px 0 0 0;
    padding:10px 10px 0 15px;
}

.selection-arrow img {
    width:100%;
    height:auto;
}

.selection ul {
    list-style:none;
    margin:0;
    padding:10px 0 0 0;
}

.selection ul li {
    margin:0;
    padding:0;
    font-size:17px;
    background:none;
}

.selection ul li a {
    display:block; padding:0 0 0 39px; cursor:pointer;
}

.selection ul li a:hover {
    background:#000; color:#fff;
}

span#streetLoading {
    position:absolute;
    top:84px;
    right:0;
}

span#hausnummerLoading {
    position:absolute;
    top:141px;
    right:0;
}





/* DOWNLOADS ACCORDEON
==================================== */

.downloads {
    margin:66px 0 0 0;
}

.download-item {
    border-bottom:1px dotted #000;
}

.download-item p {
    margin:0; padding:13px 0 16px 0;
}

.downloads .accordion-ver ul li div ul {
    margin:0;
}

.downloads .accordion-ver ul li div ul li {
    margin:0; padding:10px 0 14px 0;
}

.downloads .accordion-ver ul li div ul li:last-child .download-item {
    border:0;
}

.text .downloads .accordion-ver ul li div li {
    margin:0; 
    padding:0;
    background:none;
}




/* ARCHIVE ACCORDION
==================================== */

.archive {
    /*margin:66px 0 0 0;*/
    overflow:hidden;
}

.accordion-ver>ul>li>h1 {
  font-size:16px !important;
  line-height:23px !important;
  padding: 13px 0 14px 0;
}
.accordion-ver>ul>li>h1+div {
    padding-top: 30px;
}

.smartphone {
    display:none;
}

.gm-style {
    position:relative !important;
    width:100% !important;
  /*top:-78px !important;*/
    height:600px !important;
    left:inherit !important;
}

.gm-info-bubble {
    font-size:17px;
    padding:10px 10px 0 10px;
    min-height:130px;
    overflow:visible;
}

.gm-info-bubble p {
    font-family:'Jost 700'; font-size:17px; margin:0; padding:0; }
.gm-info-bubble p span {
    font-family:'Jost 400'; }

.gm-style-iw > div {
    overflow:visible !important;
}

.gm-info-bubble input[type=submit] {
    border:3px solid #000;
    background:#fff;
    margin:20px 0 0 0;
    padding:1px 30px 3px 30px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-family:'Jost 700';
    font-size:17px;
    transition:0.1s ease-in;   
}

.gm-info-bubble input[type=submit]:hover {
    background:#000;
    color:#fff;
}



/* FORM-ERROR - FORM INPUTS, TEXTAREAS etc.
==================================== */

.form-row-error,
.form-row-error a,
.form-row-error p,
.form-infotext-error p,
.form-infotext-error a {
    color:#cd071e;
}

.form-infotext-error span.error-message {
    display:inline-block; font-family:'Jost 400'; font-size:16px; color:#cd071e; }
.form-infotext-error span.error-message:before,
.form-row-error span.error-message:before  {
    font-family:"icons"; content:"\f10f"; font-size:16px; padding:6px 4px 0 0; }



.form-row-error span.error-message {
    font-family:'Jost 400'; position:relative; float:right; display:inline; text-align:right; margin:0 0 -22px 0; }
.form-row-error span.error-message:before {
    text-align:left; }

.form-row-error.salut span.error-message,
.form-row.salut span.error-message {
    padding:17px 0 0 0; float:right;
}

span.error-message {
    font-family:'Jost 400'; font-size:16px; color:#cd071e; position:relative; display:block; text-align:right; }
span.error-message:before {
    font-family:"icons"; content:"\f10f"; font-size:16px; padding:6px 4px 0 0; text-align:left; }

input.error,
select.error,
textarea.error {
    color:#cd071e;
}

div.error {
    border:6px solid #cd071e;
    padding:5px 13px;
    margin:22px 0 20px 0;
}

div.error p {
    font-size:17px; margin:0; padding:0;
}

div.error ul li {
    font-size:17px;
}

div.error ul li span {
    color:#cd071e;
}

.message {
    clear:both;
    padding:29px 0 0 0;
    border-top:3px solid #000;
}

.message.noborder {
    padding:0;
    border-top:0;
}

.message h3 {
    font-family:'Jost 700'; font-size:30px; }

.message textarea {
    border:1px dotted #000;
    width:100%;
    height:125px;
    margin:35px 0 0 0;
    padding:10px 0 0 10px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    font-size:17px;
}

.message.noborder textarea {
    margin:20px 0 0 0;
}

.smartphone {
    display:none;
}

.flexslider .slides img.smartphone {
    display:none !important;
}


.selection-result p {
    font-family:'Jost 700'; font-size:17px; }

@media only screen and (max-width:900px) {
    .selection-result p {
        font-size:15px; line-height: 19px; }
}

.selection-result-illu a img {
    display:block;
    width:50%;
    height:auto;
    /*margin:0 auto;*/
}

.selection-result-illu.columns a img {
    display:inline-block;
    width:50%;
    height:auto;
    margin:0;
}

.messages-success {
    margin:30px 0 0 0;
    text-align:center;
    display:inline-block;
    width:100%;
}



/* ANFAHRT
==================================== */

.select-location {
    padding:16px 0 0 0;
    border-top:6px solid #000;
}

.select-location-inner {
    margin:0 -35px;
}

.form-wrap .select-location label {
    font-family:'Jost 700'; display:block; margin:16px 0 0 0;
}

.form-wrap .select-location .location-col {
    float:left;
    width:33.3333%;
    padding:0 35px 30px 35px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.form-wrap .select-location .location-col .sbHolder {
    margin:0 0 15px 0;
}

.form-wrap .location-col h4 {
    font-family:'Jost 700'; font-size:17px; margin:6px 0 0 0; padding:0; }

.form-wrap .location-col p {
    font-size:18px; line-height:23px; margin:0; padding:0; }
.form-wrap .location-col p strong {
    font-size:17px; }

.location-col table tr td + td {
    text-align:right;
}

.location-col table {
    margin:0;
    padding:0;
    border:0;
}

.location-col table tr td {
    border:0; margin:0; padding:0;
}



/* SITEMAP
==================================== */



.sitemap ul li a:hover {
    background:#ffec02;
}





















/* DESKTOP 1024
======================================================================================================================= */

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

.back {
    background:#fff url(../img/bg_body.png) center top no-repeat;
    background-size:9000px 219px;
}


/* HEAD
==================================== */

header.top {
    height:219px;
}
            
.bg-yellow {
    position:absolute;
    width:494px;
    height:219px;
    background:#ffed00;
}

.logo {
    top:46px;
}

.search {
    position:absolute;
    width:270px;
    top:36px;
    right:0;
}



/* CONTENT & MARGINAL & ILLU
==================================== */

.illu {
    margin:69px 0 138px 0;
}

.illu.subpage {
    margin:0 0 86px 0;
}

.illu-inner {
    width:515px;
}

.teaser .illu-inner {
    float:none;
    -webkit-box-shadow:17px 30px 0px 0px #ffed00;
    -moz-box-shadow:17px 30px 0px 0px #ffed00;
    box-shadow:17px 30px 0px 0px #ffed00;
}

.illu img {
    width:515px;
    height:auto;
}

.illu-pictograms img {
    width:100%;
    height:auto;
}

.text {
    padding:61px 0 0 0;
}



/* ASIDE
==================================== */

aside {
    margin:23px 0 0 0;
}



/* JOB DETAILPAGE
==================================== */

.job-detail {
    padding:69px 0 0 0;
}



/* NEWS-LIST-DETAIL (IN TEXT)
==================================== */

.news-list-detail {
    padding:69px 0 0 0;
}

.news-list-detail ul li .news-list-illu {
    width:268px;
}

.news-list-detail ul li .news-list-text {
    width:558px;
}

.news-list-detail ul li:first-child .news-list-illu {
    width:405px;
}

.news-list-detail ul li:first-child .news-list-text {
    width:420px;
}



/* NEWS-SINGLE
==================================== */

.news-single {
    padding:62px 0 0 0;
}


/* FORM BROCHURES
==================================== */

.brochures ul li .brochures-illu {
    width:20%;
}

.brochures ul li .brochures-text {
    width:73%;
    margin:0 0 0 4%;
}



/* MAP
==================================== */

#stickyheader {
    width:580px;
}

.spacer {
    width:100%;
    height:42px;
}



/* BEHAELTERLEERUNG
==================================== */

/*.behaelterleerungen {
    padding:4px 12px 6px 12px;
}*/


.bankholiday .sbHolder {
    max-width:201px;
}





}






















































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

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

.back {
    background:#fff none;
}


/* HEAD
==================================== */

header.top {
    height:auto;
    /*padding:0 0 5px 0;*/
    background:#ffed00;
}

body.grey header.top {
    background:#cfd1d2;
    height:auto;
}

.bg-yellow {
    display:none;
}

.logo {
    width:112px;
    height:34px;
    top:18px;
    left:24px;
}

.logo img[src*=".svg"] {
    width:112px;
    height:41px;
}

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

.search {
    display:none;
}

.search.nav {
    display:block;
    position:relative;
    width:auto;
    top:inherit;
    right:inherit;
    margin:22px 24px 19px 24px;
}

.mac-os .search.nav {
    margin:19px 24px 19px 24px;
}



/* CONTENT & MARGINAL & ILLU
==================================== */

.illu {
    margin:40px 0 0 0;
}

.illu.subpage {
    margin:0 0 44px 0;
}

.illu-inner {
    float:none;
    -webkit-box-shadow:7px 18px 0px 0px #ffed00;
    -moz-box-shadow:7px 18px 0px 0px #ffed00;
    box-shadow:7px 18px 0px 0px #ffed00;
}

.teaser .illu-inner {
    float:none;
    -webkit-box-shadow:7px 18px 0px 0px #ffed00;
    -moz-box-shadow:7px 18px 0px 0px #ffed00;
    box-shadow:7px 18px 0px 0px #ffed00;
}

.illu-inner {
    float:none;
    width:100%;
}

.illu img,
.illu-pictograms img {
    width:100%;
    height:auto;
}

.text.smartphone {
    padding:45px 0 81px 0;
}

.text.smartphone h2 {
    font-family:'Jost 700'; font-size:22px; line-height:26px; margin-left:6px; padding-right:20px; }
.aside-teaser.desktop h2 {
    font-family:'Jost 700'; font-size:22px; line-height:33px ; margin-left:6px; padding-right:20px; }



/* OFFICE HOURS IN ASIDE & CONTENT BOTTOM
==================================== */

.office-hours.small {
    width:100%;
    margin:0;
}

.quicklinks {
    width:100%;
    margin:30px 0 0 0;
}



/* SERVICE INFO
==================================== */

.service-info {
    margin:25px 0 0 0;
}

.service-info ul li a h2,
.service-info ul li a h3,
.service-info ul li a h4,
.service-info ul li a .h2,
.service-info ul li a .h3,
.service-info ul li a .h4 {
    font-size:22px; line-height:26px; padding:0 0 5px 0; }
.service-info ul li a p {
    font-family:'Jost 400'; font-size:17px; line-height:21px; margin:0; padding:0; }

.service-info.bullet-after ul li:after {
    left:2px;
}

.service-info.orange ul li:before {
    display:none;
}

.service-info.orange ul li:after {
    content:"\f10b";
    font-family:"icons";
    font-size:72px;
    position:relative;
    top:2px;
    left:8px;
}

.service-info ul li a {
    /*padding:15px 90px 10px 7px; */
    padding:7px 10px 10px 7px; 
}

.service-info br {
    display:none;
}

.service-info.archive ul li {
    max-width:100%;
}

.service-info.archive {
    margin:40px 0 0 0;
}


/* ASIDE
==================================== */

aside {
    margin:80px 0 0 0;
}

aside .service-info {
    margin:0 0 80px 0;
}



/* NEWS IN ASIDE
==================================== */

.news {
    margin:0;
    padding:0 0 2px 0;
    border-bottom:0;
    background:url(../img/bg_input_2x2.png) 0 100% repeat-x;
}

.news ul li:first-child h4 {
    font-size:16px; line-height:20px; }

.news ul {
    list-style:none;
    margin:15px 0 0 0;
    padding:0;
}

.news ul li {
    border-top:0; padding:0;
}

.news ul li:first-child {
    padding:0;
}








/* NEWS IN CONTENT
==================================== */

.company-news h5 { font-size:17px; }

.company-news h3 { font-size:22px; line-height:26px; padding:10px 20px 22px 0; }

.teaser .illu-service h2 {
    font-size:22px; top:5px; left:7px; }
.teaser .illu-service a {
    left:5px; }



/* VIDEO
==================================== */

section.vid {
    margin:118px 0 0 0;
}

.mac-os section.vid {
    margin:72px 0 0 0;
}


/* NEWS-TEASER START
==================================== */

section.news-teaser {
    margin:0 0 0 0;
}

section.news-teaser .teaser {
    padding:0;
}

section.news-teaser .company-news {
    margin:80px 0 0 0;
}

.teaser .illu {
    margin:14px 0 19px 0;
}



/* SERVICE-TEASER
==================================== */

section.service-teaser {
    margin:-6px 0 0 0;
    padding:0 0 0 0;
}

section.service-teaser .column-3 .company-news {
    margin:80px 0 0 0;
}



/* JOB DETAILPAGE
==================================== */

.job-detail {
    padding:42px 0 0 0;
}



/* NEWS-LIST-DETAIL (IN TEXT)
==================================== */

.news-list-detail {
    padding:0;
}

.news-list-detail ul li .news-list-illu {
    float:none;
    width:auto;
    margin:0 0 9px 0;
}

.news-list-detail ul li .news-list-text,
.news-list-detail ul li:first-child .news-list-illu,
.news-list-detail ul li:first-child .news-list-text {
    float:none;
    width:auto;
}

.news-list-detail ul li h3 {
    font-size:22px; line-height:26px; padding:0 0 15px 0; }
.news-list-detail ul li:first-child h3 {
    font-size:30px; line-height:35px; padding:0 0 19px 0; }



/* NEWS-SINGLE
==================================== */

.news-single {
    padding:42px 0 0 0;
}

.news-single h1 {
    font-size:30px; line-height:35px; }



/* COMMENTS
==================================== */

.comments h3 {
    font-size:22px; line-height:26px; }

.comments input[type=text] {
    width:100%;
}
.comments .row-form .column-3:first-child {
    margin-bottom: 27px;
}

.submit:before {
    font-family:"icons"; font-size:42px; content:"\f10f"; position:absolute; left:0; top:4px; }

.form-infotext p {
    padding:0; }



/* ILLU-PICTOGRAMS
==================================== */

.illu-pictograms {
    padding:41px 0 0 0;
}

.illu-pictograms h1 {
    font-size:28px; line-height:37px; }



/* FORM ENTSORGUNGSANMELDUNG
==================================== */

.note-inner,
aside .note-inner {
    margin:0;
    width:auto;
}

p.all-forms {
    display:block;
}



/* FORM OVERVIEW
==================================== */

.form-overview {
    margin:10px 0 0 0;
}



/* DOWNLOADS ACCORDEON
==================================== */

.downloads {
    margin:10px 0 0 0;
}



/* FORM BROCHURES
==================================== */

.brochures ul li .brochures-illu {
    width:100%;
    margin-right:0;
}

.brochures ul li .brochures-text {
    width:100%;
    margin:0;
    padding:10px 0 0 0;
}



/* FORM ENTSORGUNGSANMELDUNG
==================================== */

.form-wrap h2 {
    font-size:22px; line-height:26px; padding:14px 0 0 0; }

.form-wrap .form-row.mid,
.form-wrap .form-row.medium,
.form-wrap .form-row.mid-60,
.form-wrap .form-row.small {
    width:100%;
    margin:0 0 28px 0;
    text-align:left;
}

.form-wrap .form-row.medium {
    width:70%;
}

.form-wrap .form-row.small {
    width:27%;
    margin:0 0 28px 3%;
    text-align:left;
}

.form-wrap .form-row.small.left {
    width:27%;
    margin:0 3% 28px 0;
    text-align:left;
}




/* SIDEBAR
==================================== */

.sidebar {
    width:44px;
    height:auto;
    top:4px;
    margin:0;
    padding:8px 0 10px 0;
    background:#ffed00;
}

.sidr-open .sidebar {

    background:#e3e4e4;
}

.sidebar i {
    position:relative;
    top:0px;
    left:2px;
}

.sidebar a {
    width:auto; height:44px; font-size:40px; }
.sidebar a#right-menu {
    width:auto; height:auto; font-size:30px; }

.sidebar-content {
    padding:23px;
}

.sidebar-content h6 {
    font-family:'Jost 700'; font-size:33px; line-height:normal; }
.sidebar-content p.subhead {
    font-family:'Jost 700'; font-size:16px; color:#acaeaf; line-height:19px; margin:0; padding:0; }

.sidebar-content .crossing-arrows {
    width:79px;
    margin:46px auto 46px auto;
}

.abfall-datenbank label {
    font-size:15px; padding:4px 0 0 0; }

.abfall-datenbank input[type=text] {
    font-size:19px;
    margin:30px 0 0 0;
}

.abfall-datenbank input[type=submit] {
    padding:0 40px 0 40px;
}

.mac-os .abfall-datenbank input[type=submit] {
    padding:2px 40px 2px 40px;
}



/* MAP
==================================== */

.map.white {
    position:relative !important;
    top:0 !important;
    overflow:hidden;
    width:500px;
}

#stickyheader {
    width:100%;
}

.spacer {
    width:100%;
    height:42px;
}

.gm-info-bubble {
    font-size:17px;
    padding:10px 0 10px 5px;
    min-height:0;
    overflow:visible;
}

.gm-info-bubble p {
    font-family:'Jost 700'; font-size:15px; margin:0; padding:0; }
.gm-info-bubble p span {
    font-family:'Jost 400'; }

.gm-info-bubble input[type=submit] {
    padding:1px 20px 3px 20px;
    font-size:15px;   
}

#map {
    height:255px;
}



/* BEHAELTERLEERUNG
==================================== */

.behaelterleerungen {
    padding:32px 0 0 0; }

.sidr .behaelterleerungen {
    padding:0;
}

.bankholiday .sbHolder {
    max-width:none;
}



/* TEASERS & LISTS IN ASIDE
==================================== */

.aside-job-list {
    margin:0 0 56px 0;
}



/* ARCHIVE ACCORDION
==================================== */

.archive {
    margin:0;
}

.desktop {
    display:none;
}

.smartphone {
    display:block;
}

.flexslider .slides img.smartphone {
    display:block !important;
}

.flexslider .slides img.desktop {
    display:none !important;
}

.selection p {
    width:60%; 
}



/* READ MORE ON SMARTPHONE
==================================== */

a.read-more,
a.read-less,
.text article a.read-more,
.text article a.read-less {
    font-family:'Jost 400'; font-size:19px; display:block; background:none; }
a.read-more:before {
    font-family:"icons"; content:"\f10d"; font-size:25px; padding:7px 5px 0 0; float:left; }
a.read-less:before {
    font-family:"icons"; content:"\f110"; font-size:25px; margin:-2px 0 0 0; padding:0 5px 0 0; float:left; }


.ui-helper-hidden-accessible, 
#ui-helper-hidden-accessible {
    display:none !important;
}

.calendar table tr.date-text td p {
    padding:0 0 0 70px; }


/* ANFAHRT
==================================== */

.select-location {
    padding:20px 0 30px 0;
    border-top:6px solid #000;
}

.select-location-inner {
    margin:0;
}

.form-wrap .select-location .location-col {
    float:none;
    width:100%;
    padding:0;
}

.select-location span.street {
    padding:0 0 15px 0; display:inline-block;
}

}


/* ICAL 
==================================== */

.ical-container .step2 {
	margin-top: 50px;
}

.ical-container .step2 .submit {
	text-align: left;
	margin:15px 0 0 0;
}
	
.ical-container .step2 .submit:last-child {
	margin-bottom:30px;
}

.ical-container .step2 .submit:before {
	content:"";
}

.ical-container .step2 form {
	margin-top:10px;	
}




@media print {

    * {
        background: transparent !important;
        color: #000 !important;  Black prints faster: h5bp.com/s 
        box-shadow: none !important;
        text-shadow: none !important;
    }

    body {
        margin:0;
    }

    .print nav,
    .print .search,
    .print .sidebar {
        display:none;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        /*size:landscape;*/
        margin: 0.5cm;
        writing-mode:tb-rl;
        size:A4 landscape;
    }

    p,
    h2, .h2,
    h3, .h3 {
        orphans: 3;
        widows: 3;
    }

    h2, .h2,
    h3, .h3 {
        page-break-after: avoid;
    }

    h1, .h1 {
        font-size:20pt;
    }

    .logo-print {
        width:100%;
        margin:30px 0 0 0;
        text-align:right;
    }

    .logo-print img {
        width:150px;
        height:auto;
    }

    .site { 
        position:relative; 
        width:100%; 
        margin:0; 
        padding:0; 
    }

    .text {
        padding:0;
    }

    .column-1.full { 
        float:none; 
        width:100%; 
        margin:0; 
    }

    .illu-pictograms {
        display:none;
    }

    .column-service-text {
        display:none;
    }

    .row {
        margin:0;
    }

    .column-1 {
        float:none;
        width:100%;
        margin-left:0;
    }

    .column-3 {
        float:none;
        margin-left:0;
        width:100%;
    }

    .column-quicklinks {
        display:none;
    }

    footer {
        display:none;
    }

    .behaelterleerungen table {
        display:inline-block;
        vertical-align:top;
        width:33.3%;
        border-bottom:0;
        margin:0;
    }   
}
/************************** EDG - Startseiten update ***************/


.service-info-gray ul li {
	background: #E3E4E4;
}

.one-third {
	width: 33%;
/*	float: none;*/
			float: left;
		width: 33%;
		display: inline-block;
		

}


.display-flex {
	display: flex;

}

.news-inline {
	width: 33%;
	display: inline-block;
	
}

.office-hours.small.f-office-hours {
	width: 100%;
	
}

.office-hours.small.f-office-hours .office-hours-inner{
	display: flex;
	padding: 0px;
	    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}


.cn-teaser .pbt-5 {
	padding: 9px 0 5px 0;
}

.cn-teaser p {
	font-family: 'Jost 400';
	font-size: 17px;
	line-height: 21px;
	margin: 0;
	min-height: 42px;
}

.links.cn-teaser ul li.teaser-link {
	margin-top: 20px;
	background: #FFED00;
	width: 100%;
}

.links.cn-teaser ul li.teaser-link a {
	padding: 5px 5px 49px 40px;
    text-decoration: none;
}

.links.cn-teaser ul li.teaser-link a:hover,
.links.cn-teaser ul li.teaser-link a:active,
.links.cn-teaser ul li.teaser-link a:focus {
    text-decoration: underline dotted;
}

.links.cn-teaser ul li.teaser-link:before {
	padding: 5px 0px 0px 5px;
}


.links.cn-teaser ul li:before {
    content: unset;
}

.links.cn-teaser ul li a:before {

    font-family: "icons";
    content: "\f10f";
    font-size: 30px;
    padding: 1px 0 0 0;
    position: absolute;
    left: 6px;
	width: 100%;
	height: 100%;
}


.service-teaser.st-section .illu-service{
	margin: 0px 0px 25px 0px;
}

.service-teaser.st-section ul{
	padding: 0px 0px 25px 0px;
	position: relative;
}

.service-teaser.st-section .news-link {
	list-style: none;
}

 .service-teaser.st-section .news-link:before {
    font-family: "icons";
    content: "\f10f";
    font-size: 30px;
    padding: 1px 0 0 0;
    position: absolute;
    left: -20px;
}

.service-teaser.st-section .news-link a{
	margin-left: 10px;
    text-decoration: none;
}

.service-teaser.st-section .news-link a:hover,
.service-teaser.st-section .news-link a:active,
.service-teaser.st-section .news-link a:focus {
    text-decoration: underline dotted;
}

.service-teaser.st-section .teaser p {
	padding: 0px 0px 15px 0px;
}

.service-teaser.st-section .display-flex {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	flex-flow: row wrap;
	align-content: flex-end;
}

.service-teaser.st-section .column-3 {
	margin-left: 72px;
	float: none;
}

@media only screen and (max-width:900px) {
	.news-inline.cn-teaser {
		width: 100%;
		margin-bottom: 75px;
	}

	aside .service-info.service-info-gray {
		margin: 0 0 0px 0;
	}
	.one-third {
		/*width: 100%;
		width: 250px;*/
		float: left;
		width: 33%;
		display: inline-block;
		margin-left: 72px;
	}
	
	.display-flex {
		display: block;
	}
	.office-hours.small.f-office-hours .office-hours-inner{
		display: block;
	}

}

@media only screen and (min-width:585px) and (max-width:900px) {
	.one-third {
		margin-top: 0px;
	}
	

}


.columns {
	column-width: 330px;
	column-gap: 74px;
  	width: 100%;
/*	margin: 50px auto;*/
	margin-left: -72px;
}

.dont-break-inside,
.st-section .company-news{
	width: 100%;
	display: inline-block;
	-moz-break-inside: avoid;
   -o-hyphens-break-inside: avoid;
   -webkit-break-inside: avoid;
   -ms-break-inside: avoid;
		-moz-page-break-inside: avoid;
   -o-page-break-inside: avoid;
   -webkit-page-break-inside: avoid;
   -ms-page-break-inside: avoid;
	break-inside: avoid-column;
	page-break-inside: avoid;
	max-width: 332px;
	 -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

/*.dont-break-inside h4{
	width: 100%;
	padding: 0;
}*/

.dont-break-inside a{
	width: 100%;
}

.teaser.dont-break-inside .service-info  {
	margin-top: 15px;
}

.teaser.dont-break-inside .illu-service {
    border-top: none;
}

.vid.st-startseite {
	margin-top: 0px;
}



@media only screen and (min-width:901px) and (max-width:1160px) {
	
	.dont-break-inside {
		max-width: 270px;
	}
	
	.columns {
		columns: 3 auto;
		column-gap: 45px;
	}

	.columns .column-3 {
		width: 100%;
	}
}

	.no-border{
		border-top: none;
	}

	aside .note-inner {
		width: 88%;

	}

@media only screen and (max-width:900px) {
	aside .note.mt-80 {
		margin-top: -80px;
	}
	
	.vid.st-startseite {
		margin-top: 80px;
	}
	
	.columns {
		column-width: unset;
		margin: 0px;
	}

	.service-teaser.st-section .column-3 {
		margin-left: 0px;
	}
	
	.st-startseite .columns .company-news {
		margin: 0px 0px 75px 0px!important;
	}
	
	section.service-teaser.st-section .columns .column-3 .company-news{
		margin: 0px 0px 75px 0px!important;
	}

	section.service-teaser.st-section .columns .column-3:last-child .company-news{
		margin: 0px!important;
	}
	
	.pb-0 {
		padding-bottom: 0px!important;	
	}
	
	.mb-0 {
		margin-bottom: 0px!important;
	}
	
	.mt-0 {
		margin-top: 0px!important;
	}
	
	.dont-break-inside {
		max-width: 852px;
	}
	
	aside .note-inner {
		max-width: 100%;
		width: unset;
	}
	
	section.service-teaser .columns {
		columns: 2 auto;
	}

		.columns {
		columns: 3 auto;
		column-gap: 45px;
	}

}
section.service-teaser .columns {
	margin-left: 0px;
}

.service-teaser.st-section .column-3 {
    margin-left: 0px;
    float: none;

}

@media (max-width:585px) {
	
	
	.one-third:nth-child(3) {
		margin-top: 0px;
	}
	
	.one-third:nth-child(2) {
		margin-top: 30px;
	}
	
	.dont-break-inside a {
		display: inline!important;
		padding: 0px;
	}
	
	.dont-break-inside .service-info ul li a {
		padding: 0px;
	}
	.dont-break-inside .service-info h4,
	.service-teaser.st-section .teaser p {
		padding: 7px 7px 15px 0px;
	}
	
		section.service-teaser .columns {
		columns: 1 auto;
	}
	
	aside .note-inner {
		max-width: 100%;
		width: unset;
	}
	
	section.service-teaser.st-section .columns .column-3 .company-news {
		max-width: 100%;
	}
	.service-teaser.st-section .si-yellow p {
		padding: 7px 7px 15px 7px!important;
	}
}

	.si-yellow .dont-break-inside a,
	.si-yellow a{
		display: inline!important;
		padding: 0px!important;
	}


.si-yellow .dont-break-inside p,
.si-yellow p{
   /* width: 100%;*/
   padding: 0px 7px 9px 7px!important;
}

.si-yellow .dont-break-inside h4,
.si-yellow h4{
/*    width: 100%;*/
   padding: 9px 7px 5px 7px!important;
}

.dont-break-inside h3 {
	padding-right: 0px;
}

.one-third {
	width: 33%;
	display: inline-block;
	margin-left: 72px;
}

@media (max-width: 1160px) {
	.one-third {
		margin-left: 44px;
	}
}
.one-third:nth-child(1) {
	margin-left: 0px;
}

.one-third:nth-child(1) p {
	padding: 13px 0px 13px 13px;
}

.one-third:nth-child(2) ul {
	padding: 13px 0px 13px 0px;
}

.one-third:nth-child(3) ul {
	padding: 13px 13px 13px 0px;
}


@media (max-width: 900px) {
	.one-third {
		float: none;
		max-width: 100%;
		width: 100%;
	}
	.quicklinks.one-third {
		float: right;	
	}
	
	.one-third:nth-child(1) p {
		padding: 13px 0px 13px 13px;
	}
	
	.one-third:nth-child(2) ul {
		padding: 13px 0px 0px 0px;
	}

	.one-third:nth-child(3) ul {
		padding: 0px 13px 13px 0px;
	}
	.one-third {
		margin-left: 43px;
	}
	.office-hours.small.f-office-hours .office-hours-inner {
		columns: 2 auto;
	column-gap: 45px;
	}
	
	.dont-break-inside, .st-section .company-news {
			max-width: 100%;
	}
	.menu-inner li.has-submenu ul.active li:last-child a, 
	.menu-inner li.has-submenu ul.active li:last-child a:hover, 
	.menu-inner li.has-submenu ul.active li.active:last-child a{
		border-bottom: 1px dotted #000 !important;	
	}

}
@media (min-width:585px) and (max-width:899px) {
		.one-third:nth-child(1) p {
		padding: 13px 0px 50px 13px;
	}
}


@media (max-width:585px) {
	
	
	.office-hours.small.f-office-hours .office-hours-inner {

		columns: 1 auto;
		column-gap: 0px;

	}
	.one-third {
		width: 100%;
		float: none;
		max-width: 100%;

	}
	.one-third:nth-child(1) p {
		padding: 13px 0px 0px 13px;
	}
	
	.one-third:nth-child(2) ul {
		padding: 0px 0px 0px 13px;
	}

	.one-third:nth-child(3) ul {
		padding: 0px 0px 13px 13px;
	}
}

@media (min-width:901px){
		nav#menu.menu.clearfix ul.hide-menu{
		display: flex;
		justify-content: space-between;
	    align-items: flex-end;

	}
	.menu ul li.has-submenu.first > a:hover, .menu ul li.has-submenu.first.current > a, .menu ul li.has-submenu.first.active a {
		margin-bottom: -3px;
	}
}


/* Umweltpaedagogik */

.company-news.news-inline-50 {
    width: 332px;
    margin-bottom: 60px;
}

@media (max-width: 1160px) {
    .company-news.news-inline-50 {
        width: 100%;
    }
}

.display-flex-50 h2 strong {
    font-family: 'Jost 700';
    font-weight: normal;
    margin-left: 72px;
    margin-bottom: 12px;
    font-size: 20px;
}

.display-flex-50 h2 {
    margin: 0;
    padding: 15px 0;
}

.uo-aside h3 {
    padding: 20px 0;
}

.uo-aside {
    margin-top: 70px;
    width: 220px;
}

@media (max-width: 1160px) {
    .uo-aside {
        width: 100%;
    }
}


.uo-aside h4 {
    font-size: 17px;
    padding-bottom: 20px;
}

.uo-aside h5 {
    font-family: 'Jost 700';
    font-size: 17px;
    padding: 22px 0 20px 0;
    display: inline-block;
}

.uo-aside p {
    font-family: 'Jost 400';
    font-size: 17px;
    color: #000;
    margin-top: 20px;
}

.uo-aside ul li {
    border-top: none;
    margin: 0;
    padding: 0;
}

.uo-aside.uo-teaser-nav ul li a {
    background: #ffed00;
    display: inline;
    line-height: 24px;
}

.news-inline-50.links.cn-teaser ul li a::before {
    font-size: 40px;
    font-weight: bold;
}

.news-inline-50.links ul li a {
    font-size: 22px;
}

.news-inline-50.links.cn-teaser ul li.teaser-link a {
    padding: 5px 5px 49px 50px;
}

.uo-illu {
    margin-top: 0px;
}

@media (max-width: 901px) {
    .uo-illu {
        margin-bottom: 44px;
    }
}

.uo-teaser-nav .links.cn-teaser ul li.teaser-link a {
    padding: 7px 7px 8px 7px;
    padding-left: 45px;
}

.uo-teaser-nav .news-inline {
    width: 100%;
}

.uo-teaser-nav {
    padding: 44px 0 0 0;
}

.ml-72 {
    margin-left: 72px;
}
@media  (min-width: 901px) and (max-width: 1160px) {
    .ml-72 {
        margin-left: 45px;
    }
}

.uo-teaser-nav .company-news {
    border-top: 0px;
}

.uo-news-list .news-list-detail ul li:first-child .news-list-illu, 
.uo-news-list .news-list-detail .news-list-illu {
    width: 47%;
    margin: 20px 20px 0 0;
    
}

.uo-news-list .news-list-detail ul li .news-list-illu {
    width: 47%;
}

.uo-news-list .news-list-detail ul li .news-list-text {
    width: 47%;
}

.uo-news-list .news-list-detail ul li {
    display: flex;
}

.uo-news-list .news-list-detail ul li:first-child .news-list-text, .uo-news-list .news-list-detail .news-list-text {
    width: 50%;
    margin-top: 18px;
}

.uo-news-list .news-list-detail ul li:first-child h3,
.uo-news-list .news-list-detail ul li h3 {
    font-family: 'Jost 700';
    /* font-size: 30px; */
    font-size: 18px;
    line-height: 1.2;
    /* line-height: 33px; */
    padding: 0 0 0 0;
}

.uo-news-list .news-list-detail ul li h3 {
    padding: 0px;
}

.uo-news-list .news-list-detail ul li p {
    margin-top: 20px;
}

.uo-news-list .news-list-text span {
    font-size: 20px;
}

.display-flex-50 .links.cn-teaser ul li.teaser-link {
    margin-top: 12px;
}

.uo-news-list .news-list-detail .news-list-text.news-text-fullsize {
    width: 100%;
}

.uo-news-list .news-list-detail ul li {
    border-top: 1px solid #000;
    padding-bottom: 50px;
    padding-top: 0px;
}

@media (max-width:767px) {
    .uo-news-list .news-list-detail ul li:first-child .news-list-text, 
    .uo-news-list .news-list-detail .news-list-text, 
    .uo-news-list .list-detail ul li:first-child .news-list-illu, 
    .uo-news-list .news-list-detail ul li:first-child .news-list-illu, 
    .uo-news-list .news-list-detail .news-list-illu, 
    .news-list-detail ul li .news-list-illu, 
    .uo-news-list .news-list-detail .news-list-text {
        width: 100%;
    }
    .uo-news-list .news-list-detail ul li .news-list-text {
        width: 100%;
    }
    .uo-news-list .news-list-detail ul li {
        flex-direction: column;
    }
    .uo-news-list .news-list-illu img {
        margin-bottom: 20px;
    }
}

@media (max-width:1160px) {
    .display-flex-50 h2 strong {
        margin-left: 44px;
    }
}

@media (max-width:900px) {
    .display-flex-50 h2 strong {
        margin-left: 0px;
    }
}

@media (max-width: 900px) {
    .aside-teaser.uo-aside {
        margin-top: 13px;
    }
    .aside-teaser.uo-teaser-nav h4 {
        margin-left: 0px;
    }
    .aside-teaser.uo-teaser-nav .company-news {
        margin-bottom: 20px;
    }
    .aside-teaser.uo-teaser-nav {
        margin-top: -80px;
        padding-top: 0px;
    }
}

@media (min-width: 767px) and (max-width:900px) {
    .aside-teaser.uo-aside li h5, .aside-teaser.uo-aside li h3 {
        width: 100%;
     
    }
    .aside-teaser.uo-aside li img, .aside-teaser.uo-aside li p {
        width: 47%;
    }
    .aside-teaser.uo-aside li img {
        width: 47%;
        height: 100%;
    }
    .aside-teaser.uo-aside li img {
        margin-right: 20px;
    }
    .aside-teaser.uo-aside li {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        
    }
}

.uo-illu .illu-inner {
    box-shadow: unset;
    width: 100%;
}

.illu.uo-illu {
    margin: 0px 0px 0px 0px;
}

h1.uoliveeditable.margin-bottom {
    margin-bottom: 63px;
    padding-bottom: 0px;
}
.uo-news-list div.news-list-detail ul li div.news-list-text p a::before {
    content:"";
    padding: 0px;
}
/* .uo-news-list div.news-list-detail ul li div.news-list-text p a,
.aside-teaser.uo-aside li a  {
    background: #ffed00;
    display: inline;
} */

.uo-news-list div.news-list-detail ul li div.news-list-text p a {
    background: #ffed00;
    display: inline;
}

.aside-teaser.uo-aside li a  {
    display: inline;
}
.uo-news-list .news-list-detail {
    padding-top: 0px;
}

.uo-illu .illu-inner img {
    margin-bottom: 20px;
}

.aside-teaser.uo-teaser-nav .links.cn-teaser ul li  {
    padding:  0px;
}
.aside-teaser.uo-teaser-nav .links.cn-teaser ul li a::before {
    padding: 0px;
    font-size: 29px;
    top:8px;
}

@media (max-width:767px) {
    .uo-news-list .news-list-detail ul li .news-list-illu {
        width: 100%;
    }
}






/* GREEN FORMS
==================================== */
.leform-inline .leform-form-2 {
    margin: 0 -10px;
}
.leform-form, 
.leform-form *, 
.leform-progress, 
.leform-tooltipster-content {
    /*font-family: 'Jost 400'!important;*/
    /*font-size: 17px!important;*/
}
.leform-form h2 {
    font-family: 'Jost 700'!important;
    font-size: 30px!important;
    line-height: 28px!important;
    border-top: 3px solid #000;
    margin: 22px 0 10px 0!important;
    padding: 14px 0 6px 0!important;
}
div.leform-cr-container div.leform-cr-label label {
    font-weight:700;
}
.leform-element div.leform-input {
    height: auto!important;
    line-height: 23px!important;
}
.leform-form .leform-element, 
.leform-progress-2 {
    padding: 8px 10px!important;
}
.leform-form .leform-element div.leform-input div.leform-signature-box, 
.leform-form .leform-element div.leform-input div.leform-multiselect, 
.leform-form .leform-element div.leform-input input[type='text'], 
.leform-form .leform-element div.leform-input input[type='email'], 
.leform-form .leform-element div.leform-input input[type='password'], 
.leform-form .leform-element div.leform-input select, 
.leform-form .leform-element div.leform-input select option, 
.leform-form .leform-element div.leform-input textarea {
    background-image: url(../img/bg_input_2x2.png)!important;
    background-position:left bottom;
    background-repeat:repeat-x;
    border-width: 0!important;
    padding: 0!important;
}
.leform-element .leform-button.leform-button {
    height: auto!important;
    line-height: 23px!important;
    padding: 3px 30px 3px 30px!important;
}
.leform-element .leform-button span {
    font-family: 'Jost 700';
}
.leform-form .leform-element div.leform-input select{
    position: relative;
    top: -6px;
    border: 3px solid #000000!important;
    padding:1px 30px 1px 10px!important;
    appearance: none;
    background-repeat: no-repeat;
    background-size:12px;
    background-position:98% 50%;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTEycHQiIGhlaWdodD0iNTEycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8cGF0aCBkPSJtNTYuNjI5IDE0NS4wNGMxNS44NTUtMTYuMjE5IDM3LjkzLTE3LjQ5NiA1Ny4zMDUgMGwxNDIuMSAxMzYuMjQgMTQyLjA5LTEzNi4yNGMxOS4zNzktMTcuNDk2IDQxLjQ4OC0xNi4yMTkgNTcuMjQyIDAgMTUuODU1IDE2LjE3NiAxNC44MzYgNDMuNTIgMCA1OC43MTUtMTQuNzYyIDE1LjE5NS0xNzAuNzEgMTYzLjctMTcwLjcxIDE2My43LTcuODg2NyA4LjEwNTUtMTguMjQ2IDEyLjE3Mi0yOC42MDkgMTIuMTcycy0yMC43MTktNC4wNjY0LTI4LjY5MS0xMi4xNzJjMCAwLTE1NS44OC0xNDguNS0xNzAuNzEtMTYzLjctMTQuODI4LTE1LjE5NS0xNS44NTUtNDIuNTQzIDAtNTguNzE1eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=")!important;
}
.leform-form .leform-element div.leform-input textarea{    
    border: 1px dotted #000000!important;    
    background-image:none!important;
    padding:10px!important;    
    min-height:125px!important;
}
.leform-uploaders .leform-button{
    width:100%;
}
.leform-form .leform-element div.leform-input input[type='checkbox'].leform-checkbox-classic+label, 
.leform-form .leform-element div.leform-input input[type='checkbox'].leform-checkbox-fa-check+label, 
.leform-form .leform-element div.leform-input input[type='checkbox'].leform-checkbox-square+label, 
.leform-form .leform-element div.leform-input input[type='checkbox'].leform-checkbox-tgl+label {
    border-width:2px;
}
input[type=checkbox].leform-checkbox-square:checked+label:after {
    top: 3px!important;
    left: 3px!important;
    border-radius: 0!important;
}
.leform-form .leform-element input[type='checkbox'].leform-tile+label, 
.leform-form .leform-element input[type='radio'].leform-tile+label {
    font-size: 17px!important;
    color: rgba(0, 0, 0, 1)!important;
    height: auto!important;
    line-height: 23px!important;
    padding: 3px 30px 3px 50px!important;    
    border: 3px solid #000000!important;
    font-family: 'Jost 700';
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: 10px 50%!important;
    background-image: url("data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8cGF0aCBkPSJNMi45NDEgNy4wODV2LTEuOTYzaDI2LjExOHYxLjk2M2gtMjYuMTE4ek0yLjk0MSAxMS40OTN2LTEuOTYyaDE2LjExNHYxLjk2MmgtMTYuMTE0ek0yNy4xNDUgMjAuMTc1YzAuMzg0LTAuMzg1IDEuMDA1LTAuMzgyIDEuMzg3LTAgMC4zODQgMC4zODMgMC4zODQgMS4wMDQgMCAxLjM4N2wtNS4zMTkgNS4zMTUtNS4zMi01LjMxNWMtMC4zODMtMC4zODItMC4zODMtMS4wMDQgMC0xLjM4NyAwLjM4MS0wLjM4MiAxLjAwMy0wLjM4NSAxLjM4NyAwbDMuMDEzIDMuMDA5di02LjkzN2MwLTAuMTM2IDAtMC4yMjUtMC4yNTktMC4yMzhoLTE4LjA1OGMtMC41NDIgMC0wLjk4MS0wLjQzOS0wLjk4MS0wLjk4MXMwLjQ0LTAuOTgxIDAuOTgxLTAuOTgxaDE4LjA3OWMwLjg1MSAwIDIuMiAwLjU5NiAyLjIgMi4ydjYuODE0eiI+PC9wYXRoPgo8L3N2Zz4K")!important;
}

.leform-form .leform-element[data-type="star-rating"] {
    padding: 3px 10px !important;
}

/* Green Forms*/
.leform-element div.leform-input > i.leform-icon-left, .leform-element div.leform-input > i.leform-icon-right {
    height: auto!important;
}
 
.leform-element .leform-input .leform-element-error, .leform-uploader-error {
    position: relative!important;
    margin-top: 5px!important;
    margin-bottom: 0!important;
    transform: translateY(0)!important;
}

/* Conword */

.cnw_translationbox {
	left: auto!important; 
	right: 30px;
}

.cnw_translationbox {
  position: fixed;
  bottom: auto;
  z-index: 1;
  background: #fff!important;
  border: 6px solid #FFED00 !important;
  border-radius: 0!important;
  padding: 0px!important;
  color: #282828;
  box-shadow: unset!important;
  left: auto !important;
  right: 30px;
  top:32px;
  bottom: auto!important;
}

.cnw_select_wrapper {
	max-width: 200px !important;
}

@media (max-width: 1599px) {
	.cnw_translationbox {
		
	}
	.search {
	  right: 10%;
	}
	.cnw_select_wrapper {
		max-width: 180px !important;
	}
}

@media (max-width: 1399px) {
	.cnw_translationbox {
		
	}
	.search {
		right: 20%;
		width: 250px;
	  }
  
}

@media (max-width: 1160px) {
	.cnw_translationbox {
		top: 26px;
		padding: 0px !important;
	}
	
	.search {
		width: 200px;
	}
}

@media (max-width: 991px) {
		.cnw_select_wrapper {
		max-width: 120px !important;
	}
}

@media (max-width: 900px) {
	.cnw_translationbox {
		border: 6px solid #000000 !important;
		padding: 0!important;
		top: 31px;
		right: 20px;
	}
	
	.search {
		width: 200px;
	}
	
	.cnw_select_wrapper {
		max-width: 96px !important;
	}
}

@media (max-width: 612px) {
	.cnw_select_wrapper {
		max-width: 28px !important;
	 }

}


.sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.uoliveeditable .teaser-link {
    text-decoration: none;
}

.uoliveeditable .teaser-link:hover,
.uoliveeditable .teaser-link:active,
.uoliveeditable .teaser-link:focus {
    text-decoration: underline dotted;
}

.uoliveeditable .teaser-link p:before {
    display: inline-block;
    margin-right: 10px;
    font-size: 1em;
    vertical-align: middle;
    content: "\f10f";
    font-family: "icons";
    font-size: 30px;
}