.goog-te-gadget-simple {
    background-color: #fff;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #d5d5d5;
    font-size: 10pt;
	border:none !important;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 2px;
    cursor: pointer;
    zoom: 1;
}

.form-select {
  width: auto;
}
.page-header .label {display:none}
h1.osm-page-title {font-size:30px!important}

.blogstartseite .article-wraper-inner {
	transition: all 200ms ease-in;
	border-radius: 12px;
}
.blogstartseite .article-wraper-inner:hover {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
	transform: translateY(-8px);
}

.full-image {
    background: #fff!important;
    padding: 10px!important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    margin-bottom: 30px!important;
}
.blogstartseite .item-image {margin-bottom:24px;}

.blogstartseite .article-wraper-inner {
    padding: 20px;
    background: white;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    margin-bottom: 0;
}


b, strong {
    font-weight: 700;
}

.form-control {
    box-shadow: none;
    border: 1px solid #eee;
}
#osm-profileContent * {font-size:12px !important}
.goog-te-gadget-simple .goog-te-menu-value span {
    color: #000 !important;
}

.blogstartseite .article-wraper-inner:hover {
    box-shadow: 0 0.125rem 0.55rem rgba(0, 0, 0, 0.175) ;
}
h1.osm-page-title {font-size:30px!important}

.startseite .readmore-btn{
    padding: 0.25rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0;
	color:#999;
	background-color:transparent;
	border:1px solid #ddd
}
.startseite .readmore-btn:hover{
    padding: 0.25rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0;
	color:#999;
	background-color:transparent;
	border:1px solid #000;
	text-decoration:none;

}
.view-category .article-text {
display:none}
/*uikit style als menu */
.uikit-site #content {
    background-color: #fff;
}

.uikit-site #content p{
    font-size:15px;
	line-height: 1.7;
	color: #333;

}

.uikit-site #content h3{
    font-size:2.4rem;
	position:relative;
	padding-bottom:0.65rem;
	margin-bottom:1.5rem;
}

.uikit-site #content h3::after {
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 30%;
	background-color: #1aa4e0 !important;
    border: none;
}
/*uikit style als module */
#uikit {
    background-color: #fff;
}

#uikit p{
    font-size:15px;
	line-height: 1.7;
	color: #333;

}

#uikit h3{
    font-size:2.4rem;
	position:relative;
	padding-bottom:0.65rem;
	margin-bottom:1.5rem;
}

#uikit h3::after {
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 30%;
	background-color: #1aa4e0 !important;
    border: none;
}
/*OS memebershipt*/
#osm_form_renew {display:none}
/* Tags View*/
.tp-tag-view .badge-light {
    color: #222;
    background-color: #f9f9f9;
}
.tp-tag-view .badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.tp-tag-view .badge-info {
    color: white;
    background-color: #1aa4e0;
	font-size:12px;
	line-height: 1.2;
}
.tag-category h2 {text-align:center; padding-bottom:10px}


.mod-list a.active::after {font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f053"; padding-left:4px}

/* Suche*/
span.highlight {
  border:2px dashed #1aa4e0;  
  padding:0.03em 0.25em;
}
.carousel-item {
	background: #fff !important;
    padding: 10px !important;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
margin-bottom: 30px !important;
margin-top: 10px !important;
}

#kunena.layout .bbcode_code .bbcode_code_body {
  font-size: 14px;
}
#kunena.layout .bbcode_code {
    border: none;
        border-left-color: currentcolor;
        border-left-style: none;
        border-left-width: medium;
    border-left: 2px solid #1aa4e0;
  position: relative;
  line-height: 1.7;
  overflow: hidden;
    background:#f8f8f8;
	color:#000;
	border-radius:0;

}


.mod-articles-category-group {
  color: #000;
  padding-bottom: 4px;
  font-size: 16px;
}
pre, quote, #kunena.layout .kmsg-ct blockquote {
    border: none;
        border-left-color: currentcolor;
        border-left-style: none;
        border-left-width: medium;
    border-left: 2px solid #aaa;
    display: block;
    font-style: normal;
  font-family: "Courier New", Courier, monospace;
    margin: 5px 0;
    padding: 20px;
    font-size: 14px;
    background-color: #f8f8f8;
	line-height:1.6;
	font-weight:300;
}
ul.navHorizontalView li a {
  padding: inherit;
}

ul.tags .label {
  background-color: #fff;
  font-size: 0.9em;
  line-height: normal;
  border: 1px solid #aaa;
  color: #666;
  font-weight: 300;
}

#kunena.layout .btn:hover, #kunena.layout div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:hover {
  background: #f2f2f2;
}

#kunena.layout .ktopic-hits .replies-num, #kunena.layout .ktopic-hits .views-num, #kunena.layout .ktopic-views .replies-num, #kunena.layout .ktopic-views .views-num, #kunena.layout .ktopic-replies .replies-num, #kunena.layout .ktopic-replies .views-num {
  font-size: 12px;
  font-weight: 300;
}
#kunena.layout .tab-content {
  display: unset !important;
}
#kunena.layout .kmessage .kmsg {
    line-height: 1.6;
    padding: 4px 0;
}
#kunena.layout .kmsg br {
    display: block;
    margin-bottom: 4px;
}
#kunena.layout .kpostmessage #tabs_kunena_editor li.active a {
    background-color: #337ab7;
    color: #fff!important;
}
#kuserform .fade,#kuserform .fade:not(.show) {
  opacity: 1;
}
#kunena.layout .row-actions .nts-pagination ul li.active a {
    color: #fff !important;
}
#kunena.layout .row-actions .nts-pagination ul li.active a {
    color: #fff !important;
}
#kunena.layout .kwho-globalmoderator {
    color: #555;
}
#kunena.layout .kmessage .kprofile-left .user-name, #kunena.layout .kmessage .kprofile-right .user-name {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: none;
    text-transform: none;
	word-wrap: break-word;
}
#kunena.layout .kcol-cat-title .cat-title {
    font-size: 20px;
    font-weight: 500;
}
#kunena.layout .kcol-topic-title h3 {
    font-size: 16px;
    line-height: 1.4;
	font-weight: 500;
}
#kunena.layout .kcol-topic-views .ktopic-views-number,
#kunena.layout .kcol-topic-replies .ktopic-replies-number{
    color: #777777;
    display: block;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    text-align: center;
}
#kunena.layout .kcol-topic-replies .ktopic-replies,
#kunena.layout .kcol-topic-views .ktopic-views{
    letter-spacing: normal;
    text-transform: none;
}
#kunena.layout .navbar .navbar-nav > li > a {
    color: #000;
    font-weight: 300;
    text-align: center;
    text-shadow: none;
}
#kunena .form-control {
    padding: 0px !important;
}
#kcategory-count{
	color:#000
}
#kunena .category .header-desc {
	background:#f8f8f8;
	padding:10px;
	border:1px solid #eee;

}
#kunena.layout .kwho-admin {
    color: #1aa4e0;
}
#kunena.layout .knewchar {
    background-color: transparent !important;
    color: #c0392b;
}
span.ktopic-start, 
span.ktopic-post-by {
    display: none;
}
span.ktopic-category {
    font-size: 12px;
}
#kunena.layout div.kmessage .highlight pre {
    background-color: #f2f2f2;
    border: 0;
        border-left-color: currentcolor;
        border-left-style: none;
        border-left-width: 0px;
    font-size: 14px;
    border-left: 2px solid #ccc;
}
sub {
}
sub, sup {
    position: relative;
    font-style: normal;
    font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
    line-height: 100%;
    vertical-align: baseline;
	bottom: auto;
padding: .2rem .4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: .2rem;
}
#kunena.layout sup.knewchar {
  font-size: 12px;
  padding-left: 3px;
  font-weight: 600;
}
#kunena.layout div.kmessage blockquote {
    background-color: #fff;
    border-radius: 0;
    border: 0;
    color: #000;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6;
    padding: 20px;
    position: relative;
	font-style:italic;
	border-left:2px solid #5bc0de;
}
#kunena.layout div.kmessage blockquote::before {
    display: none;
}
.form-control {
    height: auto;
    font-size: 14px;
    font-weight: 300;
}
#kunena.layout .kmsg br {
    
    margin-bottom: 8px !important;
}
#kunena.layout hr {
    margin: 1rem!important;
    background: #ccc!important;
    width: 50%!important;
}
#kunena.layout .kfrontend .ksection-header h2 small {
  color: #fff;
}
#kunena span.bg-warning {
	background:none!important;
	margin-left:1rem;
}
#kunena.layout .ktopic-subject .ktopic-meta span {
  margin-right: 0;
}
#kunena.layout .ktopic-subject .ktopic-meta span i {
  color: #555;
  margin-right: 2px;
  margin-left:2px;
}
#kunena.layout .kpost-editor {
  border: none;
}
#kunena.layout .khistory-item {
  border: none;
  background:#fff;
}
#kunena.layout .kmessage-wrap {
  background: #fff;
}
#kunena .kbutton-create {
  color: #fff !important;
}
.uikit img {
  box-shadow: 3px 5px 30px 0 rgba(0,0,0,.1);
  padding: 10px;
  background: #fff;
  transition: all 200ms ease-in;
}
.uikit img:hover {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}
hr.primary::after {
  content: "";
  border-bottom: solid 3px #1aa4e0 !important;
  width: 100px;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display:none;
}
hr.primary {
  padding: 5px 0;
  border: none;
  border-bottom: solid 2px #eee !important;
  font-weight: bold;
  position: relative;
  margin-bottom: 8px;
  width: 50%;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-bottom: 50px;
  margin-top: 30px;
  opacity:1;
}

.rsf_files td.rsfiles-download-info {padding:1rem}

.dropdown-toggle {background:#f2f2f2!important;color:#555}
.dropdown-toggle:hover {background:#f2f2f2!important;color:#000}



#topmenu a.buy-now-button { background:#1aa4e0!important; border-radius:10px;}
#topmenu a.buy-now-button:hover {opacity:0.7;}

.readmore a.btn {
  color: #000; 
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  margin: 20px 0;
}
.dropbtn {
  background-color: #fff;
  color: #000;
  padding: 6px 14px;
  font-size: 1rem;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f2f2f2;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #fff;}

.uk-description-list > dt {
  font-size: 1rem;
  font-weight: 600;
  text-transform: none;
}
        :root {
            --primary: #222;
            /* Dunkelgrau - Hauptfarbe */
            --secondary: #1aa4e0;
            /* Blau JP */
            --accent: #999;
            /* Mittelgrau für Hover-Effekte */
            --light: #fff;
            --dark: #222;
            /* Fast Schwarz für Text */
            --success: #38a169;
            --gray-light: #f2f2f2;
            --gray-medium: #999;
            --gray-extra-light: #f9f9f9;

            /* Konsolidierte Box-Shadow Variablen */
            --box-shadow-default: 0 5px 15px rgba(0, 0, 0, 0.08);
            --box-shadow-hover: 0 15px 30px rgba(0, 0, 0, 0.1);
            --box-shadow-large: 0 10px 30px rgba(0, 0, 0, 0.15);
            --box-shadow-large-hover: 0 15px 40px rgba(0, 0, 0, 0.05);
            --border-radius-default: 12px;
        }

        /* Smooth Scrolling */
        html {
            scroll-behavior: smooth;
        }

        .bg-light {
            background-color: #fff !important;
        }

        .bg-gray1 {
            background-color: #f2f2f2 !important;
        }

        .bg-gray2 {
            background-color: #f9f9f9 !important;
        }

        .trust-badge {
            background: var(--secondary);
            color: white;
            padding: 0.5rem 1.5rem;
            border-radius: 50px;
            display: inline-block;
            margin-bottom: 1.5rem;
            font-weight: 500;
            font-size: 0.9rem;
            border: none;
        }

        .install-badge {
            background: rgba(56, 161, 105, 0.9);
            color: white;
            padding: 0.8rem 2rem;
            border-radius: 10px;
            display: inline-block;
            margin-top: 2rem;
            font-weight: 600;
            font-size: 1.1rem;
            border: 2px solid rgba(255, 255, 255, 0.3);
        }

        /* UNIFIED CARD STYLES - Konsolidierte Box-Stile */
        .card-box {
            border: 1px solid var(--gray-light);
            border-radius: var(--border-radius-default);
            background: white;
            box-shadow: var(--box-shadow-default);
            transition: all 0.3s ease;
            height: 100%;
        }

        .card-box:hover {
            transform: translateY(-8px);
            box-shadow: var(--box-shadow-hover);
            
        }

        /* Trust Indicators */
        .trust-indicator {
            text-align: center;
            padding: 1.5rem;
            height: 100%;
        }

        .trust-icon {
            font-size: 2.5rem;
            color: var(--primary);
            margin-bottom: 1rem;
        }

        /* Feature Cards */
        .feature-card {
            padding: 2rem;
        }

        .feature-icon-box,
        .module-icon {
            width: 70px;
            height: 70px;
            background: #f2f2f2;
            border-radius: var(--border-radius-default);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.5rem;
        }

        .feature-icon-box i,
        .module-icon i {
            font-size: 1.8rem;
            color: var(--dark);
        }

        /* Module Cards */
        .module-card {
            padding: 1.5rem;
        }

        /* Screenshot Gallery */
        .screenshot-container {
            position: relative;
            border-radius: var(--border-radius-default);
            overflow: hidden;
            box-shadow: var(--box-shadow-large);
            margin-bottom: 2rem;
            transition: all 0.3s ease;
            border: 1px solid var(--gray-light);
        }

        .screenshot-container:hover {
            transform: translateY(-5px);
            box-shadow: var(--box-shadow-large-hover);
        }

        .screenshot-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(22, 22, 22, 0.65);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s;
        }

        .screenshot-container:hover .screenshot-overlay {
            opacity: 1;
        }

        /* Customer Reviews */
        .review-rating {
            color: #FFC107;
            font-size: 1.2rem;
            margin-bottom: 1rem;
        }

        .customer-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid var(--primary);
        }

        /* Section Styling */
        section {
            padding: 4rem 0;
        }

        .section-title {
            position: relative;
            margin-bottom: 3rem;
            text-align: center;
        }

        .section-title h2 {
            font-weight: 700;
            color: var(--dark);
        }

        .section-title .underline {
            height: 4px;
            width: 80px;
            background: var(--primary);
            margin: 0.5rem auto 1rem;
            border-radius: 2px;
        }


        /* Badges */
        .badge-primary {
            background-color: var(--primary);
            color: white;
        }

        .badge-secondary {
            background-color: var(--secondary);
            color: white;
        }

        .badge-success {
            background-color: var(--success);
            color: white;
        }


        /* Alerts */
        .alert-primary {
            background-color: rgba(45, 55, 72, 0.1);
            border-color: rgba(45, 55, 72, 0.2);
            color: var(--dark);
        }

        

        /* Responsive */
        @media (max-width: 768px) {
            .hero {
                padding: 5rem 0 4rem;
                text-align: center;
            }

            section {
                padding: 3rem 0;
            }

            .hero h1 {
                font-size: 2.2rem;
            }

            .install-badge {
                font-size: 1rem;
                padding: 0.6rem 1.5rem;
            }

            /* Adjust card padding on mobile */
            .feature-card {
                padding: 1.5rem;
            }

            .module-card {
                padding: 1.25rem;
            }
        }
.astroid-nav .nav-link.active, .astroid-nav .nav-link:active {

  border-radius: 10px;
}