/*_    _      _          ______                                 
| |  | |    | |         | ___ \                                
| |  | | ___| |__ ______| |_/ /_ __ _____      _____  ___ _ __ 
| |/\| |/ _ \ '_ \______| ___ \ '__/ _ \ \ /\ / / __|/ _ \ '__|
\  /\  /  __/ |_) |     | |_/ / | | (_) \ V  V /\__ \  __/ |   
 \/  \/ \___|_.__/      \____/|_|  \___/ \_/\_/ |___/\___|_|   
________________________________________________________________________
Smartphone Content muss auf Null gesetzt werden____
 */                                                              
                                                               

@font-face 
{
    font-family: 'Luxia-BoldDisplay';
    src: url('./Luxia_Full_Font/Luxia-BoldDisplay.otf') format('opentype');
}

/*#region body*/
/*---------------------------------------------------------------------*/
/*------------------------HTML Hoehe der Seite--------------------------*/


body{
 width: 100%;
 height: 100%;
 margin: 0;
}
/*
body.seite2 {
  
  height: 1700px;
background-color: #00000000;
}

body.seite3 {
  height: 1700px;
background-color: #00000000;
}

body.seite4 {
  height: 700px;
background-color: #00000000;
}
*/

/*#endregion body*/

/*#region Hintergrund*/
/*---------------------------------------------------------------------*/
/*----------------------------Hintergrund------------------------------*/

.stars 
{
    align-items: center;
    justify-content: center;
    display: flex;
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;  
    
}


  
/*#endregion Hintergrund*/

/*#region NAV Bar*/
/*---------------------------------------------------------------------*/
/*-----------------------------NAV Bar---------------------------------*/

/*Gesamter Topper*/
.menu
{
    position:absolute;
    top: 0px;
    margin: 0;
    width: 100%;
}

/*Bar+Socials*/
nav
{ 
    position: absolute;
    background: #000000;
    width: 100%;
    margin: 0;
}

/*Komplette Bar*/
.nav-bar 
{
    float: left;
    font-size: 1.5vw;
    line-height: 10vh;
    margin: 0;
    margin-top: 0px;
    padding: 0px;
    width: auto;
    list-style: none;
    transform:translate(0%, 0%);
}

/*Text*/
.nav-bar a
{
    color: #eeebc0;
    text-decoration: none;
}
  
/*Icon*/
.nav-bar i
{
    color: #eeebc0;
}

/*Icon+Text Bloecke*/
.nav-bar  li 
{
    margin:  0.5vw;
    margin-top: 0px;
    display: inline;
}


* {
  font-family: 'Luxia-BoldDisplay';
}

/*#endregion Nav Bar*/

/*#region Socials*/
/*---------------------------------------------------------------------*/
/*-----------------------------Socials---------------------------------*/

.socials
{
    margin: 0;
    padding: 0;
    line-height: 8vh;
}


.socials a 
{
    margin:  0.5vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.5vw;
    height: 7vh;
    background: transparent;
    border: 5px solid #eeebc0;
    border-radius: 50%;
    font-size: 2.5vw;
    color: #eeebc0;
    text-decoration: none;
    transition: .5s ease;
}


.socials a:hover
{
    background-color: #000;
    color: #ffffff;
    box-shadow: 0 0 5px #ffee10;
    text-shadow: 0 0 5px #ffee10;
}

/*#endregion Socials*/

/*#region Divinando*/
/*---------------------------------------------------------------------*/
/*-------------------------Effekt auf DIVINANDO------------------------*/

.gold 
{
    margin-top: 10vh;
    font-size: 10vw;
    text-transform: uppercase;
    line-height:1;
    position: relative;
    text-align: left;
    background: linear-gradient(90deg, rgb(184, 167, 130) 0%, rgba(236,172,32,1) 20%, rgba(186,148,62,1) 39%, rgba(249,244,180,1) 50%, rgba(186,148,62,1) 60%, rgba(236,172,32,1) 80%, rgba(186,148,62,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
    animation: shine 20s infinite;
    background-size: 200%;
    background-position: right;
    font-family: 'Luxia-BoldDisplay', sans-serif;
    pointer-events: none;
    width: auto;
}


  @keyframes shine 
  {
    to{background-position: left}
  }

/*#endregion Divinando*/

/*#region Karten Menus*/
/*---------------------------------------------------------------------*/
/*-------------------------Karten_menu1_home Format--------------------*/

.Karten_menu1_home
{
    position: absolute;
    width: 12.5vw;
    height: 32vh;  
    margin: 0 ;
    margin-left: 2vw;  
    margin-top: 5vh;
    transition: 0.4s;   
}

.card1
{
    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}
  
.card2
{
    position: absolute;
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}

.card3
{
    position: absolute;   
    width: 12.5vw;
    height: 32vh;
    margin: 0 ;
    border-radius: 1rem; 
    transition: 0.4s;
}



/*---------------------------------------------------------------------*/
/*----------------------Karten_menu2_gallerie Format-------------------*/

.Karten_menu2_gallerie
{
    position: absolute;
    width: 12.5vw;
    height: 32vh;  
    margin: 0 ;
    margin-left: 17vw;  
    margin-top: 35vh;
    transition: 0.4s;  
}

.card4
{
    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}

.card5
{
    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}

.card6
{
    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}


/*---------------------------------------------------------------------*/
/*-----------------------Karten_menu_legungen Format-------------------*/

.Karten_menu3_legungen
{
    position: absolute;
    width: 12.5vw;
    height: 32vh;  
    margin: 0 ;
    margin-left: 32vw;  
    margin-top: 5vh;
    transition: 0.4s; 
}
  
.card7
{
    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}
  
.card8
{
    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}

.card9
{
    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}


/*---------------------------------------------------------------------*/
/*---------------------Karten_menu_impressum Format--------------------*/

.Karten_menu4_impressum
{
    position: absolute;
    width: 12.5vw;
    height: 32vh;  
    margin: 0 ;
    margin-left: 47vw;  
    margin-top: 35vh;
    transition: 0.4s;  
}
  
.card10
{
    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}
  
.card11
{
    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}

.card12
{
    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}

/*#endregion Karten Menus*/

/*#region Karten Menus Hover*/
/*---------------------------------------------------------------------*/
/*------------------Karten_menu_home Hover Effekt----------------------*/

.Karten_menu1_home:hover
{
    background-color: 0;
    transform: translateX(-0px) rotate(0deg);
    box-shadow: 0 0 0rem rgba(0,0,0,0.0);
    
    /*Mitte*/
    .card3
     {
    background-color: #ffd86b;
    transform: translateY(-5vh) translateX(-0px)rotate(0deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Links*/
    .card2
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(-5vw) rotate(-20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Rechts*/
    .card1
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(5vw) rotate(20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }
}


/*---------------------------------------------------------------------*/
/*----------------Karten_menu_gallerie Hover Effekt--------------------*/

.Karten_menu2_gallerie:hover
{
    background-color: 0;
    transform: translateX(-0px) rotate(0deg);
    box-shadow: 0 0 0rem rgba(0,0,0,0.0);

    /*Mitte*/
    .card6
    {
    background-color: #ffd86b;
    transform: translateY(-5vh) translateX(-0px)rotate(0deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Links*/
    .card5
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(-5vw) rotate(-20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Rechts*/
    .card4
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(5vw) rotate(20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }
}


/*------------------------------------------------------------------------*/
/*-------------------Karten_menu_legungen Hover Effekt--------------------*/

.Karten_menu3_legungen:hover
{
    background-color: 0;
    transform: translateX(-0px) rotate(0deg);
    box-shadow: 0 0 0rem rgba(0,0,0,0.0);

    /*Mitte*/
    .card9
    {
    background-color: #ffd86b;
    transform: translateY(-5vh) translateX(-0px)rotate(0deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Links*/
    .card8
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(-5vw) rotate(-20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Rechts*/
    .card7
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(5vw) rotate(20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }
}


/*------------------------------------------------------------------------*/
/*-----------------Karten_menu Impressum Hover Effekt---------------------*/

.Karten_menu4_impressum:hover
{
    background-color: 0;
    transform: translateX(-0px) rotate(0deg);
    box-shadow: 0 0 0rem rgba(0,0,0,0.0);

    /*Mitte*/
    .card12
    {
    background-color: #ffd86b;
    transform: translateY(-5vh) translateX(-0px)rotate(0deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Links*/
    .card11
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(-5vw) rotate(-20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Rechts*/
    .card10
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(5vw) rotate(20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }
}

/*#endregion Karten Menus Hover*/

/*#region Text auf Card*/
/*---------------------------------------------------------------------*/  
/*-------------------------Text auf Card-------------------------------*/

#content1_home 
{ 
    position: absolute;
    margin: 0;
    margin-top: 14vh;
    width: 12.5vw;
    height: 34vh;
    color: rgb(233, 212, 155); 
    pointer-events: none;
    font-family: 'Luxia-BoldDisplay', sans-serif;
    text-align: center;
    font-size: 2vw;  
}

#content1_home_handy
{
display: none;
}


#content2_gallerie 
{
  position: absolute;
  margin: 0;
  margin-top: 14vh;
  width: 12.5vw;
  height: 34vh;
  color: rgb(233, 212, 155); 
  pointer-events: none;
  font-family: 'Luxia-BoldDisplay', sans-serif;
  text-align: center;
  font-size: 2vw;  
}


#content3_legungen
{
  position: absolute;
  margin: 0;
  margin-top: 14vh;
  width: 12.5vw;
  height: 34vh;
  color: rgb(233, 212, 155); 
  pointer-events: none;
  font-family: 'Luxia-BoldDisplay', sans-serif;
  text-align: center;
  font-size: 2vw;  
}


#content4_impressum
{
  position: absolute;
  margin: 0;
  margin-top: 14vh;
  width: 12.5vw;
  height: 34vh;
  color: rgb(233, 212, 155); 
  pointer-events: none;
  font-family: 'Luxia-BoldDisplay', sans-serif;
  text-align: center;
  font-size: 2vw;  
}

/*#endregion Text auf Card*/

/*#region Text auf Seiten*/
/*---------------------------------------------------------------------*/  
/*-------------------------Text auf Seiten------------------------------*/

/*--Home--*/
#content5_info
{
    position: absolute;
    left: 65vw;
    top: 75vh;
    width: 30vw;
    height: 10vh;
    color: rgb(233, 212, 155);   
    pointer-events: none;
    font-size: 1.2vw;   
}


/*--Vor_Ort--*/
#content7_vor_ort
{
  
  text-align:center;
  position: absolute;
  margin:0vw;
  left: 10vw;
  top: 162vh;
  width: 20vw;
  height: 10vh;
  color: rgb(233, 212, 155);   
  pointer-events: none;
  font-size: 1.5vw; 
}

#content8_videocall
{
  
  text-align:center;
  position: absolute;
  margin:0vw;
  left: 40vw;
  top: 162vh;
  width: 20vw;
  height: 10vh;
  color: rgb(233, 212, 155);   
  pointer-events: none;
  font-size: 1.5vw; 
}

#content9_voice_msg
{
  
  text-align:center;
  position: absolute;
  margin: 0vw;
  left: 70vw;
  top: 162vh;
  width: 20vw;
  height: 10vh;
  color: rgb(233, 212, 155);   
  pointer-events: none;
  font-size: 1.5vw; 
}

/*#endregion Text auf Seiten*/

/*#region Aktive Seite-Text*/
/*------------------------------------------------------------------------*/
/*--------------------------Aktive Seite-Text-----------------------------*/

.aktiv #content1_home 
{
    box-shadow: 0px 0px 0px #ffee10;
    text-shadow: 0px 0px 20px #ffee10;
}

.aktiv #content2_gallerie 
{
    box-shadow: 0px 0px 0px #ffee10;
    text-shadow: 0px 0px 20px #ffee10;
}

.aktiv #content3_legungen 
{
    box-shadow: 0px 0px 0px #ffee10;
    text-shadow: 0px 0px 20px #ffee10;
}

.aktiv #content4_impressum 
{
    box-shadow: 0px 0px 0px #ffee10;
    text-shadow: 0px 0px 20px #ffee10;
}

/*------------------------------------------------------------------------*/
  h1
  {
      
  }
  
  p{
    font-family: 'Luxia-BoldDisplay', sans-serif;
    
    text-align: justify;   
  }
  
  #text1{
    font-family: 'arial', sans-serif;
    
    text-align: justify;   

  }

/*#endregion Aktive Seite-Text*/

/*#region Bilder_der_Karten*/
/*------------------------------------------------------------------------*/
/*--------------------------Bilder_der_Karten-----------------------------*/

/*--Karten Template--*/
#image1
{
    background-image: url("https://pixfeeds.com/images/8/326781/1200-511723314-cups-tarot-card.jpg");
    border-radius: 1rem 1rem 1rem 1rem;
    height: 20rem;
    background-color: #000;
    background-size: 120%;
    background-position: center;
}


#image2_mitte
{
    background-image: url("./Bilder/v743-tang-22-klein.jpg");
    position: absolute;
    border-radius: 1rem 1rem 1rem 1rem;
    width: 12.5vw;
    height: 34vh;
    background-color: #00000000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
  

#image4_links
{
    background-image: url("./Bilder/karte_links.png");
    position: absolute;
    border-radius: 1rem 1rem 1rem 1rem;
    width: 12.5vw;
    height: 34vh;
    background-color: #00000000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;     
}


#image5_rechts
{
    background-image: url("./Bilder/karte_rechts.png");
    position: absolute;
    border-radius: 1rem 1rem 1rem 1rem;
    width: 12.5vw;
    height: 34vh;
    background-color: #00000000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/*#endregion Bilder_der_Karten*/

/*#region Bild auf Home*/
/*---------------------------------------------------------------------*/
/*--------------------------Bild auf Home------------------------------*/

#image3
{
    background-image: url("./Bilder/profil_picture.jpg");
    border-radius: 1rem 1rem 1rem 1rem;
    position: absolute;
    background-repeat: no-repeat;
    height: 60vh;
    width: 30vw;
    margin: 0px;
    bottom: 25vh;
    left: 65vw;
    background-size: 30vw;
}

/*#endregion Bild auf Home*/

/*#region Bild auf Gallerie*/
/*---------------------------------------------------------------------*/
/*--------------------------Bilder auf Gallerie------------------------*/


#image6_nr1
{
    background-image: url("./Bilder/Tür.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 100%;
    width: 17vw;
    margin: 0px;
    bottom: 0vh;
    top: 22vh;
    left: 70vw;
    background-size: 35vh;
}


#image6_nr2
{
    background-image: url("./Bilder/Karten_equip1.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 40vh;
    width: 20vw;
    margin: 0px;
    top: 100vh;
    left: 75vw;
    background-size: 20vw;
    
   
}


#image6_nr3
{
    background-image: url("./Bilder/Karten_equip2.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 40vh;
    width: 20vw;
    margin: 0px;
    top: 120vh;
    left: 45vw;
    background-size: 20vw;
}


#image6_nr4
{
    background-image: url("./Bilder/Karten_equip3.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 30vh;
    width: 20vw;
    margin: 0px;
    top: 110vh;
    left: 10vw;
    background-size: 20vw;
}


#image6_nr5
{
    background-image: url("./Bilder/marinas.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 32.5vh;
    width: 20vw;
    margin: 0px;
    top: 150vh;
    left: 20vw;
    background-size: 20vw;
}

#image6_nr6
{
    background-image: url("./Bilder/tisch.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 50vh;
    width: 20vw;
    margin: 0px;
    top: 140vh;
    left: 70vw;
    background-size: 15vw;
}

/*#endregion Bild auf Gallerie*/

/*#region Bild auf Legungen*/
/*---------------------------------------------------------------------*/
/*--------------------------Bilder auf Legungen------------------------*/

#image7_nr1
{
    background-image: url("./Bilder/kartenlegung.png");
    position: absolute;
    background-repeat: no-repeat;
    top: 115vh;
    left: 10vw;
    height: 98%;
    width: 30vw;
    margin: 0px;
    bottom: 0vh;
    background-size: 30vw;
}

#preise_vorort
{
    background-image: url("./Bilder/Legungen_Preise_vorOrt.png");
   position: absolute;
    background-repeat: no-repeat;
    top: 170vh;
    left: 5vw;
    height:35% ;
    width: 25vw;
    margin: 0px;
    bottom: 0vh;
    background-size: 25vw;

}

#image7_nr2
{
    background-image: url("./Bilder/Videocall.png");
    position: absolute;
    background-repeat: no-repeat;
    top: 110vh;
    left: 40vw;
    height: 98%;
    width: 15vw;
    margin: 0px;
    bottom: 0vh;
    background-size: 15vw;
}

#preise_videocall
{
    background-image: url("./Bilder/Legungen_Preise_Videocall.png");
    position: absolute;
    background-repeat: no-repeat;
    top: 170vh;
    left: 35vw;
   height:35% ;
    width: 25vw;
    margin: 0px;
    bottom: 0vh;
    background-size: 25vw;

}

#image7_nr3
{
    background-image: url("./Bilder/whatsapp_legung.png");   
    position: absolute;
    background-repeat: no-repeat;
    top: 115vh;
    left: 60vw;
    height: 90%;
    width: 30vw;
    bottom: 0vh;
    background-size:  100%;
}

#preise_sprachnachricht
{
    background-image: url("./Bilder/Legungen_Preise_Sprachnachricht.png");
    position: absolute;
    background-repeat: no-repeat;
    top: 170vh;
    left: 65vw;
    height:35% ;
    width: 25vw;
    margin: 0px;
    bottom: 0vh;
    background-size: 25vw;

}


.bigger /*Textgröße Preise bei Legungen*/
{
font-size: larger;
}

/*#endregion Bild auf Legungen*/

/*#region Bild auf Impressum*/
/*---------------------------------------------------------------------*/
/*--------------------------Bild auf Impressum-------------------------*/

#impressum
{
    background-image: url("./Bilder/impressum_bild_klein.png");
    border-radius: 1rem 1rem 1rem 1rem;
    position: absolute;
    background-repeat: no-repeat;
    height: 120%;
    width: 39vw;
    margin: 0px;
    top: 8vh;
    bottom: 1vh;
    left: 60vw;
    background-size: 40vw;
}

/*#endregion Bild auf Impressum*/

/*#region Back to Top button*/
/*---------------------------------------------------------------------*/
/*-----------------------Back to Top button----------------------------*/

.back 
{
  place-self:end;
  position:sticky; 
  bottom: 10vh;      
  margin-right: 5vw;
  margin-top:170vh;
  margin-left: 93vw;  
}

/* visual styling */ 
.back  li 
{     
    display: flex;   
}
  
.back  li a 
{   
    position: absolute;
    width: 4vw;
    height: 8vh;    
    background: #000000;
    border-radius: 5vw;   
    color: #eeebc0;
    transition: .5s;
    text-shadow: 0 0 5px #ffee10;    
}
  
.back  li a::before 
{
    content: '';
    position: absolute; 
    width: 4vw;
    height: 8vh;
    border-radius:5vw;
    background: #eeebc0;
    transition: .5s;
    transform: scale(1.1);
    z-index: -1; 
    box-shadow: 0 0 15px #ffee10;   
}

.back  li i 
{
    width: 4vw;
    height: 8vh;
    position: absolute;
    font-size: 3vw;
    text-align: center;
    margin-top: 1vh;
}

/*#endregion Back to Top button*/


/*---------------------------------------------------------------------*/
/*--------------------------Footer-------------------------------------*/

#footer 
{ 
  
  position:fixed;
  text-align center;
  padding: 0px;
  bottom: 0px;
  color: white;
}





/*
_______________________________________________________________________________________
_____                      _         _                      
/  ___|                    | |       | |                     
\ `--. _ __ ___   __ _ _ __| |_ _ __ | |__   ___  _ __   ___ 
 `--. \ '_ ` _ \ / _` | '__| __| '_ \| '_ \ / _ \| '_ \ / _ \
/\__/ / | | | | | (_| | |  | |_| |_) | | | | (_) | | | |  __/
\____/|_| |_| |_|\__,_|_|   \__| .__/|_| |_|\___/|_| |_|\___|
                               | |                           
                               |_|  
_________Web Browser Content muss auf Null gesetzt werden______________Media Query____max-width: 500px_____                                                     
*/ 


@media (max-width: 500px)
{


  @viewport {

    width: 500px;
    
    zoom: 0;
    
    }


  @font-face {
    font-family: 'Luxia-BoldDisplay';
    src: url('./Luxia_Full_Font/Luxia-BoldDisplay.otf') format('opentype');
  }

/*#region Body*/
/*---------------------------------------------------------------------*/
/*-------------------------HTML Höhe der Seite-------------------------*/
body
{
  width: 100%;
  height: 100%;
  margin: 0;
}

/*#endregion Body*/

/*#region Hintergrund*/
/*---------------------------------------------------------------------*/
/*----------------------------Hintergrund------------------------------*/


/*.stars
{
    align-items: center;
    justify-content: center;
    display: flex;
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;  
    
}
*/
html
 
{
    background: url("./Bilder/Background_video_Smartphone.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    
}


  
/*#endregion Hintergrund*/

/*----------------------------------------------------------------------------------------------*/
/*----------------------------Code von Webbrowser zum teil auf Null gesetzt (display: none;)------------------------------*/

/*#region Webbrowser*/

/*#region NAV Bar(display: none;)*/
/*---------------------------------------------------------------------*/
/*-----------------------------NAV Bar---------------------------------*/


/*Gesamter Topper*/
.menu
{
  display: none;
  
    position:absolute;
    top: 0px;
    margin: 0;
    width: 100%;
    
}

/*Bar+Socials*/
/*nav
{ 
  display: none;

    position: absolute;
    background: transparent;
    width: 100%;
    margin: 0;
}*/

/*Komplette Bar*/
.nav-bar 
{
    float: left;
    font-size: 5vw;
    line-height: 1vh;
    margin: 0;
    margin-top: 0px;
    padding: 0px;
    width: auto;
    list-style: none;
    transform:translate(0%, 0%);
}

/*Text*/
.nav-bar a
{
    color: #eeebc0;
    text-decoration: none;
}
  
/*Icon*/
.nav-bar i
{
    color: #eeebc0;
}

/*Icon+Text Bloecke*/
.nav-bar  li 
{
    margin:  2vw;
    margin-top: 0px;
    display: inline;
}


* {
  font-family: 'Luxia-BoldDisplay';
}
/*#endregion Navbar*/

/*#region Socials Handy*/
/*---------------------------------------------------------------------*/
/*-----------------------------Socials Handy---------------------------------*/

.socials_handy
{
    margin: 0;
    padding: 0;
    line-height: 8vh;
    
}


.socials_handy a 
{
    margin:  8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background:none;
    border: 5px solid #eeebc0;
    border-radius: 50%;
    font-size: 10vw;
    color: #eeebc0;
    text-decoration: none;
    transition: .5s ease;
    
}

nav
{ 
    position: absolute;
    background: transparent;
    width: 100%;
    margin: 0px;
    left: 0vw;
    bottom: 0vh;
}



/*#endregion Socials*/

/*#region Divinando*/
/*---------------------------------------------------------------------*/
/*-------------------------Effekt auf DIVINANDO------------------------*/

.gold 
{
    margin-top: 3vh;
    font-size: 15vw;
    text-transform: uppercase;
    line-height:1;
    position: relative;
    text-align:center;
    background: linear-gradient(90deg, rgb(184, 167, 130) 0%, rgba(236,172,32,1) 20%, rgba(186,148,62,1) 39%, rgba(249,244,180,1) 50%, rgba(186,148,62,1) 60%, rgba(236,172,32,1) 80%, rgba(186,148,62,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
    animation: shine 20s infinite;
    background-size: 200%;
    background-position: right;
    font-family: 'Luxia-BoldDisplay', sans-serif;
    pointer-events: none;
    width: auto;
}


  @keyframes shine 
  {
    to{background-position: left}
  }

/*#endregion Divinando*/

/*#region KartenMenus(display: none;)*/
/*---------------------------------------------------------------------*/
/*-------------------------Karten_menu1_home Format--------------------*/

.Karten_menu1_home
{
  display: none;

    position: absolute;
    width: 12.5vw;
    height: 32vh;  
    margin: 0 ;
    margin-left: 2vw;  
    margin-top: 5vh;
    transition: 0.4s;   
}

.card1
{
  display: none;

    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}
  
.card2
{
  display: none;

    position: absolute;
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}

.card3
{
  display: none;

    position: absolute;   
    width: 12.5vw;
    height: 32vh;
    margin: 0 ;
    border-radius: 1rem; 
    transition: 0.4s;
}



/*---------------------------------------------------------------------*/
/*----------------------Karten_menu2_gallerie Format-------------------*/

.Karten_menu2_gallerie
{
  display: none;

    position: absolute;
    width: 12.5vw;
    height: 32vh;  
    margin: 0 ;
    margin-left: 17vw;  
    margin-top: 35vh;
    transition: 0.4s;  
}

.card4
{
  display: none;

    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}

.card5
{
  display: none;

    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}

.card6
{
  display: none;

    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}


/*---------------------------------------------------------------------*/
/*-----------------------Karten_menu_legungen Format-------------------*/

.Karten_menu3_legungen
{
  display: none;

    position: absolute;
    width: 12.5vw;
    height: 32vh;  
    margin: 0 ;
    margin-left: 32vw;  
    margin-top: 5vh;
    transition: 0.4s; 
}
  
.card7
{
  display: none;

    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}
  
.card8
{
  display: none;

    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}

.card9
{
  display: none;

    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}


/*---------------------------------------------------------------------*/
/*---------------------Karten_menu_impressum Format--------------------*/

.Karten_menu4_impressum
{
  display: none;

    position: absolute;
    width: 12.5vw;
    height: 32vh;  
    margin: 0 ;
    margin-left: 47vw;  
    margin-top: 35vh;
    transition: 0.4s;  
}
  
.card10
{
  display: none;

    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}
  
.card11
{
  display: none;

    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}

.card12
{
  display: none;

    position: absolute; 
    width: 12.5vw;
    height: 32vh;
    margin: 0rem ;
    border-radius: 1rem;
    transition: 0.4s;
}

/*#endregion KartenMenus*/

/*#region Hover(display: none;)*/
/*---------------------------------------------------------------------*/
/*------------------Karten_menu_home Hover Effekt----------------------*/

.Karten_menu1_home:hover
{
  display: none;

    background-color: 0;
    transform: translateX(-0px) rotate(0deg);
    box-shadow: 0 0 0rem rgba(0,0,0,0.0);
    
    /*Mitte*/
    .card3
     {
    background-color: #ffd86b;
    transform: translateY(-5vh) translateX(-0px)rotate(0deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Links*/
    .card2
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(-5vw) rotate(-20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Rechts*/
    .card1
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(5vw) rotate(20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }
}


/*---------------------------------------------------------------------*/
/*----------------Karten_menu_gallerie Hover Effekt--------------------*/

.Karten_menu2_gallerie:hover
{
  display: none;

    background-color: 0;
    transform: translateX(-0px) rotate(0deg);
    box-shadow: 0 0 0rem rgba(0,0,0,0.0);

    /*Mitte*/
    .card6
    {
    background-color: #ffd86b;
    transform: translateY(-5vh) translateX(-0px)rotate(0deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Links*/
    .card5
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(-5vw) rotate(-20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Rechts*/
    .card4
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(5vw) rotate(20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }
}


/*------------------------------------------------------------------------*/
/*-------------------Karten_menu_legungen Hover Effekt--------------------*/

.Karten_menu3_legungen:hover
{
  display: none;

    background-color: 0;
    transform: translateX(-0px) rotate(0deg);
    box-shadow: 0 0 0rem rgba(0,0,0,0.0);

    /*Mitte*/
    .card9
    {
    background-color: #ffd86b;
    transform: translateY(-5vh) translateX(-0px)rotate(0deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Links*/
    .card8
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(-5vw) rotate(-20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Rechts*/
    .card7
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(5vw) rotate(20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }
}


/*------------------------------------------------------------------------*/
/*-----------------Karten_menu Impressum Hover Effekt---------------------*/

.Karten_menu4_impressum:hover
{
  display: none;

    background-color: 0;
    transform: translateX(-0px) rotate(0deg);
    box-shadow: 0 0 0rem rgba(0,0,0,0.0);

    /*Mitte*/
    .card12
    {
    background-color: #ffd86b;
    transform: translateY(-5vh) translateX(-0px)rotate(0deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Links*/
    .card11
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(-5vw) rotate(-20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }

    /*Rechts*/
    .card10
    {
    background-color: #ffd86b;
    transform: translateY(0px) translateX(5vw) rotate(20deg);
    box-shadow: 0 0 5rem rgba(0,0,0,0.5);
    }
}

/*#endregion Hover*/

/*#region Text auf Card(display: none;)*/
/*---------------------------------------------------------------------*/  
/*-------------------------Text auf Card-------------------------------*/

#content1_home 
{ 
  display: none;

    position: absolute;
    margin: 0;
    margin-top: 14vh;
    width: 12.5vw;
    height: 34vh;
    color: rgb(233, 212, 155); 
    pointer-events: none;
    font-family: 'Luxia-BoldDisplay', sans-serif;
    text-align: center;
    font-size: 2vw;  
}


#content2_gallerie 
{
  display: none;

  position: absolute;
  margin: 0;
  margin-top: 14vh;
  width: 12.5vw;
  height: 34vh;
  color: rgb(233, 212, 155); 
  pointer-events: none;
  font-family: 'Luxia-BoldDisplay', sans-serif;
  text-align: center;
  font-size: 2vw;  
}


#content3_legungen
{
  display: none;

  position: absolute;
  margin: 0;
  margin-top: 14vh;
  width: 12.5vw;
  height: 34vh;
  color: rgb(233, 212, 155); 
  pointer-events: none;
  font-family: 'Luxia-BoldDisplay', sans-serif;
  text-align: center;
  font-size: 2vw;  
}


#content4_impressum
{
  display: none;

  position: absolute;
  margin: 0;
  margin-top: 14vh;
  width: 12.5vw;
  height: 34vh;
  color: rgb(233, 212, 155); 
  pointer-events: none;
  font-family: 'Luxia-BoldDisplay', sans-serif;
  text-align: center;
  font-size: 2vw;  
}

/*#endregion Text auf Card*/

/*#region Text auf Seiten*/
/*---------------------------------------------------------------------*/  
/*-------------------------Text auf Seiten-----------------------------*/

/*--Home--*/
#content5_info
{
    position: absolute;
    left: 10vw;
    top: 60vh;
    width: 80vw;
    height: 10vh;
    color: rgb(233, 212, 155);   
    pointer-events: none;
    font-size: 4.5vw;   
}



/*--Vor_Ort--*/
#content7_vor_ort
{
  display: none;
  
  text-align:center;
  position: absolute;
  margin:0vw;
  left: 10vw;
  top: 162vh;
  width: 20vw;
  height: 10vh;
  color: rgb(233, 212, 155);   
  pointer-events: none;
  font-size: 1.5vw; 
}

#content8_videocall
{
  display: none;
  
  text-align:center;
  position: absolute;
  margin:0vw;
  left: 40vw;
  top: 162vh;
  width: 20vw;
  height: 10vh;
  color: rgb(233, 212, 155);   
  pointer-events: none;
  font-size: 1.5vw; 
}

#content9_voice_msg
{
  display: none;
  
  text-align:center;
  position: absolute;
  margin: 0vw;
  left: 70vw;
  top: 162vh;
  width: 20vw;
  height: 10vh;
  color: rgb(233, 212, 155);   
  pointer-events: none;
  font-size: 1.5vw; 
}

#content10_kontakt
{

}

/*#endregion Text auf Seiten*/

/*#region Aktive Seite-Text(display: none;)*/
/*------------------------------------------------------------------------*/
/*--------------------------Aktive Seite-Text-----------------------------*/

.aktiv #content1_home 
{
  display: none;

    box-shadow: 0px 0px 0px #ffee10;
    text-shadow: 0px 0px 20px #ffee10;
}

.aktiv #content2_gallerie 
{
  display: none;

    box-shadow: 0px 0px 0px #ffee10;
    text-shadow: 0px 0px 20px #ffee10;
}

.aktiv #content3_legungen 
{
  display: none;

    box-shadow: 0px 0px 0px #ffee10;
    text-shadow: 0px 0px 20px #ffee10;
}

.aktiv #content4_impressum 
{
  display: none;

    box-shadow: 0px 0px 0px #ffee10;
    text-shadow: 0px 0px 20px #ffee10;
}

/*------------------------------------------------------------------------*/
  h1
  {
      
  }
  
  p{
    font-family: 'Luxia-BoldDisplay', sans-serif;
    
    text-align: justify;   
  }
  
  #text1{
    font-family: 'arial', sans-serif;
    
    text-align: justify;   

  }

/*#endregion Aktive Seite-Text*/

/*#region Bilder_der_Karten(display: none;)*/
/*------------------------------------------------------------------------*/
/*--------------------------Bilder_der_Karten-----------------------------*/

/*--Karten Template--*/
#image1
{
  display: none;

    background-image: url("https://pixfeeds.com/images/8/326781/1200-511723314-cups-tarot-card.jpg");
    border-radius: 1rem 1rem 1rem 1rem;
    height: 20rem;
    background-color: #000;
    background-size: 120%;
    background-position: center;
}


#image2_mitte
{
  display: none;

    background-image: url("./Bilder/v743-tang-22-klein.jpg");
    position: absolute;
    border-radius: 1rem 1rem 1rem 1rem;
    width: 12.5vw;
    height: 34vh;
    background-color: #00000000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
  

#image4_links
{
  display: none;

    background-image: url("./Bilder/karte_links.png");
    position: absolute;
    border-radius: 1rem 1rem 1rem 1rem;
    width: 12.5vw;
    height: 34vh;
    background-color: #00000000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;     
}


#image5_rechts
{
  display: none;

    background-image: url("./Bilder/karte_rechts.png");
    position: absolute;
    border-radius: 1rem 1rem 1rem 1rem;
    width: 12.5vw;
    height: 34vh;
    background-color: #00000000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/*#endregion Bilder_der_Karten*/

/*#region Bilder_der_Karten_handy_menu*/

#image_home_handy
{
  background-image: url("./Bilder/Menu_handy_home.png");
  position: relative;
  border-radius: 1rem 1rem 1rem 1rem;
  width: 40vw;
  height: 8vh;
  top: 5vh;
  right: 8vw;
  background-repeat: no-repeat;
  background-size: 90%;
}

#image_gallerie_handy
{
  background-image: url("./Bilder/Menu_handy_gallerie.png");
  position: relative;
  border-radius: 1rem 1rem 1rem 1rem;
  width: 40vw;
  height: 8vh;
  top: 6vh;
  right: 8vw;
  background-repeat: no-repeat;
  background-size: 90%;
}

#image_legungen_handy
{
  background-image: url("./Bilder/Menu_handy_legungen.png");
  position: relative;
  border-radius: 1rem 1rem 1rem 1rem;
  width: 40vw;
  height: 8vh;
  top: 7vh;
  right: 8vw;
  background-repeat: no-repeat;
  background-size: 90%;
}

#image_impressum_handy
{
  background-image: url("./Bilder/Menu_handy_impressum.png");
  position: relative;
  border-radius: 1rem 1rem 1rem 1rem;
  width: 40vw;
  height: 8vh;
  top: 8vh;
  right: 8vw;
  background-repeat: no-repeat;
  background-size: 90%;
}

#image_kontakt_handy
{
  background-image: url("./Bilder/Menu_handy_kontakt.png");
  position: relative;
  border-radius: 1rem 1rem 1rem 1rem;
  width: 40vw;
  height: 8vh;
  top: 9vh;
  right: 8vw;
  background-repeat: no-repeat;
  background-size: 90%;
}

/*#endregion Bilder_der_Karten_handy*/

/*#region Bilder auf Home*/
/*---------------------------------------------------------------------*/
/*--------------------------Bild auf Home------------------------------*/

#image3
{
    background-image: url("./Bilder/profil_picture.jpg");
    border-radius: 1rem 1rem 1rem 1rem;
    position: absolute;
    background-repeat: no-repeat;
    height: 30vh;
    width: 60vw;
    margin: 0px;
    bottom: 40vh;
    left: 35vw;
    background-size: 65vw;
}
/*#endregion Bilder auf Home*/

/*#region Bilder auf Gallerie*/
/*---------------------------------------------------------------------*/
/*--------------------------Bilder auf Gallerie------------------------*/


#image6_nr1
{
    background-image: url("./Bilder/Tür.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 50vh;
    width: 40vw;
    margin: 0px;
    bottom: 0vh;
    top: 20vh;
    left: 50vw;
    background-size: 25vh;
}


#image6_nr2
{
    background-image: url("./Bilder/Karten_equip1.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 18vh;
    width: 50vw;
    margin: 5px;
    top: 70vh;
    left: 10vw;
    background-size: 50vw;
    
   
}


#image6_nr3
{
    background-image: url("./Bilder/Karten_equip2.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 18vh;
    width: 50vw;
    margin: 5px;
    top: 90vh;
    left: 40vw;
    background-size: 50vw;
}


#image6_nr4
{
    background-image: url("./Bilder/Karten_equip3.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 18vh;
    width: 50vw;
    margin: 5px;
    top: 110vh;
    left: 10vw;
    background-size: 50vw;
}


#image6_nr5
{
    background-image: url("./Bilder/marinas.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 30vh;
    width: 50vw;
    margin: 5px;
    top: 130vh;
    left: 40vw;
    background-size: 50vw;
}

#image6_nr6
{
    background-image: url("./Bilder/tisch.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 50vh;
    width: 50vw;
    margin: 5px;
    top: 160vh;
    left: 20vw;
    background-size: 40vw;
}

/*#endregion Bilder auf Gallerie*/

/*#region Bilder auf Legungen*/
/*---------------------------------------------------------------------*/
/*--------------------------Bilder auf Legungen------------------------*/

#image7_nr1
{
    background-image: url("./Bilder/kartenlegung.png");
    position: absolute;
    background-repeat: no-repeat;
    top: 15%;
    left: 35vw;
    height: 50%;
    width: 70vw;
    margin: 0px;
    bottom: 0vh;
    background-size: 60vw;
}

#preise_vorort
{
    background-image: url("./Bilder/Legungen_Preise_vorOrt.png");
   position: absolute;
    background-repeat: no-repeat;
    top: 20vh;
    left: 60vw;
    height:15vh;
    width: 35vw;
    margin: 0px;
    bottom: 0vh;
    background-size: 35vw;

}

#image7_nr2
{
    background-image: url("./Bilder/Videocall.png");
    position: absolute;
    background-repeat: no-repeat;
    top: 40%;
    left: 35vw;
    height: 30%;
    width: 25vw;
    margin: 10px;
    bottom: 0vh;
    background-size: 20vw;
}

#preise_videocall
{
    background-image: url("./Bilder/Legungen_Preise_Videocall.png");
    position: absolute;
    background-repeat: no-repeat;
    top: 45vh;
    left: 60vw;
    height:15vh;
    width: 35vw;
    margin: 0px;
    bottom: 0vh;
    background-size: 35vw;

}

#image7_nr3
{
    background-image: url("./Bilder/whatsapp_legung.png");   
    position: absolute;
    background-repeat: no-repeat;
    top: 60%;
    left: 35vw;
    height: 50%;
    width: 70vw;
    margin: 0px;
    bottom: 0vh;
    background-size: 60vw;
}

#preise_sprachnachricht
{
    background-image: url("./Bilder/Legungen_Preise_Sprachnachricht.png");
    position: absolute;
    background-repeat: no-repeat;
    top: 70vh;
    left: 60vw;
    height:15vh;
    width: 35vw;
    margin: 0px;
    bottom: 0vh;
    background-size: 35vw;

}


.bigger /*Textgröße Preise bei Legungen*/
{
font-size: larger;
}

/*#endregion Bilder auf Legungen*/

/*#region Bilder auf Impressum*/
/*---------------------------------------------------------------------*/
/*--------------------------Bild auf Impressum-------------------------*/

#impressum
{
    background-image: url("./Bilder/impressum_bild_klein.png");
    border-radius: 1rem 1rem 1rem 1rem;
    position: absolute;
    background-repeat: no-repeat;
    height: 80%;
    width: 100%;
    margin: 0px;
    top: 60vh;
    bottom: 0vh;
    left: 0vw;
    background-size: 100%;
}

/*#endregion Bilder auf Impressum*/

/*#region Bilder auf Kontakt*/
/*---------------------------------------------------------------------*/
/*--------------------------Bild auf Kontakt-------------------------*/

#kontakt1
{
    background-image: url("./Bilder/Öffnungszeiten_Handy.png");   
    position: absolute;
    background-repeat: no-repeat;
    height: 100%;
    width: 60vw;
    margin: 0px;
    top: 15vh;
    bottom: 1vh;
    left: 35vw;
    background-size: 60vw;
}

#kontakt2
{
    background-image: url("./Bilder/Telefon_Handy.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 100%;
    width: 60vw;
    margin: 0px;
    top: 40vh;
    bottom: 1vh;
    left: 35vw;
    background-size: 60vw;
}

.kontakt2 a
{
  height: 100%;
  width: 60vw;
  margin: 0px;
  top: 44vh;
  bottom: 1vh;
  left: 35vw;

}

#kontakt3
{
    background-image: url("./Bilder/Kontakt_Handy.png");
    position: absolute;
    background-repeat: no-repeat;
    height: 100%;
    width: 60vw;
    margin: 0px;
    top: 65vh;
    bottom: 1vh;
    left: 35vw;
    background-size: 60vw;
}

/*#endregion Bilder auf Kontakt*/

/*#region Back to Top button(display: none;)*/
/*---------------------------------------------------------------------*/
/*-----------------------Back to Top button----------------------------*/

.back 
{
  display: none;

  place-self:end;
  position:sticky; 
  bottom: 10vh;      
  margin-right: 5vw;
  margin-top:170vh;
  margin-left: 93vw;  
}

/* visual styling */ 
.back  li 
{     
  display: none;

    display: flex;   
}
  
.back  li a 
{   
  display: none;

    position: absolute;
    width: 4vw;
    height: 8vh;    
    background: #000000;
    border-radius: 5vw;   
    color: #eeebc0;
    transition: .5s;
    text-shadow: 0 0 5px #ffee10;    
}
  
.back  li a::before 
{
  display: none;

    content: '';
    position: absolute; 
    width: 4vw;
    height: 8vh;
    border-radius:5vw;
    background: #eeebc0;
    transition: .5s;
    transform: scale(1.1);
    z-index: -1; 
    box-shadow: 0 0 15px #ffee10;   
}

.back  li i 
{
  display: none;

    width: 4vw;
    height: 8vh;
    position: absolute;
    font-size: 3vw;
    text-align: center;
    margin-top: 1vh;
}

/*#endregion Back to Top button*/

/*#region Footer*/
/*---------------------------------------------------------------------*/
/*--------------------------Footer-------------------------------------*/

#footer 
{ 
  font-size: small;
  position:fixed;
  text-align center;
  padding: 0px;
  bottom: 0px;
  color: white;
}


/*#endregion Footer*/

/*#endregion Webbrowser*/

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


}