/*
Theme Name: Rotlichtmodelle Responsive v5
Theme URI: 
Author: 
Author URI: 
Version: 4.0
Tags:
*/

@import url('css/reset.css');
@import url('css/skeleton.css');
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700|Cuprum:400,400italic,700,700italic|Cinzel:700);
@import url('css/animate.css');
body {
    background-color: #8f2121;
    font-family: 'Cuprum', sans-serif;
}

a {
    text-decoration: none;
}

.section-nav,
#nav_menu-7,
#nav_menu-6,
#nav_menu-5,
#nav_menu-4,
#top-image-1,
#top-image-2,
#text-2,
#sidebar-left .l-banner,
#nav_menu-3 h3,
.rightbar,
#carousel,
.rss-two,
.newsdate {
    display: none;
}

.archive-meta h2,
.archive-meta h3,
.archive-meta h4,
.archive-meta h5 {
    color: #990100
}

.district a {
    font-size: 16px;
}

hr {
    width: 100%;
    height: 1px;
    border-top: 1px dashed #8f2121;
    margin-top: 15px;
    margin-bottom: 15px;
}

#news-wrapper {
    background-color: #b5282b;
    margin: 15px 0;
}

#allnews {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #fff;
}


#allnews a {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    padding:10px 0;
}

.premium_home,
#news-rss {
    background-color: #5c0f1b;
    font-size: 16px;
    padding: 6px 10px;
    text-align: center;
}

#news-rss img {
    margin: 2px 0 0 0;
}

#news-rss a  {
    font-size: 16px;
    color: #fff;
    display: block;
}

#news-rss a span {
    padding: 0 0 0 5px;
}

#news {
    padding: 15px;
}

#news ul li {
    text-align: center;
    margin-bottom: 14px;
}

#news ul li a {
    color: #fff;
    font-size: 16px;
}

#news ul.newspage {
    position: relative;
    margin-bottom: 25px;
}

#news ul.newspage.archive {
    position: relative;
    border-top: 1px solid #fff;
    margin-top: 10px;
    padding-top: 20px;
}

.rss-first {
    display: block;
    width: 100%;
}

.white-popup-block {
    background-color: #fff;
    color: #000;
    padding: 20px 30px;
    text-align: left;
    width: 70%;
    margin: 40px auto;
    position: relative
}

.newsitemimage img {
    /*  max-width:60%;
  max-height:60%;*/
    max-height: 250px;
    width: auto;
    max-width: 60%;
}

.white-popup-block p {
    padding-bottom: 10px;
}

.newsitemcontent,
.newsitemimage {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}

.newslnk {
    display: block;
    width: 60%;
    background: #5c0f1b;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 8px;
    margin: 2px auto 15px auto;
}

.newslnk:hover {
    color: #fff;
    text-decoration: underline;
}

.section-header .container .row {
    border-bottom: 1px solid #fff;
}

img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

ul li {
    list-style-type: none;
}

.clear {
    clear: both;
}

.menu {
    background-color: #8f2121
}

.menu li {
    margin: 1px 0 0 0;
}

.menu li a {
    display: block;
    font-family: 'Cuprum', sans-serif;
    text-align: center;
    margin: 0;
    padding: 8px 0;
    font-size: 16px;
    line-height: 20px;
    background-color: #5c0f1b;
    color: #fff;
    text-decoration: none;
}

.menu li a:hover {
    background-color: #fff;
    color: #5c0f1b;
    font-weight: 700;
}

.menu li.current-menu-item a {
    background-color: #cc6666;
    color: #5c0f1b;
    font-weight: 700;
}

#menu-item-3197 {
    padding: 0;
}

#sidebar-left .widget-area {
    border-bottom: 1px solid #fff;
    margin: 0 0 10px 0;
}

#logo {
    width: 100%;
    height: 80px;
    float: left;
    margin: 0;
}

#logo a {
    display: block;
    text-align: center;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 38px;
    margin: 18px 0 0 0;
    color: #fff;
    text-decoration: none;
}

#logo a:hover,
#logo a:active,
#logo a:visited {
    color: #fff;
    text-decoration: none;
}

#logo a span {
    display: block;
    font-family: 'Cuprum', sans-serif;
    text-transform: none;
    font-weight: 700;
    font-style: italic;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 10px 0 0 0;
}

.modelslisthome .item {
    float: left;
    width: 47%;
    padding: 1%;
    margin: 0 1% 4% 0;
    background-color: #cc6666
}

.item:nth-child(even) {
    margin: 0 0 4% 1%;
}

.modelslisthome .item a {
    font-family: 'Cuprum', sans-serif;
    color: #5c0f1b;
    font-weight: 700;
    font-size: 14px
}

.modelslisthome .item a:hover {
    text-decoration: underline;
    color: #8f2121
}

.modelslisthome .item img {
    display: block;
    width: 100%;
}

.mlist_title {
    display: table;
    float: left;
    width: 100%;
    min-height: 30px;
    line-height: 1.2;
    text-align: center;
    border-top: 1px solid #e6c8c8;
    background-color: #e6c8c8;
}

.mlist_title a {
    display: table-cell;
    vertical-align: middle;
}

.category-item {
    position: relative;
    margin-bottom: 15px;
    padding: 15px;
    font-size: 16px;
    line-height: 20px;
    background-color: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #fedede 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #fedede));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #fedede 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #fedede 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #fedede 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #fedede 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fedede', GradientType=0);
    /* IE6-9 */
    color: #000;
}


/* small card design start */

.category-view.smallcards .category-item {
    background: none;
    background-color: #5c0f1b;
}

.category-view.smallcards .catpwrap,
.category-view.smallcards .category-footnote,
.category-view.smallcards .category-description,
.category-view.smallcards .content-side,
.category-view.smallcards .category-item .category-contentwrapper {
    display: none;
}

.category-item-small {
    float: left;
    width: 20%;
    min-height: 170px;
    overflow: hidden;
}

.category-item-small .category-image {
    text-align: left;
}

.category-item-small .category-image img {
    text-align: center;
}

.category-item-small .category-heading-small {
    color: #fff;
    font-size: 13px;
    text-align: left;
}

.category-view.smallcards .category-item-banner {
    margin-bottom: 20px;
}


/* */

.category-image,
.thumbnail {
    text-align: center;
    margin: 0 auto;
}

.category-content,
.contentwrap {
    text-align: center;
}

.category-content p {
    margin-bottom: 5px
}

.category-description {
    padding: 0 0 10px 0;
}

.category-telefon,
.category-contact {
    text-align: center;
}

.category-telefon {
    text-align: center;
    margin-bottom: 10px;
}

.streetnew {
    text-align: center;
    margin-top: 10px;
}

.category-strasse {
    text-align: center;
    padding: 0 0 10px 0;
}

.mapwrap {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0 0 5px 0;
}

.button_map {
    display: block;
    width: 164px;
    height: 35px;
    text-align: right;
    padding: 10px 0 0 0;
    margin: 0 auto;
    color: #5c0f1b;
    background: url(images/map-left-icon.png) no-repeat 0 0px;
}

#google_maps {
    /*position: absolute;*/
    background: white;
    border-radius: 5px;
    width: 80%;
    padding: 40px 0 0 0;
    border: 2px solid #cc6666;
}

#google_maps_div {
    position: relative;
    padding-bottom: 86%;
    height: 0;
    overflow: hidden;
}

#google_maps_div iframe {
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: 100%;
}

.newsdate {
    text-align: right;
    float: right;
}

.sbanner,
.alignleft {
    display: block;
    margin: 0 auto 5px auto;
}

.scrollToTop {
    width: 50px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 12px;
    right: 12px;
    display: none;
    background: url("images/scrolltopbtn.png") no-repeat;
}

.scrollToTop:hover {
    text-decoration: none;
}

.footer-nav-menu {
    margin: 10px 0 10px 0;
}

.footer-nav-menu li {
    margin: 0 0 1px 0;
}

.footer-nav-menu li a {
    display: block;
    font-family: 'Cuprum', sans-serif;
    text-align: center;
    margin: 0;
    font-size: 16px;
    padding: 10px 0;
    background-color: #5c0f1b;
    color: #fff;
    text-decoration: none;
}

.footer-nav-menu li a:hover {
    background-color: #fff;
    color: #5c0f1b;
    font-weight: 700;
}

#copyright {
    border-top: 1px solid #fff;
    padding-top: 5px;
    text-align: center;
    color: #fff
}

#models2 {
    margin: 15px 0 0 0;
}

#models2 li {
    padding: 15px;
    color: #7f0e0d;
    background-color: #e6c8c8;
}

#models2 li .image_2,
#models2 li .image_2_content,
#category-topbanner,
.category-item-banner,
.entry-title {
    text-align: center;
}

#models2 li .image_2 img,
.category-item .category-image img {
    border: 2px solid #8f2121;
    border-radius: 4px;
    max-height: 139px;
    margin-bottom: 10px;
}

#models2 li .image_2,
#models2 li .image_2_content .image_2_text p {
    margin: 5px 0 10px 0;
}

#models2 li .image_2_content .image_2_text {
    font-size: 14px;
    color: #000;
    line-height: 140%;
}

#models2 li .image_2_content .image_2_title {
    font-size: 18px;
    display: block;
    line-height: 1.2;
    font-weight: 700;
    border-bottom: 1px solid #7f0e0d;
    margin-bottom: 15px;
}

.six.columns article {
    margin: 5px 0 0 0;
    padding: 0 15px 15px 15px;
    background-color: #e6c8c8;
    color: #000;
}

.six.columns .post {
    padding: 15px;
    background-color: #e6c8c8;
    color: #000;
}

.entry-content {
    padding: 15px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.entry-content li {
    list-style-type: disc;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.entry-content .mbcon {
    margin-bottom: 15px;
}

.entry-content .mbcon p {
    margin-top: 10px;
}

.entry-content .mbcon li {
    list-style-type: none;
}

.entry-content .mbcon .column {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
}

.entry-header {
    float: left;
    width: 100%;
    padding-top: 15px;
}

.section-content p {
    margin-top: 10px;
}

#homepage {
    float: left
}

#content h1 {
    font-size: 22px;
}

.presse-cat {
    font-size: 18px;
    display: block;
    color: #8f2121;
    margin: 0 0 3px 0;
}

.presse-head {
    font-size: 18px;
    display: block;
    border-bottom: 1px solid #000;
    margin: 0 0 10px 0;
}

.extra {
    width: 100%;
    color: #fff;
    text-align: center;
    margin-bottom: 12px;
    display: inline-block;
}

.ex {
    width: auto;
    padding: 5px 10px;
    margin: 10px 10px 0 0;
    border-radius: 4px;
    display: block;
}

.green,
.red,
.yellow {
    color: #fff;
    background: #003366;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzM2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #003366 0%, #000000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003366), color-stop(100%, #000000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #003366 0%, #000000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #003366 0%, #000000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #003366 0%, #000000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #003366 0%, #000000 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#000000', GradientType=0);
    /* IE6-8 */
}

.category-name {
    margin: 10px 0 5px 0;
    text-align: center;
}

.category-count {
    display: block;
    text-align: center;
    color: #cc6666
}

.category-footnote {
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
}

.pagination {
    text-align: center;
}

.current-page {
    display: block;
    font-weight: 700;
    text-align: center;
    color: #cc6666;
    margin-bottom: 10px;
    z-index: 5
}

.paging-navigation {
    z-index: 10;
}

.pagination ul {
    display: inline-block;
    margin: 10px 0 0 0;
}

.pagination li {
    float: left;
    margin: 0 10px 10px 0;
}

.pagination li a {
    color: #990100;
    background-color: #fff;
    padding: 6px 14px;
    border-radius: 4px;
    font-weight: 700;
}

.pagination li a.current-page-item {
    background-color: #cc6666;
    color: #990100
}

.nav-links {
    margin: 0 0 10px 0;
    z-index: 10;
}

.nav-links .nav-previous a {
    float: left;
    width: 40%;
    font-size: 16px;
    background-color: #fff;
    color: #990100;
    padding: 12px;
    text-align: right;
    z-index: 10;
}

.nav-links .nav-next a {
    float: right;
    width: 40%;
    font-size: 16px;
    background-color: #fff;
    color: #990100;
    padding: 12px;
    text-align: left;
    z-index: 10;
}

.category-location {
    width: 100%;
    color: #990100;
    text-align: center;
    margin-bottom: 12px;
    border-bottom: 1px solid #990100;
    font-weight: 700;
}

.category-heading {
    color: #990100;
    font-size: 20px;
    line-height: 22px;
    font-weight: normal;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}

.category-footnote ul li.lnk {
    background: #5c0f1b;
    padding: 3px 8px 3px 8px;
    color: #fff;
    text-align: center;
}

.category-footnote ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 8px 0;
}

.sedcard-big {
    text-align: center;
    color: #5c0f1b;
    margin-bottom: 5px;
}

#counter {
    text-align: center;
    margin: 10px 0;
    padding: 10px;
}

#counter span {
    background-color: #cc6666;
    color: #990100;
    padding: 5px;
}

#sedcard_description,
.sedcard_long {
    padding: 15px;
    border-radius: 8px;
    color: #5c0f1b;
    font-size: 16px;
    line-height: 20px;
    background-color: #e6c8c8;
    width: 80%;
    margin: 0 auto;
    border: 1px solid #8f2121
}

#video {
    margin: 25px 0;
}

#video .sedcard_long {
    padding: 0;
    font-size: 0;
    line-height: 0;
    width: 86%;
}

#rmvideo {
    position: relative;
}

#rmvideo:hover {
    cursor: pointer;
}

#rmvideo span:before {
    content: '';
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(92, 15, 27, 0.5);
    border-radius: 8px;
}

#rmvideo span div:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 200px;
    height: 200px;
    background-image: url(https://www.rotlichtmodelle.de/wp-content/themes/rotlichtmodelle_v2/img/rmplaybtn.png);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center center;
    margin-top: -90px;
    margin-left: -100px;
    opacity: 0.5;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 22px;
}

#rmvideo:hover span div:before {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 1;
}

#video img {
    border-radius: 8px;
}

#gallery {
    margin-top: 15px
}

#gallery h3,
#video h3 {
    text-align: center;
    font-size: 22px;
    padding: 0 0 10px 0
}

#gallery .gallery-cap {
    display: block;
    color: #8f2121;
}

.sed-time {
    margin: 15px 0 15px 0;
}

.external_link {
    text-align: center;
}

.external_link a {
    margin-top: 10px;
    display: block;
    background: #5c0f1b;
    padding: 6px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.bezirksuebersicht-wrapper {
    margin: 0 0 15px 0;
}

.bezirksausgabe h1 {
    border-bottom: 1px solid #000;
    margin: 0 0 5px 0;
}

.entry-content textarea {
    width: 80%;
    min-height: 90px;
    color: #000
}

#post-1431 span {
    font-size: 18px !important;
    font-weight: 700;
    margin: 10px 0 5px 0;
    padding: 0;
}

@media (min-width: 400px) {
    .modelslisthome .item {
        float: left;
        width: 28%;
        padding: 1%;
        margin: 0 5% 5% 0;
    }
    .item:nth-child(3n) {
        margin: 0 0 5% 0;
    }
}

@media (min-width: 600px) {
    .section-header .container .row {
        border-bottom: none;
    }
    .section-nav {
        display: block;
        margin: 0 0 5px 0;
    }
    .section-nav .row {
        background-color: #5c0f1b;
    }
    .menu-header-menue-container,
    #menu-header-menue {
        float: left;
    }
    ul#menu-header-menue {
        margin-bottom: 0;
    }
    #menu-header-menue li {
        float: left;
        margin-bottom: 0;
    }
    #menu-header-menue li a {
        display: block;
        color: #fff;
        font-weight: 400;
        text-align: center;
        padding: 9px 20px;
        font-size: 16px;
        line-height: 20px;
    }
    #menu-header-menue li a:hover {
        background-color: #fff;
        color: #5c0f1b;
        text-decoration: none
    }
    #menu-header-menue li.current_page_item a {
        background-color: #cc6666;
        color: #5c0f1b;
    }
    #menu-item-2418,
    #menu-item-2873,
    #menu-item-2503 {
        display: none;
    }
    #menu-item-58 {
        border-right: 1px solid #8f2121
    }
    #menu-item-1679,
    #menu-item-2873,
    #menu-item-2418,
    #menu-item-2503,
    #menu-item-1501 {
        border-right: 1px solid #8f2121;
    }
    #search {
        width: 200px;
        margin: 1px 1px 0 1px;
        float: right;
    }
    #searchform div {
        float: right
    }
    #searchform div input#s {
        width: 130px;
        height: 37px;
        margin-bottom: 0;
        float: left;
        color: #000;
        border: 1px solid #5c0f1b;
        border-radius: 0;
    }
    #searchform div #searchsubmit {
        float: left;
        width: 40px;
        height: 37px;
        margin-bottom: 0;
        background-color: #5c0f1b;
        background-image: url("images/seaicon.png");
        border: 1px solid #5c0f1b;
        border-radius: 0;
    }
    div.leftbar.three.columns {
        width: 30.6666666667%;
    }
    .menu li {
        margin: 0 0 1px 0;
    }
    .menu li a {
        padding: 5px 0;
    }
    div.section-content div.container div.row div.six.columns {
        width: 65.3333333333%;
    }
    #sidebar-left .widget-area {
        border-bottom: none
    }
    #nav_menu-3,
    #nav_menu-4,
    #nav_menu-5,
    #nav_menu-6,
    #nav_menu-7 {
        margin-bottom: 15px
    }
    #nav_menu-3 h3 {
        display: block;
    }
    .widget_nav_menu h3 {
        display: block;
        font-size: 18px;
        color: #cc6666;
        font-weight: 700;
        text-align: center;
        background-color: #5c0f1b;
        margin: 6px 0 0 0;
        padding: 10px 0;
        border-bottom: 1px solid #8f2121;
    }
    #nav_menu-7,
    #nav_menu-6,
    #nav_menu-5,
    #nav_menu-4,
    #text-2,
    #sidebar-left .l-banner {
        display: block;
    }
    #text-2 {
        text-align: center;
        background-color: #5c0f1b;
        padding: 15px 0 10px 0;
    }
    .l-banner {
        padding: 12px 0 2px 0;
        background-color: #5c0f1b;
    }
    .l-banner li {
        text-align: center;
        border: 1px solid #b5282b;
        width: 70%;
        margin: 0 auto 20px auto;
    }
    .l-banner .image_2 a {
        margin: 0;
        padding: 0;
        display: block;
        line-height: 80%;
    }
    #sidebar-left .widget_text h3 {
        text-align: center;
        background-color: #b5282b;
        padding: 5px 0 5px 0;
        margin: 0;
    }
    #sidebar-left .widget_text h3 a {
        padding: 0;
        color: #fff;
        text-decoration: none;
        font-family: 'Cuprum', sans-serif;
        font-size: 16px;
        font-weight: 400;
    }
    .newsdate {
        display: inline;
    }
    .menu-footer-menue-container {
        position: relative;
        text-align: center;
    }
    .menu-footer-menue-container ul {
        margin-bottom: 10px
    }
    .footer-nav-menu {
        display: inline-block;
    }
    .footer-nav-menu li {
        float: left;
        margin: 0 15px 0 0;
    }
    .footer-nav-menu li a {
        display: block;
        font-family: 'Cuprum', sans-serif;
        text-align: center;
        margin: 0;
        padding: 10px 0;
        background-color: transparent;
        color: #fff;
        text-decoration: none;
    }
    .footer-nav-menu li a:hover {
        background-color: transparent;
        color: #fff;
        font-weight: 400;
        text-decoration: underline
    }
}

@media (min-width: 750px) {
    .modelslisthome .item {
        float: left;
        width: 30%;
        padding: 1%;
        margin: 0 2% 1% 0;
    }
    .item:nth-child(3n) {
        margin: 0 0 1% 0;
    }
    .ex {
        width: auto;
        padding: 5px 10px;
        margin: 0 10px 0 0;
        border-radius: 4px;
        display: inline;
        font-size: 12px;
        font-family: Arial, sans serif
    }
    .nav-links .nav-previous a {
        width: 30%;
    }
    .nav-links .nav-next a {
        width: 30%;
    }
    .current-page {
        position: relative;
        top: -40px;
        width: 20%;
        margin: 0 auto;
    }
    .contentwrap {
        float: left;
        width: 100%;
    }
    .sed-time {
        margin: 0 0 0 0;
    }
    .sed-adress,
    .sed-time {
        float: left;
        width: 41%;
        padding: 4%;
    }
    .sed-adress {
        border-right: 1px solid #7f0e0d;
        margin-right: 1%;
    }
    .external_link {
        width: 100%;
        float: left;
    }
    .external_link a {
        width: 50%;
        margin: 10px auto 0 auto;
        display: block;
        padding: 6px 8px;
        color: #fff;
        text-align: center;
        text-decoration: none;
    }
    .catpwrap {
        width: 100%;
        float: left;
        margin-bottom: 10px;
        border-bottom: 1px solid #990100;
    }
    .category-location {
        width: 50%;
        float: right;
        color: #990100;
        text-align: right;
        padding: 0;
        border-bottom: none;
        font-weight: 700;
    }
    .extra {
        width: 50%;
        float: left;
        color: #fff;
        text-align: left;
    }
    .category-footnote ul li a {
        display: block;
        background-color: #5c0f1b;
    text-align: center;
        color: #fff;
        text-decoration: none;
        font-weight: 700;
        padding: 4px 0;
    }
    .bezirksauswahl {
        text-align: center;
    }
    .white-popup-block {
        max-width: 500px;
    }
    .newsitemcontent {
        font-size: 14px;
        line-height: 18px;
    }
    .entry-content {
        text-align: left;
    }
    .sbanner {
        width: 31%;
        display: inline;
        margin: 0;
    }
    .alignleft {
        display: inline;
        margin: 0 10px 10px 0;
        float: left;
    }
    #menu-item-2418 {
        display: block;
    }
    #search {
        width: 270px;
        margin: 1px 1px 0 1px;
        float: right;
    }
    #searchform div input#s {
        width: 200px;
        height: 37px;
        margin-bottom: 0;
        float: left;
        color: #000;
        border: 1px solid #5c0f1b;
        border-radius: 0;
    }
}

@media (min-width: 900px) {
    .section-header .container {
        margin-bottom: 5px;
    }
    #logo {
        width: 25%;
        height: 80px;
        float: left;
        margin: 0;
    }
    #logo a {
        font-size: 34px;
    }
    #top-image-1 {
        display: block;
        width: 36%;
        padding: 6px 0 0 0;
        float: left;
        margin: 0 0 0 2%;
    }
    #top-image-2 {
        display: block;
        float: left;
        width: 36%;
        padding: 6px 0 0 0;
        margin: 0 0 0 1%;
    }
    #menu-item-2873,
    #menu-item-2503 {
        display: block;
    }
    .modelslisthome .item {
        float: left;
        width: 21%;
        padding: 1%;
        margin: 0 2.5% 2% 0;
    }
    .item:nth-child(4n) {
        margin: 0 0 2% 0;
    }
    #models2 li {
        width: 45%;
        float: left;
        padding: 2%;
        margin: 0 2% 3% 0;
        background-color: #e6c8c8;
        color: #7f0e0d;
    }
    #models2 li .image_2_content .image_2_title {}
    #models2 li:nth-child(even) {
        margin: 0 0 3% 0;
    }
    #news {
        padding: 10px;
    }
    #news ul.newspage {
        float: left;
        margin-bottom: 15px;
    }
    #news ul.newspage.archive {
        float: left;
        border-top: 1px solid #fff;
        margin-top: 5px;
        padding-top: 20px;
    }
    #news ul li {
        text-align: left;
        margin-bottom: 5px;
        float: left;
        display: block;
        width: 100%;
    }
    #news ul li a {
        color: #fff;
        font-size: 14px;
        float: left;
        display: block;
        max-width: 251px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mapwrap {
        display: block;
        width: 40%;
        float: left;
        height: 40px;
        margin: 2px 0 5px 0;
    }
    .button_map {
        margin: 0 0 0 0;
    }
    .rss-first {
        float: left;
        display: block;
        width: 48.5%;
    }
    .rss-two {
        float: left;
        display: block;
        width: 48.5%;
        margin-left: 3%;
    }
    .category-item .category-image {
        width: 18%;
        float: left;
    }
    .category-item .category-contentwrapper {
        float: left;
        width: 78%;
        margin: 0 0 0 3%;
    }
    .category-item .category-contentwrapper .category-content {
        width: 60%;
        float: left;
        text-align: left;
    }
    .category-item .category-contentwrapper .content-side {
        width: 38%;
        float: left;
        text-align: left;
        margin: 0 0 0 2%;
    }
    .category-telefon,
    .category-contact,
    .streetnew {
        text-align: left
    }
    #carousel {
        display: block;
    }
    #gallery {
        margin-bottom: 45px;
    }
    .category-footnote {
        border-top: 1px solid #990100;
        padding: 0;
    }
    .category-footnote ul li {
        width: 30%;
        float: right;
        margin: 0 0 0 5px;
    }
    .entry-content .mbcon {
        border-bottom: 1px solid #000;
    }
    .entry-content .mbcon .column {
        width: 30.6666666667%;
        text-align: left;
        border-bottom: none;
        padding-bottom: 0;
    }
}

@media (min-width: 1000px) {
    div.leftbar.three.columns.three.columns {
        width: 22%;
    }
    .rightbar {
        display: block;
        background-color: #5c0f1b;
        margin-top: 4px
    }
    div.section-content div.container div.row div.six.columns {
        width: 56%;
        margin-left: 2%;
    }
    div.rightbar.three.columns {
        width: 18%;
        margin-left: 2%
    }
    #logo {
        width: 22%;
        height: 80px;
        float: left;
        margin: 0;
    }
    #logo a {
        font-size: 34px;
    }
    #top-image-1 {
        display: block;
        width: 36%;
        padding: 6px 0 0 0;
        float: left;
        margin: 0 0 0 2%;
    }
    #top-image-2 {
        display: block;
        float: left;
        width: 36%;
        padding: 6px 0 0 0;
        margin: 0 0 0 4%;
    }
    .modelslisthome .item {
        float: left;
        width: 22%;
        padding: 0.75%;
        margin: 1% 2% 1% 0;
    }
    .item:nth-child(4n) {
        margin: 1% 0 1% 0;
    }
    #sidebar-right {
        padding: 12px 0 0 0;
    }
    #sidebar-right li {
        text-align: center;
        border: 1px solid #b5282b;
        width: 86%;
        margin: 0 auto 20px auto;
    }
    #sidebar-right .widget_text h3 {
        text-align: center;
        background-color: #b5282b;
        padding: 5px 0 5px 0;
        margin: 0;
    }
    #sidebar-right .widget_text h3 a {
        padding: 0;
        color: #fff;
        text-decoration: none;
        font-family: 'Cuprum', sans-serif;
        font-size: 16px;
        font-weight: 400;
    }
    #sidebar-right .image_2 a {
        margin: 0;
        padding: 0;
        display: block;
        line-height: 70%;
    }
}

.tpl-icons {
    display:none;
    /* width: auto;
    float: right; */
}

span.tpl-select {
    display: inline-block;
    margin-left: 5px;
    opacity: 0.9;
    width: 34px;
    height: 29px;
    background-image: url(img/tpl_change_buttons.png);
    background-repeat: no-repeat
}

span.tpl-select.selected {
    opacity: 0.3;
}

span.tpl-select:hover,
span.tpl-select.selected:hover {
    opacity: 1;
}

span.tpl-select a {
    display: block;
    width: 100%;
    height: 100%;
}

span.tpl-select.imgview {
    background-position: -40px 0;
}

.row.selectfilter {
    margin-top: 20px;
}
.row.selectfilter div{
width: 50%;
float: left;
}

.row.selectfilter div.cardcounter .category-count {
    width: auto;
    display: inline-block;
    float: right;
    padding: 10px 10px;
    text-align: right;
    border: 1px solid #cc6666;
    border-radius: 4px;
}

.pagination-wrapper.bottom {
    margin-bottom:10px;
}

#osm_map,
#osm_div {
    position: relative;
     width: 90%;
     height: 400px;
}


.white-popup-block {
    background-color: #fff;
    color: #000;
    padding: 40px 10px 10px 10px;
    text-align: left;
    width: 70%;
    margin: 40px auto;
    position: relative;
}

.mapwrap:hover {
    cursor: pointer;
}


#sedcard_description .mapwrap {
    width: 100%;
    margin-top: 14px;
    margin-bottom: 0;
}

#sedcard_description .button_map {
    margin: 0 auto;
}