.primary {
    --main-bg-color: #355691
}

.accentText {
    color: #00abfb
}

.lightText {
    color: #ffffff
}

.secondary {
    --main-bg-color: #5F5AA2
}

.secondarydark {
    --main-bg-color: #413F54
}

.complementary {
    --main-bg-color: #f5f6fa
}

.mainbg {
    --main-bg-color: #3F4045
}

.cardStyle {
    position: relative;
    background: #f5f6fa;
    font-size: 14px
}

.cardTextStyle {
    position: relative;
    font-size: 14px;
    background: #f5f2f0
}

.linearBg {
    background: linear-gradient(to bottom, white, #bee5fd, white);
    background-size: auto 100%; /* The height of the background is set to 200% of the element's height */
    background-position: center center; /* The background is centered horizontally and vertically */
    background-repeat: no-repeat; /* The background doesn't repeat */
}

.bottomBg {
    background: #009dfb;
}

.highlightCenter {
    position: relative;
    font-size: 19px;
    border-radius: 25px;
    background: #f5f2f0
}

.miniH2 {
    height: 2.2em;
    white-space: nowrap;
}

.no-side-marging {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.miniH2sub {
    height: 5.5em;
}

.btnHuge {
    font-size: 36px;
    font-weight: bold;
    padding-right: 30px;
    padding-left: 30px;
}

.btnOrange {
    background-color: #f17942;
    border-color: #f17942;
}

.btnOrange:hover {
    background-color: #ce5924;
    border-color: #ce5924;
}

.whiteBgText {
    text-shadow: 1px 1px 1px #000, 3px 3px 5px #a2a79f
}

body {
    margin: 0;
    padding: 0;
    font-family: Montserrat, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.navbar-custom {
    font-weight: 500;
    background-color: white; /* Setzt den Hintergrund der Navbar auf weiß */
    box-shadow: 0 2px 4px 0 rgba(0, 168, 255, 0.2); /* Dezenter Schatten mit Transparenz */
}

.footer {
    font-weight: 500;
}

code {
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
}

.jumbotron {
    color: #000000;
    background-color: #00a8ff;
    border-radius: 0 !important;
    background-image: url(/img/world.svg);
    background-size: cover;
    background-position: 100%;
    font-weight: 500;
    line-height: 1.2
}

.jumbotron h1 {
    text-shadow: 1px 1px 1px #000, 3px 3px 5px #a2a79f;
    /*text-transform: uppercase;*/
    font-size: 3.75rem
}

.figurerotated {
    position: relative;
    width: 480px;
    height: 360px;
    perspective: 1200px;
    -ms-transform: translate(35px, 0px);
    -webkit-transform: translate(35px, 0px);
    transform: translate(35px, 0px)
}

.figurerotatedScaled {
    position: relative;
    width: 360px;
    height: 270px;
    perspective: 900px;
    -ms-transform: translate(-74px, -45px);
    webkit-transform: translate(-74px, -45px);
    transform: translate(-74px, -45px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cardrotated {
    position: relative;
    width: 480px;
    height: 360px;
    -webkit-transform: rotate3d(1, 1, 0, 15deg) rotate(-1deg);
    transform: rotate3d(1, 1, 0, 15deg) rotate(-1deg);
    -webkit-box-shadow: -27.1px 62.5px 125px -25px rgba(50, 50, 93, .5), -16.2px 37.5px 75px -37.5px rgba(133, 133, 133, 0.6);
    box-shadow: -27.1px 62.5px 125px -25px rgba(50, 50, 93, .5), -16.2px 37.5px 75px -37.5px rgba(133, 133, 133, 0.6);
    background: #f5f6fa;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: none;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cardrotatedScaled {
    position: relative;
    width: 480px;
    height: 360px;
    -webkit-transform: rotate3d(1, 1, 0, 15deg) rotate(-1deg) scale(0.7);
    transform: rotate3d(1, 1, 0, 15deg) rotate(-1deg) scale(0.7);
    -webkit-box-shadow: -27.1px 62.5px 125px -25px rgba(50, 50, 93, .5), -16.2px 37.5px 75px -37.5px rgba(133, 133, 133, 0.6);
    box-shadow: -27.1px 62.5px 125px -25px rgba(50, 50, 93, .5), -16.2px 37.5px 75px -37.5px rgba(133, 133, 133, 0.6);
    background: #f5f6fa;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: none;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card {
    position: relative;
    border: none;
    padding: 0;
    float: none;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dbBkColorOne {
    background-color: #f55039
}

.dbKColorTwo {
    background-color: #46A6F7
}

.dbBkColorThree {
    background-color: #47887E
}

.dbBkColorFour {
    background-color: #8E44AD;
}

.dbBkColorFive {
    background-color: #2ECC71;
}

.dbBkColorSix {
    background-color: #F59B24
}

.dbPaddingBtm {
    padding-bottom: 50px
}

.dbButtonColorSquare {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.50);
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.dbButtonColorSquare:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.50);
    border: none
}

.dbPricingEleven {
    margin-bottom: 30px;
    margin-top: 50px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 30px
}

.dbPricingEleven ul {
    list-style: none;
    margin: 0;
    text-align: center;
    padding-left: 0
}

.dbPricingEleven ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer
}

.dbPricingEleven ul li i {
    margin-right: 5px
}

.dbPricingEleven .price {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 40px 20px 20px;
    font-size: 60px;
    font-weight: 900;
    color: #FFFFFF
}

.dbPricingEleven .price small {
    color: #B8B8B8;
    display: block;
    font-size: 12px;
    margin-top: 22px
}

.dbPricingEleven .type {
    background-color: #52E89E;
    padding: 50px 20px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 30px
}

.dbPricingEleven .pricingFooter {
    padding: 20px
}

.dbPricingEleven.popular {
    margin-top: 10px
}

.dbPricingEleven.popular .price {
    padding-top: 80px
}

.ulListFeatures {
    list-style-type: none;
    margin: 0;
    padding-left: 0
}

.ulListFeatures svg {
    margin-right: 15px;
}

.costtable {
    color: #5b687e;
}

.costtable td, .costtable th {
    border: none;
}

.costtable td:nth-child(2) {
    text-align: right;
}

.costtable tr:nth-child(3) {
    font-weight: bold;
    font-size: 1.5em;
    color: #1d1d1d;
}

.additional a {
    color: #1d1d1d;
    text-decoration: underline;
}

.dbAttached > .col-lg-3, .dbAttached > .col-lg-2, .dbAttached > .col-md-3, .dbAttached > .col-md-2, .dbAttached > .col-sm-3, .dbAttached > .col-sm-2 {
    padding-left: 0;
    padding-right: 0
}

.dbPricingSubscription {
    list-style: none
}

.subscriptionSelected {
    background-color: rgba(85, 191, 63, 0.29)
}

.cardStyle {
    position: relative;
    background: #f5f6fa;
    font-size: 14px
}

* {
    box-sizing: border-box
}

.body, .html {
    background-color: #f6f9fc;
    font-size: 18px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.heading {
    /*color: #070505;*/
    font-size: 60px;
    font-weight: bold;
    padding-bottom: 1rem;
}

.subheading {
    font-size: 40px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}


.subsubheading {
    color: #032326;
    font-size: 24px;
}

.why-section {
    padding-bottom: 0.4rem;
    margin: 0rem;
    font-size: 1.2rem;
}


li {
    font-size: 1.2rem;
}

a {
    font-size: 1.2rem;
}

p {
    font-size: 1.2rem;
}


h1 {
    color: #070505;
    padding: 0;
    text-transform: uppercase;
}

h2 {
    margin-bottom: 0.15rem;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2;
}


.Checkout {
    margin: 0 auto;
    max-width: 800px;
    box-sizing: border-box;
    padding: 0 5px
}

.label {
    color: #6b7c93;
    font-weight: 300;
    letter-spacing: .025em
}

.form-data {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 3px solid #e6ebf1
}

button:hover {
    color: #fff;
    cursor: pointer;
    background-color: #00a8ff;
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .10), 0 3px 6px rgba(0, 0, 0, .08)
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.StripeElement {
    display: block;
    margin: 10px 0 20px;
    max-width: 500px;
    padding: 10px 14px;
    font-size: 1em;
    font-family: 'Source Code Pro', monospace;
    box-shadow: rgba(50, 50, 93, 0.14902) 0 1px 3px, rgba(0, 0, 0, 0.0196078) 0 1px 0;
    border: 0;
    outline: 0;
    border-radius: 4px;
    background: white
}

input::placeholder {
    color: #aab7c4
}

input:focus, .StripeElement--focus {
    box-shadow: rgba(50, 50, 93, 0.109804) 0 4px 6px, rgba(0, 0, 0, 0.0784314) 0 1px 3px;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease
}

.StripeElement.IdealBankElement, .StripeElement.PaymentRequestButton {
    padding: 0
}

pre[class*="language-"] {
    padding: 1em;
    margin: 0.0em 0;
    overflow: auto;
}

.form-login {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-login-small {
    font-size: 14px;
    color: #383636;
}

.form-login-small a {
    text-decoration: underline;
    color: #383636;
}

.form-login-small a:hover {
    color: #383636;
}

.form-login .checkbox {
    font-weight: 400;
}

.form-login .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}

.form-login .form-control:focus {
    z-index: 2;
}

.form-login input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-try-for-free {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px; /* Passen Sie dies nach Bedarf an */
    font-weight: bold;
    text-decoration: none;
    color: white;
    background-color: #007bff;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.btn-try-for-free:hover {
    background-color: #0056b3;
    color: #ffffff;
}

.nav-padding {
    padding-top: 70px; /* Stellen Sie dies auf die Höhe Ihrer Navbar ein */
}

.turnstile-wrapper {
    min-height: 0px; /* für "compact" */
}

.social-login-btn {
    background-color: white !important;
    color: #333 !important;
    font-weight: 500;
    transition: all 0.2s;
    border: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
}

.social-login-btn:hover {
    background-color: #f8f9fa !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.login-subtitle {
    color: #666;
    font-size: 16px;
    margin-bottom: 20px;
}

.login-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
}

.login-divider-line {
    flex: 1;
    border-bottom: 1px solid #d9d9d9;
}

.login-divider-text {
    padding: 0 10px;
    color: #999;
    font-size: 14px;
}