/** Navigation **/

@media (max-width: 1199.98px) {
    #page-header nav.navbar .container { 
        height: unset !important;
    }
}

#page-header nav.navbar .container {
height:62px}

#page-header nav.navbar .nav-toggler-div,
#page-header nav.navbar .navbar-wrapper .btn .fa-search,
#page-header nav.navbar ul.navbar-nav li.nav-item a.nav-link.dropdown-toggle {
line-height:62px
}

#page-header nav.navbar .brand-logo {
max-width:140px !Important
}

#page-header nav.navbar .navbar-wrapper .btn:after {
bottom:0px
}

#searchBox {
top:62px
}

body {
margin-top:62px !important
}

/** Button // CTA'S neu **/

html footer .pre-footer .col-lg-3.order-first.order-lg-last p.show-on-mobile {
width:auto;
display:block;
}

html a i.fal.fa-external-link {
float:right;
}

html #content p a[target="_blank"] {
 margin-right:20px
}

html #content p a[target="_blank"]::before {
  font-family: "Font Awesome 5 Pro"; /* or "Font Awesome 6 Pro" depending on your version */
  content: "\f35d" !Important; /* Unicode for external-link in Font Awesome (check your version!) */
  font-weight: 300; /* Light (fal) */
  position:absolute !important;
  right:-20px !Important;
  top: -8px !important;
bottom:0 !important;
margin-top:auto !important;
margin-bottom:auto !important;
height:14px;
font-size:14px;
  display: inline-block;
}


html #content p a:not([class]),
html #content ul a:not([class]) {
width:auto;
position:relative !important;
display:inline-block;
color:#3562B0 !important
}

html #content ul a:not([class])::after,
html #content p a:not([class])::after {
content:'';
position:absolute;
width:100%;
right:0;
transition: all 0.3s ease;
bottom:5px;
height:1px;
background-color:#3562B0;
}

html #content ul a:not([class]):hover::after,
html #content p a:not([class]):hover::after {
width:0;
right:0
}

html .btn.btn-outline-primary.cta, 
html .btn.btn-tertiary,
html .btn.btn-primary, .new-btn-primary {
background:#F35E01 !important;
-webkit-box-shadow: 0; 
box-shadow: 0;
border-radius:8px !important;
transition: all 0.3s ease;
padding:8px 24px !important
}

html .btn.btn-tertiary:focus,
html .btn.btn-primary:focus,
.new-btn-primary:focus {
background:#E25B00 !Important;
}

html .btn.btn-tertiary:hover,
html .btn.btn-primary:hover,
.new-btn-primary:hover {
background:#FE7E29 !Important;
-webkit-box-shadow: 0px 0px 15px 0px rgba(4,33,85,0.15)important; 
box-shadow: 0px 0px 15px 0px rgba(4,33,85,0.15) !importan;
}

html .btn.btn-primary:disabled {
background:#ccc !important;
color:#666;
}

html .btn.btn-link {

}

html .btn.btn-primary-outline,
html .btn.btn-outline-primary.cta {
background-color:#FFF !important;
border:2px solid #F35E01 !important;
color: #F35E01;
border-radius:8px;
    padding: 6px 24px !important;
    font-size: 16px;
    font-weight: bold;
}

html .btn.btn-primary-outline {
background-color: transparent !important
}

html .btn.btn-primary-outline:hover,
html .btn.btn-outline-primary.cta:hover {
border:2px solid #FE7E29 !important;
color: #FE7E29;
}

html .btn i.fa-chevron-double-right {
display:none !important
}

html .btn i {
float:right;
position:relative;
left:0;
top:4px;
margin-left:6px;
transition: all 0.3s ease;
}

html .background-dark a.btn.btn-primary:hover {
background-color:#F3F7FB !Important
}

html button.btn.btn-link:has(i.far.fa-chevron-double-right)::after,
html button.btn.btn-primary-outline:has(i.far.fa-chevron-double-right)::after {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'><g clip-path='url(%23clip0_283_87)'><path d='M6.99989 5.53087L2.74989 9.78087C2.68104 9.85171 2.5984 9.9077 2.50707 9.94536C2.41575 9.98303 2.31767 10.0016 2.21889 9.99987C2.12009 10.0018 2.02196 9.98329 1.93061 9.94561C1.83926 9.90794 1.75664 9.85186 1.68789 9.78087L0.999893 9.06187C0.929172 8.99313 0.873261 8.91066 0.835599 8.81951C0.797937 8.72836 0.77932 8.63048 0.780893 8.53187C0.780893 8.32187 0.853893 8.14587 0.999893 7.99987L3.99989 4.99987L0.999893 1.99987C0.929048 1.93102 0.873065 1.84838 0.835399 1.75705C0.797733 1.66572 0.779182 1.56764 0.780893 1.46887C0.779004 1.37007 0.797472 1.27194 0.835149 1.18058C0.872826 1.08923 0.928904 1.00661 0.999893 0.937868L1.68789 0.217869C1.75671 0.147328 1.83923 0.0916019 1.93037 0.0541133C2.02151 0.0166248 2.11936 -0.00183462 2.21789 -0.00013167C2.31684 -0.00197976 2.4151 0.016504 2.50661 0.0541743C2.59812 0.0918447 2.68093 0.147899 2.74989 0.218868L6.99989 4.46887C7.07074 4.53772 7.12672 4.62036 7.16439 4.71169C7.20205 4.80301 7.2206 4.90109 7.21889 4.99987C7.2206 5.09864 7.20205 5.19672 7.16439 5.28805C7.12672 5.37938 7.07074 5.46202 6.99989 5.53087Z' fill='%23ff6600'/></g><defs><clipPath id='clip0_283_87'><rect width='10' height='8' fill='%23ff6600' transform='translate(0 10) rotate(-90)'/></clipPath></defs></svg>") !important
}

html button.btn.btn-link:not([data-toggle="collapse"]) {
text-decoration:none !important;
font-weight:bold;
padding-left:0 !important;
outline:0 !important;
color:#F35E01;
}

html .background-dark a.btn.btn-primary::after { 
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'><g clip-path='url(%23clip0_283_87)'><path d='M6.99989 5.53087L2.74989 9.78087C2.68104 9.85171 2.5984 9.9077 2.50707 9.94536C2.41575 9.98303 2.31767 10.0016 2.21889 9.99987C2.12009 10.0018 2.02196 9.98329 1.93061 9.94561C1.83926 9.90794 1.75664 9.85186 1.68789 9.78087L0.999893 9.06187C0.929172 8.99313 0.873261 8.91066 0.835599 8.81951C0.797937 8.72836 0.77932 8.63048 0.780893 8.53187C0.780893 8.32187 0.853893 8.14587 0.999893 7.99987L3.99989 4.99987L0.999893 1.99987C0.929048 1.93102 0.873065 1.84838 0.835399 1.75705C0.797733 1.66572 0.779182 1.56764 0.780893 1.46887C0.779004 1.37007 0.797472 1.27194 0.835149 1.18058C0.872826 1.08923 0.928904 1.00661 0.999893 0.937868L1.68789 0.217869C1.75671 0.147328 1.83923 0.0916019 1.93037 0.0541133C2.02151 0.0166248 2.11936 -0.00183462 2.21789 -0.00013167C2.31684 -0.00197976 2.4151 0.016504 2.50661 0.0541743C2.59812 0.0918447 2.68093 0.147899 2.74989 0.218868L6.99989 4.46887C7.07074 4.53772 7.12672 4.62036 7.16439 4.71169C7.20205 4.80301 7.2206 4.90109 7.21889 4.99987C7.2206 5.09864 7.20205 5.19672 7.16439 5.28805C7.12672 5.37938 7.07074 5.46202 6.99989 5.53087Z' fill='%230F2364'/></g><defs><clipPath id='clip0_283_87'><rect width='10' height='8' fill='white' transform='translate(0 10) rotate(-90)'/></clipPath></defs></svg>") !important
}

html .background-dark a.btn.btn-primary {
background-color:white !important;
color:#0F2364!important;
}

html button.btn.btn-primary:disabled::after {
display:none !Important
}

html button.btn:has(i.far.fa-chevron-double-right)::after, 
html .background-dark a.btn.btn-primary::after,
html a.btn:has(i.far.fa-chevron-double-right)::after { 
  content: '';
  display: inline-block;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'><g clip-path='url(%23clip0_283_87)'><path d='M6.99989 5.53087L2.74989 9.78087C2.68104 9.85171 2.5984 9.9077 2.50707 9.94536C2.41575 9.98303 2.31767 10.0016 2.21889 9.99987C2.12009 10.0018 2.02196 9.98329 1.93061 9.94561C1.83926 9.90794 1.75664 9.85186 1.68789 9.78087L0.999893 9.06187C0.929172 8.99313 0.873261 8.91066 0.835599 8.81951C0.797937 8.72836 0.77932 8.63048 0.780893 8.53187C0.780893 8.32187 0.853893 8.14587 0.999893 7.99987L3.99989 4.99987L0.999893 1.99987C0.929048 1.93102 0.873065 1.84838 0.835399 1.75705C0.797733 1.66572 0.779182 1.56764 0.780893 1.46887C0.779004 1.37007 0.797472 1.27194 0.835149 1.18058C0.872826 1.08923 0.928904 1.00661 0.999893 0.937868L1.68789 0.217869C1.75671 0.147328 1.83923 0.0916019 1.93037 0.0541133C2.02151 0.0166248 2.11936 -0.00183462 2.21789 -0.00013167C2.31684 -0.00197976 2.4151 0.016504 2.50661 0.0541743C2.59812 0.0918447 2.68093 0.147899 2.74989 0.218868L6.99989 4.46887C7.07074 4.53772 7.12672 4.62036 7.16439 4.71169C7.20205 4.80301 7.2206 4.90109 7.21889 4.99987C7.2206 5.09864 7.20205 5.19672 7.16439 5.28805C7.12672 5.37938 7.07074 5.46202 6.99989 5.53087Z' fill='%23FFFFFF'/></g><defs><clipPath id='clip0_283_87'><rect width='10' height='8' fill='white' transform='translate(0 10) rotate(-90)'/></clipPath></defs></svg>");
  width: 8px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

html button.btn:has(i.far.fa-chevron-double-right)::after, 
html .background-dark a.btn.btn-primary::after, 
html a.btn:has(i.far.fa-chevron-double-right)::after,
.new-btn-primary svg {
position:relative;
left:0;
top:-1px;
margin-left:6px;
transition: all 0.3s ease;
}

html button.btn:has(i.far.fa-chevron-double-right):hover::after, 
html .background-dark a.btn.btn-primary:hover::after, 
html a.btn:hover:has(i.far.fa-chevron-double-right)::after,
.new-btn-primary:hover svg{
left:.5rem
}

.new-btn-primary svg path {
 fill:white
}

/** Teaser Text Styles wenn 1 order 2 Kacheln **/

.teaser-moeglichmacher {
margin-bottom:1.5rem
}

.teaser-moeglichmacher div p,
.teaser-moeglichmacher div h2 {
color:#042155 !important;
margin-bottom:1rem !important
}

.moeglichmacher .container h2 {
font-size:2.5rem;
margin-bottom:3rem
}

.moeglichmacher .col-12.text-center {
margin:2rem 0 2rem 0 
}

.teaser-moeglichmacher h2 {
font-size:2.5rem
}

@media (max-width: 991px) {
 /* Applies only to Tablet */

/* Footer */
body footer .pre-footer .col-lg-3 {
margin-top:1rem !important;
}

body footer .pre-footer .col-lg-3 p strong {
margin-left:0 !important
}

body footer .pre-footer .col-lg-3 .d-lg-block p { 
text-align:left !Important
}

body footer .pre-footer .col-lg-3.order-first .add-a-line {
display:none
}

body footer .pre-footer .col-lg-3.order-first {
margin-top:2rem !important;
order:0 
}

body footer .pre-footer .add-a-line {
width: 100%;
opacity: 0.25;
margin-top:0rem;
margin-bottom:0
}

}

@media (max-width: 575.98px) {
 /* Applies only to mobile */

/* Other */
.moeglichmacher .container h2,
.teaser-moeglichmacher h2 {
font-size:2rem}

.modal #companyLocation {
white-space:normal !important;
padding-left:2.5em !important
}

.teaser-moeglichmacher .bg-teaser {
width:calc(100% - 30px) !important; 
}

.modal .location svg {
position:absolute;
margin-top:0.75em
}

.card-deck {
padding:0 !important
}

p.p-small.location {
font-size:14px !important
}

p.p-small,
.modal-content p {
font-size:16px !Important
}

.modal-content #overlayQuote p {
font-size:1.125em !Important
}

.modal-content {
padding:1em !important;
padding-top:3em !important
}
}

html, body {
overflow-x:hidden !important
}

.teaser-moeglichmacher .bg-teaser {
background:#F2F9FF;
position:absolute !important;
height:100%;
width:calc(100% + 100vw);
z-index:-1;
overflow-x:hidden
}

.teaser-moeglichmacher div:not(bg-teaser) {
z-index:2;
position:relative;
padding:2rem
}

/**
 * Moeglichmacher.
 */

.moeglichmacher .karte .card-body {
background: #F8F8F8
}

.moeglichmacher .karte .card-body .location {
font-size:14px
}

.moeglichmacher .karte .card-body p {
color:#5a5a5a
}

.moeglichmacher .karte .card-body .location svg {
position:relative;
top:-2px
}

.moeglichmacher .karte .card-body .mehrlesen {
font-weight:bold;
color:#F35E01
}

.moeglichmacher .karte .card-body .mehrlesen svg { 
position:relative;
left:0;
top:-1px;
transition: all 0.3s ease-in-out; /* Added duration & timing function */
}

.moeglichmacher .karte:hover .card-body .mehrlesen svg {
left:1em;
}

.moeglichmacher .karte .card-body .card-title {
   transition: all 0.3s ease;
}

.moeglichmacher .karte:hover .card-body .card-title  {
   color:#F35E01
}

.moeglichmacher .karte .card-body .tags  {
    color: #0066B3;
    background: white;
    font-size:14px;
    padding: 0.25em 0.75em;
    margin-right:0.5em;
    border-radius:0.25em;
    border: 1px solid #E5E5E5;
    display: inline-block;  /* Ensures width is based on content */
    white-space: nowrap;    /* Prevents text from wrapping to a new line */
}

.moeglichmacher .karte  div.card-body { 
    transition: all 0.3s ease;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); /* No shadow initially */
}

.moeglichmacher .karte:hover  div.card-body  { 
    box-shadow: 0px 0.5em 2em rgba(0, 0, 0, 0.15); /* Soft shadow on hover */
}


/** Modal **/

.card-deck {
padding:0 1em
}

.modal-header .close {
position:absolute !important;
right:2em !important;
top:2em !important;
}

.modal-content {
padding:2em;
position:relative
}

.modal-content #overlayQuote p {
font-size:1.5em !important;
color:#0066B3
}

.modal-content #overlayImage {
width:100% !important;
height:auto !important
}

.modal .modal-header {
border-bottom:0;
padding-bottom:0
}

.modal .close {
font-size: 1em;
color:#0066B3;
opacity:1;
position:relative;
top: -1em;
right: -1em
}

.modal .location {
margin-top:0.5em
}

.modal .location svg {
display:inline-block;
white-space:nowrap;
width:16px;;
margin-left:1em
}

.modal #companyLocation {
font-size:14px;
white-space:nowrap;
display:inline-block;
padding-left:0.25em;
padding-bottom:0 !important;
margin-bottom:0 !important
}

.modal-content {
border-radius:0 !important;
border:0 !important
}

#page-header nav.navbar ul.navbar-nav li.nav-item a.nav-link {
  line-height: 62px;
}