/**
*
* @author Darius Parsi
* geschrieben am 05.03.2010
* Bearbeitet am 10.06.2021
* Bearbeitet am 17.06.2022

* Bearbeitet am 04.07.2025
* Bearbeitet am 11.10.2025
*/






body{
	background-color:rgba(250,250,250,1);

	font-family: var(--my-fontStyle);
	}

#cookie-banner {
      display: none;
 }

.id_1_mo {
  background-image: url('../foheader/livvance_header.jpg'); 
  background-size: cover;
  background-position: center;
  height: 100vh; /* ganze Höhe des Bildschirms */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d4b483;
}


.id_1-color_mo {
  background-color: var(--my-Overlay); /* dunkles Overlay fürs Lesen */
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.id_1-content_mo {
  text-align: center;
  padding: 2rem;
}

.id_1-header_mo {
  font-size: var(--my-TextSize_1);
  margin-bottom: 3.5rem;
  color: var(--my-HeaderFontColor);
  /*font-family: var(--my-fontStyle);*/
  /*font-style: italic;*/
   /*font-family: var(--balken-fontStyle);*/
  font-family: var(--my-HeFoArtPC);
}

.id_1-color_mo2 {
  background-color: var(--my-Overlay); /* dunkles Overlay fürs Lesen */
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.id_2-button {
  background-color: var(--bg-green);
  color: var(--my-fontColor2);
  padding: 1rem 2rem;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.id_2-button:hover {
  background-color: var(--bg-green);
  font-size: 1.2rem;
  color: gold;
}



id_3_mo {
  background-image: url('../foheader/livvance_header.jpg'); 
  background-size: cover;
  background-position: center;
  height: 100vh; /* ganze Höhe des Bildschirms */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d4b483;
 font-family: var(--header-fontStyle);
}

.id_3-color_mo {
  background-color: var(--my-Overlay3); 
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.id_3-content_mo {
  text-align: center;
  padding: 2rem;
}

.id_3-header_mo {
  font-size: var(--my-HeaderFontSize);
  margin-bottom: 2.5rem;
  color: var(--my-HeaderFontColor);
 font-family: var(--header-fontStyle);
  /*font-style: italic;*/
  text-style: bold;
}

.id_3-button {
  background-color: var(--bg-Color3);
  color: var(--my-fontColor3);
  padding: 1rem 2rem;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}



.id_3-button:hover {
  background-color: var(--bg-Color3);
  font-size: 1.2rem;
  color: gold;
}

/* couching*/
.id_3-button_sp {
  background-color: var(--bg-Color3);
  color: var(--my-fontColor3);
  padding: 1rem 2rem;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.id_3-button_sp:hover {
  background-color: var(--bg-Color3);
  font-size: 1.2rem;
  color: gold;
}

.id_3-feil {
  background-color: rgb(0,0,0,0.0);
  color: var(--my-Leinweiss);
  padding: 1rem 2rem;
  font-size: 4.2rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.id_3-feil:hover {
   background-color: rgb(0,0,0,0.0);
  font-size: 4.2rem;
  color: gold;
}

.id_update{font-size:80%;}
#id_1{
top:0px;
position:absolute;
background-color:white;
width:100%;
height:auto;
left:0%;
color:white;
text-align:center;
margin-left:0%;
margin-right:0%;
}

#id_2{
top:0px;
position:absolute;
background:white;
width:100%;
height:auto;
left:0%;
color:white;
text-align:center;
margin-left:0%;
margin-right:0%;
}


#id_3{
top:0px;
position:absolute;
/*background-color:rgba(250,0,0,0.5);*/
background-color: var(--bg-Leinweiss);
width:100%;
height:auto;
left:0%;
color:white;
text-align:center;
margin-left:0%;
margin-right:0%;
}

#id_3_1{
position:absolute;
width:100%;
height:auto;
/*background-color:rgba(0,0,0,0.8);*/
background-color: var(--bg-Grundriss);
margin-left:0%;
}

.id_3_vw1{
float:left;
width:40%;
height:30px;
padding-top:40px;
left:0%;
padding-top:1%;
padding-bottom:40px;
}

.id_3_1a{
position:absolute;
width:100%;
height:auto;
background-color: var(--bg-Linien);
margin-left:0%;
left:0%;
text-align:center;
color:var(--my-fontColor2);
font-size: var(--my-LinienOffOn);
/*font-style: italic;*/
}




.intro-text_2 {
    font-size: var(--my-TextSize_2);
    text-align: left;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);

    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_3-Title {
    font-size: var(--my-TextSizeTitle_3);
    text-align: left;
    margin-bottom: 30px;
    padding: 0 30px;
   font-family: var(--header-fontStyle);
    color: var(--my-fontColor2);
   /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}
.intro-text_3 {
    font-size: var(--my-TextSize_3);
    text-align: left;
    margin-bottom: 30px;
    padding: 0 30px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}
.intro-text_4_Title{
    font-size: var(--my-TextSize_4);
    text-align: left;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--header-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}
.intro-text_4 {
    font-size: var(--my-TextSize_4);
    text-align: left;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_5 {
    font-size: var(--my-TextSize_5);
    text-align: center;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_6 {
    font-size: var(--my-TextSize_6);
    text-align: center;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_7 {
    font-size: var(--my-TextSize_7);
    text-align: center;
    margin-bottom: 30px;
    /*padding: 0 10px;*/
    /*font-family: var(--my-fontStyle);*/
    font-family: var(--my-footerFontArt);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_8 {
    font-size: var(--my-TextSize_8);
    text-align: center;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}
.parent-container::after {
  content: "";
  display: inline;
  clear: both;
}

.id_3_1b1 {
float:left;
width:31.3%;
height:auto;
background-color: var(--bg-Leinweiss);
color:var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
text-align:left;
padding-bottom:1%;
padding-top:1%;
}

/*
 .rounded-box {
      flex: 1;
      min-height: 550px;
      overflow: auto;
      word-break: break-word;
      background-color: var(--bg-color4);
      border-radius: 25px;
      padding: 40px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      margin-top: 30px;
      max-width: 700px;
      color: var(--my-fontColor2);
      font-family: var(--my-fontStyle);
      }
      */
 .rounded-box {
      flex: 1;
      min-height: var(--my-rounded-pc);
      overflow: auto;
      word-break: break-word;
      background-color: var(--bg-color4);
      border-radius: 25px;
      padding: 40px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      margin-top: 5px;
      max-width: 700px;
      color: var(--my-fontColor2);
      font-family: var(--my-fontStyle);
      }     
.id_3_1b1:nth-child(2n) {
  margin-right: 0;
}


.id_3_1b1 img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  display: block;
}

.ueber-mich-container {
  background-color: var(--bg-Leinweiss);
  color: var(--my-fontColor2);
  padding: 2rem;
  font-size: 1rem;
  line-height: 1.6;
}

.profilbild {
  float: right;
  padding-top: 1%;
  margin-left: 2rem;
  width: 250px;
  height: 450px;
  shape-outside: inset(0);
  clip-path: inset(0);
}

.profilbild img {
  width: 100%;
  height: 100%;
  border-radius: 2%;
  object-fit: cover;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.id_3_1b2{
float:left;
width:68%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
text-align:left;
padding-bottom:5%;
padding-top:2%;
}
.id_3_1b3{
float:right;
width:28%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:center;
padding-bottom:5%;
padding-top:2%;
}
.id_3_1b4{
float:left;
width:48%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:left;
padding-bottom:5%;
padding-top:15%;
}
.id_3_vw2{
float:left;
width:100%;
height:20px;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:180%;
text-align:center;
padding-top:20px;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}
.id_3_2a{
float:left;
width:100%;

height:auto;
background-color: var(--bg-Linien2);
color: var(--my-fontColor2);
font-size: var(--my-Linien2OffOn);
text-align:center;
border-bottom:0px solid white;
left:0%;
}

.id_3_2ab{
font-family: var(--balken-fontStyle);
float:left;
width:100%;
height:auto;
background-color: var(--bg-Color5);
color: var(--my-SchriftFarbe_Ue);
font-size: var(--my-TextSize_6);
/*text-shadow: 10px 11px 12px black;*/
text-align:center;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}
.id_3_2b{
float:left;
width:100%;
height:auto;
/*background-color:rgb(20,0,0,0.0);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:0%;
padding-right:0%;
font-size:100%;
text-align:left;
padding-bottom:0%;
}

.id_3_2c{
float:left;
width:100%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
text-align:left;
padding-bottom:2%;
}
.id_3_vw3{
float:left;
width:100%;
height:20px;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:120%;
text-align:center;
padding-top:20px;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}
.id_3_3a{
float:left;
width:100%;
height:auto;
background-color: var(--bg-Linien3);
color: var(--my-fontColor2);
font-size: var(--my-Linien3OffOn);
text-align:center;
border-bottom:0px solid white;
left:0%;
}
.id_3_3a_imp{
float:left;
width:60%;
margin-left:20%;
margin-right:20%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:300%;
text-align:left;0%
border-bottom:0px solid white;
left:0%;
padding-top:5%;
padding-bottom:5%;
}
.id_3_3b_imp{
float:left;
width:60%;
margin-left:20%;
margin-right:20%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:120%;
text-align:left;
padding-top:10px;
border-bottom:0px solid white;
left:0%;
padding-top:5%;
padding-bottom:5%;
}
.id_3_3b{
float:left;
width:31.3%;
height: var(--my-footerHePC);
background-color: var(--bg-Kontakt);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
text-align:center;
padding-bottom:30%;
font-family: var(--my-footerFontArt);
}
.id_3_3c{
float:left;
width:31.3%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:center;
padding-top:1%;
padding-bottom:1%;
}
.id_3_3d{
float:left;
width:31.3%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:center;
padding-top:1%;
padding-bottom:1%;
border-bottom:0px solid white;

}

.id_3_4b1{
float:left;
width:48%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:120%;
text-align:left;
padding-bottom:30%;
}
.id_3_4b2{
float:right;
width:48%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:120%;
text-align:left;
padding-bottom:30%;
}
.id_3_vw4{
float:left;
width:100%;
height:20px;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:180%;
text-align:center;
padding-top:20px;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}


.id_3_vw5{
float:left;
width:100%;
height:20px;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:180%;
text-align:center;
padding-top:20px;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}


.id_3_99{
float:left;
/*position:fixed;*/
bottom:0px;
width:100%;
height:40px;
background-color: var(--bg-Kontakt);
color: var(--my-footerEnde);
font-size: var(--my-TextSize_8);
text-align:center;
padding-top:20px;
padding-bottom:10px;
margin-left:0%;
margin-right:0%;
left:0%;
}
.id_3_99 a{
float:right;
color:var(--my-copyright1);
text-decoration:none;
border:1px solid white;
padding-top:0.5%;
padding-bottom:0.5%;
padding-left:0.5%;
padding-right:0.5%;
margin-right:1%;
}
.id_3_99 a:hover{
color:var(--my-copyright2);
}


.buch{font-size:160%;}
.bucha{font-size:140%;}
.bucha:hover{font-size:140%;}


.name_1b{
float:left;
width:98%;
height:auto;
background: var(--bg-green);
color:white;
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:left;
padding-bottom:1%;
padding-top:1%;
top:0%;
}
#name_a{color:black;font-size:160%;text-align:center;}
#sipcsm{color: #6ba368;
    font-size: 2.2em;
    text-align: center;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontG);
    font-style: italic;
    
}

.name_2b{color:white;font-size:140%;}
.title_1a{color:white;font-size:280%;font-style:italic;}
.title_2a{color:white;font-size:180%; font-style:italic;}
.title_3a{color:white;font-size:280%;font-style:italic;}
.text_a{color:white;font-size:100%;}


.size_pc{width:100%; height:auto;}
.id_optionf{width:80%;height:40px;background-color:rgba(250,200,80,1);}
.id_titlef{color:white;font-size:160%;width:80%; height:40px;}
.id_namef{width:80%; height:40px;}
.id_feldf{width:79%; height:40px;background-color:rgba(250,200,80,1);}
.id_datef{width:80%; height:40px;}
.id_timef{width:79%; height:40px;}
.id_textareaf{width:80%; height:100px;background-color:rgba(250,200,80,1);}
.id_buttonf{
width:100px;
height:auto;
background-color:rgba(250,200,80,1);
border:1px solid white;
color:white;
padding-left:1%;
padding-right:1%;
font-size:140%;
text-align:center;
padding-bottom:1%;
padding-top:1%;
top:0%;
}
.id_buttonf:hover{
width:100px;
height:auto;
background-color:rgb(120,100,80,0.7);
border:1px solid white;
color:gold;
padding-left:1%;
padding-right:1%;
font-size:140%;
text-align:center;
padding-bottom:1%;
padding-top:1%;
top:0%;
}


#id_fohe_2{
width:96%;
height:auto;
margin-left:2%;
margin-right:2%;
top:0px;
background-color:rgb(250,50,50,0.0);
position:fixed;
opacity:10;
}

#id_fohe{

 /*background: url('../foheader/livvance_header.jpg') center center/cover no-repeat;*/
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  color: white;
  background-color:rgb(250,50,50,0.0);
}
.id_fohe::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
}

.id_fohe-content {
  position: relative;
  z-index: 1;
  max-width: 600px;

}



.id_lang_a{
top:55px;
position:fixed;
width:100px;
height:35px;
padding-top:10px;
padding-bottom:0em;
margin-left:5%;
margin-right:2%;
text-align:center;
font-size:0%;
color:white;
background-color:rgb(250,200,80,0.0);
left:0%;
border:0px solid white;
}
.id_lang_a:hover{
font-size:0%;
color:white;
}














































































































































































.id_fe{
background-color:rgba(50,50,50,1);
color:white;
font-size:140%;
height:45px;
width:98%;
padding-left:1%;
border:0px solid white;
border-bottom:5px solid white;
padding-bottom:1%;
padding-top:1%;
}
.id_op{
color:black;
font-size:140%;
height:45px;
width:95.4%;
padding-left:1%;
}
.id_da{
background-color:rgba(50,50,50,1);
color:white;
font-size:140%;
height:45px;
width:48.5%;
padding-left:1%;
border:0px;
border-bottom:5px solid white;
}
.id_ti{
background-color:rgba(50,50,50,1);
color:white;
font-size:140%;
height:45px;
width:48%;
padding-left:1%;
border:0px;
border-left:1px solid white;
border-bottom:5px solid white;
}
.id_su{
color:white; 
width:120px;
font-size:120%;
background-color:rgba(30,30,30,1);
border:2px solid gray;
text-align:center;
border-radius:5px 5px 5px 5px;
}
.id_su_a{text-decoration:none;}
.id_su_a:hover{text-decoration:none;}

.id_tea{
width:99%;
height:100px;
background-color:rgba(50,50,50,1);
color:white;
border:0px;
border-bottom:5px solid white;
}
#menuhea{
top:0px;
display:inline;
position:fixed;
width:92%;
height:32px;
padding-top:0.1em;
padding-bottom:1.5em;
font-size:180%;
background-color:rgb(250,250,250,0.0);

text-align:left;
color:black;
margin-left:2%;
margin-right:2%;
padding-left:4%;
padding-top:0.5%;
padding-bottom:0.5%;
left:0%;
}

#menuheb{
top:0px;
display:inline;
position:fixed;
width:72%;
height:auto;
padding-top:0.1em;
padding-bottom:1.5em;
font-size:180%;
background-color:rgb(250,250,250,0.0);
text-align:left;
color:black;
margin-left:2%;
margin-right:2%;
padding-left:4%;
padding-top:0.5%;
padding-bottom:0.5%;
left:30%;
}
.menuhea{float:left;color:black;font-size:120%;}
.menuhea:hover{float:left;color:red;}

#menu_pc{
top:0px;
position:fixed;
width:100%;
height:30px;
padding-top:1%;
padding-bottom:1%;
margin-left:0%;
margin-right:0%;
font-size:100%;
background: var(--bg-green);
/*background-color:rgba(250,200,80,1);*/
text-align:center;
color:var(--my-fontColor2);
left:0%;
}
ul{
list-style-type:none;
margin:0;
padding:0;
}

li{
float:left;
background-color:rgba(0,0,0,0.0);
padding-right:0.5em;
text-align:center;
}

ul li{
float:right;
position:relative;
}
li a{
display:block;
color:var(--my-fontColor2);
font-size:120%;
background-color:var(--bg-leinweiss);
text-align:center;
text-decoration:none;
padding-right:1px;
margin-right:1px;

}
li a:hover {
color:green;
font-size:120%;
}
ul li ul{
display:none;
position:absolute;
}
ul li:hover ul{
display:block;
}
ul li:hover ul a{
top:100px;
width:345px;
float:left;
display:block;
background: var(--bg-green);
color:var(--my-fontColor2);
padding-top:1em;
padding-bottom:1em;
text-align:center;
border-left:0px solid white;
border-right:0px solid white;
padding-left:0%;

}
ul li:hover ul a:hover{
float:left;
display:block;
width:345px;
background: var(--bg-green);
color:gold;
padding-top:1em;
padding-bottom:1em;
text-align:center;
border-left:0px solid white;
border-right:0px solid white;
padding-left:0%;
}




ul{}
a{
color: var(--my-footer-LinkA);
font-size:80%; 
text-decoration:none;
}
a:hover{
color: var(--my-footer-LinkB);
font-size:80%; 
text-decoration:none;
}




#menu_sm{
position:absolute;
width:100%;
padding-top:1.5em;
padding-bottom:1.5em;
text-align:right;
font-size:0%;
}




















































































	
	



















	
	
























































































































#verweis{
position:absolute;
top:5%;
width:100%;
height:auto;
font-size:800%;
color:white;
}

#filenav{}
#verweis{
position:absolute;
top:45%;
width:100%;
height:auto;
font-size:300%;
color:white;
}

#filenav{}
/*.file_a{
display:block;
color:red; 
background-color:rgba(0,0,0,1);
width:60px; 
height:60px;
border:2px solid lightgray;
border-radius:60px 60px 60px 60px;
text-align:center;
}
.file_a:hover{
display:block;
color:white; 
background-color:orange;
border:5px solid gold;
}
*/
.file_a{
display:block;
width:80px;
height:80px;
font-size:120%;
border:0px solid white;
border-radius:80px 80px 80px 80px;
background-color:rgb(250,230,230,0.5);
font-size:140%; color:white; text-decoration:none;
left:250%;
/*padding-top:75%;*/
}
.file_a:hover {
display:block;
width:80px;
height:80px;
font-size:120%;
background-color:rgb(250,230,100,0.5);
border:0px solid white;
border-radius:80px 80px 80px 80px;
font-size:120%; color:white; text-decoration:none;
left:250%;
font-size:140%; color:gold;
/*padding-top:75%;*/
}
.wid_pc{width:100%;height:auto;}
.wid_pcbo{width:70%;height:auto;}
.wid_sm{width:0%;height:0%;}
.wid_smbo{width:0%;height:0%;}




























































































#id_log_21{
float:left;
position:absolute;
top:10px;
width:100px;
height:30px;
font-size:120%;
background-color:rgba(40,40,40,1);

border:1px solid white;
}
.id_log_21_a{font-size:120%; color:white; text-decoration:none;}
.id_log_21_a:hover {font-size:120%; color:gold;}




#id_log_fo_21{}
.id_log_fo_te_21{float:left; background-color:rgb(250,250,250,0.5);  text-align:right;color:black; width:40%;}
.id_log_fo_fe_21_bn{background-color:rgb(250,250,250,0.5); border:none; width:90%;height:40px; font-size:100%;}
.id_log_fo_fe_21_pw{background-color:rgb(200,200,200,0.5); border:none; width:90%;height:40px; font-size:100%;}
.id_log_fo_su_21{background-color:rgb(250,250,250,0.5);font-size:100%;width:150px;height:50px;}
#tab{text-font:center;  width:30%; background-color:rgba(70,70,70,1);}
.id_log_he_21{background-color:rgba(30,30,30,1); height:200px;color:rgba(100,230,200,1);font-size:140%;}
#id_log_th_21{height:30px;background-color:rgba(100,230,200,1);}
#id_log_co_off{float:left;position:absolute; top:0%; height:0px; width:0%; background-color:rgba(30,30,30,0.0); color:rgba(100,230,200,0.0);font-size:0%;}

#id_philo_21{
/*float:right;*/
position:fixed;
top: var(--my-logoPsiPC);
width:100px;
height:auto;
font-size:120%;
background-color:rgb(0,0,0,0.0);
border:0px solid rgba(250,0,0,1);
/*border-radius:0px 170px 170px 170px;*/
margin-left: var(--my-logoPC);
}

.id_philo_21_a{
float:left;
position:absolute;
width:50px;
height:70px;
font-size:120%;
font-style:italic;
border:0px solid white;
border-radius:10px 10px 10px 10px;
/*background: url(../mylogo/mylogo.jpg) no-repeat 0;*/
font-size:140%; 
color:white; 
text-decoration:none;
left:15%;
padding-top:0%;
}




#id_for_21{
float:left;
position:absolute;
top:80px;
width:250px;
height:250px;
left:20%;
}

.id_for_21_a{
float:left;
position:absolute;
width:250px;
height:250px;
border:0px solid white;
border-radius:250px 250px 250px 250px;
background-color:rgb(250,230,230,0.5);
color:white; 
text-decoration:none;
left:10%;
}
.id_for_21_a1{
float:left;
position:absolute;
width:250px;
height:140px;
border:0px solid white;
border-radius:250px 250px 250px 250px;
background-color:rgb(250,230,230,0.0);
font-size:200%; 
color:white; 
text-decoration:none;
left:0%;
padding-top:45%;
}
.id_for_21_a1:hover {
float:left;
position:absolute;
width:250px;
height:140px;
background-color:rgb(250,230,100,0.0);
border-radius:250px 250px 250px 250px; 
text-decoration:none;
left:0%;
font-size:180%; 
color:gold;
padding-top:45%;
}



.id_fb_21_a{
float:left;
position:absolute;
width:250px;
height:250px;
border:0px solid white;
border-radius:250px 250px 250px 250px;
background-color:rgb(250,230,230,0.5);
color:white; 
text-decoration:none;
left:130%;
}
.id_fb_21_a1{
float:left;
position:absolute;
width:250px;
height:140px;
border:0px solid white;
border-radius:250px 250px 250px 250px;
background-color:rgb(250,230,230,0.0);
font-size:200%; 
color:white; 
text-decoration:none;
left:0%;
padding-top:45%;
}
.id_fb_21_a1:hover {
float:left;
position:absolute;
width:250px;
height:140px;
font-size:180%;
background-color:rgb(250,230,100,0.0);
border-radius:250px 250px 250px 250px; 
text-decoration:none;
left:0%;
color:gold;
padding-top:45%;
}


.id_mm_21_a{
float:left;
position:absolute;
width:250px;
height:250px;
border:0px solid white;
border-radius:250px 250px 250px 250px;
background-color:rgb(250,230,230,0.5); 
color:white; 
text-decoration:none;
left:250%;
}
.id_mm_21_a1{
float:left;
position:absolute;
width:250px;
height:140px;
border:0px solid white;
border-radius:250px 250px 250px 250px;
background-color:rgb(250,230,230,0.0);
font-size:200%; 
color:white; 
text-decoration:none;
left:0%;
padding-top:45%;
}
.id_mm_21_a1:hover {
position:absolute;

width:250px;
height:140px;
font-size:180%;
background-color:rgb(250,230,100,0.0);
border-radius:250px 250px 250px 250px; 
text-decoration:none;
left:0%;
color:gold;
padding-top:45%;
}


.id_lo_21_a{
float:left;
position:absolute;
width:600px;
height:250px;
font-size:120%;
border:0px solid white;
border-radius:5px 5px 5px 5px;
background-color:rgb(250,230,230,0.5);
font-size:140%; color:white; text-decoration:none;
left:60%;
padding-top:5%;
}
.id_lo_21_a:hover {
float:left;
position:absolute;
width:600px;
height:250px;
font-size:120%;
border:0px solid white;
border-radius:5px 5px 5px 5px;
background-color:rgb(250,230,130,0.5);
font-size:140%; color:white; text-decoration:none;
left:60%;
padding-top:5%;
}


.id_detfo_a{
float:left;
position:absolute;
width:250px;
height:400px;
font-size:120%;
border:0px solid white;
border-radius:5px 5px 0px 0px;
background-color:rgb(250,230,230,0.5);
font-size:140%; color:white; text-decoration:none;
left:1%;
padding-top:5%;
}
.id_detfo_a:hover {
float:left;
position:absolute;
width:250px;
height:400px;
font-size:120%;
border:0px solid white;
border-radius:5px 5px 0px 0px;
background-color:rgb(250,230,230,0.5);
font-size:140%; color:white; text-decoration:none;
left:1%;
padding-top:5%;
}



.id_details_a{
float:left;
padding-left:2%;
padding-right:2%;
position:absolute;
width:600px;
height:400px;
border:0px solid white;
border-radius:5px 5px 0px 0px;
background-color:rgba(250,230,230,1);
font-size:120%; 
color:green; 
text-decoration:none;
left:110%;
padding-top:5%;
}
.id_details_a:hover {
float:left;
padding-left:2%;
padding-right:2%;
position:absolute;
width:600px;
height:400px;
border:0px solid white;
border-radius:5px 5px 0px 0px;
background-color:rgba(250,250,250,1);
font-size:120%; 
color:green; 
text-decoration:none;
left:110%;
padding-top:5%;
}

#id_test{
float:left;
position:absolute;
top:0px;
width:100%;
height:auto;
left:0%;
}
.id_test_left{
float:left;
width:21%;
height:auto;
padding-left:2%;
padding-right:2%;
background-color:rgb(30,30,30,0.3);
padding-top:5%;
padding-bottom:5%;
}

.id_test_details{
float:left;
width:100%;
height:auto;
padding-left:2%;
padding-right:2%;
background-color:rgba(130,30,30,1);
border-bottom:1px solid white;
padding-top:5%;
padding-bottom:5%;
font-size:100%;
}
.id_test_link{
float:left;
width:100%;
height:auto;
background-color:rgb(30,30,30,0.7);
padding-top:5%;
padding-bottom:5%;
font-size:140%;
}


.id_left_b2{
float:left;
width:30%;
height:auto;
padding-left:2%;
padding-right:2%;
background-color:rgb(30,30,30,0.3);
padding-top:5%;
padding-bottom:5%;
}
.id_right_b2{
float:left;
width:46%;
height:auto;
padding-left:2%;
padding-right:2%;
background-color:rgb(30,30,30,0.3);
padding-top:5%;
padding-bottom:5%;
}







































#id_3_1_re{
position:absolute;
width:100%;
height:auto;
background-color:rgba(250,250,250,1);
margin-left:0%;
}

.id_3_1a_re{
float:left;
width:95%;
height:100px;
background-color:rgba(250,250,250,1);
color:white;
text-align:left;
padding-left:5%;
padding-top:20px;
border-bottom:1px solid white;
left:0%;
}
.id_te_re_a{font-size:200%;text-align:left;padding-left:0%;color:black;}
.id_te_re_b{font-size:200%;text-align:right;padding-left:45%;color:black;}







.id_3_2b_releft{
float:left;
width:65%;
padding-left:5%;
padding-bottom:5%;
font-size:140%;
height:auto;
background-color:rgba(250,250,200,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}




.id_3_2b_reright{
float:right;
width:25%;
padding-right:5%;

padding-bottom:5%;
font-size:140%;
height:auto;
background-color:rgba(250,250,200,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}

.id_3_3c_releft{
float:left;
width:20%;
padding-left:5%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,250,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}
.id_ch_re_3c{background-color:white;width:30px;height:25px;text-align:center;border:1px solid black;}


.id_3_3c_reright{
float:left;
width:25%;
padding-left:0%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,250,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}

.id_3_4a{
float:left;
width:5%;
padding-left:5%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,200,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}
.id_3_4b{
float:left;
width:35%;
padding-left:5%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,200,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}
.id_3_4c{
float:left;
width:13%;
padding-left:2%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,200,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}
.id_3_4d{
float:left;
width:15%;
padding-left:5%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,200,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}
.id_3_4e{
float:left;
width:13%;
padding-left:2%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,200,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}

.id_3_5a{
float:left;
width:80%;
padding-left:10%;
padding-right:10%;
padding-top:2%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,250,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}

.id_3_6a{
float:left;
width:30%;
padding-left:70%;
padding-top:2%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,200,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}

.id_3_7a{
float:left;
width:40%;
padding-left:10%;
padding-top:2%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,200,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}
.id_ch_re_a{float:left;background-color:white;width:30px;height:25px;text-align:center;border:1px solid black;}


.id_3_8a{
float:left;
width:40%;
padding-left:10%;
padding-top:2%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,200,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}
.id_ch_re_b{float:left;background-color:white;width:30px;height:25px;text-align:center;border:1px solid black;}

#id_bottom{float:left;position:fixed;width:95%;height:auto;bottom:0%;}
.id_3_9a{
float:left;
width:45%;
padding-left:5%;
padding-top:2%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,250,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}
.id_ch_re_a{float:left;background-color:white;width:30px;height:25px;text-align:center;border:1px solid black;}


.id_3_10a{
float:right;
width:45%;
padding-left:5%;
padding-top:4%;
padding-bottom:2%;
font-size:120%;
height:auto;
background-color:rgba(250,250,250,1);
color:black;
text-align:left;
border-bottom:1px solid white;
left:0%;
}
.id_ch_re_b{float:left;background-color:white;width:30px;height:25px;text-align:center;border:1px solid black;}













 @font-face {
    font-family: 'Raleway';
    src: url('./fonts/Raleway/Raleway-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('./fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}


/*
 @font-face {
    font-family: 'Raleway';
    src: url('./fonts/Raleway/Raleway-ThinItalic.woff') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}
*/
/*
@font-face {
    font-family: 'Raleway';
    src: url('./fonts/Raleway/Raleway-ThinItalic.woff2') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}
*/
@font-face {
    font-family: 'C4_type';
    src: url('./C4_type/C4type/fonts/otf/C4v.4-Regular.otf') format('otf');
    font-weight: 100 900;
    font-style: normal;
}



@font-face {
    font-family: 'C4_type';
    src: url('./C4_type/C4type/fonts/webfonts/C4v4-Regular.woff') format('WOFF');
    font-weight: 100 900;
    font-style: normal;
}



@font-face {
    font-family: 'C4_type';
    src: url('./C4_type/C4type/fonts/webfonts/C4v4-Regular.woff2') format('WOFF2');
    font-weight: 100 900;
    font-style: normal;
}

.cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    max-width: 500px;
    margin: auto;
    background-color: var(--bg-Cookie_1);
    color: var(--my-Cookies_1);
    font-family: var(--my-fontStyle);
    padding: 20px 25px;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.4);
    backdrop-filter: blur(6px);
    animation: slideUp 0.6s ease-out;
    z-index: 9999;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cookie-banner h3 {
    margin-top: 0;
    font-size: 1.3rem;
    font-family: var(--my-fontStyle);
}

.cookie-options {
    margin-top: 15px;
    text-align:left;
}

.cookie-options label {
    display: block;
    margin-bottom: 10px;
    font-size: 0.95rem;
    font-family: var(--my-fontStyle);
}

.cookie-options input[type="checkbox"] {
    accent-color: #4caf50;
    transform: scale(1.2);
    margin-right: 10px;
}

.cookie-statistik input[type="checkbox"]{
    accent-color: red;
    transform: scale(2.2);
    margin-right: 10px;
}
.cookie-footer {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.cookie-footer small {
    opacity: 0.7;
    font-size: 0.8rem;
}

.cookie-buttons {
    margin-top: 10px;
    text-align: right;
}

.cookie-buttons button {
    background-color: #4caf50;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.cookie-buttons button:hover {
    background-color: #45a049;
}












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

body{
	background-color:rgba(250,250,250,1);
	font-family: var(--my-fontStyle);
	}

.cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    max-width: 500px;
    margin: auto;
    background-color: var(--bg-Cookie_1);
    color: var(--my-Cookies_1);
    font-family: var(--my-fontStyle);
    padding: 20px 25px;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.4);
    backdrop-filter: blur(6px);
    animation: slideUp 0.6s ease-out;
    z-index: 9999;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cookie-banner h3 {
    margin-top: 0;
    font-size: 1.3rem;
    font-family: var(--my-fontStyle);
}


.cookie-options {
    margin-top: 15px;
    text-align:left;
}

.cookie-options label {
    display: block;
    margin-bottom: 10px;
    font-size: 0.95rem;
    font-family: var(--my-fontStyle);
}

.cookie-options input[type="checkbox"] {
    accent-color: #4caf50;
    transform: scale(1.2);
    margin-right: 10px;
}

.cookie-statistik input[type="checkbox"]{
    accent-color: red;
    transform: scale(2.2);
    margin-right: 10px;
}
.cookie-footer {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.cookie-footer small {
    opacity: 0.7;
    font-size: 0.8rem;
}

.cookie-buttons {
    margin-top: 10px;
    text-align: right;
}

.cookie-buttons button {
    background-color: #4caf50;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.cookie-buttons button:hover {
    background-color: #45a049;
}



.id_1_mo {
  background-image: url('../foheader/livvance_header.jpg'); 
  background-size: cover;
  background-position: center;
  height: 100vh; 
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d4b483;
}

.id_1-color_mo {
  background-color: var(--my-Overlay); /* dunkles Overlay fürs Lesen */
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.id_1-content_mo {
  text-align: center;
  padding: 2rem;
}

.id_1-header_mo {
  font-size: var(--my-TextSize_1);
  margin-top: 5rem;
  margin-bottom: 2.5rem;
  color: var(--my-HeaderFontColor);
   /*font-family: var(--balken-fontStyle);*/
  font-family: var(--my-HeFoArtSM);
}

.id_1-color_mo2 {
  background-color: var(--my-Overlay); 
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.id_2-button {
  background-color: var(--bg-green);
  color: var(--my-fontColor2);
  padding: 1rem 2rem;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.id_2-button:hover {
  background-color: var(--bg-green);
  font-size: 1.2rem;
  color: gold;
}



id_3_mo {
  background-image: url('../foheader/livvance_header.jpg'); 
  background-size: cover;
  background-position: center;
  height: 100vh; /* ganze Höhe des Bildschirms */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d4b483;
  font-family: var(--my-fontStyle);
}

.id_3-color_mo {
  background-color: var(--my-Overlay3); /* dunkles Overlay fürs Lesen */
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.id_3-content_mo {
  text-align: center;
  padding: 2rem;
}

.id_3-header_mo {
  font-size: var(--my-HeaderFontSize);
  margin-bottom: 2.5rem;
  color: var(--my-HeaderFontColor);
  font-family: var(--my-fontStyle);
  /*font-style: italic;*/
  font-style: bold;
}

.id_3-button {
  background-color: var(--bg-Color3);
  color: var(--my-fontColor3);
  padding: 1rem 2rem;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.id_3-button:hover {
  background-color: var(--bg-Color3);
  font-size: 1.2rem;
  color: gold;
}

/*couching*/
.id_3-button_sp {
  background-color: var(--bg-Color3);
  color: var(--my-fontColor3);
  padding: 1rem 2rem;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.id_3-button_sp:hover {
  background-color: var(--bg-Color3);
  font-size: 1rem;
  color: gold;
}



.id_3-feil {
  background-color: rgb(0,0,0,0.0);
  color: var(--my-Leinweiss);
  padding: 1rem 2rem;
  font-size: 4.2rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.id_3-feil:hover {
   background-color: rgb(0,0,0,0.0);
  font-size: 4.2rem;
  color: gold;
}

.id_update{font-size:80%;}
#id_1{
top:0px;
position:absolute;
background-color:white;
width:100%;
height:auto;
left:0%;
color:white;
text-align:center;
margin-left:0%;
margin-right:0%;
}

#id_2{
top:0px;
position:absolute;
background:white;
width:100%;
height:auto;
left:0%;
color:white;
text-align:center;
margin-left:0%;
margin-right:0%;
}


#id_3{
top:0px;
position:absolute;
/*background-color:rgb(250,0,0,0.5);*/
background-color: var(--bg-Leinweiss);
width:100%;
height:auto;
left:0%;
color:white;
text-align:center;
margin-left:0%;
margin-right:0%;
}

#id_3_1{
position:absolute;
width:100%;
height:auto;
/*background-color:rgb(0,0,0,0.8);*/
background-color: var(--bg-Grundriss);
margin-left:0%;
}

.id_3_vw1{
float:left;
width:100%;
height:20px;
padding-top:20px;
left:0%;
padding-top:1%;
padding-bottom:10%;
}

.id_3_1a{
position:absolute;
width:100%;
height:auto;
background-color: var(--bg-Linien);
margin-left:0%;
left:0%;
text-align:center;
color:var(--my-fontColor2);
font-size: var(--my-LinienOffOn);
/*font-style: italic;*/
}


.intro-text {
    font-size: var(--my-BodyAnfangTextSize);
    text-align: center;
    margin-bottom: 0px;

    padding: 0 0px;
    font-family: var(--my-fontStyle1);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 10%;
    padding-bottom: 10px;
}

.intro-text_2 {
    font-size: var(--my-TextSize_2);
    text-align: left;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_3 {
    font-size: var(--my-TextSize_3);
    text-align: left;
    margin-bottom: 30px;
    padding: 0 30px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}



.intro-text_4 {
    font-size: var(--my-TextSize_4);
    text-align: left;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_5 {
    font-size: var(--my-TextSize_5);
    text-align: center;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}
.parent-container::after {
  content: "";
  display: inline;
  clear: both;
}

.id_3_1b1 {
float:left;
width:98%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color:var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
text-align:center;
padding-bottom:1%;
padding-top:1%;
}

 .rounded-box {
      background-color: var(--bg-color4);
      min-height: var(--my-rounded-sm);
      border-radius: 25px;
      padding: 40px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      margin-top: 30px;
      max-width: 100%;
      color: var(--my-fontColor2);
      font-family: var(--my-fontStyle);
    }
.id_3_1b1:nth-child(2n) {
  margin-right: 0;
}


.id_3_1b1 img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  display: block;
}

.ueber-mich-container {
    flex-direction: column; 
    align-items: center;
    text-align: left;
  }

  .ueber-mich-text {
    text-align: center;
  }


.id_3_1b2{
float:left;
width:98%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
text-align:left;
padding-bottom:5%;
padding-top:2%;
}
.id_3_1b3{
float:right;
width:98%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:center;
padding-bottom:5%;
padding-top:2%;
}
.id_3_1b4{
float:left;
width:98%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:left;
padding-bottom:5%;
padding-top:15%;
}
.id_3_vw2{
float:left;
width:100%;
height:20px;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:180%;
text-align:center;
padding-top:20px;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}
.id_3_2a{
float:left;
width:100%;
height:auto;
background-color: var(--bg-Linien2);
color: var(--my-fontColor2);
font-size: var(--my-Linien2OffOn);
text-align:center;
border-bottom:0px solid white;
left:0%;
}

.id_3_2ab{
 font-family: var(--balken-fontStyle);
float:left;
width:100%;
height:auto;
background-color: var(--bg-Color5);
color: var(--my-SchriftFarbe_Ls);
font-size: var(--my-TextSize_6);
/*text-shadow: 10px 11px 12px black;*/
text-align:center;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}
.id_3_2b{
float:left;
width:100%;
height:auto;
/*background-color:rgba(20,0,0,0.0);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:0%;
padding-right:0%;
font-size:100%;
text-align:left;
padding-bottom:0%;
}

.id_3_2c{
float:left;
width:100%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
text-align:left;
padding-bottom:2%;
}
.id_3_vw3{
float:left;
width:100%;
height:20px;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:120%;
text-align:center;
padding-top:20px;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}
.id_3_3a{
float:left;
width:100%;
height:auto;
background-color: var(--bg-Linien3);
color: var(--my-fontColor2);
font-size: var(--my-Linien3OffOn);
text-align:center;
border-bottom:0px solid white;
left:0%;
}
.id_3_3a_imp{
float:left;
width:80%;
margin-left:10%;
margin-right:10%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:300%;
text-align:left;0%
border-bottom:0px solid white;
left:0%;
padding-top:5%;

padding-bottom:5%;
}
.id_3_3b_imp{
float:left;
width:80%;
margin-left:10%;
margin-right:10%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:120%;
text-align:left;
padding-top:10px;
border-bottom:0px solid white;
left:0%;
padding-top:5%;
padding-bottom:5%;
}
.id_3_3b{
float:left;
width:98%;
height: var(--my-footerHeSM);
background-color: var(--bg-Kontakt);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
text-align:center;
padding-bottom:30%;
font-family: var(--my-fontStyle);
}
.id_3_3c{
float:left;
width:98%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:center;
padding-top:1%;
padding-bottom:1%;
}
.id_3_3d{
float:left;
width:98%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:center;
padding-top:1%;
padding-bottom:1%;
border-bottom:0px solid white;

}

.id_3_4b1{
float:left;
width:98%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:120%;
text-align:left;
padding-bottom:30%;
}
.id_3_4b2{
float:right;
width:98%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:120%;
text-align:left;
padding-bottom:30%;
}
.id_3_vw4{
float:left;
width:100%;
height:20px;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:180%;
text-align:center;
padding-top:20px;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}


.id_3_vw5{
float:left;
width:100%;
height:20px;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:180%;
text-align:center;
padding-top:20px;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}


.id_3_99{
float:left;
/*position:fixed;*/
bottom:0px;
width:100%;
height:40px;
background-color: var(--bg-Kontakt);
color: var(--my-footerEnde);
font-size:100%;
text-align:center;
padding-top:20px;
padding-bottom:10px;
margin-left:0%;
margin-right:0%;
left:0%;
}
.id_3_99 a{
float:right;
color: var(--my-copyright1);
text-decoration:none;
border:1px solid white;
padding-top:0.5%;
padding-bottom:0.5%;
padding-left:0.5%;
padding-right:0.5%;
margin-right:1%;
}
.id_3_99 a:hover{
color: var(--my-copyright2);
}









.name_1b{
float:left;
width:98%;
height:auto;
background-color:rgb(250,200,80,0.7);
color:white;
padding-left:1%;
padding-right:1%;
font-size:100%;
text-align:left;
padding-bottom:1%;
padding-top:1%;
top:0%;
}
.name_2b{color:white;font-size:100%;}
.title_1a{color:white;font-size:140%;font-style:italic;}
.title_2a{color:white;font-size:100%; font-style:italic;}
.title_3a{color:white;font-size:160%;font-style:italic;}
.text_a{color:white;font-size:90%;}

.size_pc{width:100%; height:auto;}
.id_optionf{width:100%;height:40px;}
.id_titlef{color:white;font-size:120%;width:80%; height:40px;}
.id_namef{width:100%; height:40px;}
.id_feldf{width:97%; height:40px;}
.id_datef{width:100%; height:40px;}
.id_timef{width:79%; height:40px;}
.id_textareaf{width:90%; height:100px;}
.id_buttonf{
width:80px;
height:auto;
background-color:rgb(250,200,80,0.7);
border:1px solid white;
color:white;
padding-left:1%;
padding-right:1%;
font-size:120%;
text-align:center;
padding-bottom:1%;
padding-top:1%;
top:0%;
}
.id_buttonf:hover{
width:80px;
height:auto;
background-color:var(--bg-green);
border:1px solid white;
color:gold;
padding-left:1%;
padding-right:1%;
font-size:120%;
text-align:center;
padding-bottom:1%;
padding-top:1%;
top:0%;
}


#id_fohe_2{
width:96%;
height:auto;
margin-left:2%;
margin-right:2%;
top:0px;
background-color:rgb(250,250,250,0.0);
position:fixed;
opacity:10;
}

#id_fohe{

 background: url('../foheader/livvance_header_1.jpg') center center/cover no-repeat;
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;

  color: white;
  
}


.id_fohe::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
}

.id_fohe-content {
  position: relative;
  z-index: 1;
  max-width: 600px;
}









#menuhea{
top:0px;
display:inline;
position:fixed;
width:94%;
height:50px;
padding-bottom:1.5em;
font-size:180%;
background-color:rgba(250,250,250,1);
text-align:left;
color:black;
margin-left:2%;
margin-right:0%;
padding-left:2%;
padding-top:1%;
padding-bottom:0%;
left:0%;
}

#menuheb{
top:0px;
display:inline;
position:fixed;
width:100%;
height:50px;
padding-top:1%;
padding-bottom:1.5em;
font-size:0%;
background-color:rgb(250,250,250,0.0);
text-align:left;
color:black;
margin-left:2%;
margin-right:2%;
padding-left:4%;
padding-top:0.5%;
padding-bottom:0.5%;
left:50%;
}
.menuhea{float:left;color:black;}
.menuhea:hover{float:left;color:red;}




#menu_pc{
position:fixed;
width:0%;
padding-top:0%;
padding-bottom:0%;
text-align:right;
font-size:0%;
}
ul{
list-style-type:none;
margin:0;
padding:0;
}

li{
float:left;
background-color:rgb(0,0,0,0.0);
padding-right:0.5em;
text-align:center;
}

ul li{
top:28px;
float:left;
position:relative;
padding-left:0%;
}
li a{
display:block;
width:80px;
color:black;
font-size:100%;
background-color:rgb(0,0,0,0.0);
text-align:center;
text-decoration:none;

}

li a:hover {
width:80px;
color:white;
font-size:100%;
}
ul li ul{
display:none;
position:absolute;
}
ul li:hover ul{
display:block;
}
ul li:hover ul a{
top:100px;
width:120px;
float:left;
display:block;
background-color:rgba(250,200,80,1);
color:white;
padding-top:1em;
padding-bottom:1em;
text-align:center;
border-left:0px solid white;
border-right:0px solid white;
padding-left:0%;

}
ul li:hover ul a:hover{
float:left;
display:block;
width:120px;
background-color:rgba(40,40,40,1);
color:white;
padding-top:1em;
padding-bottom:1em;
text-align:center;
border-left:0px solid white;
border-right:0px solid white;
padding-left:0%;
}




.ul_1{
list-style-type:none;
margin:0;
padding:0;
}

li{
float:left;
background-color:rgba(0,0,0,0.0);
padding-right:0.5em;
text-align:center;
}

.ul_1 li{
top:28px;
float:left;
position:relative;
padding-left:0%;
}
li a{
display:block;
width:80px;
color:black;
font-size:100%;
background-color:rgba(0,0,0,0.0);
text-align:center;
text-decoration:none;

}

li a:hover {
width:80px;
color:white;
font-size:100%;
}
.ul_1 li ul_1{
display:none;
position:absolute;
}
.ul_1 li:hover ul_1{
display:block;
}
.ul_1 li:hover ul_1 a{
top:100px;
width:120px;
float:left;
display:block;
background-color:rgba(250,200,80,1);
color:white;
padding-top:1em;
padding-bottom:1em;
text-align:center;
border-left:0px solid white;
border-right:0px solid white;
padding-left:0%;

}
.ul_1 li:hover ul_1 a:hover{
float:left;
display:block;
width:120px;
background-color:rgba(40,40,40,1);
color:white;
padding-top:1em;
padding-bottom:1em;
text-align:center;
border-left:0px solid white;
border-right:0px solid white;
padding-left:0%;
}

ul{}
a{
color: var(--my-footer-LinkA);
font-size:80%; 
text-decoration:none;
}
a:hover{
color: var(--my-footer-LinkB);
font-size:80%; 
text-decoration:none;
}



/*
#menu_sm{
top:50px;
position:fixed;
padding-top:0;
width:46%;
height:55px;
padding-bottom:0em;
margin-left:2%;
margin-right:2%;
text-align:right;
font-size:100%;
color:white;
background: var(--bg-green);
background-color:rgba(250,200,80,1);
left:50%;
}
*/

#menu_sm{
top:0px;
position:fixed;
padding-top:0;
width:100%;
height:55px;
padding-bottom:0em;

margin-left:0%;
margin-right:0%;
text-align:right;
font-size:100%;
color:white;
background: var(--bg-green);
left:0%;
	}

.sidenav {
	background-color: var(--bg-green);  
	height:100%;
        width:0px;
	position: fixed;
	z-index: 1;
	top:0px;
	left:0px;
	overflow-x: hidden;
	paddling-top: 0px;
	transition: 0.5s;
         }
.sidenav a {
	padding: 9px 9px 9px 14px;
	text-decoration: none;
	font-size: 28px;
	color: #334a38;
	display:block;
	transition: 0.8s;
	text-align:left;
	border-bottom:0px solid white;
	}
.sidenav a:hover, .offcanvas a:focus {
	color: #f4ead9;
	text-align:left;
	background-color: white;
	}
.sidenav .closebtn {
	 transition: margin-left .5a;
         position: absolute;
         padding-top: 50px;
         left: 0px;
         color: #ff0000;
	 width:100%;
	 height:0px;
	 top:0px;
	 border-top:gray;
	 border-bottom:1px solid gray;
	 background:var(--bg-green);
	 text-align:left;
	 font-size:0pt;
	}
.id_97{
background-color:var(--my-SVG-Color); 
position:fixed;
top: 20px;
right:15px;
font-size: 14pt;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:5px;
width:30px;
margin-right:10px;
}
.id_76{
background-color: var(--my-SVG-Color); 
position:fixed ;
top: 30px;
right: 15px;
font-size: 14pt;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:5px;
width:35px;
margin-right:10px;
}
.iphon{
position:fixed ;
top: 20px;
right: 75px;
font-size: 14px;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:5px;
width:30px;
color:#ffffff;
}
.iphon:hover{
position:fixed ;
top: 20px;
right: 75px;
font-size: 14px;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:5px;
width:30px;
color:#000000;
}
.id_75{
background-color: var(--my-SVG-Color); 
position:fixed ;
top: 40px;
right: 15px;
font-size: 14pt;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:5px;
width:40px;
margin-right:10px;
}

.id_en{


.toggi {
color:red; 
background-color:black;
text-decoration: none; 
padding-left:5px;
display:inline;
border-bottom:1px solid red;
}

.toggi a: {
background-color:black;
font-size:100%;
color:white;
}
.toggi a:hover{
background-color:white;
font-size:100%;
color:white;
}





#id_menue_sm{
position:fixed;
top:0px;
width:98%;
height:50px;
background:black;
padding-right:2%;
margin-left:0%;
text-align:right;
left:0%;
}


.grid_h{
float:left;
width:100%;
height:auto;
background-color:white;
color:black;
font-size:160%;
text-align:center;
padding-top:20px;
border-bottom:1px solid white;
left:0%;
}


#verweis{
position:absolute;
top:65%;
width:0%;
height:auto;
font-size:0%;
color:white;
}

#filenav{}
.file_a{
display:block;
color:red; 
background-color:rgba(100,100,100,1);
width:0px; 
height:0px;
border:1px solid white;
border-radius:0px 0px 0px 0px;
text-align:center;
}
.file_a:hover{color:white; background-color:rgb(250,230,100,0.5);}

.wid_pc{width:100%;height:auto;}
.wid_pcbo{width:100%;height:auto;}
.wid_sm{width:0%;height:0%;}
.wid_smbo{width:0%;height:0%;}


#id_log_fo_21{}
.id_log_fo_te_21{background-color:rgb(200,200,200);  text-align:right; font-size:0%; color:black; width:0%;}
.id_log_fo_fe_21{background-color:rgba(100,230,200,1); width:90%;font-size:0%;}
.id_log_fo_su_21{background-color:rgba(100,230,200,1);font-size:0%;}

#tab{text-font:center;  width:0%; background-color:rgba(70,70,70,1);}
.id_log_he_21{background-color:rgba(30,30,30,1); height:200px;color:rgba(100,230,200,1);font-size:0%;}
#id_log_th_21{height:30px;background-color:rgba(100,230,200,1); font-size:0%;}

#id_log_co_off{float:left;position:absolute; top:0%; height:1000px; width:100%; background-color:rgba(30,30,30,1); color:rgba(100,230,200,1);font-size:140%;}

#id_philo_21{
/*float:right;*/
position:fixed;
top:1px;
width:100px;
height:auto;
font-size:120%;
background-color:rgba(0,0,0,0.0);
border:0px solid rgba(250,0,0,1);
/*border-radius:0px 170px 170px 170px;*/
margin-left: var(--my-logoSM);
}

/*ms_Menü Smartphone*/
#id_lang{
top:0px;
position:fixed;
padding-top:0;
width:96%;
height:60px;
padding-bottom:0em;
margin-left:2%;
margin-right:2%;
text-align:right;
font-size:100%;
color:white;
background: var(--bg-hellred);
/*background-color:rgba(250,200,80,1);*/
left:0%;
}
.id_lang_a{
top:55px;
position:fixed;
width:100px;
height:35px;
padding-top:10px;
padding-bottom:0em;
margin-left:5%;
margin-right:2%;
text-align:center;
font-size:120%;
color:white;
background-color:rgba(250,200,80,1);
left:0%;
border:0px solid white;
}
.id_lang_a:hover{
font-size:120%;
color:white;
}


#id_for_21{
float:left;
position:absolute;
top:80px;
width:0px;
height:0px;
left:0%;
}

.id_for_21_a{
float:left;
position:absolute;
width:0px;
height:0px;
border:0px solid white;
border-radius:250px 250px 250px 250px;
background-color:rgb(250,230,230,0.5);
color:white; 
text-decoration:none;
left:0%;
}
.id_for_21_a1{
float:left;
position:absolute;
width:0px;
height:0px;
border:0px solid white;
border-radius:250px 250px 250px 250px;
background-color:rgb(250,230,230,0.0);
font-size:0%; 
color:white; 
text-decoration:none;
left:0%;
padding-top:0%;
}
.id_for_21_a1:hover {
float:left;
position:absolute;
width:0px;
height:0px;
background-color:rgba(250,230,100,0.0);
border-radius:250px 250px 250px 250px; 
text-decoration:none;
left:0%;
font-size:0%; 
color:gold;
padding-top:0%;
}



.id_fb_21_a{
float:left;
position:absolute;
width:0px;
height:0px;
border:0px solid white;
border-radius:250px 250px 250px 250px;
background-color:rgb(250,230,230,0.5);
color:white; 
text-decoration:none;
left:0%;
}
.id_fb_21_a1{
float:left;
position:absolute;
width:0px;
height:0px;
border:0px solid white;
border-radius:250px 250px 250px 250px;
background-color:rgb(250,230,230,0.0);
font-size:0%; 
color:white; 
text-decoration:none;
left:0%;
padding-top:0%;
}
.id_fb_21_a1:hover {
float:left;
position:absolute;
width:0px;
height:0px;
font-size:0%;
background-color:rgb(250,230,100,0.0);
border-radius:250px 250px 250px 250px; 
text-decoration:none;
left:0%;
color:gold;
padding-top:0%;
}


.id_mm_21_a{
float:left;
position:absolute;
width:0px;
height:0px;
border:0px solid white;
border-radius:250px 250px 250px 250px;
background-color:rgb(250,230,230,0.5); 
color:white; 
text-decoration:none;
left:20%;
}
.id_mm_21_a1{
float:left;
position:absolute;
width:0px;
height:0px;
border:0px solid white;
border-radius:250px 250px 250px 250px;
background-color:rgb(250,230,230,0.0);
font-size:0%; 
color:white; 
text-decoration:none;
left:0%;
padding-top:0%;
}
.id_mm_21_a1:hover {
position:absolute;
width:0px;
height:0px;
font-size:0%;
background-color:rgb(250,230,100,0.0);
border-radius:250px 250px 250px 250px; 
text-decoration:none;
left:0%;
color:gold;
padding-top:0%;
}




}







@media only screen and (max-width: 480px) {
body{
	background-color:rgba(250,250,250,1);
	font-family: var(--my-fontStyle);

	}
 .cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    max-width: 500px;
    margin: auto;
    background-color: var(--bg-Cookie_1);
    color: var(--my-Cookies_1);
    font-family: var(--my-fontStyle);
    padding: 20px 25px;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.4);
    backdrop-filter: blur(6px);
    animation: slideUp 0.6s ease-out;
    z-index: 9999;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cookie-banner h3 {
    margin-top: 0;
    font-size: 1.3rem;
    font-family: var(--my-fontStyle);
}

.cookie-options {
    margin-top: 15px;
    text-align:left;
}

.cookie-options label {
    display: block;
    margin-bottom: 10px;
    font-size: 0.95rem;
    font-family: var(--my-fontStyle);
}

.cookie-options input[type="checkbox"] {
    accent-color: #4caf50;
    transform: scale(1.2);
    margin-right: 10px;
}

.cookie-statistik input[type="checkbox"]{
    accent-color: red;
    transform: scale(2.2);
    margin-right: 10px;
}
.cookie-footer {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.cookie-footer small {
    opacity: 0.7;
    font-size: 0.8rem;
}

.cookie-buttons {
    margin-top: 10px;
    text-align: right;
}

.cookie-buttons button {
    background-color: #4caf50;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.cookie-buttons button:hover {
    background-color: #45a049;
}



.id_1_mo {
  background-image: url('../foheader/livvance_header.jpg'); 
  background-size: cover;
  background-position: center;
  height: 100vh; /* ganze Höhe des Bildschirms */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d4b483;
}

.id_1-color_mo {
  background-color: var(--my-Overlay); /* dunkles Overlay fürs Lesen */
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.id_1-content_mo {
  text-align: center;
  padding: 2rem;
}

.id_1-header_mo {
 margin-top:5rem;
  font-size: var(--my-TextSize_1sm);
  margin-bottom: 2.5rem;
  color: var(--my-HeaderFontColor);
 /* font-family: var(--balken-fontStyle);*/
  font-family: var(--my-HeFoArtSM);
}

.id_1-color_mo2 {
  background-color: var(--my-Overlay); /* dunkles Overlay fürs Lesen */
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.id_2-button {
  background-color: var(--bg-green);
  color: var(--my-fontColor2);
  padding: 1rem 2rem;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.id_2-button:hover {
  background-color: var(--bg-green);
  font-size: 1.2rem;
  color: gold;
}



id_3_mo {
  background-image: url('../foheader/livvance_header.jpg'); 
  background-size: cover;
  background-position: center;
  height: 100vh; /* ganze Höhe des Bildschirms */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d4b483;
  font-family: var(--my-fontStyle);
}

.id_3-color_mo {
  background-color: var(--my-Overlay3); /* dunkles Overlay fürs Lesen */
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.id_3-content_mo {
  text-align: center;
  padding: 0rem;
}

.id_3-header_mo {
  font-size: var(--my-TextSize_1sm);
  margin-bottom: 2.5rem;
  color: var(--my-HeaderFontColor);
  font-family: var(--my-fontStyle);
  /*font-style: italic;*/
  font-style: bold;
}

.id_3-button {
  background-color: var(--bg-Color3);
  color: var(--my-fontColor3);
  padding: 1rem 2rem;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
 
}

.id_3-button:hover {
  background-color: var(--bg-Color3);
  font-size: 1.2rem;
  color: gold;
}

.id_3-button_sp {
  background-color: var(--bg-Color3);
  color: var(--my-fontColor3);
  padding: 1rem 2rem;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.id_3-button_sp:hover {
  background-color: var(--bg-Color3);
  font-size: 1rem;
  color: gold;
}
.id_3-feil {
  background-color: rgb(0,0,0,0.0);
  color: var(--my-Leinweiss);
  padding: 1rem 2rem;
  font-size: 4.2rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.id_3-feil:hover {
   background-color: rgb(0,0,0,0.0);
  font-size: 4.2rem;
  color: gold;
}

.id_update{font-size:80%;}
#id_1{
top:0px;
position:absolute;
background-color:white;
width:100%;
height:auto;
left:0%;
color:white;
text-align:center;
margin-left:0%;
margin-right:0%;
}


#id_2{
top:0px;
position:absolute;
background:white;
width:100%;
height:auto;
left:0%;
color:white;
text-align:center;
margin-left:0%;
margin-right:0%;
}


#id_3{
top:0px;
position:absolute;
/*background-color:rgb(250,0,0,0.5);*/
background-color: var(--bg-Leinweiss);
width:100%;
height:auto;
left:0%;
color:white;
text-align:center;
margin-left:0%;
margin-right:0%;
}

#id_3_1{
position:absolute;
width:100%;
height:auto;
/*background-color:rgb(0,0,0,0.8);*/
background-color: var(--bg-Grundriss);
margin-left:0%;
}

.id_3_vw1{
float:left;
width:100%;
height:20px;
padding-top:20px;
left:0%;
padding-top:1%;
padding-bottom:10%;
}

.id_3_1a{
position:absolute;
width:100%;
height:auto;
background-color: var(--bg-Linien);
margin-left:0%;
left:0%;
text-align:center;
color:var(--my-fontColor2);
font-size: var(--my-LinienOffOn);
/*font-style: italic;*/
}


.intro-text_2 {
    font-size: var(--my-TextSize_2sm);
    text-align: left;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
   /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_3 {
    font-size: var(--my-TextSize_3sm);
    text-align: left;
    margin-bottom: 30px;
    padding: 0 30px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_3-Title {
    font-size: var(--my-TextSizeTitle_3sm);
    text-align: left;
    margin-bottom: 30px;
    padding: 0 30px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_4 {
    font-size: var(--my-TextSize_4sm);
    text-align: left;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_5 {
    font-size: var(--my-TextSize_5sm);
    text-align: center;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_6 {
    font-size: var(--my-TextSize_6sm);
    text-align: center;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_7 {
    font-size: var(--my-TextSize_7sm);
    text-align: center;
    margin-bottom: 30px;
    /*padding: 0 10px;*/
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}

.intro-text_8 {
    font-size: var(--my-TextSize_8sm);
    text-align: center;
    margin-bottom: 30px;
    padding: 0 10px;
    font-family: var(--my-fontStyle);
    color: var(--my-fontColor2);
    /*font-style: italic;*/ 
    background-color: var(--bg-Leinweiss);
    padding-top: 1%;
    padding-bottom: 10px;
}
.parent-container::after {
  content: "";
  display: inline;
  clear: both;
}

.id_3_1b1 {
float:left;
width:98%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color:var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
text-align:left;
padding-bottom:1%;
padding-top:1%;
}


.profilbild {
  float: right;
  padding-top: 1%;
  margin-left: 2rem;
  width: 100%;
  height: auto;
  shape-outside: inset(0);
  clip-path: inset(0);
}

.profilbild img {
  width: 100%;
  height: 100%;
  border-radius: 2%;
  object-fit: cover;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}


.container {
      flex-direction: column;
    }
 .rounded-box {
      flex:1;
      min-height:200px;
      background-color: var(--bg-color4);
      border-radius: 25px;
      padding: 40px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      margin-top: 30px;
      max-width: 100%;
      color: var(--my-fontColor2);
      font-family: var(--my-fontStyle);
    }
.id_3_1b1:nth-child(2n) {
  margin-right: 0;
}


.id_3_1b1 img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  display: block;
}

.ueber-mich-container {
    flex-direction: column; 
    align-items: center;
    text-align: left;
  }

  .ueber-mich-text {
    text-align: center;
  }


.id_3_1b2{
float:left;
width:98%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);

padding-left:1%;
padding-right:1%;
text-align:left;
padding-bottom:5%;
padding-top:2%;
}
.id_3_1b3{
float:right;
width:98%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:center;
padding-bottom:5%;
padding-top:2%;
}
.id_3_1b4{
float:left;
width:98%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:left;
padding-bottom:5%;
padding-top:15%;
}
.id_3_vw2{
float:left;
width:100%;
height:20px;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:180%;
text-align:center;
padding-top:20px;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}
.id_3_2a{
float:left;
width:100%;
height:auto;
background-color: var(--bg-Linien2);
color: var(--my-fontColor2);
font-size: var(--my-Linien2OffOn);
text-align:center;
border-bottom:0px solid white;
left:0%;
}

.id_3_2ab{
 font-family: var(--balken-fontStyle);
float:left;
width:100%;
height:auto;
background-color: var(--bg-Color5);
color: var(--my-SchriftFarbe_Ls);
font-size: var(--my-TextSize_6sm);
/*text-shadow: 10px 11px 12px black;*/
text-align:center;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}
.id_3_2b{
float:left;
width:100%;
height:auto;
/*background-color:rgba(20,0,0,0.0);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:0%;
padding-right:0%;
font-size:100%;
text-align:left;
padding-bottom:0%;
}

.id_3_2c{
float:left;
width:100%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
text-align:left;
padding-bottom:2%;
}
.id_3_vw3{
float:left;
width:100%;
height:20px;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:120%;
text-align:center;
padding-top:20px;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}
.id_3_3a{
float:left;
width:100%;
height:auto;
background-color: var(--bg-Linien3);
color: var(--my-fontColor2);
font-size: var(--my-Linien3OffOn);
text-align:center;
border-bottom:0px solid white;
left:0%;
}
.id_3_3a_imp{
float:left;
width:80%;
margin-left:10%;
margin-right:10%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:300%;
text-align:left;0%
border-bottom:0px solid white;
left:0%;
padding-top:5%;
padding-bottom:5%;
}
.id_3_3b_imp{
float:left;
width:90%;
margin-left:5%;
margin-right:5%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:120%;
text-align:left;
padding-top:10px;
border-bottom:0px solid white;
left:0%;
padding-top:5%;
padding-bottom:5%;
}
.id_3_3b{
float:left;
width:98%;
height: var(--my-footerHeSM);
background-color: var(--bg-Kontakt);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
text-align:center;
padding-bottom:30%;
font-family: var(--my-footerFontArt);
}
.id_3_3c{
float:left;
width:98%;
height:auto;
/*background-color:rgba(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:center;
padding-top:1%;
padding-bottom:1%;
}
.id_3_3d{
float:left;
width:98%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:160%;
text-align:center;
padding-top:1%;
padding-bottom:1%;
border-bottom:0px solid white;

}

.id_3_4b1{
float:left;
width:98%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:120%;
text-align:left;
padding-bottom:30%;
}
.id_3_4b2{
float:right;
width:98%;
height:auto;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
padding-left:1%;
padding-right:1%;
font-size:120%;
text-align:left;
padding-bottom:30%;
}
.id_3_vw4{
float:left;
width:100%;
height:20px;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:180%;
text-align:center;
padding-top:20px;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}


.id_3_vw5{
float:left;
width:100%;
height:20px;
/*background-color:rgb(20,0,0,0.2);*/
background-color: var(--bg-Leinweiss);
color: var(--my-fontColor2);
font-size:180%;
text-align:center;
padding-top:20px;
border-bottom:0px solid white;
left:0%;
padding-top:1%;
padding-bottom:1%;
}


.id_3_99{
float:left;
/*position:fixed;*/
bottom:0px;
width:100%;
height:40px;
background-color: var(--bg-Kontakt);
color: var(--my-footer-Ende);
font-size: var(--my-TextSize_8sm);
text-align:center;
padding-top:20px;
padding-bottom:10px;
margin-left:0%;
margin-right:0%;

left:0%;
}
.id_3_99 a{
float:right;
color:var(--my-copyright1);
text-decoration:none;
border:1px solid white;
padding-top:0.5%;
padding-bottom:0.5%;
padding-left:0.5%;
padding-right:0.5%;
margin-right:1%;
}
.id_3_99 a:hover{
color: var(--my-copyright2);
}


ul{}
a{
color: var(--my-footer-LinkA);
font-size:80%; 
text-decoration:none;
}
a:hover{
color: var(--my-footer-LinkB);
font-size:80%; 
text-decoration:none;
}
#id_philo_21{
/*float:right;*/
position:fixed;
top:1px;
width:100px;
height:auto;
font-size:120%;
background-color:rgba(0,0,0,0.0);
border:0px solid rgba(250,0,0,1);
/*border-radius:0px 170px 170px 170px;*/
margin-left: var(--my-logoSM);
}
}


@font-face {
    font-family: 'Raleway';
    src: url('./fonts/Raleway-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('./fonts/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}