html {
  scroll-behavior: smooth!important;
}

body{
	font-family: "Be Vietnam Pro", sans-serif;    
}

.accordion-body, ul:not(.navbar-nav), p:not(.footer-link):not(.small) {
    font-size: 1.1rem;
    line-height: 1.475;
}

a {
    color: #004187;
}

.form-check-input[disabled] ~ .form-check-label:not(.form-check-input:checked[type=checkbox] .form-check-label), .form-check-input:disabled ~ .form-check-label:not(.form-check-input:checked[type=checkbox] .form-check-label) {
    cursor: default;
    opacity: 0.45;
}

.form-control:not(.seminarsuche) {
    border-color: #3678be7a;
    border-width: 2px;
    background-color: #8db2da14;
}

input::placeholder {
  font-weight: normal!important;
  opacity: 0.5!important;
  color: #000!important;  
}

/*
mark, .mark {
    padding: 0.1875em;
    color: #004187;
    background-color: #fffaa4;
}*/

mark, .mark {
    padding: 0px;
    font-weight: 600;
    color: #064285;
    padding-left: 5px;
    padding-right: 5px;
    background-image: linear-gradient(120deg, rgb(249, 234, 23) 0%, rgba(249, 234, 23, 0.33) 80%);
    background-size: 100%;    
}

a:hover {
    color: #3678be;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active:not(.dropdown-toggle), .btn.active, .btn.show {
    /*background-color: #3678be;*/
}

.sticky-top {
    position: sticky;
    top: 85px;
    z-index: 1020;
}

.layout-navbar {
    z-index: 100;
}

.border-top {
    border-top: 1px solid #ffffff36!important;
}

.table > :not(caption) > * > * {
    color: #2f3349!important;
}

/*
.form-control {   
    padding: 0.9rem;
    font-size: 1rem;   
    margin-top: 20px;
}
.form-control:focus, .was-validated .form-control:invalid, .was-validated .form-control:valid, .form-control.is-invalid, .form-control.is-valid {
    border-width: 2px;
    padding-block: .9rem;
    padding-inline: .9rem;
}
*/

.button1{
    padding:10px;
    background-color:#DBECFC!important;
    letter-spacing:5%!important;
    color: #004187 !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: calc(.6rem + 0.3vw) !important;
}
.blogdatum{
    position: absolute;
    padding: 10px;
    background-color: #C2E7E9;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    top: 0px;
    left: 0px;
    margin-bottom:30px;
    padding-right:20px;
    font-weight: 500;
    padding-left: 25px;
    padding-right: 25px;
}

.layout-navbar .navbar-dropdown .badge-notifications {
    inset-block-start: 15px;
    inset-inline-end: 3px;
}

.card.blog {
    /*background: rgba(238, 244, 252, 1) url(/images/bg-blog.png) no-repeat fixed center;*/
    /*background: #fff url(/images/blog-bg.png) no-repeat center;*/
    /*background: #fff url(/media/eu4dm3ga/stotax-blog-alle.webp) no-repeat center;*/
    /*background-position-x: 150px;
    background-position-y: 120px;*/
    background-size: cover;
}

.card-body {
    padding: 15px;
}

.modal-loading {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8) url('/images/loading.gif') 50% 30% no-repeat;
    background-size: 60px 60px;
}

nav.layout-navbar .navbar.landing-navbar .navbar-nav .show > .nav-link, nav.layout-navbar .navbar.landing-navbar .navbar-nav .active > .nav-link, nav.layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show, nav.layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active, nav.layout-navbar .navbar.landing-navbar .navbar-nav .nav-link:hover {
    color: #3678be;
}

nav.layout-navbar.navbar-active .landing-navbar {
    /*box-shadow: 0px 3px 2rem 1px rgb(47 43 61 / 20%);*/
    box-shadow: 0px 0px 0.8rem 0px rgb(47 43 61 / 20%);

}

.parsley-errors-list{list-style: none;font-size: .9em;color: red;padding-left:5px;margin-top:5px;}

.btn.disabled{background-color:#eee;color:#000;}
.border-white{
    border: 2px solid #ffffff!important;
}
h1{
	font-size:3.5em;
    /*font-size: calc(1.5rem + 2.1vw);*/
	line-height:1.1;
}

.fs-4 {
    font-size: calc(1.1rem + 0.3vw) !important;
}

h2, .h2 {
    line-height: 1.1;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3 {
    line-height: 1.2;
}

.table th {
    font-size: 1rem;
    text-transform: none;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-weight: 400;
    text-wrap: balance;
    /*Silbentrennung
    -webkit-hyphens: auto;
    -ms-hyphens: auto; 
    hyphens: auto; 
    */
}

p{text-wrap: balance;}

.fw-500{font-weight:500;}

.nav-pills .nav-link.active, .btn:hover {
    color: #fff!important;
    background-color: #004187!important;
    /*border: 2px solid white !important;*/
}
.btn:hover>i {
    color: #fff!important;    
}

p.eur {
    font-size: 2.2em;
    font-weight: bold;
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list:not(.dropdown-notifications-list.mein-profil) {
    max-block-size: none;
    max-height: 600px;
    overflow: overlay;
}

p.titel {
    font-size: 1.8em;
    font-weight: bold;
}


.h-80{height:80%;}

nav.layout-navbar.navbar-active::before {
    backdrop-filter: unset;
}

i{color:#004187;}

.text-blue{
	color: #3678BE!important;
}

.text-blue-dark{
	
	color: #004187!important;
}

.btn-outline-primary{
    color: #004187;
    border-color: #004187;
}
.btn-outline-primary:active, .btn-outline-primary:hover {
    color: #fff!important;
    border-color: #004187!important;
    background-color: #004187!important;
}

.bg-orange{background-color:#f08921;}
.bg-light-blue{background-color: #DBECFC;}
.bg-dark-blue{background-color: #004187;}
.bg-footer{background-color:#173870;}
.bg-green{background-color:#32ab5c;}
.bg-magenta{background-color:#bc3b85;}
.bg-lohnsteuer{background-color:#37cde447;}
.bg-konzern{background-color:#df3f4a;}
.bg-blog{background-color: rgba(109, 184, 190, 1);}

.btn-secondary{
    background-color: #f08921;
    color:#fff;
}

.btn-third{
    background-color: #3678BE;
    color:#fff;
}

.btn-secondary .ti, .btn-third .ti{background-color:#fff;color:#fff;}

.form-check-input:checked {
    border-color: #004187;
    background-color: #004187;
}

.nav-link {
    font-weight: 400;
	font-size: 1.1em;
}

nav.layout-navbar .navbar.landing-navbar .navbar-nav .nav-link {
    padding-inline: 1rem;
    color: #000;
}

.swiper {
    padding: 15px;
}

.btn-cart:hover{background-color:#eee;}

.card{border-radius:20px;}

.fs-13{
    font-size: 1.3rem !important;	
}
.fs-15{
    font-size: 1.5rem !important;	
}
.fs-18{
    font-size: 1.8rem !important;	
}

.fs-8px{font-size: 8px!important;}
.fs-10px{font-size: 10px!important;}
.fs-12px{font-size: 12px!important;}
.fs-14px{font-size: 14px!important;}
.fs-16px{font-size: 16px!important;}
.fs-18px{font-size: 18px!important;}
.fs-20px{font-size: 20px!important;}
.fs-25px{font-size: 25px!important;}
.fs-30px{font-size: 30px!important;}

.fs-20{
    font-size: 2rem !important;	
}
.fs-25{
    font-size: 2.5rem !important;	
}

.btn-grad {    
	background-image: linear-gradient(to right, #104188 0%, #5488c5 51%, #104086 100%);
}

.btn-grad {
	
	transition: 0.5s;
	background-size: 200% auto;
	color: white;            
	box-shadow: 0 0 20px #eee;
	
}

.btn-grad:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}

.div-grad-top-bottom{
	background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 51%, #E2EEFA 100% 100%);
}

.div-grad-bottom-top{
	background-image: linear-gradient(to top, #ffffff 0%, #ffffff 51%, #E2EEFA 100% 100%);
}

.div-grad-bottom-top-green{
	background-image: linear-gradient(to top, #ffffff 0%, #ffffff 51%, #C9E8E8 100% 100%);
}

.div-grad-left-right {
    background-image: linear-gradient(to right, #ffffff 0%, #ffffff 30%, #E2EEFA 100% 100%)
}

.div-grad-right-left {
    background-image: linear-gradient(to left, #ffffff 0%, #ffffff 30%, #E2EEFA 100%);
}

.div-grad-dark-left-right {
    background-image: linear-gradient(to right, #004187 0%, #3678BE);
}

.div-grad-orange-top-bottom{
	background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #FFDEB2 100% 100%);
}

.div-grad-grey-left-right{
    background-image: linear-gradient(to right, #0A6D73 0%, #6DB8BE 100% 100%);
}

ul.haken {
    list-style-type: none;
}

ul.haken li:before {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 15px;    
	display: inline-block;
	padding-right: 5px;
    margin-left: -30px;
}

ul.haken-kanzlei li:before {
    background: transparent url(/images/aufzaehlung.png) scroll 0 0 no-repeat;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 9px;
    background-size: contain;
    background-position: 0;
    margin-left: 0px;
}

ul.haken li {
    list-style: none;
    position: relative;
    padding: 9px 0 0 40px;
}

ul.haken-konzern li:before {
    background: transparent url(/images/aufzaehlung-konzern.png) scroll 0 0 no-repeat;
    content: "";
    background-size: contain;
    background-position: 0;
}

ul.haken-betrieb li:before {
    background: transparent url(/images/aufzaehlung-betrieb.png) scroll 0 0 no-repeat;
    content: "";   
    background-size: contain;
    background-position: 0; 
}

ul.haken-select li:before {
    background: transparent url(/images/aufzaehlung-select.png) scroll 0 0 no-repeat;
    content: "";
    background-size: contain;
    background-position: 0;    
}

.landing-footer {
	background-color: #e8ecf3 !important;
}

.landing-footer .footer-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.footer-link{
	padding: 10px 10px 10px 10px;
    border-radius: 10px;
	font-weight:400;
}

 .footer-link-head{
	padding-left:10px;
    letter-spacing: 10%;
 }

p.footer-link{margin-bottom:5px;}

.footer-link:hover{
	background-color: #2b4a83;	
}

/*
.form-control:hover:not(:focus):not(.tagify--focus), .form-control:focus {
    border-color: #ffffff;
}
*/

hr.blue{color: #3e78bc;}

/* IRS Kanzlei */

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    background-color: #f08921;
}
.irs--round .irs-bar {
    background-color: #f08921;
}
.irs--round .irs-handle {
    border: 4px solid #f08921;
	background-color: #f08921;
}
.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
    background-color: #f08921;
}
.irs--round .irs-min, .irs--round .irs-max {
    color: #ffffff;
    background-color: #f08921;
}
.irs--round .irs-grid-text {
    font-size: 14px;
}


/* IRS Kontor */

.irs-kontor .irs--round .irs-from, .irs-kontor .irs--round .irs-to, .irs-kontor .irs--round .irs-single {
    background-color: #696969;
}
.irs-kontor .irs--round .irs-bar {
    background-color: #696969;
}
.irs-kontor .irs--round .irs-handle {
    border: 4px solid #696969;
	background-color: #696969;
}
.irs-kontor .irs--round .irs-handle.state_hover, .irs-kontor .irs--round .irs-handle:hover {
    background-color: #696969;
}
.irs-kontor .irs--round .irs-min, .irs-kontor .irs--round .irs-max {
    color: #ffffff;
    background-color: #696969;
}

.irs-kontor .irs--round .irs-grid-text {
    color: #ffffff;
    font-size: 14px;
}


/* IRS Lohnsteuer */

.irs-lohnsteuer .irs--round .irs-from, .irs-lohnsteuer .irs--round .irs-to, .irs-lohnsteuer .irs--round .irs-single {
    background-color: #004187;
}
.irs-lohnsteuer .irs--round .irs-bar {
    background-color: #004187;
}
.irs-lohnsteuer .irs--round .irs-handle {
    border: 4px solid #004187;
	background-color: #004187;
}
.irs-lohnsteuer .irs--round .irs-handle.state_hover, .irs-lohnsteuer .irs--round .irs-handle:hover {
    background-color: #004187;
}
.irs-lohnsteuer .irs--round .irs-min, .irs-lohnsteuer .irs--round .irs-max {
    color: #ffffff;
    background-color: #004187;
}
.irs-lohnsteuer .irs--round .irs-grid-text {
    color: #004187;
    font-size: 14px;
}
.irs-lohnsteuer .irs--round .irs-line {
    background-color: #004187;
}
.irs-lohnsteuer .irs--round .irs-grid-pol {
    background-color: #004187;
}

/* IRS Konzern */

.irs-konzern .irs--round .irs-from, .irs-konzern .irs--round .irs-to, .irs-konzern .irs--round .irs-single {
    background-color: #fff;
    color: #df3f4a;
}
.irs-konzern .irs--round .irs-bar {
    background-color: #fff;
}
.irs-konzern .irs--round .irs-handle {
    border: 4px solid #fff;
	background-color: #fff;
}
.irs-konzern .irs--round .irs-handle.state_hover, .irs-konzern .irs--round .irs-handle:hover {
    background-color: #fff;
}
.irs-konzern .irs--round .irs-min, .irs-konzern .irs--round .irs-max {
    color: #df3f4a;
    background-color: #fff;
}
.irs-konzern .irs--round .irs-grid-text {
    color: #ffffff;
    font-size: 14px;
}
.irs-konzern .form-check-input:checked {
    background-color: #df3f4a;    
}

/* IRS Lohnsteuer 

.irs-lohnsteuer .irs--round .irs-from, .irs-lohnsteuer .irs--round .irs-to, .irs-lohnsteuer .irs--round .irs-single {
    background-color: #104185;
    color: #fff;
}
.irs-lohnsteuer .irs--round .irs-bar {
    background-color: #104185;
}
.irs-lohnsteuer .irs--round .irs-handle {
    border: 4px solid #104185;
	background-color: #104185;
}
.irs-lohnsteuer .irs--round .irs-handle.state_hover, .irs-lohnsteuer .irs--round .irs-handle:hover {
    background-color: #104185;
}
.irs-lohnsteuer .irs--round .irs-min, .irs-lohnsteuer .irs--round .irs-max {
    color: #df3f4a;
    background-color: #104185;
}
.irs-lohnsteuer .irs--round .irs-grid-text {
    color: #104185;
    font-size: 14px;
}
.irs-lohnsteuer .form-check-input:checked {
    background-color: #104185;    
}
*/

.overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 11px;
    z-index:1;
}	
.overlay img{
    height: 100%;
    width: 100%;
}

.gradient {
    width: 100%;
    /*height: 100px;*/

    svg {
    height: 80px;
    width: 100%;
    .main {
        /*fill: #f4f4f4;*/
        fill:#fff;
    }
    }
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

.subnav{width:185px;}

.landing-features{
    /*background-color:#22589c;*/
    background-image: linear-gradient(to left, #3678BE 0%, #004187 100%);
}

.subline{}

.swiper-button-next{display:none;}
.swiper-button-prev{display:none;}

.pt-150{padding-top:150px;}


.circle-number-karriere {
    background-color: #f08921; /* Background color of the circle */
    color: #fff; /* Text color */
    width: 2em; /* Set a consistent width and height */
    height: 2em;
    border-radius: 50%; /* This makes the square element a circle */
    display: inline-flex; /* Use flexbox to easily center the number */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    font-weight: bold; /* Optional: bold text */
    font-size: 1.5rem; /* Optional: adjust font size */
}

.circle-number-kontor {
    background-color: #32ab5c; /* Background color of the circle */
    color: #fff; /* Text color */
    width: 2em; /* Set a consistent width and height */
    height: 2em;
    border-radius: 50%; /* This makes the square element a circle */
    display: inline-flex; /* Use flexbox to easily center the number */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    font-weight: bold; /* Optional: bold text */
    font-size: 1.5rem; /* Optional: adjust font size */
}

.headline-product{
    padding-top:250px;
    padding-left:150px;
    padding-bottom:100px;
}

nav.layout-navbar .navbar.landing-navbar {
    background-color: rgb(255 255 255 / 60%);	
}

.mh-500{max-height:unset;}
.pt-300{padding-top:unset;}
.pt-400{padding-top:unset;}
.pt-500{padding-top:unset;}
.pt-600{padding-top:unset;}
.mt-300{margin-top:unset;}

.pt-250{padding-top:250px;}
.pb-250{padding-bottom:250px;}


/* U.a. auf Startseite PAGE-HEADER */

.w-background-video {
    color: rgb(255, 255, 255);
    height: 700px;
    position: relative;
    overflow: hidden;
}

.w-background-video > video {
    object-fit: cover;
    z-index: -100;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: 50% center;
    margin: auto;
    inset: -100%;
}

.start-bg-video-overlay-top {
    background-image: linear-gradient(180deg, #17426900 80%, #fff);
    /* opacity: 0.5; */
    position: absolute;
    inset: 0%;
}


.start-bg-video-overlay {
    z-index: 1;
    background-image: linear-gradient(270deg, #17426900 40%, #fff);
    position: absolute;
    inset: 0%;
}

.start-bg-video-overlay-bottom {
    background-image: none;
    position: absolute;
    inset: 0%;
}

.start-hero-bg-vid {
    z-index: 1;
    width: 65%;
    height: 700px;
    position: absolute;
    inset: 0% 0% 0% auto;
}

.start-hero-max-width {
    grid-column-gap: 2rem;
    /*grid-row-gap: 2rem;*/
    flex-flow: column;
    align-items: flex-start;
    max-width: 45rem;
    display: flex;
    padding-top: 12rem;
}


@media (max-width: 768px) {
    
    .start-hero-max-width {
        padding-top: 8rem;
    }

    .subnav {
        width: 190px;
        padding-bottom: 15px;
    }

    .pt-120 {
        padding-top: 40px!important;
    }

    .pb-120 {
        padding-bottom: 40px!important;
    }

    .pb-70 {
        padding-bottom: 20px!important;
    }

    .pt-250{padding-top:50px!important;}
    .pb-250{padding-bottom:50px!important;}
    
}

@media (max-width: 1200px) {

    .headline-product{
        padding-top:50px;
        padding-left:20px;
        padding-bottom:100px;
    }

    .headline-image{
        padding-top: 120px;
        margin-left: -20px;        
    }

    .headline-product h1{font-size: 3em;}
}



@media (min-width: 1200px) {    
    .pt-xl-220{padding-top:220px!important;}
    .pt-xl-200{padding-top:200px!important;}
    .pt-xl-180{padding-top:180px!important;}
    .ps-xl-200{padding-left:200px!important;}
    .ps-xl-150{padding-left:150px!important;}
    .max-height-xl-700{max-height:750px;}
    .max-height-xl-200{max-height:600px;}
    .max-height-xl-866{max-height:866px;}
    .max-height-xl-913{max-height:913px;}
    .max-height-xl-1000{max-height:1000px;}
    .max-height-xl-1200{max-height:1200px;}
    .max-height-xl-1500{max-height:1500px;}

    .mh-500{max-height:500px;}
    .pt-300{padding-top:300px;}
    .pt-400{padding-top:400px;}
    .pt-500{padding-top:500px;}
    .pt-600{padding-top:600px;}
    .pt-700{padding-top:700px;}
    .pt-800{padding-top:800px;}
    .mt-300{margin-top:300px!important;}

    .div-grad-right-left-menue {
        background-image: linear-gradient(to left, #ffffff 0%, #ffffff 30%, #1040861d 100%);
    }

    nav.layout-navbar .navbar.landing-navbar {
        backdrop-filter: saturate(100%) blur(6px);
    }
}

@media (min-width: 1200px) and ( max-width:1400px ) {
    .container-nav {
        max-width: 1440px;
    }
}