/* Copyright (C) WarpTheme, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

.tp-dottedoverlay.twoxtwowhite {
  background: rgba(48,49,51,0.6) !important;
}

.icon1 i {
  background-image: url("/images/icons/wendel-riedstadt-vermietung.png");
  position:relative;
  float:left;
  background-repeat: no-repeat; 
}

a.icon-box-4:hover {
  background-color: #444;
}

.wendelred {
  color: #dd3737
}

.wendelgrey {
  background-color: #cccccc; 
}

.details {
font-size: 9pt;
line-height: 19px
}

li {
  margin-left: 10px;
}

p {
    margin: 0 0 0px;
    line-height: 29px;
}

#sp-left p,
#sp-right p,
.uk-article p,
.cookiecontent p {
    margin: 0 0 17px;
}

.blog p {
    padding: 20px 0 10px;
}

#sp-main-body .uk-panel {
    background: #f7f7f7;
    margin-bottom: 30px;
    box-shadow: 0 6px rgba(55, 55, 55, 0.1);
}

#sp-page-title .uk-heading-primary {
    padding-bottom: 10px;
}

#sp-bottom li {
    line-height: 36px;
}

#search-results .search-results dt,
#search-results .search-results dd {
    margin: 5px 0;
}

#search-results .search-results dt.result-title {
    margin-top: 40px;
}

#sp-header.menu-fixed {
    position: fixed;
    z-index: 9999;
}

#sp-header {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #ebebeb;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99;
}

#sp-header.menu-fixed {
    position: fixed;
    z-index: 9999;
}

#offcanvas-toggler {
    float: right;
    line-height: 82px;
    margin-left: 15px;
    font-size: 14px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    display: block;
    padding: 8px 25px;
    cursor: pointer;
}

.sp-dropdown-inner li {
    line-height: 16pt;
}

.sp-megamenu-wrapper ul li a {
    font-size: 13px;
}

.sp-megamenu-parent .sp-mega-group + .uk-panel {
    margin-top: 50px;
}

.sp-dropdown-inner .uk-panel {
    padding: 10px;
}

.offcanvas-menu { display: none; }
.offcanvas-menu.active { display: block; }

.offcanvas-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 9999;
}
.offcanvas-overlay.active { display: block; }

.no-scroll { overflow: hidden; }

.offcanvas-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 320px;
    height: 100vh;
    background:  #3a3939fa;
    overflow-y: auto;
    transition: right 0.3s ease;
    z-index: 9999;
    -webkit-transition: .5s;
    transition: .5s;
}

.offcanvas-menu.active {
    right: 0;
}

body.no-scroll {
    overflow: hidden;
}

.close-offcanvas {
    position: absolute;
    top: 14px;
    right: 15px;
    z-index: 1;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    line-height: .5;
    text-align: center;
    font-size: 16px;
    border: 1px solid #fff;
    color: #fff;
    padding-top: 3px;
}
.offcanvas-menu .offcanvas-inner .uk-panel ul > li {
    border: 0;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.offcanvas-inner .uk-panel ul >li {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    -webkit-transition: 300ms;
    transition: 300ms;
}

.offcanvas-menu .offcanvas-inner .uk-panel ul > li a {
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
}

#sp-bottom .uk-panel ul >li >a {
    color: #727272 !important;
}

.uk-panel ul >li >a:hover {
    color: #c02121 !important;
}


#sp-footer {
    background: #202020;
    border-top: 1px solid #333;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    position: relative;
}

.uk-panel ul >li >a {
    display: block;
    padding: 5px 0;
    line-height: 36px;
    padding: 2px 0;
    -webkit-transition: 300ms;
    transition: 300ms;
}

.uk-article-title {
    font-size: 24.4px;
}

.page-header {
    margin: 40px 0 20px !important;
    border-bottom: 1px solid #eee;
}

#sp-main-body #sp-component .uk-article {
    margin-bottom: 50px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin: 0 0 40px 0;
    background: #fff;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.offcanvas-inner .uk-panel ul > li > a:before,
#sp-right .uk-panel ul > li > a:before{
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    content: "\f105";
    margin-right: 8px;
    font-size: 10px;
}

.offcanvas-menu .offcanvas-inner > .uk-panel:first-of-type {
    margin-top: 0;
    padding: 30px;
}

.offcanvas-menu .offcanvas-inner .uk-panel{
    margin-top: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 50px;
}

.offcanvas-menu .offcanvas-inner .uk-panel .uk-panel-title {
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}
.uk-panel .uk-panel-title {
    margin: 0 0 20px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
}
.offcanvas-menu .offcanvas-inner .search {
    margin-top: 25px;
}
input#mod-search-searchword {
    width: 100%;
    border-radius: 4px;
}
.offcanvas-menu .offcanvas-inner .search input {
    width: 100%;
    background: transparent;
    border-color: #5f5f5f;
    color: #fff;
}
.offcanvas-menu .uk-nav-sub ul {
    padding-left: 0px;
}
.com-content #sp-main-body {
    background-color: #F2F4F8;
}

#topbar {
    font-size: 11pt;
}

.sp-page-title h2 {
    font-size: 24px;
    line-height: 1;
}
.sp-page-title h2, .sp-page-title h3 {
    margin: 0;
    padding: 0;
    color: #727272 !important;
}

.tp-bullets.simplebullets.round .bullet {
    background: url(../images/navi.png) no-repeat top left;
    background-position: -34px -117px;
}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
    background-position: -34px -84px;
}

.tp-rightarrow.default {
    width: 30px;
    background: url(../images/navi.png);
    background-position: -89px -103px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}

.tp-leftarrow.default {
    background: url(../images/navi.png) no-repeat 0 0;
    background-position: -89px -26px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
    color: #020d26
}

.sp-page-title::after {
    background-color:#f7f7f7
}

#sp-bottom .sp-column>.uk-panel .uk-card-title {
    font-weight: 600;
    font-size: 18px
}

#sp-bottom .uk-card-title {
    color: #ffffff
}

#sp-bottom a:not(.uk-button) {
    color: #dd3737
}

#sp-bottom a:not(.uk-button):hover,
#sp-bottom a:not(.uk-button):active,
#sp-bottom a:not(.uk-button):focus {
    color: #c02121
}

.back__top {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 62px;
    right: 100px;
    z-index: 999;
    border: 1px solid #c02121;
    border-radius: 50%;
    background-color: #dd3737;
}

.back__top:hover{
    background-color: #c4c4c4;
    border: 1px solid #ccc;
}

#sp-bottom a:hover,
#sp-bottom a:active,
#sp-bottom a:focus {
    color: #c02121
}

.uk-button-default:hover,
.uk-button-default:focus,
.uk-button-default:active {
    background-color: #dd3737;
    border-color: #dd3737;
    color: #ffffff
}

#sp-page-title #sp-title .container{
    padding: 30px 15px;
}

#sp-page-title h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 10px;
}

a.button.border {
    background-color: transparent;
    border: 2px solid #dd3737 !important;
    color: #dd3737;
}

a.button.border:hover {
    background: #dd3737;
    color: #fff;
}

input[type="text"]:not(.form-control, .uk-input),
input[type="email"]:not(.form-control, .uk-input),
input[type="url"]:not(.form-control, .uk-input),
input[type="date"]:not(.form-control, .uk-input),
input[type="password"]:not(.form-control, .uk-input),
input[type="search"]:not(.form-control, .uk-input),
input[type="tel"]:not(.form-control, .uk-input),
input[type="number"]:not(.form-control, .uk-input),
select:not(.form-select):not(.form-control, .uk-input) {
    height: 34px;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    border: transparent;
    max-width: 100%;
    width: 100%;
    padding: 0 10px;
    background-color: #fff;
    color: #666;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border
}

input[type="text"]:not(.form-control, .uk-input):focus,
input[type="email"]:not(.form-control, .uk-input):focus,
input[type="url"]:not(.form-control, .uk-input):focus,
input[type="date"]:not(.form-control, .uk-input):focus,
input[type="password"]:not(.form-control, .uk-input):focus,
input[type="search"]:not(.form-control, .uk-input):focus,
input[type="tel"]:not(.form-control, .uk-input):focus,
input[type="number"]:not(.form-control, .uk-input):focus,
select:not(.form-select):not(.form-control, .uk-input):focus {
    border-color: transparent
}

#sp-right .uk-panel>:last-child {
    padding: 10px 10px;
}

#sp-right .uk-nav.uk-nav-default > li:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
}

.video-embed {
    width: 100%;
    height: 465px;
}

div[id^="article-"] .article-featured-video .video-embed {
    height: 235px;
    width: 100%;
}

.sp-megamenu-wrapper .uk-navbar-nav .sp-dropdown-mega .sp-dropdown-inner {
    padding: 0px
}

.sp-megamenu-parent .sp-mega-group>li>a {
  margin-bottom:0px
}

.sp-megamenu-parent>li>a:focus:before,
.sp-megamenu-parent>li>span:focus:before {
    height: 0px
}

.sp-megamenu-parent>li>a:hover:before,
.sp-megamenu-parent>li>span:hover:before {
    height: 2px
}

.sp-megamenu-parent.uk-navbar-nav>li>a,
.sp-megamenu-parent.uk-navbar-nav>li>span {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Noto Sans, sans-serif;
}

.sp-dropdown-items li:has(.sp-dropdown) > a::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f105";
    float: right;
    font-size: 10px;
}

#sp-component a.button:focus {
  color:#fff
}

#sp-component .blog ul li.eye-icon,
#sp-component .blog ul li .icon,
#sp-component .blog ul li .date-icon {
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 6px;
}
#sp-component .blog ul li.eye-icon,
#sp-component .blog ul li .date-icon {
    color: #666;
}

#sp-component .blog ul li i {
    font-size: 10px;
}

.tags >span {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.tags {
    margin: 0px !important;
    line-height: 24px;
}

.uk-subnav>*>a:hover {
    color: #c02121;
}

.uk-label {
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    background-color: #777;
    border-radius: 10px;
}

.back__top.uk-icon-button:active,
.offcanvas-inner .uk-nav li.uk-active > a,
.offcanvas-inner .uk-nav li.uk-active > a:hover,
.offcanvas-inner .uk-nav-sub li.uk-active > a {
  color: #dd3737 !important;
}

#sp-search {
  padding-left: 0px
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .back__top {
        bottom: 25px;
        right: 25px;
    }
    #sp-main-body #sp-component .uk-article {
        padding: 10px;
    }
}

@media screen and (max-width: 419px) {
    .uk-margin-top table[style] {
        width: 300px !important;
        height: auto !important;
    }
}

@media (max-width: 619px) {
    #topbar {
        font-size: 10.5pt;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .back__top {
        bottom: 25px;
        right: 25px;
    }
}

@media (min-width: 1400px) {
    .sp-menu-full.container {
        width: 1140px !important;
    }
}