/*Neu*/
@media (min-width:1025px) {
.hidden-lg	{
 display:none;
 }
}


/*ohne animation*/
@media (min-width:320px) and (max-width:1024px) {
.hidden-xs	{
 display:none;
 }
}

/*ohne animation*/
@media (min-width:300px) and (max-width:767px) {
.hidden-xs	{
 display:none;
 }
}



/*--------------------------------------------------
	Responsive hero tablet quer
---------------------------------------------------	*/
@media only screen and (max-width: 1537px) {	
	/* --Adresse, email Startseite--------*/	
	.content-full-width {
	box-sizing:border-box;
	padding-left:70px;
	padding-right:70px;
	max-width:100%;
    }	
	 		
	/*  Title */
	#hero_title_mobile h2 {   
	font-size: 7em;		 
	padding-top:0rem;	
	} 	
	
	.scrollToTop {
	 display:none;
	}

	/*  wir lassen.... */
	.index .title-h3 {
	font-size: 1.8em;	 
	padding-top:0rem;  
	}

    /*  referenzen, auf die....wir können hier nicht */
    .index .title-block{   
    font-size:1.0em;     
    }

	.social-side{   
	  display:none;
	}
/* --Index-----*/

    /*  Seite Referenzen Arbeiten.... */
     .referenzen-box .title-referenzen {	
	 -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);	 
	}  
	/*  Seite Referenzen Box.... */
	.standard {
     padding-top: 250px;
     padding-bottom: 70px
    } 	

	/*  Seite Referenzen Box.... */
	.standard-2 {
     padding-top: 50px;
     padding-bottom: 70px
    } 
	
    /*Isotope */
	.filter-button-group li {	
	 padding: 10px 15px; 
    } 

   /* --mehr anzeigen---------*/	  
	.button {	  
	  font-size: 1.0em;	
	  margin-bottom:5rem;
	  margin-top:10px;
	}
}




/* ----------Tablet ---------------1024-------------------------
Landscape 1024 x 650, 
Porträt    768 x 906 --www.../kunde/app-----------------*/	

@media only screen and (max-width: 1024px) {	
	
	/* --Navigation--------*/	
   .site-header.dsn-hamburger ul.primary-nav a {
     font-size: 1.2em;  
    }
    /* --Webdesign Hosting Texter-------*/	 
	.nav__info {
	  margin-top:10rem;
	 }
 	 
	 /* --Adresse, email Startseite--------*/	
	.content-full-width {
	 padding-left:20px;
	 padding-right:20px;
	}	
	
	/* Barriere nach rechts */
	 .footer-head{
	   margin-left:0px;	   
	}


    /* barrierefrei */
	#dsn_header .footer-head .dsn-list{     
	 margin-left:10px;
	 font-size:1.0em;	 
	}
	
	   
	/* --Titel index--------*/
	#hero_title_mobile h2 {   
	font-size: 6.4em;	 
	letter-spacing:-0.03em;	
	margin-top:-2rem;	
	}		
	   
    /* --Titel index--------*/ 
	#hero_title .post {
    position: relative;  
    font-size: 5em;
    padding-top:55px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.75px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.55);
    user-select: none; 		
   }    	

      /* Standard: Linie Mobile – Bild bleibt normal */
	#hero_title img[aria-hidden="true"] {
	  position: relative;
	  top: 0;
	  top:10px;
	}

    /* ----Titel index was wir draufhaben------*/ 
	.leist_title-smaller {   
	   font-size:3em;    
	 }
	.leist_title-smaller span{   
	   font-size:1.0em; 
	 }

    /* ----Text nach title alle------*/ 
	 .title-h2 {    
	 font-size: 1.4em;  	 
     }

	

     /* ----accordion index------*/ 
     .accordion--headline button.accordion-button {
      font-size: 1.4em;  
      }

     /* footer kontaktiere uns.... */
	 .dsn-def-btn h4{   
     font-size:1.15em;      
     }

	 /* ----bei navi-------*/ 
	.partner .logo-ihc {
     width: 80px;
     height: auto;
     }

     /* ----bei navi-------*/ 
	.partner .logo-ag{
     width:140px;
     height:auto;    
    }

	 /* ----barriere-------*/ 
	.br-tablet {
	display: inline;
	}
	.br-tablet {
    display: block;
    height: 0;
    content: "";
  }

  .br-tablet::after {
    content: "\A";
    white-space: pre;
  }
	

	/* ----Seite Titel oben alle-------*/ 
	.leist_title-small h1{   
	font-size:3.0em; 	
	 }

	 .title-h4{   
	   font-size:1.3em;    
	   color:#fff;
	   xxcolor:blue;
	 }

    /*-----index -Wir lassen unsere Arbeiten--------------------*/
	.index .title-h3 {
	font-size:2.0em;		
	}

	 /* --kreativ usw-----usw----*/	
	.leist_title-small h3{   
	 font-size:3.5em; 	 
	 }

	 .leist_title-small.mappe h3{   
	 font-size:2em; 	  
	 }

	 /* ---Seite Referenzen Wir schätzen jeden--*/	
	 .title-h3{   
	 font-size:1.85em; 
	 }
 

	 /* footer kontaktiere uns.... */
	 #dsn_footer .title-btn{	 
	  font-size:1.2em;
	}

	.caption-overlay {    
	  font-size: 1.0rem; 	  
	}

    
	.re-content-box {
	 width:150%;
	 margin-left:-12%;

	 transform:scale(0.92);
	 -webkit-transform:scale(0.92);
	 -o-transform:scale(0.92);
	 -ms-transform:scale(0.92);
	 -moz-transform:scale(0.92);	 
	 }	


   .leistung .title-h3{  	 
     padding-right:2rem;	
     padding-left:2rem;    
    }

	.padding-li-re{
		padding-left:0rem;
		padding-right:0rem;
	}

    .bgs{
		height:100%;
	}

     #dsn_footer .footer-nav-print li{  
     margin-right:20px;
   }

}



/*Tablet  1024 x 650,------------------------1024----------------------end---
  Porträt  768 x 906 ---------*/	

@media (min-width: 768px) and (max-width: 1024px) {
  .logo-ag-footer {
    max-width: 110px;
    height: auto;
  }

  .logo-ihc-footer {
    max-width: 60px;
    height: auto;
  }  
}			


/*-------------------------------------------------------------------
	media  991   Responsive hero Tablet hoch
-------------------------------------------------------------------	*/
@media only screen and (max-width: 991px) {			
	 /* --Adresse, email Startseite--------*/	
	.content-full-width {
	 padding-left:10px;
	 padding-right:10px;
	}	
	
		
	/* ----Titel oben alle-------*/ 
	.leist_title-small h1{   
	font-size:2.8em; 	
	}
	
    /* ---Seite Referenzen Wir schätzen jeden--*/	
	 .title-h3{   
	 font-size:1.35em; 
	 }


   /* --logos--------*/
	.owl-logo img {   
	 padding:10px;
	}
}

/*-------------------------------------------------------------------
	media  991   Responsive hero Tablet hoch
---------------------------------------------------------------end----	*/



 /* --Gästemappe-----------------------------------------800px-------*/
@media (max-width: 800px){	
  /* ----Titel oben alle-------*/ 
  .leist_title-small h1{   
   padding-top:6rem;	 	 
  }

  .leist_title-small h3{   
   font-size:2.5em;  
   } 

  .leistung .title-h3{  	 
   padding-right:2rem;	
   padding-left:2rem;    
  } 
}
 /* --Gästemappe--800px----end---*/


@media (max-width: 768px) {
  #access-widget {
    right: 50px; /* z. B. deutlich weiter nach links */
  }
}


/*  media-------------------------------767------------------------------------- */
@media only screen and (max-width: 767px) {		
	 /* --Adresse, email Startseite--------*/	
	.content-full-width {
	padding-left:30px;
	padding-right:30px;
	}

	/* --Titel index--------*/
	#hero_title_mobile h2 {   
	  font-size: 6em;	 
	}
    /* --Titel index--------*/
	#hero_title .post {	    
	font-size: 4.0em;	
	padding-top:50px;	 
	}

	
	/* ----Titel oben alle-------*/ 
	.leist_title-small {   
	 margin-left:-10px;	 
	}
	
	/* ----Titel oben alle-------*/ 
	.leist_title-small h1{   
	 font-size:2.8em; 	 	 
	}
	/* ----Text bewegt-------*/ 
	.title-h3.dsn-text{
	text-align:center;
	line-height:1.3em;		
	}
	
    /* --wer uns vertraut---------*/	
	.leist_title-small h3{   
	 font-size:3.6em; 	 
	 }

	.dsn-scroll-bottom{   
	  display:none; 
	}

    /*  kontaktiere uns.... */
	
     /* --logos--------*/
	.owl-logo img {   
	 padding:0px;
	 }
	
     /* wir können nicht alles.... */
	.title-block{   
	 font-size:1.0em;  
	 text-align:justify;
	 }

	 .social-side{   
	  display:none;
	 }


	.caption-overlay { 
	  bottom: 30px;
	  left: 0;  
	  background-color: rgba(0, 0, 0, 0.5);	  
	  font-weight:200;
	  font-size: 1.0rem;	  
	}

	/* ---Text unter title Seiten Leistungen Gästemappe--*/	
	.title-h4{   
	   font-size:1.1em;
	   text-align:left;
	   margin-left:20px;
	   margin-top:1rem;
	 }

}
/*  media---------------------------767-----------------------------end-------- */
	
	


/*--------------------------------------------------
	media 600 Responsive 
---------------------------------------------------	*/
@media (max-width: 600px) { 
    #dsn_header {
      height: 93vh; /* oder 60vh, je nach Design */
    }	

	#hero_title .post {
	  position: relative;
	  font-size: 3em;
	  font-weight: 600;  
	}


	/*  wir lassen.... */
	.index .title-h3 {
	  font-size: 1.6em; 
	  padding-top:4rem;
	  text-align:left;
	}

	
	body.v-dark .accordion--headline button.accordion-button{ 
	  color: #fff;
	  padding: 10px 10px;
	  transition: 0.3s ease; 
	  font-size:1.1em;
	  font-weight:400;  
	}

	body.v-dark .accordion--content .content-body p{ 
	  font-size:1.0em;
	  line-height:1.35em;
	  text-align:left;
	}	

	/*  kontaktiere uns. Pfeil... */
	#dsn_footer .btn-icon-left{
	 padding-top: 17px;   
	 }
	 
	 #dsn_footer .subtitle span {
	  margin-top:2rem;
	}	
  
	.text-close {
	  font-size: 0.9rem; /* oder kleiner je nach Bedarf */
	  white-space: nowrap; /* Zeilenumbruch verhindern */
	 }
}

/*--------------- End media-----600-------- */




@media (max-width: 480px) {
  #access-widget {
    left: 10px;
    bottom: 25px;
  }
}




/* ------------Handy Astrid 396 x 738 Porträt, 794 x 301 Landscape-----------end---------*/	
/* ------------Handy Gustl  412 x 780 Porträt, 836 x 332 Landscape-----------end---------*/	
/* -----------------------media 479---------Astrid + Gustl Handy------------------------------*/ 


@media only screen and (max-width: 479px) {		 
	 .main-brand img, .dsnload__img img {
	  width: 140px; 
	}
		
	/*  navi*/
	.site-header.dsn-hamburger ul.primary-nav a {
	font-size:1.2em;
	}
		
	/*  Webdesign hosting Texter */
	.site-header.dsn-hamburger .container-content .sm-title-block {	 
	  font-size:0.9em;
	  line-height:1.1em;
	  color:#fff;
	  font-weight:400;
	}	

	.nav__info {
	  margin-top:1rem;
	}

    /* --Webdesign | Hosting | Texter-------*/
	.site-header.dsn-hamburger .container-content .nav-content p {
	  color: #fff; 
	  font-size:0.95em;
	  line-height:1.4em;	
	  text-align:center;	  
	}  

	.site-header.dsn-hamburger .container-content .nav-content.mt-40 {
      margin-top: 10px !important;
      }
	
	.site-header.dsn-hamburger .container-content .nav-content p br{
	  display:none;
	}    

	.background-section{
	background-color:#222222;	
	} 

    /*  background header */
	.bg-pattern {
	  background-image: url("../image/bg-2-neu-2.svg");
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  opacity: 1;
	}	 
	 
	/* --Adresse, email Startseite--------*/	
	.content-full-width {
	padding-left:40px;
	padding-right:40px;
	}
    
    /* --Titel index--------*/
	#hero_title_mobile h2 {   
	  font-size: 2.6em;	 
	  line-height:0.9em;
	  margin-top:-2rem;		  
	}	
	/* --Titel index--------*/		
	#hero_title .post1H1 {	 
	  margin-left:30px;
	  margin-top: -20px;
	}
	
    /* --Titel index--------*/
	#hero_title .post {	  
	  font-size: 2.8em;	  
	  -webkit-text-stroke-color: rgba(255, 255, 255, 1);
	  padding-top:0px;	
	}

    /* --container und--Titel oben alle-------*/ 
	.header-normal {
	padding-left:20px;
	padding-right:20px;
	}
	

    /* ----Titel oben alle-------*/ 
	.leist_title-small h1{   
	 font-size:2.8em; 
	 padding-top:2rem;	
	}
	/* ----Text bewegt-------*/ 
	.title-h2{
	text-align:left;
	line-height:1.3em;
	font-size:1.15em;
	color:#fff;
	margin-top:1rem;	
	padding-left:20px;
	padding-right:0rem;		
	}

	/* --wer uns vertraut----Referenzen----*/	
	.referenzen .leist_title-small h3{   
	font-size:2.3em; 
	text-align:left;
	}


/* ------Untertitel Jetzt lassen wir--------------------*/
	.container-width-small{
	padding:0;
	}	
	
    /* --allgemein---------*/	
	.leist_title-small h3{   
	font-size:1.3em; 	
	}

	 /* --wer uns vertraut--Text darunter-------*/
	.title-h3{   
	 font-size:1.20em;  
	 line-height:1.6em;	 	 
	 }     
	
	.dsn-scroll-bottom{   
     display:none; 
    }
  
  	

	/*  referenzen, auf die....wir können hier nicht */
	.index .title-block{   
	 font-size:1.05em;
	 line-height:1.4em;	 	
	 -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     xhyphens: auto;
	 text-align:left;
	}
  		
	/*  Projekt overlay Text img... */
	.fadeIn-bottom{
	  top: 10%;
	 }
	.move-circle .icon-circle {  
	   border:1px solid red;   
	   background:red !important;
	}
          
   /* --allgemein-----logos kunden usw----*/
   .box-left .title-h2{
    margin-top:2rem;
   }

    /* --Kunden Slider---------*/
   .logos_title-small {   
	font-size:2.2em; 	
	text-align:center;
	}
 
	/* --logos--------*/
	.owl-logo img {   
	 padding:20px;
	 }
 	
    /* --erfolgreiche-------*/
	.partner .title-h2{  
	 font-size:1.8em;
	 margin-top:110px;
	 text-align:center;
	}

     /* --partner--------*/
	.borderedBox .top p {	 
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
    
	 /* --Footer---------*/
	#dsn_footer .subtitle span {  
	  font-size: 1.2em;  
	  margin-bottom:0.5rem;
	}
	#dsn_footer .col-contact p {
	  font-size: 1.0em;
	}

	#dsn_footer .col-contact p:last-child {
	  margin-bottom:0.5rem;
	}
	/* --titel-kontaktiere--------*/
	

	/* --Abstand zu titel---------*/
	#dsn_footer .dsn-def-btn{  
	  margin-top:1rem;
	}
   

     /* --mehr anzeigen---------*/	  
	.button {	  
	  font-size: 0.9em;	 
	  margin-bottom:70px;
	  margin-top:40px;
	}

	/*Isotope */
	.filter-button-group ul {	
	padding: 10px 0;
	}

    /*Isotope */
	.filter-button-group li {
	font-size: 14px;	  	
   }   
} 

/* ----Seite Referenzen end--------*/
/* -----------------------media 479--------------------------------------------end---------*/	 




/* -----------------------media 440--------------------------------------------------------*/	
@media (max-width:440px) {	
	
	.site-header.dsn-hamburger .menu-cover-title {
	  display:none;
	}
	
	.padding-li-re {
	  padding-left: 0rem;
	  padding-right: 0rem;
	} 

	.container, .dsn-container {
	  padding-right: var(--dsn-gap-container);
	  padding-left: var(--dsn-gap-container);
	  padding-right:1.0rem;
	  padding-left: 1.0rem;
	  padding-left:0.5rem;
	}	
	
	/* --Titel index--------*/
	#hero_title_mobile h2 {   
	font-size: 5.0em;	
	line-height:0.9em;
	margin-top:-4rem;
	font-weight:400;

	}	
	/* --Titel index--------*/		
	#hero_title .post1H1 {	 
	margin-left:10px;
	margin-top: 20px;	
	}

	/* --Titel index--------*/
	#hero_title .post {	  
	font-size: 2.8em;	  
	-webkit-text-stroke-color: rgba(255, 255, 255, 1);
	padding-top:0px;	
	}

	#hero_title h1 {    
	  font-size:5.2em;
	  line-height:0.9em;
	  letter-spacing:-0.03em;
	  font-family: "Poppins";
	  font-weight: 600;
	  margin: 0px;
	  color: white;
	  user-select: none; 
	  z-index: 0;
	  padding-top:1rem;
	}

   



	/* --Webdesign | Hosting | Texter-------*/
	.site-header.dsn-hamburger .container-content .nav-content .nav-content h2{   
		 font-size:1.3em; 	 
		 color:#fff;
		 text-align:left;
		 text-align:center;
		}
	
	
	.site-header.dsn-hamburger .container-content .nav-content .nav-content p {   
		 line-height:1.4em;
		 text-align:left;
		}

	#dsn_footer .footer-nav-print{   
		 padding-bottom:0.5rem;	 
		}
	#dsn_footer .footer-nav-print li{  
	   margin-right:20px;	   
	}

	#dsn_footer .list-impr {	
		display:-webkit-flex;display:-ms-flexbox;display:flex;
		-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
		-webkit-justify-content:end;-ms-justify-content:end;-ms-flex-pack:end;justify-content:end;	
		margin-right:10px;
	}


	
    /* Schalter */


   /* ----Titel oben alle-------*/ 
	.leist_title-small h1{   
	 font-size:2.6em; 	 
	 font-weight:400;
	 text-align:left;
	 margin-left:20px;
	}


	.viewers>.contents {   
		padding-top: 30px;
		padding-bottom: 30px;   
	}
	
	/* ----bei navi-------*/ 
	.partner .logo-ihc{
	   width:60px;
	   height:auto;
	}

	.partner .logo-ag{
	   width:110px;
	   height:auto;  
	}

	.nav-social-inner{	 
	   margin-bottom:2rem;
	}
	

    /* ----im footer-------*/ 
	#dsn_footer .partner .logo-ihc{
	   width:80px;
	   height:auto; 	   
	}

	#dsn_footer .partner .logo-ag{
	   width:140px;
	   height:auto;  	   
	}

    /* ----Titel oben was wir draufhaben-------*/ 
	.leist_title-smaller{   
	 font-size:2.4em; 	 
	 font-weight:400; 	 
	}

	.title-block {
	  text-align:left;
	}
    
    /* --wer uns vertraut---------*/	
	.leist_title-small h3{         
	 font-size:2.4em; 
	 font-size:2.6em; 
	 font-weight:400;
	 text-align:left;
	 margin-left:40px;
	}

	.leistung .title-h3{         
	 font-size:1.25em; 
	 line-height:1.35em;
	 font-weight:300;	
	 text-align:center;
	 margin-top:2rem;	
	 
	 padding-right:0rem;	
     padding-left:0rem;	
	}

 	.m-left{
	  margin-left:1.5rem;
	 }

	/* --Gästemape--Text bewegt-------*/ 
	.mappe .title-h2{
	 font-size:1.4em;		 
	 text-align:center;	 
	 margin-left:1rem;
	 margin-right:1rem;
	}
	/* ---Referenzen -Text bewegt-------*/ 
	.ref .title-h2{
	 font-size:1.4em;		 
	 text-align:center;	 	 
   }
   
   .br-tablet{
   display:none;  
   }
}


/* -----------------------media 440--------------------------------------------end---------*/	



/* -----------------------media 360----------------------------------------------------*/	 
@media (max-width:360px) { 
   
/* --Titel index--------*/
	#hero_title_mobile h2 {   
	font-size: 4.2em;
	} 
    /* --Titel index--------*/
	#hero_title .post { 
	font-size: 2.6em;	
	margin-top:0rem;	
	}
	/* --Titel index--------*/
	#hero_title .post1H1 {	 
	  margin-left:20px;	  
	}

	#hero_title h1 {    
	  font-size:4.2em;
	  line-height:0.9em;
	  letter-spacing:-0.03em;
	  font-family: "Poppins";
	  font-weight: 600;
	  margin: 0px;
	  color: white;
	  user-select: none; 
	  z-index: 0;
	  padding-top:1rem;
	}
	    
    /* -Referenzen---Text bewegt-------*/ 
     .ref .title-h2{
	 font-size:1.05em;		 
	 text-align:center;	 	 
    }

     /* ----Text bewegt---???----*/ 
    .title-h3.dsn-text{
	 font-size:1.05em;	
	 color:blue;
    }

	

     /* --Gästemappe--Text bewegt-------*/ 
    .mappe .title-h2{
	 font-size:1.2em;		 
    }

     .title-h3{   
	 font-size:1.02em; 
	 padding-right:0rem;
	 padding-left:0rem;
	 color:yellow;
	 }

	 .br-tablet{
     display:none;  
     }

    /* --Kunden Slider---------*/
   .logos_title-small {   
	font-size:1.8em; 	
	}

   
    /* --erfolgreiche-------*/
	.partner .title-h2{  
	 font-size:1.4em;	
	}

	.partner-name{	  
	   font-size:1.4em;
	}

	.standard {
       padding-top: 250px;
       padding-bottom: 70px
    }       
      

    /*Bildtitel */
	.box-headline .title {	
	font-size:0.9em;
	line-height:1.2em;	
	}  	
	
    /* ----Titel oben alle-------*/ 
	.leist_title-small h1{   
	 font-size:2.3em; 	 
	}

    /* --wer uns vertraut-----usw----*/	
	.leist_title-small h3{   
	 font-size:2.5em;  
	 }  

    .filter-button-group li {	
	 padding: 10px 10px;
	 font-size: 15px;	
     }	
}

/* -----------------------media 360---------------------------------------end-------------*/	 




/* -----------------------media 320-------------------------------------------------------*/	 
@media (max-width:320px) {  	
	.site-header.dsn-hamburger #navbar_toggle .toggle-icon {
	  --width-icon: 25px;
	  margin-right:10px;	 
	}
	
	/* --Titel index--------*/
	#hero_title_mobile h2 {   
	font-size: 3.0em;	
	} 
    /* --Titel index--------*/
   #hero_title .post {	    
	font-size: 2.3em;
	-webkit-text-stroke-color: rgba(255, 255, 255, 1);	 
	}
	
    /*Isotope */
	.filter-button-group li {		
	padding: 10px 10px;
	font-size: 12px;
	color: #fff;		
	}

    .header-normal {
	padding-left:10px;
	padding-right:10px;
	}

    /* ----Titel oben alle-------*/ 
	.leist_title-small h1{   
	 font-size:2.5em; 	
	}      

     /* ----Titel Arbeiten-------*/ 
	.referenzen-box .title-referenzen {		
		font-size:3.8em;
	}
}



/* Mobile */
@media (max-width: 575px) {
  /* Horizontale Linie */
  .accordion--headline button.accordion-button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 20px;
    height: 2px;
    background-color: #fff;
    transform: translateX(-50%);
    margin-top: 10px;
  }

  /* Vertikale Linie */
  .accordion--headline button.accordion-button::after {
    content: "";
    position: absolute;
    top: calc(100% + 10px + -9px);  /* 100% = Button unten + 10px Abstand (margin-top horizontal line) + 2px Höhe der horizontalen Linie */
    left: 50%;
    width: 2px;
    height: 20px;
    background-color: #fff;
    transform: translateX(-50%);
    opacity: 1; /* sichtbar von Anfang an */
    transition: opacity 0.3s ease;
    display: block;
  }

  /* Vertikale Linie ausblenden wenn geöffnet */
  .accordion--headline button.accordion-button[aria-expanded="true"]::after {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .accordion--headline button.accordion-button::after {
   opacity: 1 !important;
  }


  /* Horizontale Linie (Minus/Plus) */
	body.v-light .accordion--headline button.accordion-button::before { 
	  background-color: #00fac9;  
	}

	/* Vertikale Linie (Plus) */
	body.v-light .accordion--headline button.accordion-button::after { 
	  background-color: #00fac9;  
	}

	.accordion--headline button.accordion-button { 
	  font-size: 1.6em;
	  color: red;
	  font-family: 'Bai Jamjuree', sans-serif;
	  margin-bottom:2rem;
	 }
}