@charset "utf-8";
/* CSS Document */

/*
---------------------------------------------------------------------------------------
------------  HINTERGRUND PLEXIGLASS FÜR CONTAINER  -----------------------------------
---------------------------------------------------------------------------------------
*/

:root {
    --Start-Frost-Frame-Left: 20%;
    --Start-Frost-Frame-Top: 150px;
    --Start-Frost-Frame-Width: 80%;
    --Start-Frost-Frame-Width_Teil: 40%;
    --Start-Frost-Frame-Padding: 10%;
    --Start-blur: 15px;
    --Start-Transparens: 0.75;
}

.titeltext{
	position: relative;
	display: block;
    visibility: visible;
	height: 200px;
	width: 100%;
	left: 0px;
	top: 0px;
	text-align: left;
	z-index: 9;
	-webkit-transition: left 1s ease;
	-moz-transition: left 1s ease;
	-o-transition: left 1s ease;
	-ms-transition: left 1s ease;
	transition: left 1s ease;
}


.nav-rahmen{
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
    align-items: center;
	height: auto;
	width: 100%;
	left: 0px;
	top: 0px;
    margin-top: 20px;
	text-align: center;
	-webkit-transition: left 1s ease;
	-moz-transition: left 1s ease;
	-o-transition: left 1s ease;
	-ms-transition: left 1s ease;
	transition: left 1s ease;
    z-index: 10;
}

.nav-rahmen.off{
    display: none;
    visibility: hidden;
    left: -9999px;
}

.startseite_Frosed_Glass_Div_Begraenzung{
    display: flex;
    position: fixed;
    width: calc(100% - 140px);
    height: auto;
    top: 150px;
    left: 70px;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.startseite_Frosed_Glass_Rahmen{
  display: block;
  position: relative;
  max-width: 1000px;
  width: var(--Start-Frost-Frame-Width);
  height: auto;
  border-radius: 100px 100px 15px 15px ;
  border: 10px solid rgba(255,255,255,.55);
  box-shadow: 8px 8px 4px rgba(0,0,0,.3);
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 2;
}

.startseite_Frosed_Glass_Rahmen:before {
  content: '';
  position: absolute;
  top: 0; left:0; right:0; bottom:0;
  background: inherit;
  background: var(--background) no-repeat 100% fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  filter: blur(var(--Start-blur)); 
  -webkit-filter: blur(var(--Start-blur)); 
  -moz-filter: blur(var(--Start-blur));
  -o-filter: blur(var(--Start-blur));
  -ms-filter: blur(var(--Start-blur));
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='15');
}

.startseite_Frosed_Glass_Background{
    position: absolute;
    background-color: white;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: var(--Start-Transparens);
    border-radius: 90px 90px 5px 5px ;
}
.startseite_Frosed_Glass_Border{
    position: absolute;
    background-color: transparent;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 90px 90px 5px 5px ;
    border-color: white;
    border-width: 1px;
    border-style: solid;
    opacity: var(--Start-Transparens);
}