/*******************************************************************************/
/* RESET CONTAINER & GRID GUTTER  */
/******************************************************************************/

/* Container  */
.container {
    position: relative !important;
    max-width:var(--container);
    width:var(--container);
	padding-left: 0px;
  	padding-right: 0px;
}
     
.container-small {
	position: relative !important;
	max-width:var(--container-small);
	width:var(--container-small);
	margin-right: auto;
	margin-left: auto;
	overflow:hidden; 
	padding-left: 0px;
  	padding-right: 0px;
}

.container-big   {
    position: relative !important;
	max-width:var(--container-big);
	width:100%;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden; 
    padding-left:2.5% !important;
    padding-right:2.5% !important;
 }

.container,
.container-big {
    overflow:hidden; 
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.no-container {
    overflow:hidden; 
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.container::-webkit-scrollbar,
.container-big::-webkit-scrollbar,
.no-container::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.overflow,
.overflow .container,
.overflow .no-container,
.overflow .row  {
    overflow:visible !important;
}


@media screen and (max-width: 1600px) { 

    .container {
        width:100% !important;
        max-width:100% !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: var(--cont-padding) !important;
        padding-right: var(--cont-padding) !important;
  
  }
}

@media screen and (max-width: 767.5px) { 
    .container,
    .container-big,
    .container-small {
   		padding-left: var(--cont-padding) !important;
  		padding-right: var(--cont-padding) !important;
	}
}


@media screen and (max-width: 575.5px) { 
  
	.row > * {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}


/* Gutter 0 */
.g-0 {
	--bs-gutter-x: 0.00001px;
	--bs-gutter-y: 0.00001px;
}

.gx-0 {
	--bs-gutter-x: 0.00001px;
}

.gy-0 {
	--bs-gutter-y: 0.00001px;
}

.container:has(.g-0 ), 
.container:has(.gy-0)  {
	padding-top:0;
}


/* Gutter 1 */
.g-1 {
	--bs-gutter-x: 0.5rem;
	--bs-gutter-y: 0.5rem;
}

.gx-1 {
	--bs-gutter-x: 0.5rem;
}

.gy-1 {
	--bs-gutter-y: 0.5rem;
}


/* Gutter 2 */
.g-2 {
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
}

.gx-2 {
	--bs-gutter-x: 1rem;
}

.gy-2 {
	--bs-gutter-y: 1rem;
}


/* Gutter 3 */
.g-3 {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.5rem;
}

.gx-3 {
	--bs-gutter-x: 1.5rem;
}

.gy-3 {
	--bs-gutter-y: 1.5rem;
}

/* Gutter 4 */
.g-4 {
	--bs-gutter-x: clamp(2rem, 0.7857rem + 3.5714vi, 4rem);
	--bs-gutter-y: clamp(2rem, 0.7857rem + 3.5714vi, 4rem);
}

.gx-4 	{
	--bs-gutter-x: clamp(2rem, 0.7857rem + 3.5714vi, 4rem);
}

.gy-4 {
	--bs-gutter-y: clamp(2rem, 0.7857rem + 3.5714vi, 4rem);
}


/* Gutter 5 */
.g-5 {
	--bs-gutter-x: clamp(2.6rem, -8.0714rem + 17.8571vi, 8rem);
	--bs-gutter-y: clamp(2.6rem, -8.0714rem + 17.8571vi, 8rem);
}

.gx-5 	{
	--bs-gutter-x:  clamp(2.6rem, -8.0714rem + 17.8571vi, 8rem);
}

.gy-5 {
	--bs-gutter-y:  clamp(2.6rem, -8.0714rem + 17.8571vi, 8rem);
}

/* Gutter 6 */
.g-6 {
	--bs-gutter-x: clamp(3rem, -16.9286rem + 32.1429vi, 12rem);
	--bs-gutter-y: clamp(3rem, -16.9286rem + 32.1429vi, 12rem);
}

.gx-6 	{
	--bs-gutter-x:  clamp(3rem, -16.9286rem + 32.1429vi, 12rem);
}

.gy-6 {
	--bs-gutter-y: clamp(3rem, -16.9286rem + 32.1429vi, 12rem);
}


/* Gutter 7 */
.g-7 {
	--bs-gutter-x: clamp(3rem, -30.2143rem + 53.5714vi, 18rem);
	--bs-gutter-y: clamp(3rem, -30.2143rem + 53.5714vi, 18rem);
}

.gx-7 	{
	--bs-gutter-x:  clamp(3rem, -30.2143rem + 53.5714vi, 18rem);
}

.gy-7 {
	--bs-gutter-y: clamp(3rem, -30.2143rem + 53.5714vi, 18rem);
}





/*******************************************************************************/
/* BOOTSTRAP ACORDION   */
/******************************************************************************/
#berufe-mobile {
	display:none;
}

.accordion-item {
	background-color:transparent !important; 
	border: none !important;
	border-bottom: 2.5px solid var(--clr-prim) !important;
	margin-bottom:0px; 
	outline:none !important;
	box-shadow:none !important; 
}

.accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom:0px;
	width: 100%;
	padding: 20px 0 20px 0;
	font-family: var(--ff-sec);
	font-size:24px;
	font-weight:400;
	line-height:130%;
	color:var(--clr-sec);
	letter-spacing:1px; 
	text-align: left;
	text-transform: uppercase;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	overflow-anchor: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
	outline:none !important;
	border:none;
	box-shadow:none !important;
}

.accordion-header {
	margin-bottom: 0;
	padding: 0 0 0 0;
}

.accordion-button:active,
.accordion-button:focus {
	outline:none !important;
	border:none;
	box-shadow:none !important;
}

.accordion-button:not(.collapsed) {
	color:var(--clr-sec) !important;
	background-color: transparent !important;
	/* box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); */
}

.accordion-button::after {
	position:absolute;
	right:0px; 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M344 120L344 96L296 96L296 296L96 296L96 344L296 344L296 544L344 544L344 344L544 344L544 296L344 296L344 120z' fill='%239E0B0F'/%3E%3C/svg%3E");
	width: 36px;
	height: 36px;
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-size: cover;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M344 120L344 96L296 96L296 296L96 296L96 344L296 344L296 544L344 544L344 344L544 344L544 296L344 296L344 120z' fill='%239E0B0F'/%3E%3C/svg%3E");
	transform: rotate(45deg);
}

.accordion-item:first-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.accordion-item:last-of-type {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.accordion-collapse {
	padding: 0 0px;
}

.accordion-body {
	padding: 0 0 3rem 0;
}

.accordion-body > .frame-default {
	position: relative;
}

.accordion-body p {
	/*
	font-size:19px;
	line-height:150%;
	*/
}

.collapsing {
	transition: height 1s ease;
}

.accordion .ce-left .ce-gallery {
	float: none; 
}

main .accordion .row img,
.accordion .ce-gallery .ce-column img {
	max-width: initial !important;
	height: initial; 
}

.accordion .ce-row  {
	display: inline-block !important;
	height: 100%;
	overflow: hidden;
	width: 100% !important;
}

.accordion .ce-row  .ce-column {
	width:100% !important; 
}

.accordion .ce-gallery figure {
	width: 100%;
}

/*
@media screen and (max-width: 2100px) { 
	.accordion-button {
		font-size:28px;
	}
}

@media screen and (max-width: 1680px) {
	.accordion-button {
		font-size:26px;
	}
}

@media screen and (max-width: 1480px) {
	.accordion-button {
		font-size:23px;
	}
}
*/

@media screen and (max-width: 1080px) { 

	.accordion-body .col-12 {
		flex: 0 0 auto;
		width: 100% !important;
	}

	.accordion-body .col-12:nth-last-of-type(1) .frame-space-after-medium {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 991.5px) { 
	
	.accordion-button {
		font-size:22px;
	}
}

@media screen and (max-width: 767.5px) { 

	.accordion-button {
		font-size:21px;
	}
}

@media screen and (max-width: 575.5px) { 
	.accordion-button {
		font-size:21px;
		padding-right: 40px;
		hyphens: auto;
	}
	
	.accordion-button::after {
		width: 24px;
		height: 24px;
		background-size: cover;
	}
}

@media screen and (max-width: 480px) { 

	.accordion-button {
		font-size:19px;
	}
}




/*******************************************************************************/
/* BOOTSTRAP TABS    */
/******************************************************************************/
.tabs-item {
	position:relative; 
	overflow: hidden;
	margin-left:auto; 
	right:0;
	width:calc(100vw - ((100vw - var(--container)) / 2));
}

.nav-tabs {
	border-bottom:none !important; 
	display: flex;
	align-items: center;
	margin-bottom:16px; 
	/* justify-content: center; */
}

.nav-tabs .nav-link h2 {
	font-family: "Montserrat-Bold";
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 0px; 
	line-height: 100%;
	/* color:rgba(var(--clr-prim) 0.5 ); */
	color:#6d768f;
	text-transform:none !important; 
}

.nav-tabs .nav-link  {
	position:relative;
	display:block;
	padding: 8px 0px;
    outline:none !important; 
	background-color:transparent;
	border:none; 
	text-decoration: none;
	margin-right:40px;
}

.nav-tabs .nav-link:hover h2  {
	color:var(--clr-sec);
}

.nav-tabs .nav-link.active   {
	background-color:transparent; 
	z-index:5 !important;
}

.nav-tabs .nav-link.active h2  {
	color:var(--clr-sec);
}

.nav-tabs .nav-link:hover, 
.nav-tabs .nav-link:focus {
	background-color:transparent; 
}

/*
li.tabs-header:not(:first-child) {
	margin-left:-28px;
}

li.tabs-header:nth-of-type(1) .nav-link {
	z-index:3;
}

li.tabs-header:nth-of-type(2) .nav-link {
	z-index:2;
}

li.tabs-header:nth-of-type(3) .nav-link {
	z-index:1;
}
*/



.tab-content > .tab-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
} 



@media screen and (max-width: 1640px) { 

	.tabs-item {
		width: calc(100vw - ((100vw - var(--container) + 2.5%)));
  	}
}


@media screen and (max-width: 1080px) { 

	.nav-tabs .nav-link {
		padding: 6px 0px;
		margin-right: 30px;
	}

	.nav-tabs .nav-link h2 {
		font-size: 22px;
	}
}

@media screen and (max-width: 880px) { 
	.nav-tabs .nav-link h2 {
		font-size: 20px;
	}
}

@media screen and (max-width: 480px) { 

	.tabs-item {
		width: calc(100vw - ((100vw - var(--container) + 15px)));
  	}
}




/*******************************************************************************/
/* BOOTSTRAP TABLES   */
/******************************************************************************/

.table-bordered td, .table-bordered th {
	border: 1px solid rgb(117, 117, 117) !important; 
}

.table thead th {
	border-bottom: 1px solid rgb(117, 117, 117) !important; 
	/* border-top: none !important; */
}

.table thead th {
	vertical-align: top;
}
.table p {
	margin-bottom:0px !important; 
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	--bs-table-accent-bg: rgba(255,255,255,0.72) !important; 
}

.table > :not(caption) > * > * {
	padding: .7rem 10px 0.7rem 0px !important
}

.table td {
	position:relative;
}

.table a[href*=".pdf"],
.table a[rel="noreferrer"],
.table a:visited {
	display:inline-block;
	width:100%;
	text-decoration:none !important;
	transition: all .25s ease;
	color:var(--clr-ter);
	padding-right:40px; 
}

.table a[href*=".pdf"] span,
.table a[rel="noreferrer"] span {
	transition: all .25s ease;
}

.table a[rel="noreferrer"]::after {
	content:'';
	position: absolute;
	right:0px;
	top:12.5px;
	display: inline-block;
	text-decoration:none !important;
	transition: all .25s ease;
	width:28px;
	height:28px;
	background-color: var(--clr-default);
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M512 128L512 512L128 512L128 128L512 128zM544 96L96 96L96 544L544 544L544 96zM272 256L361.4 256L228.7 388.7L217.4 400L240 422.6L251.3 411.3L384 278.6L384 384L416 384L416 224L256 224L256 256L272 256z'/%3E%3C/svg%3E");
	mask-repeat: no-repeat;
	mask-size: 100% 100%;	
}

.table a[href*=".pdf"]::after{
	content:'';
	position: absolute;
	right:0px;
	top:12.5px;
	display: inline-block;
	text-decoration:none !important;
	transition: all .25s ease;
	width:24px;
	height:24px;
	background-color: var(--clr-default);
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M337 409L320 426L303 409L167 273L150 256L183.9 222.1L200.9 239.1L295.9 334.1L295.9 64L343.9 64L343.9 334.1L438.9 239.1L455.9 222.1L489.8 256L472.8 273L336.8 409zM144 408L144 528L496 528L496 384L544 384L544 576L96 576L96 384L144 384L144 408z'/%3E%3C/svg%3E");
	mask-repeat: no-repeat;
	mask-size: 100% 100%;	
}

.table a[href*=".pdf"]:hover,
.table a[rel="noreferrer"]:hover {
	color:var(--clr-prim) !important;
}

.table a[href*=".pdf"]:hover::after,
.table a[rel="noreferrer"]:hover::after {
	background-color: var(--clr-prim);
}

.table a[href*=".pdf"]:hover span[class*="font-white"],
.table a[rel="noreferrer"]:hover span[class*="font-white"] {
	color:var(--clr-sec) !important;
}

.table a[href*=".pdf"]:hover::after,
.table a[rel="noreferrer"]:hover::after {
	background-color: var(--clr-sec);
}

.tabele a,
.table span {
	line-height:120%;
}

.table.bg-blue td {
	border-color:#fff; 
}


.tarife-table table {
	color: var(--clr-ter);
}
  
.tarife-table .table > :not(caption) > * > * {
	border-bottom-color: var(--clr-prim);
}

.tarife-table a {
	color: var(--clr-ter);
}

.tarife-table a:hover {
	color: var(--clr-prim);
}

.tarife-table a[href*=".pdf"]::after,
.tarife-table a[rel="noreferrer"]::after {
	background-color: var(--clr-prim);
}

.tarife-table a[href*=".pdf"]:hover::after,
.tarife-table a[rel="noreferrer"]:hover::after {
	background-color: var(--clr-prim);
}




@media screen and (max-width: 575.5px) { 

	.table td,
	.tabele p,
	.table span,
	.table a {
		font-size:16px !important;
		hyphens:auto;
		hyphenate-limit-chars: 8 4 4;
		line-height:130% !important;
	}

	
	.table a[href*=".pdf"],
	.table a[rel="noreferrer"],
	.table a:visited {
		padding-right:25px; 
	}

		
	.table a[rel="noreferrer"]::after {
		top:9px;
	}

	.table a[href*=".pdf"]::after{
		top:9px;
	}

}









/*******************************************************************************/
/* BOOTSTRAP CARDS  */
/******************************************************************************/






/*******************************************************************************/
/* BOOTSTRAP MODAL WINDOW   */
/******************************************************************************/
body.modal-open {
    overflow: auto;
}
.modal-backdrop {
   background-color:#9b3e41; 
}

.modal-backdrop.show {
	opacity: .90 !important;
}

.modal-dialog {
  width: auto;
  max-width: 1060px;
  background-color: transparent;
  margin: auto !important;
}

/* Modal horizontal und vertikal im Viewport zentrieren */
.modal.show {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.inline-modal .modal-dialog {
	width: auto !important;
}

.modal-content {
  margin: auto !important;
  height: fit-content !important;
  background-color:transparent;
  border: 0;
  padding: 0px;;
  margin: 0;
}

.modal-body {
	/* padding: 25px 25px 20px 25px !important; */
	padding:0px !important
}
.modal-dialog .csc-default::after {
	height: 0px !important;
}
.modal-footer {
	border-top: none !important;
	padding: 0px 20px 20px;
}
.modal-dialog p {
	line-height:140% !important;
	margin-bottom:0px !important;
}
.modal-dialog h2 {
 /*  color: #FFA602 !important;   */
 color:#fff; 
}

.modal-dialog a {
	text-decoration:none;
	display:inline-block; 
	color:#fff !important;
}

.modal-dialog a:hover {
	text-decoration:underline;
}
.modal-dialog button.close {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 2000;
}

.modal-header {
	border-bottom: none!important;
    padding: 0px 1rem;
}

.modal img {
	max-width: 100% !important;
	height: auto;
}
  
.btn-close {
	top: -50px;
	position: absolute;
	right: 10px;
	z-index: 100;
}
  
.modal.is-visible{
	opacity:1;
	visibility: visible;
}
   
.btn-close {
	box-sizing: content-box;
	width: 1.4em;
	height: 1.4em;
	padding: .25em .25em;
	color: #fff;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	background-size:cover; 
	border: 0;
	border-radius: 0rem;
	opacity: 1;
}


@media screen and (max-width: 1100px) { 

	.modal-content {
		border: 20px solid transparent;
		box-sizing: border-box;
	}
	
	.modal-dialog {
		max-width:100%;
		width:100% !important;
	}

	/* Iframes (z.B. Youtube) im Modal responsiv:
	   uebersteuert die festen width/height-Attribute, Seitenverhaeltnis 16:9 */
	.modal-body iframe {
		display: block;
		width: 100% !important;
		max-width: 100%;
		height: auto !important;
		aspect-ratio: 16 / 9;
	}
}


@media screen and (max-width: 767.5px) { 

		
}







/*******************************************************************************/
/* BOOTSTRAP BUTTONS  */
/******************************************************************************/

.btn-color-1 {
    background-color: none;
    color: var(--clr-prim);
    padding: 0;
    font-weight: 700;
}

.btn-color-1:hover {
    color: var(--clr-sext);
}

a.btn-color-1:after {
	content:'';
	width: 20px;
	height: 20px;
	background-image: url('/typo3conf/ext/t3master/Resources/Public/Icons/icon_popup.svg');
	background-size: 20px 20px;
	background-repeat:no-repeat;
	display: inline-block;
	margin-bottom:-2px;
	margin-left:6px;
}




  

/*******************************************************************************/
/* BOOTSTRAP HELPERS   */
/******************************************************************************/
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}


.vertical-center {
	align-items: center;
}

.halign-right {
	text-align:right
}

.align-right {
	display:flex;
	flex-direction: row;
	justify-content:flex-end; 
}




/*******************************************************************************/
/*  BOOTSTRAP GRID EXTEND   */
/******************************************************************************/
@media screen and (min-width: 1600px) {
	.col-extra-lg-5 {
		flex: 0 0 auto;
		width: 41.6666666667%;
	}
	
	.col-extra-lg-7 {
		flex: 0 0 auto;
		width: 58.3333333333%;
	}
}






/*******************************************************************************/
/* FULLSCREEN SPLIT   */
/******************************************************************************/
.fullscreen-split {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0px;
	padding-right: 0px;
	overflow:hidden;
}

.fsc-2 > div {
	max-width:calc(((100vw / 12 * 2) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-3 > div {
	max-width:calc(((100vw / 12 * 3) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc4 > div {
	max-width:calc(((100vw / 12 * 4) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-5 > div {
	max-width:calc(((100vw / 12 * 5) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-6 > div {
	max-width:calc(((100vw / 12 * 6) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-7 > div {
	max-width:calc(((100vw / 12 * 7) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}  

.fsc-8 > div {
	max-width:calc(((100vw / 12 * 8) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-9 > div {
	max-width:calc(((100vw / 12 * 9) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}

.fsc-10 > div {
	max-width:calc(((100vw / 12 * 10) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container)) / 2))) ;
}




.fsc-re > div {
	/* padding-right:calc(var(--bs-gutter-x) /2); */
	padding-right:0.75rem;
	padding-right:0;
}

.fsc-li > div {
	margin-left: auto;  /* float right */
	/* padding-left:calc(var(--bs-gutter-x) /2); */
	padding-left:0.75rem;
	padding-left:0; 
}






@media screen and (max-width: 1630px) { 


	.fsc-2 > div {
		max-width:calc(((100vw / 12 * 2) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container) + 5%) / 2))) ;
	}
	
	.fsc-3 > div {
		max-width:calc(((100vw / 12 * 3) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container) + 5%) / 2))) ;
	}
	
	.fsc4 > div {
		max-width:calc(((100vw / 12 * 4) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container) + 5%) / 2))) ;
	}
	
	.fsc-5 > div {
		max-width:calc(((100vw / 12 * 5) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container) + 5%) / 2))) ;
	}
	
	.fsc-6 > div {
		max-width:calc(((100vw / 12 * 6) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container) + 5%) / 2))) ;
	}
	
	.fsc-7 > div {
		max-width:calc(((100vw / 12 * 7) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container) + 5%) / 2))) ;
	}  
	
	.fsc-8 > div {
		max-width:calc(((100vw / 12 * 8) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container) + 5%) / 2))) ;
	}
	
	.fsc-9 > div {
		max-width:calc(((100vw / 12 * 9) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container) + 5%) / 2))) ;
	}
	
	.fsc-10 > div {
		max-width:calc(((100vw / 12 * 10) - (var(--bs-gutter-x) / 2)) - (((100vw - var(--container) + 5%) / 2))) ;
	}
	
}



@media screen and (max-width: 1530px) { 
	.fsc-re > div {
		padding-right:5%;
	}

	.fsc-li > div {
		padding-left:5%; 
	}

}


@media screen and (max-width: 991.5px) { 

	/* Fullscreen Split */
	.fullscreen-split .row  {
		margin-right: 0px;
		margin-left: 0px;
	}

	.fullscreen-split .row > div[class*="col-"] {
		padding-right: 0px;
		padding-left: 0px;
	}

	.fullscreen-split .row .fsc-re,
	.fullscreen-split .row .fsc-li  {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.fsc-2 > div,
	.fsc-3 > div,
	.fsc-4 > div,
	.fsc-5 > div,
	.fsc-6 > div,
	.fsc-7 > div,
	.fsc-8 > div,
	.fsc-9 > div {
		max-width:100%; 
	}

	.fsc-re > div {
		padding-right:0;
	}
	
	.fsc-li > div {
		margin-left: auto;  /* float right */
		/* padding-left:calc(var(--bs-gutter-x) /2); */
		padding-left:0;
	}
}



@media screen and (max-width: 767px) { 
	
	/* Container */ 
	.container .row {
		margin-right: -15px !important;
		margin-left: -15px !important;
	}

	.container .row > div[class*="col-"]  {
		padding-right: 15px !important;
		padding-left: 15px !important;
		/* overflow: clip; */
	}

	div[class*="frame-box"] .no-container .row > div[class*="col-"] {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	

	.row.tarife {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}


	/*no Container */
	.no-container .row {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}

	.no-container .row > div[class*="col-"]  {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	.fokusthemen .no-container .row {
		margin-right: -3px !important;
		margin-left: -3px !important;
	}

	.no-container .row > .kernteam[class*="col-"] {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}


	.fsc-re > div {
		padding-right: 0;
	}

	.fsc-li > div {
		padding-left: 0;
	}

		
	.g-1,
	.gx-1 {
		--bs-gutter-x: 0.5rem;
	}
	.g-1,
	.gy-1 {
		--bs-gutter-y: 0.5rem;
	}

	.g-2,
	.gx-2 {
		--bs-gutter-x: 1.25rem;
	}
	.g-2,
	.gy-2 {
		--bs-gutter-y: 1.25rem;
	}

	.g-3,
	.gx-3 {
		--bs-gutter-x:1.25rem;
	}
	.g-3,
	.gy-3 {
		--bs-gutter-y: 1.25rem;
	}

	/*
	.g-4,
	.gx-4 {
		--bs-gutter-x: 1.25rem;
	}
	.g-4,
	.gy-4 {
		--bs-gutter-y: 1.25rem;
	}

	.g-5,
	.gx-5 {
		--bs-gutter-x:1.25rem;
	}
	.g-5,
	.gy-5 {
		--bs-gutter-y:1.25rem;
	}

	.g-6,
	.gx-6 {
		--bs-gutter-x:1.25rem;
	}
	.g-6,
	.gy-6 {
		--bs-gutter-y:1.25rem;
	}

	.g-7,
	.gx-7 {
		--bs-gutter-x:1.25rem;
	}
	.g-7,
	.gy-7 {
		--bs-gutter-y:1.25rem;
	}
*/
		
}