:root{

    --ir-blue: #0065B2;

    --ir-white: #fff;

    --color-bg: 255,255,255;

    --ir-black: #000;

    --ir-blue-rgb: 0, 101, 178;

    --ir-navbar-bg-color: #0065B2;

    --ir-navbar-color: #fff;

    --is-navbar-active-color: #fff;

    --ir-nav-link-font-weight: 600;

    --ir-nav-link-font-size: 14;

    --ir-background-grey: #f8f9fa;

    --contrast-color: #ffffff;

    --accent-color: #0065B2;

    --swiper-navigation-sides-offset:-1rem;

    --image-position-y: 94%;

    --image-position-x: 63%;

}



body {

    font-family: 'Figtree', sans-serif;

}



.bg-ir-grey {

    background-color: var(--ir-background-grey);

}



.bg-ir-white {

    background-color: #ffffff;

}



.bg-ir-blue {

    background-color: var(--ir-blue);

    color: var(--ir-white); 

}



.text-irblue {

	  --bs-text-opacity: 1;

	  color: rgba(var(--ir-blue-rgb),var(--bs-text-opacity)) !important;

}



.irblue {

    color: #0065B2;

}

.card .bereich-5 {

    min-height: 5lh;

}

.card .bereich {

    min-height: 4lh;

}



.card .bereich-2 {

    min-height: 2lh;

}



.card .bereich-2-7 {

    min-height: 2.7lh;

}



.card .bereich-3 {

    min-height: 3lh;

}

.card.border-ir {
	--bs-border-opacity: 1;
	border-color: rgba(var(--ir-blue-rgb),var(--bs-border-opacity)) !important;
    border-width: 3px;
}

.card .card-date {
    background: #f7f8f9;
	padding: 5px 15px;
	display: inline-block;
    font-weight: 600;
    margin-top: 10px;
}

.small-picture {

    width: 48px; 

    height: 48px;

}



@font-face {

    font-family: 'Figtree', sans-serif;

    font-weight: 200 900;

    font-style: normal;

    src: url('./fonts/Figtree-VariableFont_wght.ttf') format("truetype");

}



@font-face {

    font-family: 'Figtree', sans-serif;

    font-weight: 200 900;

    font-style: italic;

    src: url('./fonts/Figtree-Italic-VariableFont_wght.ttf') format("truetype");

}



.navbar-dark, .navbar {

    background-color: var(--ir-navbar-bg-color);

    --bs-navbar-color: var(--ir-navbar-color);

}



.navbar-toggler {

    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);

    font-size: var(--bs-navbar-toggler-font-size);

    line-height: 1;

    /* color: var(--ir-navbar-color); */

    background-color: var(--ir-navbar-color);

    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);

    border-radius: var(--bs-navbar-toggler-border-radius);

    transition: var(--bs-navbar-toggler-transition);

}



.navbar-toggler-icon {

	  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 101, 178, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}



.nav-link {

    font-size: var(--ir-nav-link-font-size);

	  font-weight: var(--ir-nav-link-font-weight);

}



.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {

	  color: var(--is-navbar-active-color);

	  text-decoration: underline;

	  text-underline-offset: 5px;

    text-decoration-thickness: 3px;

}



.dropdown-item {

    color: var(--ir-blue);

    font-size: var(--ir-nav-link-font-size);

	  font-weight: var(--ir-nav-link-font-weight);

}



.bg-image {

    position: relative;

}



.bg-image::before {

    content: '';

    display: block;

    position: absolute;

    background-color: #000;

    opacity: 0.5;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

}



.bg-image .bg-content {

    /* position: absolute; */

    filter:brightness(100%) !important;

    /* left: 50px; */

    /* width: 100%; */

    padding-right: 0px !important;

}



.btn-ir {

    --bs-btn-color: #fff;

    --bs-btn-bg: var(--ir-blue);

    --bs-btn-border-color: var(--ir-blue);

    --bs-btn-hover-color: #fff;

    --bs-btn-hover-bg: #1a75ba;

    --bs-btn-hover-border-color: #0a58ca;

    --bs-btn-focus-shadow-rgb: 49,132,253;

    --bs-btn-active-color: #fff;

    --bs-btn-active-bg: #0a58ca;

    --bs-btn-active-border-color: #0a53be;

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: #fff;

    --bs-btn-disabled-bg: var(--ir-blue);

    --bs-btn-disabled-border-color: var(--ir-blue);

}



.btn-outline-ir {

    --bs-btn-color: var(--ir-blue);

    --bs-btn-border-color: #cce0f0;

    --bs-btn-hover-color: var(--ir-blue);

    /* --bs-btn-hover-bg: var(--ir-blue); */

    --bs-btn-hover-border-color: var(--ir-blue);

    --bs-btn-focus-shadow-rgb: 13,110,253;

    --bs-btn-active-color: #fff;

    --bs-btn-active-bg: var(--ir-blue);

    --bs-btn-active-border-color: var(--ir-blue);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: var(--ir-blue);

    --bs-btn-disabled-bg: transparent;

    --bs-btn-disabled-border-color: var(--ir-blue);

    --bs-gradient: none;

    --bs-border-width: 3px;

}



.btn .btn-custom-fsize {

    font-size: 1.00rem ;  

}



.list-group .listnostyle {

    background-color: transparent !important;

    border: unset !important; 

}



.list-display li {

    margin-bottom:.4rem;

    /* font-size:1.1rem; */

}

.list-checkmarks {

    padding-left:2.5rem;

}

.list-checkmarks li {

    list-style-type:none;

    padding-left:1rem;

}

.listings li {

    list-style-type:none;

    padding-left:1rem;

}

.list-checkmarks li:before {    

    font-family: 'FontAwesome';

    content: "\f00c";

    margin:0 25px 0 -40px;

}


.list-checkmarks.bullcheck li:before {    

    font-family: 'FontAwesome';

    content: "\f058";

    margin:0 25px 0 -40px;

}

.listings.location li:before {    

    font-family: 'FontAwesome';

    content: "\f3c5";

    margin:0 25px 0 -40px;

}

.listings.phone li:before {    

    font-family: 'FontAwesome';

    content: "\f095";

    margin:0 25px 0 -40px;

}

.listings.homepage li:before {    

    font-family: 'FontAwesome';

    content: "\e066";

    margin:0 25px 0 -40px;

}



.swiper {

    width: 100%;

    height: 100%;

}



.swiper.swiper-picture, .swiper.swiper-netzwerk {

    width: 100%;

    height: 100%;

    mask-image: linear-gradient(to right, transparent 0%, black 20% 80%, transparent 100%);

}



.swiper-wrapper {

    transition-timing-function: linear !important;

}



.overhidden {

    overflow: hidden;

}



.swiper-slide.center {

    text-align: center;

    font-size: 18px;

    /* background: #444; */

    display: flex;

    justify-content: center;

    align-items: center;

}

.swiper-hmax {
    height: auto; 
    max-height: 200px;
}



.swiper-zero .swiper-slide {

    display: flex;

    justify-content: center;

    align-items: center;

}



.swiper-slide img:not(.profile-img) {

    display: block;

    width: 100%;

    height: auto;

    object-fit: cover;

}



.swiper-slide {

    width: 80%;

}



.swiper-slide:nth-child(2n) {

    width: 60%;

}



.swiper-slide:nth-child(3n) {

    width: 40%;

}

.swiper-container{

    position:relative;

}



.profile-img {

    width: 150px;

    height: 150px;

    border-radius: 50%;

    object-fit: cover;

    border: 5px solid rgba(255, 255, 255, 0.3);

    margin-bottom: 20px;

}



.cardslider .carousel-inner {

    padding: 1em;

}

.cardslider .card {

    margin: 0 0.5em;

    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);

    border: none;

}

.cardslider .carousel-control-prev,

.cardslider .carousel-control-next {

    background-color: #e1e1e1;

    width: 6vh;

    height: 6vh;

    border-radius: 50%;

    top: 50%;

    transform: translateY(-50%);

}

@media (min-width: 768px) {

  .cardslider .carousel-item {

    margin-right: 0;

    flex: 0 0 33.333333%;

    display: block;

  }

  .cardslider .carousel-inner {

    display: flex;

  }

}

.cardslider .card .img-wrapper {

    max-width: 100%;

    height: 13em;

    display: flex;

    justify-content: center;

    align-items: center;

}

.cardslider .card img {

    max-height: 100%;

}

@media (max-width: 767px) {

  .cardslider .card .img-wrapper {

    height: 17em;

  }

}

/*--------------------------------------------------------------

# Scroll Top Button

--------------------------------------------------------------*/

.scroll-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: -15px;

  z-index: 99999;

  background-color: var(--accent-color);

  width: 44px;

  height: 44px;

  border-radius: 50px;

  transition: all 0.4s;

}



.scroll-top i {

  font-size: 24px;

  color: var(--contrast-color);

  line-height: 0;

}



a.scroll-top {

  text-decoration: none;

}



.scroll-top:hover {

  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);

  color: var(--contrast-color);

}



.scroll-top.active {

  visibility: visible;

  opacity: 1;

  bottom: 15px;

}



.accordion {

	--bs-accordion-color: var(--ir-white);

	--bs-accordion-bg: var(--ir-blue);

	--bs-accordion-border-color: var(--bs-border-color);

	--bs-accordion-border-width: var(--bs-border-width);

	--bs-accordion-border-radius: var(--bs-border-radius);

	--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));

	--bs-accordion-btn-padding-x: 1.25rem;

	--bs-accordion-btn-padding-y: 1rem;

	--bs-accordion-btn-color: var(--ir-white);

	--bs-accordion-btn-bg: var(--bs-accordion-bg);

	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

	--bs-accordion-btn-icon-width: 1.25rem;

	--bs-accordion-btn-icon-transform: rotate(-180deg);

	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;

	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

	--bs-accordion-body-padding-x: 1.25rem;

	--bs-accordion-body-padding-y: 1rem;

	--bs-accordion-active-color: var(--ir-white);

	--bs-accordion-active-bg: var(--ir-blue);

}



.accordion-button:not(.collapsed){

  box-shadow: none;

}



.accordion-item {

	color: var(--bs-accordion-color);

	background-color: var(--bs-accordion-bg);

	border: 4px solid var(--bs-accordion-border-color);

}



img.centerview {

	margin-left: 50%;

	transform: translateX(-50%);

  border-radius: var(--bs-border-radius) !important;

}

img.fade-box {
	height: 100%;
	width: 100%;
	-o-object-position: var(--image-position-x,center) var(--image-position-y,center);
	object-position: var(--image-position-x,center) var(--image-position-y,center);
}

.btn-move.shadow:hover {
	transform: translate3d(0,-4px,0);
	box-shadow: 0 .5px 1.1px rgba(0,0,0,.12),0 19px 30px rgba(0,0,0,.15),0 19px 29px rgba(var(--color-bg),.3);
	background-position: 100%;
}

.btn-move.shadow{
	transform: translateZ(0);
	/* background: linear-gradient(135deg,rgba(var(--color-bg),.8),rgba(var(--color-bg),1) 50%,rgba(var(--color-bg),.8)); */
	background-size: 250%;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 .5px 1.1px rgba(0,0,0,.05),0 15px 30px rgba(0,0,0,.1),0 15px 29px rgba(var(--color-bg),.25);
	transition: box-shadow .3s ease-out,transform .3s ease-out,background-position .5s;
}


table.nooverflow td {
  overflow-wrap: anywhere;
}

.form-check-lg .custom-check-input {
    top: 0.8rem;
    scale: 1.4;
    margin-right: 0.5rem;
}

.form-check-lg .custom-check-label {
    padding-top: 13px;
}

/* Captcha Section */
#anfrage canvas {
    border-radius: 10px;
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.05);
    margin-right: 10px;
}