/*
	================================================
	    Fonts - Raleway and Opensans
	================================================
*/
        
       
        /*
	================================================
        Common CSS
	================================================
*/
        
        * {
            margin: 0;
            padding: 0;
        }
        
        html {
            min-height: 100%;
        }
        
        .banner {
            display: none;
        }
        /* Basic-stylesheet */
        
        body {
            font-family: helvetica, arial, sans-serif;
            color: #303030;
            background-color: #e6e3d7;
            font-weight: 400;
        }
        
        ul {
            list-style: none;
        }
        
        a {
            color: #412529;
            text-decoration: none;
            background-color: transparent;
        }
        
        a:hover {
            color: #303030;
            text-decoration: none;
            transition: 0.5s ease-in-out;
        }
        
        p {
            font-family: 'Open Sans', sans-serif;
            margin-bottom: 0.5rem;
        }
        
        h6 {
            font-size: 17px;
            font-weight: 700;
        }
        
        .bg-white {
            background-color: #fff;
        }
        
        .text-green {
            color: #659734!important;
        }
        
        .text-black {
            color: #303030;
        }
        
        .text-blue {
            color: #06F!important;
        }
        
        textarea.form-control {
            margin-bottom: 5px;
        }
        /* Header-css */
        
        .header {
            box-shadow: 0 0 10px #ccc;
            background-color: #fff;
        }
        
        .banner {
            position: absolute;
        }
        
        .logo p {
            position: absolute;
            left: 90px;
            top: 70px;
            font-size: 17px;
        }
        
        ul.social-icon {
            padding-top: 35px;
        }
        
        ul.social-icon li {
            display: inline-block;
            padding-right: 10px;
        }
        
        ul.header-top-list {
            padding-top: 35px;
            padding-left: 30px;
        }
        
        ul.header-top-list li {
            display: inline-block;
            font-size: 13px;
            margin: 0 1px;
            color: #888;
        }
        
        ul.header-top-list>li>a {
            padding: 0px 10px 0px 25px;
            border-right: 1px solid #303030;
        }
        
        ul.header-top-list>li>a:hover {
            text-decoration: underline;
        }
        
        ul.header-top-list li.preise {
            background-image: url(/images/preise.jpg);
            background-position: 0px -5px;
            background-repeat: no-repeat;
        }
        
        ul.header-top-list li.preise:hover {
            background-image: url(/images/schuettgut/preise-hover.jpg);
            background-position: 0px -5px;
            background-repeat: no-repeat;
        }
        
        ul.header-top-list li.agb {
            background-image: url(/images/agb.jpg);
            background-position: 0px -5px;
            background-repeat: no-repeat;
        }
        
        ul.header-top-list li.agb:hover {
            background-image: url(/images/schuettgut/agb-hover.jpg);
            background-position: 0px -5px;
            background-repeat: no-repeat;
        }
        
        ul.header-top-list li.logout {
            background-image: url(/images/account.jpg);
            background-position: 0px -5px;
            background-repeat: no-repeat;
        }
        
        ul.header-top-list li.logout:hover {
            background-image: url(/images/schuettgut/account-hover.jpg);
            background-position: 0px -5px;
            background-repeat: no-repeat;
        }
        
        ul.header-top-list li.impressum {
            background-image: url(/images/impressum.jpg);
            background-position: 0px -5px;
            background-repeat: no-repeat;
        }
       
        ul.header-top-list li.impressum:hover {
            background-image: url(/images/schuettgut/impressum-hover.jpg);
            background-position: 0px -5px;
            background-repeat: no-repeat;
        }
        ul.header-top-list li.news {
            background-image: url(/images/news.svg);
            background-position: 0px -5px;
            background-repeat: no-repeat;
          
        }
        
        ul.language-list li {
            display: inline-block;
            padding-left: 5px;
        }
        
        .sprache {
            /*  float: right;*/
            color: #888;
        }
        
        .language-list {
            float: right;
            padding-left: 10px;
        }
        
        .slider-area {
            position: relative;
        }
        
        .carousel-item img {
            width: 100%;
            height: 400px;
            object-fit: cover;
        }
        
        .overlay-content {
            width: 100%;
            color: #693;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 5px;
            position: absolute;
            right: 20px;
            z-index: 999;
            text-align: center;
            top: 15%;
            padding: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .overlay-content h3 {
            font-size: 19px;
            font-weight: 700;
            margin: 0;
        }
        
        .overlay-content h1 {
            font-size: 53px;
            margin: 0;
            font-weight: 600;
        }
        
        .overlay-content h2 {
            font-size: 25px;
            font-weight: 700;
        }
        
        .overlay-content p {
            color: #303033;
            line-height: 1.2;
            font-size: 12px;
        }
        
        .overlay-btn h5 {
            font-size: 15px;
            font-weight: 700;
            width: 75%;
            padding-top: 5px;
            float: left;
            color: #659834;
            margin: 0 auto;
        }
        
        .navbar-nav li.nav-item {
            background: #464a52;
            /* padding: 10px; */
            font-size: 14px;
            font-weight: 600;
            border-right: 1px solid #fff;
            width: 100%;
            text-align: center;
        }
        
        .navbar-nav {
            width: 100%;
        }
        
        .navbar-light .navbar-nav .active>.nav-link,
        .navbar-light .navbar-nav .nav-link.active,
        .navbar-light .navbar-nav .nav-link.show,
        .navbar-light .navbar-nav .show>.nav-link {
            color: #fff;
        }
        
        .navbar-light .navbar-nav .nav-link {
            color: #fff;
            font-size: 13px;
            text-transform: uppercase;
        }
        
        .account-card {
            margin-bottom: 20px;
        }
        
        .bg-light {
            padding: 0;
        }
        
        .navbar-nav li.nav-item:hover {
            background-color: #659834;
        }
        
        .navbar-nav li.nav-item a.active {
            background-color: #659834;
        }
        
        .navbar-light .navbar-nav .nav-link:focus,
        .navbar-light .navbar-nav .nav-link:hover {
            color: #fff;
        }
        
        .card-content {
            padding: 20px;
            border: none;
            background-color: #f0f0f0;
        }
        
        .card-content h2 {
            font-weight: 600;
            color: #659734;
            font-size: 30px;
        }
        
        .card-content h5 {
            font-size: 16px;
            font-weight: 700;
            padding-top: 10px;
        }
        /* .vehicle-selection{
    padding-top: 20px;
} */
        
        .vehicle-overlay {
            position: absolute;
            color: #ffffff;
            top: 0;
            width: 300px;
            right: 0;
            background-color: rgba(0, 0, 0, 0.6);
            border-radius: 0px 0px 0px 20px;
            padding: 20px;
            box-shadow: 0px 0px 29.7px 0.3px rgba(220, 220, 220, 0.78);
        }
        
        .vehicle-overlay h4 {
            font-size: 18px;
            font-weight: 600;
        }
        
        .vehicle-list {
            margin-top: 20px;
            box-shadow: 0px 0px 29.7px 0.3px rgba(220, 220, 220, 0.78);
            padding: 20px;
            bottom: -100px;
            position: absolute;
            z-index: 99999;
            background-color: rgba(255, 255, 255, 0.8);
            width: 450px;
            border-radius: 5px;
            right: 0;
            left: 0;
            margin: 0 auto;
        }
        
        .vehicle-card {
            position: relative;
        }
        
        .pt-100 {
            padding-top: 100px;
        }
        
        .vehicle-selection .col-lg-12 {
            padding-right: 0px;
        }
        
        .vehicle-overlay p {
            font-size: 14px;
            line-height: 1.2;
            float: left;
            font-weight: 600;
        }
        
        .vehicle-btn>p>a {
            font-size: 13px;
            color: #8fb256;
            font-weight: 600;
        }
        
        .vehicle-btn img {
            float: right;
            position: relative;
            right: 5px;
        }
        
        .vehicle-list h6 {
            color: #659734;
            font-size: 14px;
        }
        
        .vehicle-lists li {
            display: inline-block;
            width: 160px;
        }
        
        .vehicle-lists li i {
            color: #659734;
            padding-right: 10px;
        }
        
        .login-form {
            text-align: right;
        }
        
        .login-form .form-control {
            margin-bottom: 10px;
        }
        
        .form-control {
            border-color: #b3b3b3;
            color: #74708d;
            font-size: 11px;
            height: 28px;
            border-radius: 0px;
        }
        
        /* .form-head-summery{
    background-color: #464952;
    padding: 3px;
    color: #fff;
    text-align: center;
} */
        
        .form-heading {
            background-color: #464952;
            padding: 3px;
            color: #fff;
            text-align: center;
        }
        
        .form-heading h6 {
            margin: 0;
            font-size: 14px;
            padding: 10px 0px;
        }
        
        .login-form>form {
            padding: 15px;
            background: #f3f1e9;
        }
        
        .login-form p {
            text-align: right;
            margin: 0;
        }
        
        .login-form a {
            color: #659734;
        }
        
        .p-20 {
            padding: 20px;
        }
        
        .relisting-list li {
            display: table-cell;
            width: 155px;
            text-align: center;
        }
        
        .relisting-list {
            border: 1px solid #303030;
        }
        
        .relisting-list li img {
            padding: 10px;
        }
        
        .relisting-list li.first {
            background-color: #659734;
        }
        
        .relisting-list li.second {
            background-color: #fff;
            color: #303030;
        }
        
        .relisting-list li.second p {
            color: #303030;
            font-size: 14px;
            padding-top: 5px;
            text-align: center;
        }
        
        .relisting-list li.second:hover p {
            color: #fff;
        }
        
        .relisting-list li.second:hover {
            background-color: #e0822b;
            color: #fff;
        }
        
        .relisting-list li.first p {
            color: #fff;
            font-size: 14px;
            padding-top: 5px;
            text-align: center;
        }
        
        .footer-start {
            background-color: #464a52;
            padding: 20px 20px 0 20px;
            font-size: 11px;
        }
        .footer-start .col-lg-2 , .footer-start .col-lg-3{
            border-right: #666 solid 1px;
            padding: 20px 0 0 10px;
        }
        .footer-start .col-lg-2:last-child {
            border: none;
        }
        .footer ul li {
            display: block;
            color: #fff;
        }
        
        .footer-start .col-lg-2 {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 20%;
            max-width: 20%;
        }

        .footer ul li a,
        .footer-list p {
            color: #fff;
            font-size: 11px;
            margin: 0;
        }
        
        .footer ul li a:hover {
            color: #659734;
            padding-bottom: 5px;
        }
        /* Form-start */
        
        .form-start {
            padding: 20px 20px;
        }
        
        .form-start .card-body {
            padding: 10px 10px 20px 10px;
            background-color: #f0f0f0;
        }
        
        .form-start label {
            font-size: 11px;
            margin-bottom: 0;
            font-weight: 600;
        }
        
        .custom-control-label {
            padding-top: 5px;
        }
        
        .border-line {
            background-color: white;
            border-radius: 5px;
        }
        
        .result {
            text-align: center;
        }
        
        .result p {
            color: #659734;
            font-weight: 600;
            margin: 0;
        }
        
        .table {
            padding: 20px;
            text-align: center;
            margin-bottom: 0;
            /* overflow: scroll; */
        }
        
        .table-left {
            text-align: left!important;
            margin-bottom: 0;
            /* overflow: scroll; */
        }
        
        .table>thead>tr {
            background-color: #f0f0f0;
        }
        
        .table>tbody>tr>td i {
            color: #659834;
        }
        
        .table tr:hover {
            background-color: aliceblue;
            cursor: pointer;
        }
        
        .table-bordered td,
        .table-bordered th {
            border: 1px solid #f0f0f0; 
            font-size: 14px;
        }
        
        .table thead th {
            border-bottom: none;
        }
        
        .page-item:last-child .page-link,
        .page-item:first-child .page-link {
            border-top-right-radius: .25rem;
            border-bottom-right-radius: .25rem;
            background-color: #f0f0f0;
        }
        
        .image-gallery {
            padding-top: 20px;
        }
        
        .image-gallery .row {
            margin-bottom: 20px;
        }
        
        .custom-control-input:checked~.custom-control-label::before {
            color: #fff;
            border-color: #659834;
            background-color: #659834;
        }
        
        .custom-select-sm {
            font-size: 10px;
            /* height: 22px; */
        }
        
        .p-20 {
            padding: 20px;
        }
        
        .card {
            border: none;
            padding: 5px 10px;
            margin-bottom: 20px;
            height: calc(100% - 20px);
            position: relative;
        }
        .news-card{
            height: auto;
            padding: 0;
        }
        .suche .card {
            background-color: #f0f0f0;
            border-right: 1px solid #fff;
        }
        
        .suche .first {
            padding-right: 0px;
        }
        
        .card-body {
            background-color: #fff;
            height: calc(100% - 20px);
            position: relative;
        }
        
        .btn-primary {
            color: #fff;
            background-color: #659834;
            border-color: #659834;
        }
        
        .btn-primary:hover {
            color: #fff;
            background-color: #303030;
            border-color: #303030;
        }
        
        .form-start p {
            font-size: 13px;
            margin-top: 20p;
        }
        
        .pb-150 {
            padding-bottom: 150px !important;
        }
        
        .body-content {
            padding: 20px;
        }
        
        .body-content h1 {
            font-weight: 600;
            color: #659734;
            font-size: 35px !important;
        }
        .body-content h2 {
            font-weight: 600;
            color: #659734;
            font-size: 35px !important;
        }
        .body-content h5 {
            font-size: 18px;
            font-weight: 700;
            padding-top: 10px;
            line-height: 30px;
        }
        
        .step-badge {
            position: absolute;
            top: 0px;
            z-index: 9;
            text-align: center;
            left: 9px;
            background-color: #659734;
            width: 2%;
            margin: 0 auto;
            /* border-radius: 3px; */
            padding: 3px;
        }
        
        .third-card {
            padding-left: 0px;
        }
        
        .step-badge p {
            color: #fff;
            margin: 0;
            font-size: 12px;
            transform: translate(0, 100%) rotate(-90deg);
            top: 35%;
            position: absolute;
            right: 0;
            left: 0;
            white-space: nowrap;
            /* Amar */
        }
        
        .first-step {
            height: 70px;
            top: 20px;
            border-bottom: 1px solid #fff;
        }
        
        .second-step {
            height: 165px;
            top: 88px;
            border-top: 1px solid #fff;
        }
        
        .third-step {
            height: 47%;
            /* Amar */
            top: 31.5%;
            border-top: 1px solid #fff;
        }
        
        .form-content {
            padding: 20px 20px 20px 30px;
            position: relative;
        }
        
        .form-content .card {
            margin-bottom: 0px;
            border-radius: 0;
            background-color: #f0f0f0;
            border-bottom: 1px solid #aaa;
        }
        
        .account-card {
            padding: 15px;
            min-height: 270px;
        }
        
        .my-account.user {
            background: #f0f0f0;
        }
        
        #offer-create .buttons {
            padding-top: 20px;
            /* Amar */
        }
        
        .buttons {
            border-top: 1px solid #f0f0f0;
            padding-top: 10px;
            margin-bottom: 10px;
        }
        
        .form-start h6 {
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 5px;
        }
        
        .my-account {
            background-color: #f2f3f8;
            padding: 40px 0px;
        }
        
        .h-70 {
            height: 70px;
        }
        
        .h-145 {
            height: 165px;
        }
        
        .h-295 {
            height: 295px;
        }
        
        .h-295 .col-lg-12 {
            text-align: right;
        }
        
        .btn-group-sm>.btn,
        .btn-sm {
            padding: 5px 5px;
            font-size: 11px;
            line-height: 1.5;
            border-radius: .2rem;
        }
        
        .account-card {
            background-color: #fff;
            padding: 20px 15px;
            text-align: center;
            border-bottom: 4px solid #fff;
        }
        
        .account-card:hover {
            border-bottom: 4px solid #659734;
            transition: 0.5s ease-in-out;
        }
        
        .card-img img {
            width: 20%;
        }
        
        .account-card h6 {
            padding-top: 20px;
        }
        /* Pricing */
        
        .packages,
        .contact-form {
            padding: 20px;
        }
        
        .pricing {
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            width: 100%;
            padding: 30px 0px 0px 0px;
        }
        
        .pricing-two {
            position: relative;
            top: -25px;
        }
        
        .pricing-item {
            position: relative;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-align-items: stretch;
            align-items: stretch;
            text-align: center;
            -webkit-flex: 0 1 250px;
            flex: 0 1 250px;
        }
        .min-box {
            min-height: 1000px;;
        }
        .pricing-action {
            color: inherit;
            border: none;
            background: none;
        }
        
        .pricing-action:focus {
            outline: none;
        }
        
        .pricing-feature-list {
            text-align: left;
        }
        
        .pricing-palden .pricing-item {
            font-family: 'Open Sans', sans-serif;
            cursor: default;
            background: #fff;
            box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
            border-radius: 20px 20px 10px 10px;
        }
        
        @media screen and (min-width: 66.25em) {
            .pricing-palden .pricing__item--featured {
                margin: 0;
                z-index: 10;
                box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
            }
        }
        
        .pricing-palden .pricing-deco {
            border-radius: 10px 10px 0 0;
            background: rgb(101, 151, 52);
            padding: 4em 0 7em;
            position: relative;
        }
        
        .pricing-palden .pricing-deco-img {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
        }
        
        .pricing-palden .pricing-title {
            font-size: 0.79em;
            margin: 0;
            text-transform: uppercase;
            letter-spacing: 5px;
            color: #fff;
        }
        
        .pricing-palden .deco-layer {
            -webkit-transition: -webkit-transform 0.5s;
            transition: transform 0.5s;
        }
        
        .pricing-palden .pricing-item:hover .deco-layer--1 {
            -webkit-transform: translate3d(15px, 0, 0);
            transform: translate3d(15px, 0, 0);
        }
        
        .pricing-palden .pricing-item:hover .deco-layer--2 {
            -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0);
        }
        
        .pricing-palden .icon {
            font-size: 2.5em;
        }
        
        .pricing-palden .pricing-price {
            font-size: 5em;
            font-weight: bold;
            padding: 0;
            color: #fff;
            margin: 0 0 0.25em 0;
            line-height: 0.75;
        }
        
        .pricing-palden .pricing-currency {
            font-size: 2rem;
            vertical-align: top;
        }
        
        .pricing-palden .pricing-period {
            font-size: 1.7rem;
        }
        
        .pricing-palden .pricing__sentence {
            font-weight: bold;
            margin: 0 0 1em 0;
            padding: 0 0 0.5em;
        }
        
        .pricing-palden .pricing-feature-list {
            margin: 0;
            padding: 0.25em 0 1.5em;
            list-style: none;
            text-align: center;
        }
        
        .pricing-palden .pricing-feature {
            padding: 2px 10px;
            font-size: 14px;
        }
        
        .btn-custom {
            width: 60%;
        }
        
        .was-validated .form-control:valid,
        .form-control.is-valid {
            background-position: right calc(0.375em + 0.75rem) center;
            background-image: none;
        }
        
        .was-validated .custom-select:valid,
        .custom-select.is-valid {
            border-color: #669834;
            background-image: none;
        }
        
        .agb-section.privacy-policy.p-20 a {
            color: #659634;
        }
        
        .pricing-palden .pricing-action {
            margin: auto 1em 2em 1em;
            padding: 1em 2em;
            color: #fff;
            font-size: 14px;
            border-radius: 0px;
            background: #659634;
            -webkit-transition: background-color 0.3s;
            transition: background-color 0.3s;
        }
        
        .pricing-palden .pricing-action:hover,
        .pricing-palden .pricing-action:focus {
            background-color: #100A13;
        }
        
        .pricing-palden .pricing-item--featured .pricing-deco {
            padding: 5em 0 8.885em 0;
        }
        
        .pricing-feature img {
            width: 50%;
        }
        
        .contact-list li {
            display: block;
            font-weight: 600;
            color: #888;
        }
        
        .contact {
            padding: 20px;
        }
        
        .base-data-links li {
            display: inline-block;
            padding-right: 10px;
            border-right: 1px solid #659734;
        }
        
        .base-data-links li:last-child {
            border-right: 1px solid #fff;
        }
        
        .base-data-links li.active {
            text-decoration: underline;
        }
        
        .base-data-links li a {
            color: #659634;
        }
        
        .base-data-links li a:hover {
            color: #303030;
        }
        
        .main-card {
            box-shadow: 0 0 10px #ccc;
        }
        
        .card-bottom {
            text-align: right;
        }
        
        .contact-result li {
            display: flex;
            /* justify-content: space-between; */
            flex-wrap: wrap;
        }
        
        .contract-data {
            width: 55%;
        }
        
        .contact-result li span {
            width: 50%;
        }
        
        .tipper p {
            text-align: justify;
        }
        
        .tipper {
            background-color: #f0f0f0;
        }
        
        .tipper-content {
            padding: 20px;
            background-color: #fff;
        }
        /* Register-css-stylesheet */
        
        .step-form {
            padding: 10px 0px 20px 0px;
            border-bottom: 1px solid #888;
            text-align: center;
        }
        
        .step-div p {
            font-size: 13px;
            font-weight: 600;
            margin: 0;
            padding-top: 0px;
            position: relative;
            top: 10px;
        }
        
        .step-main-div {
            background-image: url(/images/registrierung-background.gif);
            background-position: bottom;
        }
        
        .step-div img {
            position: relative;
            left: 0;
            right: 0;
            bottom: 0;
            top: 19px;
        }
        
        .signup-form .float-right {
            font-size: 13px;
        }
        
        .register-form button.btn.btn-primary.btn-sm.btn-block.mt-3 {
            font-size: 13px !important;
        }
        
        .register-form {
            padding: 10px 0px 20px 0px;
        }
        
        .register-form p {
            font-size: 14px;
            margin: 0;
        }
        
        .register-checklist li {
            margin-bottom: 10px;
            font-size: 14px;
            display: flex;
            align-items: baseline;
        }
        
        .register-checklist li .fa {
            color: #659834;
            padding-right: 10px;
        }
        
        .register-checklist {
            margin-top: 20px;
        }
        
        .registration-form {
            padding: 10px;
            background-color: #ededed;
        }
        
        .registration-form .form-group {
            margin-bottom: 0;
            ;
        }
        
        .registration-form label {
            font-size: 12px;
            margin-bottom: 0px;
        }
        
        .registration-form a {
            color: #659834;
        }
        /* agb-section-start */
        
        .agb-section p {
            font-size: 14px;
        }
        
        button.btn.btn-sm.btn-dark.mt-2.btn-custom {
            outline: none !important;
            box-shadow: none;
        }
        /* impressum-section-start */
        
        .impressum-section p {
            font-size: 13px;
        }
        
        .forgot-password label {
            font-size: 12px;
            margin-bottom: 0px;
        }
        
        .forgot-password p {
            font-size: 14px;
            margin-bottom: 10px;
        }
        
        .alert {
            font-size: 12px;
            margin-top: 12px;
        }
        /*added by developer*/
        
        .nav {
            flex-wrap: nowrap !important
        }
        
        .form-head-summery>h6 {
            font-size: 16px;
            color: #659734;
        }
        
        .form-head-summery>h6>span {
            margin-left: 10px;
        }
        
        .user-result {
            margin-top: 19px;
        }
        
        form div.required span.required-star::before {
            content: " * ";
        }
        
        span.required-star {
            color: #dc3545;
        }
        
        .signup-form>.alert {
            margin-top: 26px !important;
        }
        
        .package-content p {
            font-size: 13px;
            text-align: justify;
            padding: 0px 15px;
        }
        
        .glyphicon {
            font-family: "Font Awesome 5 Free";
        }
        
        .glyphicon-eye-open:before {
            content: "\f06e";
            color: var(--success);
        }
        
        .glyphicon-pencil:before {
            content: "\f044";
            color: var(--primary);
        }
        
        .glyphicon-trash:before {
            content: "\f2ed";
            color: var(--danger);
        }
        
        .glyphicon-time:before {
            content: "\f017";
            color: var(--info);
        }
        
        .glyphicon-upload:before {
            content: "\f093";
            color: var(--info);
        }
        
        .vehicle-card .vehicle-btn a {
            color: #ffffff;
            text-decoration: underline;
        }
        
        header.header.guest ul.social-icon.col-md-2 li {
            margin: 0;
        }
        
        header.header.guest li.sprache {
            position: absolute;
            margin: 4px 12px;
        }
        
        .header li.sprache {
            margin-top: 3px;
        }
        
        header.header li.sprache ul.language-list {
            margin: 0;
        }
        
        section.pricing-page-section h3,
        .checkout-left-colom h3 {
            font-size: 24px;
            color: #669834;
            font-weight: 600;
            margin: 8px 0;
        }
        
        section.pricing-page-section {
            padding: 40px 0;
        }
        /* The radio-container */
        
        .radio-container {
            display: block;
            position: relative;
            padding-left: 0;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 14px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        
        .form-check {
            display: inline-block;
            width: 48%;
        }
        /* Hide the browser's default radio button */
        
        .radio-container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }
        /* Create a custom radio button */
        
        .checkmark {
            position: absolute;
            top: 3PX;
            left: 25px;
            height: 15px;
            width: 15px;
            background-color: #eee;
            border-radius: 50%;
        }
        /* On mouse-over, add a grey background color */
        
        .radio-container:hover input~.checkmark {
            background-color: #ccc;
        }
        /* When the radio button is checked, add a blue background */
        
        .radio-container input:checked~.checkmark {
            background-color: #669834;
        }
        /* Create the indicator (the dot/circle - hidden when not checked) */
        
        .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }
        /* Show the indicator (dot/circle) when checked */
        
        .radio-container input:checked~.checkmark:after {
            display: block;
        }
        /* Style the indicator (dot/circle) */
        
        .radio-container .checkmark:after {
            top: 4px;
            left: 4px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: white;
        }
        /*
  /////////////////////////////
  ///////////////////////////////// */
        
        .paymentWrap .paymentBtnGroup {
            max-width: 100%;
            margin: 21px 0;
            text-align: center;
            display: block;
        }
        
        .paymentWrap .paymentBtnGroup .paymentMethod {
            /* padding: 13px 31px; */
            box-shadow: none;
            position: relative;
        }
        
        .footerNavWrap.clearfix {
            text-align: center;
        }
        
        .paymentWrap .paymentBtnGroup .paymentMethod.active {
            outline: none !important;
        }
        
        .footerNavWrap.clearfix button.btn,
        .checkout-right-colom button.btn {
            width: auto;
            margin: 0 auto;
        }
        
        .paymentWrap .paymentBtnGroup .paymentMethod.active .method {
            outline: none !important;
            border: 1px solid #659634;
            box-shadow: 0px 0px 12px 0px #7b7b7b5c;
        }
        
        .pricing-right-colom {
            box-shadow: 0 0 6px 0 #33333329;
            padding: 16px 0;
        }
        
        section.checkout-page-section tr td {
            padding: 5px 12px;
            width: 300px;
            font-size: 15px;
            border: 1px solid #cdcdcd;
        }
        
        table.discount-code td,
        table.discount-code td a {
            color: #669834;
        }
        
        table.discount-code td b.border-text {
            border-bottom: 2px solid #669834;
            padding: 5px 0;
        }
        
        section.checkout-page-section {
            padding: 40px 0;
        }
        
        .paymentWrap .paymentBtnGroup .paymentMethod .method {
            position: absolute;
            right: 3px;
            top: 3px;
            bottom: 3px;
            left: 3px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            border: 2px solid transparent;
            transition: all 0.5s;
        }
        
        .paymentWrap .paymentBtnGroup .paymentMethod .method.visa {
            background-image: url("../images/sofort.png");
            /* background-color: #fcb3c7; */
            border-radius: 0px;
            /* background-size: cover; */
        }

        .paymentWrap .paymentBtnGroup .paymentMethod .method-bank-transfer {
            display: inline-block;
            padding: 10px 12px; /* Adjust padding as needed */
            /* background-color: #27346a; Blue background color */
            width: 100%;
            border: 1px solid #659634;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            font-size: 16px;
        }
        /* Hover effect */
        .paymentWrap .paymentBtnGroup .paymentMethod .method-bank-transfer:hover {
            background-color: #659634; /* Darker blue on hover */
            color: #fff;
        }
        
        .paymentWrap .paymentBtnGroup .paymentMethod .method.master-card {
            background-image: url("../images/paypal.png");
        }
        
        .checkout-left-colom {
            box-shadow: 0 0 14px 0 #33333329;
            padding: 37px;
        }
        
        .checkout-right-colom input,
        .checkout-right-colom select,
        .checkout-right-colom textarea {
            /* margin: 9px;
    padding: 7px; */
            color: #000000a8;
            font-size: 14px;
            border: 1px solid #8888886b;
            box-shadow: none;
            outline: none;
            /* width: 46%; */
            padding: 0 7px;
        }
        
        .checkout-right-colom textarea {
            width: 96%;
        }
        
        .pricing.pricing-palden button.pricing-action a {
            color: #fff;
        }
        
        .suche-nach p {
            margin-top: 13px;
        }
        
        .align-center nav#w1,
        .align-center {
            text-align: center;
            display: inline-block;
        }
        
        .page-item.active .page-link {
            outline: none !important;
            box-shadow: none !important;
        }
        
        /* .page-link {
            color: #669834;
        } */
        
        .min-class-form-here {
            border-bottom: 7px solid #f0f0f0;
        }
        
        .overlay-content.bg-transparent .login-form .form-check {
            width: 100%;
        }
        
        .select2-container--krajee-bs4 li.select2-results__option {
            font-size: 13px;
        }
        
        .select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {
            background: #fff;
            height: 90%;
        }
        
        .select2-selection__clear {
            right: 25px !important;
            position: absolute !important;
        }
        
        .select2-container--krajee-bs4 .select2-selection--single span.select2-selection__clear {
            top: 5px;
            font-weight: 300;
        }
        
        .phone-no-banner-header {
            display: block;
            z-index: 99;
        }
        
        @media screen and (min-width:320px)and (max-width:767px) {
            span.supper-class {
                position: relative !important;
                top: auto !important;
                right: auto !important;
            }
            body table.table.table-bordered tbody tr td img {
                position: relative;
                left: auto;
                margin: 5px 89px !important;
            }
            div#vehcile img {
                float: left;
                clear: both;
                margin: 5px;
            }
            .phone-no-banner-header {
                display: none;
            }
            .checkout-right-colom input,
            .checkout-right-colom select,
            .checkout-right-colom textarea {
                width: 96%;
            }
            .table {
                overflow: scroll;
            }
            .btn-primary {
                margin: 4px 0;
            }
            .user-result {
                overflow: scroll;
            }
            div#web-based1 h6.text-green {
                text-align: left;
            }
            header.header.guest li.sprache {
                position: initial;
            }
            header.header li.sprache ul.language-list {
                float: right;
            }
            .agb-section.privacy-policy.p-20 a {
                word-break: break-all;
            }
            .footer-start .col-lg-2 {
                flex: 100%;
                max-width: 100%;
            }
        }
        
        @media screen and (min-width:320px)and (max-width:459px) {
            ul.header-top-list li {
                margin: 0 6px;
            }
            ul.social-icon {
                padding-top: 10px;
            }
        }
        
        @media screen and (min-width:460px)and (max-width:767px) {
            ul.header-top-list li {
                margin: 0 15px;
            }
            .logo p {
                top: 90px;
            }
            ul.social-icon {
                padding-top: 0;
            }
        }
        
        @media screen and (min-width:1300px)and (max-width:1499px) {
            .phone-no-banner-header img {
                width: 70%;
            }
        }
        
        @media screen and (min-width:992px)and (max-width:1299px) {
            .phone-no-banner-header img {
                width: 50%;
            }
            .logo img {
                width: 70%;
            }
            .logo {
                text-align: center;
            }
        }
        
        @media screen and (min-width:768px)and (max-width:991px) {
            span.supper-class {
                position: relative !important;
                top: auto !important;
                right: auto !important;
            }
        }
        
        @media screen and (min-width:768px)and (max-width:1199px) {
            .checkout-right-colom input,
            .checkout-right-colom select,
            .checkout-right-colom textarea {
                width: 44%;
            }
            div#web-based1 h6.text-green {
                text-align: left;
            }
            .btn-primary {
                margin: 4px 0;
            }
            .checkout-right-colom textarea {
                width: 93%;
            }
        }
        
        ul.pricing-feature-list label.btn.paymentMethod {
            width: 100%;
        }
        
        .pricing-palden .pricing-feature input[type="radio"] {
            position: absolute;
            left: 47px;
            margin: 4px 0;
            width: 11px;
        }
        
        ul.pricing-feature-list label.btn.paymentMethod {
            width: 80%;
            display: block;
            height: 53px;
            margin: 0 auto;
        }
        
        .paymentWrap .btn-group.paymentBtnGroup label.btn.paymentMethod input[type="radio"] {
            opacity: 0;
        }
        
        li.pricing-feature.wold-text {
            font-weight: 600;
        }
        
        ul.pricing-feature-list .form-check {
            width: 100%;
        }
        
        ul.pricing-feature-list .form-check label.radio-container {
            font-weight: 600;
        }
        
        span.select2-selection.select2-selection--single {
            padding: 2px 37px 0 7px !important;
            height: 30px;
            white-space: normal;
            overflow: hidden;
            width: 100%;
            word-break: break-all;
        }
        
        .select2-container--krajee .select2-selection--single .select2-selection__arrow {
            height: 27px;
        }
        
        .select2-container--krajee .select2-selection__clear {
            top: 2px;
        }
        
        ul.header-top-list li {
            background-position: 0 !important;
        }
        
        .tipper p {
            font-size: 14px;
        }
        
        section.tipper h5.text-green {
            margin-top: 20px;
        }
        
        .tipper-content img.img-fluid {
            margin-top: 12px;
        }
        
        .checkout-right-colom {
            box-shadow: 0 0px 14px 0 #33333329;
            padding: 20px;
        }
        
        .paypal-row {
            padding-left: 0;
        }
        
        div#paypal-button-container {
            width: 45%;
        }
        
        .checkout-left-colom p {
            font-size: 16px;
        }
        
        .back a.btn.btn-secondary {
            border: none;
            font-size: 15px;
            color: #669834;
            font-weight: 900;
            margin: 11px 0;
            outline: none;
            box-shadow: none !important;
            background: transparent;
        }
        
        .back {
            text-align: right;
        }
        
        .loder-image-text-loder {
            width: 80%;
            display: inline-block;
            vertical-align: middle;
        }
        
        .loder-image {
            display: inline-block;
            width: 19%;
            vertical-align: middle;
        }
        
        .loader {
            padding-top: 20px;
            display: none;
        }
        /*         
        .pricing-palden .pricing-item {
            padding-bottom: 35px;
        } */
        
        .align-center nav#w1 ul.pagination {
            margin-top: 35px;
        }
        
        .remove-bg-color {
            background: #fff;
        }
        
        .contact-form-remove-padding {
            padding: 0;
        }
        
        table.table.table-bordered tbody tr td img {
            position: relative;
            float: left;
            margin: 5px 6px;
            width: 18px;
        }
        
        table.table.table-bordered tbody tr td {
            position: relative;
        }
        
        .text-left-clas-here label {
            float: left;
        }
        
        .contact button.btn {
            width: auto;
        }
        
        .custom-width-lable {
            width: 50px;
            margin-left: 14px;
            display: inline-block;
        }
        
        .absolut-text {
            position: relative;
        }
        
        span.supper-class {
            position: absolute;
            right: -19px;
            top: 4px;
            font-size: 12px;
            text-align: center;
            width: 21px;
        }
        
        button.btn.btn-primary.btn-sm.btn-block.mt-4 {
            width: auto;
        }
        
        .modal-dialog.modal-lg div#printableArea tr td img {
            height: auto;
            width: 18px;
            float: none;
        }
        
        .was-validated .form-control:invalid,
        .form-control.is-invalid {
            background-position: 91% 5px;
            background-image: none;
        }
        
        section.register-form h6 {
            font-size: 16px;
        }
        
        .modal-header {
            border-bottom: 1px #dee2e6;
        }
        
        .ui-state-highlight,
        .ui-widget-content .ui-state-highlight,
        .ui-widget-header .ui-state-highlight {
            border: 1px solid #659734;
        }
        
        .company-user {
            background: #ffffff !important;
        }
        
        .margin-top-5 a {
            color: #303030;
        }
        
        .communication-content form#communication-setting label.custom-control-label {
            padding-top: 0;
        }
        
        .web-base .form-group select.custom-select {
            font-size: 0.875rem;
            color: #334d1a;
            font-weight: 600;
        }
        
        .table-freight td,
        .table-freight th {
            border: none;
        }
        
        @media print {
            .noprint {
                display: none !important;
            }
            tbody tr td img,
            table.table.table-bordered tbody tr td img {
                height: 18px !important;
                width: 18px !important;
            }
            table.table.table-bordered tbody tr td img {
                position: relative;
                float: none;
                margin: 5px 9px;
                width: 18px;
            }
            .table-bordered,
            .table tr {
                border: 1px solid #dee2e6;
            }
        }
        
        @media screen and (max-width: 1920px) and (min-width: 1200px) {
            table.table.table-bordered tr td,
            table.table.table-bordered tr th {
                text-align: left;
            }
            body table.table.table-bordered tbody tr td img {
                height: 18px;
                float: left;
            }
        }
        
        @media screen and (max-width: 1199px) and (min-width: 320px) {
            body table.table.table-bordered tbody tr td img {
                height: 18px;
                float: none;
            }
        }
        
        .base-data-content.p-20 form#billing_information .form-group.field-billinginformation-pay_method select#billinginformation-pay_method,
        .base-data-content.p-20 form#communication-setting select#customersetting-language,
        select#additionalbillingaddress-country_id,
        select#contactform-salutation {
            height: 30px;
            padding-top: 4px;
        }
        
        .custom-select {
            font-weight: 300 !important;
        }
        
        .registration-form .form-control {
            height: 33px;
        }
        
        .card.h-295 .form-group {
            margin-bottom: 0.8rem;
        }
        
        .first-step p {
            top: 26%;
        }
        
        .freight-item-view p.margin-top-5.strong a {
            color: #669834;
            font-weight: 600;
        }
        
        table.table.table-bordered tbody tr td {
            color: #669834;
        }
        
        ul.pricing-feature-list.text-left {
            padding: 0 9px 30px;
        }
        
        .form-check.price-frm-min-here label {
            margin: 0;
        }
        /* 3/2/21 */
        
        div#web-based1 {
            width: 100%;
        }
        .loading_part-section select, .web-base select,select#freightitem-dangerous_class {
            padding-right: 0 !important;
        }
        .zusätzliche label {
            padding: 0;
        }
        .loading_part-section .custom-width-lable {
            margin-left: 0;
        }
        .loading_part-section .zusätzliche h6.text-green {
            margin-left: -15px;
        }
        div#vehicle_part .col-lg-8 {
            padding-right: 0;
        }
       
        @media screen and (min-width:768px)and (max-width:991px) {
            body .first-step ,   body .third-step,  body .second-step {
                display: none;
            }
            body .third-step {
                height: 1317px;
                top: 26%;
                margin-left: 2px; 
            }
            body .second-step {
                height: 463px;
                top: 142px;
                margin-left: 2px;
            }
            body .first-step {
                height: 123px;
                top: 20px;
                margin-left: 2px;
            }
            body .form-start h6 {
                font-size: 9px;
            }
            body .col-lg-8.absolut-text {
                flex: 66%;
            }
            }
             @media screen and (min-width:992px)and (max-width:1199px) {
            body .third-step {
                height: 376px;
                top: 31.4%;
                margin-left: 2px 
            }
            body .second-step {
                height: 150px;
                top: 102px;
                margin-left: 2px
            }
            body .first-step {
                height: 83px;
                top: 20px;
                margin-left: 2px;
            }
            body .form-start h6 {
                font-size: 9px;
            }
            body .col-lg-8.absolut-text {
                flex: 66%;
            }
            }

            .was-validated .custom-select:invalid, .custom-select.is-invalid {
                background-image: none;
            }
            table.table.table-bordered.image-change-class tbody tr td {
                text-align: left;
            }
            .invoce-mail-section {
                padding: 20px;
            }
            .invoce-mail-section .input-group-append {
                height: 28px;
                min-width: 35px;
            }

            #suchesearch-from_radius, #suchesearch-to_radius {
                font-size: 10px;
            }

/* Add sort icon here */
a.asc:after {
    content: "\f15e";
}

a.desc:after {
    content: "\f15d";
}

a.asc:after, a.desc:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.table-container {
    border: 2px solid #f2f2f2;
    padding: 2px;
}
.table-custom thead tr th {
    border: 2px solid #ffff;
    padding-left: 5px;
}
.table-custom tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-custom td {
    padding: 30px;
    border: 2px solid #ffff;
}

.col-lg-2 {
    padding-right: 0;
}
#manage .btn-secondary{
    font-size: 14px;
}
/* .table-top{
    display: flex;
} */
.app-badge{
    height: 3rem;
}
.video-container{
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 25%;
    height: auto;
    z-index: 10;
}
#close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 11;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.btn-cta {
    --cta-color: #28a745; /* default color */
    background-color: var(--cta-color);
    color: #fff;
    padding: 14px 26px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    border: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
}

.btn-cta:hover {
    background-color: #fff;
    color: var(--cta-color);
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.btn-cta:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.15);
}
.slider-area .overlay  {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* Mobile & tablet */
@media (max-width: 768px) {
    .overlay-content {
        flex-direction: column;
        width: 90%;
        right: 5%;
        top: 10%;
    }

    .login-form,
    .cta-wrapper {
        width: 100%;
        text-align: center;
    }

    .cta-wrapper {
        margin-top: 25px;
    }
}