html {
}
body {
font-family: Arial, sans-serif;
margin:0;
padding:0;
background: rgba( 20,20,20);
-ms-overflow-style: none;
scrollbar-width: none;
}
::-webkit-scrollbar {
display: none;
}
.hidden {
display: none;
}
.visible {
display:block;
}
.visible2 {
display: none;
}
.testclass{
height: 50px;
width: 31%;
background: white;
margin-left: 0.5%;
float: left;
color: black;
font-weight:bold;
font-size:40px;
font-family:Arial;
text-align: center;
text-decoration:none;
}
.incolor{
height: 50px;
width: 31%;
background: rgba( 0,191,255);
margin-left: 0.5%;
float: left;
color: white;
font-weight:bold;
font-size:40px;
font-family:Arial;
text-align: center;
text-decoration:none;
}
h1{
margin:0px;
}
#low{
height: 20px;
width: 100%;
background: white;
}
#a0{
}
#a001{
height:30px;
font-weight: bold;
font-size: 25px;
float:left;
margin-left:auto;
margin-right:auto;
padding-left:10px;
background:white;
}
#a0011{
background-color: rgba(20,20,20);
border-top: 5px solid white;
height: 160px;
position: fixed;
bottom: 0;
left:;
width: 100%;
z-index:2;
display: table;
}
#a00110{
background-color: ;
height: 300px;
width: 100%;
float:left;
}
#a0012{
height:160px;
width: 1%;
background:;
display: table-cell;
border-left:2px solid rgba(40,40,40);
border-right:2px solid rgba(40,40,40);
border-bottom:2px solid rgba(20,20,20);
}
#a0012:hover{
height:160px;
width: 1%;
background:rgba(40,40,40);
display: table-cell;
border-left:2px solid rgba(40,40,40);
border-right:2px solid rgba(40,40,40);
border-bottom:2px solid rgba(20,20,20);
}
#a0013{
height:100px;
width: 100px;
background:;
left:50%;
margin-left:-50px;
position:relative;
}
#a0014{
height:75px;
width: 75px;
background:;
left:50%;
margin-left:-37.5px;
position:relative;
float:top;
}
#a0015{
height: 25px;
width: 75px;
background:;
left:50%;
margin-left:-37.5px;
margin-top:-5px;
position:relative;
float:top;
font-size:20px;
color:white;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#a002{
height:30px;
color:#0000FF;
font-weight:bold;
font-size:25px;
font-family:Century Gothic;
float:right;
margin-left:auto;
margin-right:auto;
background:white;
}
#a002:hover{
height:30px;
color:#0000FF;
font-weight:bold;
font-size:25px;
font-family:Century Gothic;
float:right;
margin-left:auto;
margin-right:auto;
background:white;
}
#a0021{
height: 150px;
width: 30%;
float:right;
background: rgba( 40,40,40);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
z-index:1;
position:relative;
}
#a0022{
width: 0px;
height: 0px;
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 150px 0px 0 100px;
border-color: rgba( 40,40,40) transparent transparent transparent;
float: right;
z-index:1;
position:relative;
}
#a004{
width:29.9%;
padding-bottom:30px;
border-bottom: 0px;
margin-bottom:0px;
margin-left: 0.1%;
float:left;
}
#a007{
width:100%;
height:80px;
padding-bottom:0px;
border-bottom: 0px;
margin-bottom:0px;
background-size: cover;
float:top;
margin-top:10px;
font-family: Arial;
color: white;
position:;
background:rgba( 0,191,255,0.5);
text-shadow: 0px 0px 0px black;
border-right: 4px solid rgba( 0,191,255);
border-top: 4px solid rgba( 0,191,255);
border-bottom: 4px solid rgba( 0,191,255);
text-decoration: none;
}
#a007:hover{
width:100%;
height:80px;
padding-bottom:0px;
border-bottom: 0px;
margin-bottom:0px;
background-size: cover;
float:top;
margin-top:10px;
font-family: Arial;
color: white;
position:;
background-color:rgba( 0,191,255);
text-shadow: 0px 0px 0px black;
border-right: 4px solid rgba( 0,191,255);
border-top: 4px solid rgba( 0,191,255);
border-bottom: 4px solid rgba( 0,191,255);
}
#a0071{
width:35%;
height:220px;
background:;
float:left;
text-decoration: none;
}
#a0075{
width:80%;
height:100%;
float:left;
font-family: Arial;
color: white;
background:yellow;
text-shadow: 0px 0px 0px black;
}
#a0076{
width:20%;
height:100%;
float:left;
font-size:40px;
font-family: Arial;
color: white;
background:red;
text-shadow: 0px 0px 0px black;
}
#a0077{
width:98%;
height:50px;
background:;
margin-top: 15px;
margin-left:1%;
}
#a0078{
width:42px;
height:42px;
background:url(Bilder/filter2.png);
background-size:cover;
margin-top: 0px;
margin-left:0px;
border-left: 4px solid rgba( 0,191,255);
border-right: 4px solid rgba( 0,191,255);
border-top: 4px solid rgba( 0,191,255);
border-bottom: 4px solid rgba( 0,191,255);
float:left;
}
#a0079{
width:100px;
height:50px;
background:;
background-size:cover;
margin-top: 0px;
margin-left:15px;
float:left;
font-size:40px;
font-family: Arial;
color: rgba( 0,191,255);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-transform:uppercase;
}
#a0079:hover{
width:92px;
height:42px;
background:;
background-size:cover;
margin-top: 0px;
margin-left:15px;
float:left;
border-left: 4px solid rgba(255,255,255);
border-right: 4px solid rgba(255,255,255);
border-top: 4px solid rgba(255,255,255);
border-bottom: 4px solid rgba(255,255,255);
font-size:40px;
font-family: Arial;
color: white;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-transform:uppercase;
}
#a00791{
width:170px;
height:50px;
background:;
background-size:cover;
margin-top: 0px;
margin-left:15px;
float:left;
font-size:40px;
font-family: Arial;
color: rgba( 0,191,255);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-transform:uppercase;
}
#a00791:hover{
width:162px;
height:42px;
background:;
background-size:cover;
margin-top: 0px;
margin-left:15px;
border-left: 4px solid rgba(255,255,255);
border-right: 4px solid rgba(255,255,255);
border-top: 4px solid rgba(255,255,255);
border-bottom: 4px solid rgba(255,255,255);
float:left;
font-size:40px;
font-family: Arial;
color: white;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-transform:uppercase;
}
#a00792{
width:170px;
height:50px;
background:;
background-size:cover;
margin-top: 0px;
margin-left:15px;
float:left;
font-size:40px;
font-family: Arial;
color: rgba( 0,191,255);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-transform:uppercase;
}
#a00792:hover{
width:162px;
height:42px;
background:;
background-size:cover;
margin-top: 0px;
margin-left:15px;
border-left: 4px solid rgba(255,255,255);
border-right: 4px solid rgba(255,255,255);
border-top: 4px solid rgba(255,255,255);
border-bottom: 4px solid rgba(255,255,255);
float:left;
font-size:40px;
font-family: Arial;
color: white;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-transform:uppercase;
}
#a008{
width:100%;
height:80px;
padding-bottom:0px;
border-bottom: 0px;
margin-bottom:0px;
background-size: cover;
float:top;
margin-top:10px;
font-family: Arial;
color: white;
text-decoration:none;
position:;
background:rgba( 0,191,255,0.5);
text-shadow: 0px 0px 0px black;
border-left: 4px solid rgba( 0,191,255);
border-top: 4px solid rgba( 0,191,255);
border-bottom: 4px solid rgba( 0,191,255);
text-decoration: none;
}
#a008:hover{
width:100%;
height:80px;
padding-bottom:0px;
border-bottom: 0px;
margin-bottom:0px;
background-size: cover;
float:top;
margin-top:10px;
font-family: Arial;
color: white;
position:;
background:rgba( 0,191,255);
text-shadow: 0px 0px 0px black;
border-left: 4px solid rgba( 0,191,255);
border-top: 4px solid rgba( 0,191,255);
border-bottom: 4px solid rgba( 0,191,255);
}
#a009{
width:26%;
height:300px;
background:rgba(255,20,147,0);
background-size: cover;
float:right;
margin-top:-274px;
}
#a010{
height: 250px;
width: 98%;
max-width: 1164px;
background: white;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a0105{
height: 250px;
width: 98%;
max-width: 1164px;
background: white;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a011{
height: 250px;
width: 98%;
max-width: 1164px;
background:url(Bilder/SilverSong.jpg);
background-size:cover;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a012{
height: 250px;
width: 98%;
max-width: 1164px;
background:url(Bilder/GoldSong.jpg);
background-size:cover;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a013{
height: 250px;
width: 98%;
max-width: 1164px;
background:url(Bilder/diamondback.jpg);
background-size:cover;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a019{
height:100%;
width:30%;
font-size:1px;
float:left;
background:;
}
#a020{
height:60px;
width: 40px;
float:left;
margin-left: 0px;
margin-top: 0px;
background:;
}
#a0201{
height:65px;
width:66%;
float:top;
margin-top: -10px;
background:;
}
#a021{
height:60px;
width: 60px;
float:left;
margin-left: 0px;
background:url(Bilder/Play.png);
background-size:cover;
}
#a022{
position:;
font-weight: normal;
font-size: 20px;
float:top;
height:0px;
margin-top:-45px;
background:;
}
#a0212{
height:30px;
width: 30px;
float:left;
margin-left: 0px;
background:url(Bilder/PL2.png);
background-size:cover;
}
#a0225{
font-weight: normal;
font-size: 20px;
font-family: Arial;
margin-left:1%;
margin-top:250px;
height:250px;
width:96%;
max-width:2330px;
overflow:hidden;
background:;
}
#a023{
height:30px;
width: 30px;
float:left;
margin-left: 0px;
background:url(Bilder/Genre.png);
background-size:cover;
}
#a024{
height: 40px;
width: 98%;
background: rgba( 40,40,40);
margin-bottom: 35px;
left: 1%;
margin-left: -3px;
float: left;
color: black;
position: absolute;
border: 3px solid rgba( 140,140,140);
border-radius: 20px;
text-align: center;
font-weight: ;
font-size: 45px;
float: left;
font-family: Arial;
}
#a0240{
height: 40px;
width: 98%;
background: rgba( 40,40,40);
margin-bottom: 10px;
position: absolute;
left: 1%;
margin-left: -3px;
float:left;
color: black;
border: 3px solid rgba( 140,140,140);
border-radius: 20px;
text-align: center;
font-weight: ;
font-size: 45px;
float:left;
font-family:Arial;
}
#a0241{
height: 30px;
width: 98%;
background: rgba( 20,20,20) ;
margin-top: 10px;
margin-left: 1%;
float:left;
color: rgba( 0,191,255);
font-weight: bold;
font-size: 20px;
float:left;
font-family:Arial;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid rgba( 0,191,255);
box-sizing: border-box;
}
#a02411{
height: 30px;
width: 98%;
background: rgba( 20,20,20) ;
margin-top: 10px;
margin-left: 1%;
float:left;
color: rgba( 219,193,0);
font-weight: bold;
font-size: 20px;
float:left;
font-family:Arial;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid rgba( 219,193,0);
box-sizing: border-box;
}
#a02412{
height: 30px;
width: 98%;
background: rgba( 20,20,20) ;
margin-top: 10px;
margin-left: 1%;
float:left;
color: rgba( 188,188,188);
font-weight: bold;
font-size: 20px;
float:left;
font-family:Arial;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid rgba( 188,188,188);
box-sizing: border-box;
}
#a0242{
height: 30px;
width: 98%;
background: green;
margin-top: -15px;
margin-left: 1%;
float:left;
color: white;
text-align: center;
font-weight: bold;
font-size: 20px;
float:left;
font-family:Arial;
}
#a025{
font-weight: normal;
font-size: 15px;
margin-left: 20px;
margin-top:-10px;
}
#a02510{
height: 96px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 20,20,20);
float: left;
}
#a025105{
height: 96px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 20,20,20);
float: left;
}
#a02511{
height: 96px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 20,20,20);
border: 2px solid rgba( 188,188,188);
box-sizing: border-box;
float: left;
}
#a02512{
height: 96px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 20,20,20);
border: 2px solid rgba( 219,193,0);
box-sizing: border-box;
float: left;
}
#a02513{
height: 96px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 20,20,20);
border: 2px solid rgba( 0,191,255);
float: left;
box-sizing: border-box;
}
#a02520{
height: 86px;
width: 86px;
margin-left: 5px;
margin-top: 5px ;
background:grey;
border-top: ;
border-bottom: ;
float: left;
background:;
background-size:cover;
}
#a025205{
height: 86px;
width: 86px;
margin-left: 5px;
margin-top: 5px ;
background:grey;
border-top: ;
border-bottom: ;
float: left;
background-size:cover;
}
#a02521{
height: 86px;
width: 86px;
margin-left: 5px;
margin-top: 5px ;
background:grey;
border-top: ;
border-bottom: ;
float: left;
background-size:cover;
}
#a02522{
height: 86px;
width: 86px;
margin-left: 5px;
margin-top: 5px ;
background:grey;
border-top: ;
border-bottom: ;
float: left;
background-size:cover;
}
#a02523{
height: 86px;
width: 86px;
margin-left: 5px;
margin-top: 5px ;
background:grey;
border-top: ;
border-bottom: ;
float: left;
background:;
background-size:cover;
}
#a0253{
height: 60px;
width: auto;
padding-left: 10px ;
margin-top: 0px;
background: ;
border-top: ;
border-bottom: ;
font-size: 40px;
color: white;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: left;
}
#a02531{
height: 40px;
width: auto;
padding-left: 10px ;
margin-top: ;
background: ;
border-top: ;
border-bottom: ;
font-size: 30px;
color: rgba( 70,70,70);
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: top;
}
#a02532{
height: 60px;
width: auto;
padding-left: 0px ;
margin-top: ;
background: ;
border-top: ;
border-bottom: ;
font-size: 30px;
color: grey;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: top;
}
#a0254{
height: 50px;
width: auto;
margin-right: 20px ;
margin-top: -36px;
background: ;
border-top: ;
border-bottom: ;
font-size: 30px;
color: grey;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: right;
}
#a0255{
height: 30px;
width: 10px;
padding-left: ;
margin-top: ;
background: ;
border-top: ;
border-bottom: ;
font-size: 20px;
color: white;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: left;
}
#a0256{
height: 25px;
width: 85px;
margin-top:-7px;
padding-top: 2px;
padding-left: 5px;
background: ;
border: 2px solid rgba( 0,191,255) ;
font-size: 23px;
color: rgba( 0,191,255);
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: left;
border-radius: 10px
}
#a02561{
height: 30px;
width: auto;
margin-top: -5px;
padding-left: 0px;
background: ;
border: ;
font-size: 30px;
color: grey;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: left;
}
#a02562{
height: 30px;
width: auto;
margin-top: -5px;
padding-left: 10px;
background: ;
border: ;
font-size: 30px;
color: grey;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: left;
}
#a026{
height: 125px;
width: 98%;
background: url(Bilder/silversong.jpg);
background-size: cover;
margin-top: 15px;
margin-left: 1%;
float:left;
color: black;
text-align: center;
font-weight: bold;
font-size: 70px;
float:left;
font-family:arial;
}
#a027{
height: 125px;
width: 98%;
background: url(Bilder/goldsong.jpg);
background-size: cover;
margin-top: 15px;
margin-left: 1%;
float:left;
color: black;
text-align: center;
font-weight: bold;
font-size: 70px;
float:left;
font-family:arial;
}
#a028{
height: 50px;
width: 98%;
background: url(Bilder/goldsong.jpg);
background-size: cover;
margin-top: 15px;
margin-left: 1%;
float:left;
color: black;
font-weight: bold;
font-size: 40px;
font-family:Arial;
}
#a029{
height: 50px;
width: 98%;
background: url(Bilder/silversong.jpg);
background-size: cover;
margin-top: 15px;
margin-left: 1%;
float:left;
color: black;
font-weight: bold;
font-size: 40px;
font-family:Arial;
}
#a030{
width:88%;
font-weight: bold;
font-size: 25px;
float:left;
margin-left:2%;
height:65px;
display: flex;
align-items: center;
line-height:95%;
background:;
}
#a031{
font-weight: bold;
font-size:35px;
float:top;
margin-left:0px;
margin-top:-1px;
width:100%;
height:80px;
overflow:hidden;
background:;
display: flex;
align-items: center;
line-height:95%;
}
#a032{
font-weight: bold;
font-size: 100px;
float:left;
font-family:Century Gothic;
}
#a033{
font-weight: bold;
font-size:35px;
float:top;
margin-left:0px;
margin-top:8px;
width:100%;
height:80px;
overflow:hidden;
}
#a034{
float:top;
background:yellow;
display: flex;
align-items: center;
line-height:95%;
}
#a035{
float:top;
background:blue;
display: flex;
align-items: center;
line-height:95%;
}
#a040{
color:white;
letter-spacing:-1.5px;
height:30px;
font-weight:bold;
font-size:25px;
font-family:Arial;
float:right;
margin-right:10px;
margin-top:6px;
background:;
}
#a0400{
float:right;
height:60px;
margin-right:0px;
margin-top:0px;
background:;
}
#a04001{
float:top;
height:40px;
margin-right:0px;
margin-top:0px;
background:;
}
#a04002{
float:top;
height:20px;
margin-right:0px;
margin-top:0px;
background-image: linear-gradient(to left, rgb( 255,255,255) 70%, rgb(255,255,255,0) 100%);
}
#a04003{
color:black;
letter-spacing:-1px;
height:30px;
font-weight:;
font-size:17px;
font-family:Arial;
float:right;
margin-right:10px;
margin-top:1px;
background:;
}
#a04004{
float:top;
height:20px;
margin-right:0px;
margin-top:0px;
background-image: linear-gradient(to left, lightgrey 70%, rgb(255,255,255,0) 100%);
}
#a0401{
float:right;
height:40px;
margin-right:0px;
margin-top:0px;
background-image: linear-gradient(to left, rgb( 0,191,255) 70%, rgb(255,255,255,0) 100%);
}
#a0402{
float:right;
height:40px;
margin-right:0px;
margin-top:0px;
background-image: linear-gradient(to left, rgb( 111,111,111) 70%, rgb(255,255,255,0) 100%);
}
#a0403{
float:right;
height:40px;
margin-right:0px;
margin-top:0px;
background-image: linear-gradient(to left, rgb(184,134,11) 70%, rgb(255,255,255,0) 100%);
}
#a0404{
float:right;
height:40px;
margin-right:0px;
margin-top:0px;
background-image: linear-gradient(to left, rgb( 0,139,139) 70%, rgb(255,255,255,0) 100%);
}
#a041{
color:black;
font-size:23px;
font-family:Arial;
float:top;
margin-left:0px;
margin-top:14px;
}
#a0415{
color:black;
font-size:23px;
font-family:Arial;
float:top;
margin-left:0px;
margin-top:3px;
overflow:hidden;
}
#a042{
color:#0000FF;
font-weight:bold;
font-size:50px;
font-family:Century Gothic;
float:right;
margin-right:20px
}
#a0430{
width:0px;
height:0px;
z-index:2;
color:white;
font-weight:bold;
font-size:0px;
font-family:Arial;
float:right;
margin-left:10px;
margin-top:190px;
position:;
background:rgb(255,255,255,0.4);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 3px 3px 3px black,
3px -3px 3px black,
-3px 3px 3px black,
-3px -3px 3px black;
}
#a04305{
width:230px;
height:40px;
z-index:2;
color:white;
font-weight:bold;
font-size:27px;
font-family:Arial;
float:right;
margin-left:10px;
margin-top:190px;
position:;
background:rgb(255,255,255,0.4);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 3px 3px 3px black,
3px -3px 3px black,
-3px 3px 3px black,
-3px -3px 3px black;
}
#a0431{
width:230px;
height:40px;
z-index:2;
color:lightgrey;
font-weight:bold;
font-size:28px;
font-family:Arial;
float:right;
margin-left:10px;
margin-top:190px;
position:;
background:rgb(160,160,160,0.4);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 3px 3px 3px black,
3px -3px 3px black,
-3px 3px 3px black,
-3px -3px 3px black;
}
#a0432{
width:230px;
height:40px;
z-index:2;
color:gold;
font-weight:bold;
font-size:28px;
font-family:Arial;
float:right;
margin-left:10px;
margin-top:190px;
position:;
background:rgb(255,255,0,0.4);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 3px 3px 3px black,
3px -3px 3px black,
-3px 3px 3px black,
-3px -3px 3px black;
}
#a0433{
width:230px;
height:40px;
z-index:2;
color:#00FFFF;
font-weight:bold;
font-size:28px;
font-family:Arial;
float:right;
margin-left:10px;
margin-top:190px;
position:;
background:rgb(0,255,255,0.4);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 3px 3px 3px black,
3px -3px 3px black,
-3px 3px 3px black,
-3px -3px 3px black;
}
#a044{
width:230px;
height:230px;
z-index:2;
color:white;
font-weight:bold;
font-size:45px;
font-family:Arial;
float:top;
margin-left:0px;
margin-top:0px;
position:;
background:;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
text-shadow: 3px 3px 3px black,
3px -3px 3px black,
-3px 3px 3px black,
-3px -3px 3px black;
}
#a050{
height:30px;
width:30px;
float:right;
margin-right: 10px;
margin-left:50px;
margin-top:4px;
background:url(Bilder/IP1.png);
background-size:cover;
}
#a051{
height:35px;
width:35px;
float:top;
margin-left: 23px;
margin-top:15px;
background:url(Bilder/interpret4.png);
background-size:cover;
}
#a0511{
height:35px;
width:35px;
float:top;
margin-left: 23px;
margin-top:34px;
background:url(Bilder/interpret4.png);
background-size:cover;
}
#a052{
height:30px;
width:30px;
float:top;
margin-left: 25px;
margin-top:8px;
background:url(Bilder/play.png);
background-size:cover;
}
#a053{
height:30px;
width:30px;
float:top;
margin-left: 25px;
margin-top:8px;
background:url(Bilder/kalender.png);
background-size:cover;
}
#a054{
height:30px;
width:30px;
float:top;
margin-left: 25px;
margin-top:14px;
background:url(Bilder/Album.png);
background-size:cover;
}
#a055{
height:30px;
width:30px;
float:top;
margin-left: 25px;
margin-top:15px;
background:url(Bilder/location.png);
background-size:cover;
}
#a0551{
height:40px;
width:40px;
float:left;
margin-right: 10px;
margin-top: -6px;
background:url(Bilder/location.png);
background-size:cover;
}
#a0552{
height:40px;
width:85%;
float:left;
margin-right: 10px;
margin-top: 3px;
background:;
background-size:cover;
}
#a056{
height:30px;
width:30px;
float:top;
margin-left: 25px;
margin-top:9px;
background:url(Bilder/play.png);
background-size:cover;
}
#a060{
width: 230px;
height: 230px;
float: left;
background-size:cover;
}
#a061{
padding-top: 10px;
padding-left: 10px;
height: 230px;
float: left;
}
#a0610{
padding-top: 5px;
padding-left: 5px;
height: 435px;
float: left;
}
#a0611{
height: 308px;
width: 98%;
max-width: 1164px;
background: rgb( 20,20,20);
margin-top: 10px;
margin-left: 1%;
float: left;
color: black;
}
#a06111{
height: 290px;
width: 290px;
max-width: ;
background: grey ;
margin-top: 10px;
margin-left: 10px;
float: left;
color: black;
}
#a06112{
height: 60px;
width: auto;
max-width: ;
background: rgb( 50,50,50);
margin-top: 0px;
padding-left: 310px;
padding-top: ;
float: top;
color: white;
font-size: 20px;
font-family:arial;
text-transform: uppercase;
}
#a061120{
height: 60px;
width: auto;
max-width: 660px;
background:;
margin-top: 0px;
padding-left: ;
padding-top: ;
float: left;
color: white;
font-size: 30px;
font-weight: bold;
font-family:arial;
text-align:center;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
line-height: 0.9;
}
#a061121{
height: 60px;
width: 60px;
background: ;
margin-top: 0px;
padding-left: ;
padding-top: ;
float: right;
}
#a06113{
height: 30px;
width: auto;
max-width: ;
background: ;
margin-top: 10px;
padding-left: 310px;
padding-top: ;
float: top;
color: grey;
font-size: 30px;
font-family:arial;
}
#a061131{
height: 110px;
width: auto;
max-width: ;
background: ;
margin-top: 10px;
padding-left: 10px;
padding-right: 5px;
float: top;
color: white;
font-size: 20px;
font-family:arial;
overflow:hidden;
}
#a06114{
height: 30px;
width: auto;
background: ;
position:absolute;
margin-top: -35px;
margin-left: 120px;
color: white;
font-size: 30px;
font-family:arial;
text-transform: ;
}
#a061141{
height: 30px;
width: auto;
background: ;
color: white;
font-size: 30px;
font-family:arial;
text-transform: ;
float:left;
}
#a061142{
height: 30px;
width: 50px;
background:;
color: white;
font-size: 30px;
font-family:arial;
text-transform: ;
float:left;
margin-left:10px;
}
#a061143{
height: 30px;
width: auto;
background: ;
position:absolute;
margin-top: -35px;
margin-left: 120px;
color: white;
font-size: 30px;
font-family:arial;
text-transform: ;
float:left;
}
#a06115{
height: 30px;
width: auto;
background: ;
position:absolute;
margin-top: -35px;
margin-left: 310px;
color: white;
font-size: 30px;
font-family:arial;
text-transform: uppercase;
}
#a061151{
height: 30px;
width: auto;
background: ;
position:absolute;
margin-top: -35px;
margin-left: 325px;
color: white;
font-size: 30px;
font-family:arial;
text-transform: ;
}
#a06116{
height: 30px;
width: auto;
background: ;
position:absolute;
margin-top: -35px;
margin-left: 330px;
color: white;
font-size: 30px;
font-family:arial;
text-transform: uppercase;
}
#a061161{
height: 30px;
width: auto;
background: ;
position:absolute;
margin-top: -35px;
margin-left: 310px;
color: white;
font-size: 30px;
font-family:arial;
text-transform: ;
}
#a06117{
height: 30px;
width: auto;
background: ;
position:absolute;
margin-top: -35px;
margin-left: 165px;
color: white;
font-size: 30px;
font-family:arial;
text-transform: lowercase;
}
#a06118{
height: 30px;
width: auto;
background: ;
position:absolute;
margin-top: -35px;
margin-left: 240px;
color: white;
font-size: 30px;
font-family:arial;
text-transform: uppercase;
}
#a06119{
height: 30px;
width: auto;
background: ;
position:absolute;
margin-top: -35px;
margin-left: 125px;
color: white;
font-size: 30px;
font-family:arial;
text-transform: uppercase;
}
#a0612{
margin-top: 0px;
margin-left: 0px;
height: 80px;
width: 100%;
background:rgb( 0,191,255);
float: left;
}
#a0613{
margin-top: 0px;
margin-left: 1%;
padding-top:5px;
height: 350px;
width:98%;
font-size:25px;
font-family:arial;
font-weight:;
background:white;
color:black;
float: left;
overflow:scroll;
}
#a0614{
margin-top: 5px;
margin-left: 5px;
height: 435px;
width: 68.33px;
background:;
float: left;
}
#a0615{
margin-top: 0px;
margin-left: 0px;
height: 68.33px;
width: 68.33px;
background:rgb( 0,191,255);
float: left;
}
#a0616{
margin-top: 5px;
margin-left: 0px;
height: 68.33px;
width: 68.33px;
background:rgb( 0,191,255);
float: left;
}
#a0617{
margin-top: 5px;
margin-left: 0px;
margin-right: 5px;
height: 435px;
width: 44%;
background:;
float: left;
}
#a06171{
margin-top: -5px;
margin-left: 3px;
height: 20px;
width: 100%;
background:;
float: left;
font-size: 23px;
font-family:arial;
font-weight:bold;
text-transform:;
letter-spacing:0px;
color:black;
}
#a06172{
margin-top: -10px;
margin-left: 3px;
height: 20px;
width: 100%;
background:;
float: left;
font-size: 23px;
font-family:arial;
font-weight:bold;
text-transform:;
letter-spacing:0px;
color:black;
}
#a0618{
margin-top: 0px;
margin-left: 0px;
padding-top:0px;
height: 48.33px;
width: 100%;
background-image: linear-gradient(to right, rgb( 0,191,255) 75%, rgb(255,255,255) 100%);
float: left;
font-size: 40px;
font-family:arial;
font-weight:;
text-transform:;
letter-spacing:-3px;
color:white;
overflow:hidden;
}
#a06181{
margin-top: 0px;
margin-left: 0px;
padding-top:0px;
height: 20px;
width: 100%;
background:;
float: left;
font-size: 15px;
font-family:arial;
font-weight:;
text-transform:bold;
letter-spacing:-1px;
color:rgb( 0,191,255);
}
#a0619{
margin-top: 0px;
margin-left: 0px;
padding-top:0px;
height: 48.33px;
width: 100%;
background-image: linear-gradient(to right, rgb( 0,191,255) 75%, rgb(255,255,255) 100%);
float: left;
font-size: 40px;
font-family:arial;
font-weight:;
text-transform:;
letter-spacing:-1px;
color:white;
}
#a06191{
margin-top: 5px;
margin-left: 0px;
padding-top:5px;
height: 15px;
width: 100%;
background:;
float: left;
font-size: 53px;
font-family:arial;
font-weight:;
text-transform:;
letter-spacing:-1px;
color:white;
}
#a062{
width: 40%;
height: 40px;
float: left;
background:;
}
#a0620{
width: auto;
height: 40px;
float: left;
background:;
}
#a0621{
width: 40px;
height: 40px;
float: left;
margin-left:0px;
background:;
}
#a0622{
width: 80%;
height: 67px;
float: left;
margin-top:10px;
background:;
text-align:center;
}
#a0623{
width: 60px;
height: 50px;
float: right;
margin-right:10px;
background:;
}
#a0624{
width: 98%;
height: 50px;
float: left;
color:gold;
font-weight:bold;
font-size:45px;
font-family:Arial;
float:right;
margin-left:0px;
margin-top:0px;
position:absolute;
background:;
text-align:center;
text-shadow: 3px 3px 3px black,
3px -3px 3px black,
-3px 3px 3px black,
-3px -3px 3px black;
}
#a0625{
width: 60%;
height: 40px;
float: left;
margin-left:5px;
margin-top:-2px;
background:;
text-align:left;
font-size: 40px;
color:white;
}
#a06251{
width: auto;
height: 40px;
float: left;
margin-left:5px;
margin-top: 0px;
background:;
text-align:left;
font-size: 35px;
color:white;
}
#a0626{
width:68%;
height: 70px;
float: left;
margin-left:10px;
margin-top:0px;
background:;
text-align:left;
overflow:hidden;
letter-spacing:-1.5px;
text-transform:uppercase;
display: flex;
align-items: center;
line-height: 0.9;
}
#a0627{
width: 98%;
height: 50px;
float: left;
color:lightgrey;
font-weight:bold;
font-size:45px;
font-family:Arial;
float:right;
margin-left:0px;
margin-top:0px;
position:absolute;
background:;
text-align:center;
text-shadow: 3px 3px 3px black,
3px -3px 3px black,
-3px 3px 3px black,
-3px -3px 3px black;
}
#a0628{
width:68%;
height: 70px;
font-size:40px;
float: left;
margin-left:10px;
margin-top:0px;
background:;
text-align:left;
overflow:hidden;
letter-spacing:-1.5px;
text-transform:uppercase;
display: flex;
align-items: center;
line-height: 0.9;
}
#a063{
padding-top: 2.5px;
padding-left: 10px;
float: left;
}
#a0631{
width: 230px;
height: 15px;
position: absolute;
color:white;
font-family:arial;
font-size:15px;
margin-top: -25px;
margin-left: 0px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
float:;
background:;
text-shadow: 3px 3px 3px black,
3px -3px 3px black,
-3px 3px 3px black,
-3px -3px 3px black;
}
#a064{
margin-top: 3px;
text-align: center;
font-family:Arial;
}
#a065{
margin-top:-45px;
padding-right: 10px;
float: right;
}
#a066{
width:200px;
height:55px;
padding-left:0px;
margin-right:0px;
padding-right:10px;
padding-top:15px;
float:right;
text-align:right;
}
#a070{
height: 230px;
width: auto;
margin-top: -230px;
margin-left:250px;
float:left;
color: black;
background:;
font-family: Arial;
overflow: hidden;
font-weight: normal;
font-size: 20px;
}
#a071{
height: 235px;
width: 45%;
margin-top: 5px;
margin-left:0px;
float:left;
color: black;
}
#a0714{
height: 35px;
width: 20%;
min-width:200px;
margin-top: 10px;
margin-right:10px;
font-size:20px;
font-family:arial;
text-align:right;
float:right;
color: orange;
}
#a0715{
height: 225px;
width: 60px;
margin-top: 15px;
margin-left:10px;
float:left;
color: black;
}
#a0716{
height: 35px;
width: 95%;
min-width:;
margin-top: 5px;
margin-right:5%;
float:top;
color: black;
font-family:arial;
text-align: right;
font-size:30px;
font-weight:bold;
background:;
}
#a07161{
height: 35px;
width: 95%;
min-width:;
margin-top: -10px;
margin-right:15%;
font-size:60px;
font-family:arial;
font-weight:bold;
float:top;
color: black;
background:;
text-align: right;
position:;
}
#a07162{
height: 35px;
width: ;
min-width:;
margin-top: 13px;
margin-right:20px;
font-size:30px;
font-family:arial;
font-weight:bold;
float:right;
color: black;
background:;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
position:;
}
#a07163{
height: 100px;
width: 100%;
background-image: linear-gradient(to left, rgb( 0,191,255) 100px, rgb(255,255,255) 200px);
float:right;
margin-top:0px;
}
#a07164{
height: 200px;
width: 200px;
background:;
float:right;
}
#a07165{
height: 30px;
width: 96%;
margin-right:4%;
margin-top:5px;
background:;
float:right;
font-size:20px;
font-family:arial;
font-weight:bold;
color:rgb( 0,191,255);
text-align:right;
}
#a0717{
height: 35px;
width: 35px;
margin-right:5px;
float:right;
color: black;
background:url(Bilder/starempty.png);
background-size:cover;
}
#a0718{
height: 35px;
width: 35px;
margin-right:5px;
float:right;
color: black;
background:url(Bilder/starhalf.png);
background-size:cover;
}
#a0719{
height: 35px;
width: 35px;
margin-right:5px;
float:right;
color: black;
background:url(Bilder/starfull.png);
background-size:cover;
}
#a072{
height:40px;
width: 40%;
background:;
text-align:right;
float:right;
}
#a073{
margin-top: 5px;
text-align:center;
}
#a080{
width:100%;
height:50px;
background:rgb( 0,191,255);
color: white;
font-size: 40px;
text-align: center;
text-decoration:none;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
font-family: arial;
font-weight: bold;
}
#a081{
margin-left: 20px;
margin-top: 0px;
margin-right: 20px;
font-family: Arial;
color: black;
overflow: hidden;
background:;
height: 440px;
font-weight: normal;
font-size: 40px;
width:auto;
}
#a082{
margin-left: 20px;
margin-top: 10px;
margin-right: 20px;
font-family: Century Gothic;
color: black;
overflow: hidden;
background:rgba(204, 204, 204, 0);
height: 440px;
text-overflow: ellipsis;
font-weight: normal;
font-size: 40px;
}
#a091{
height:auto;
width:100%;
background:black;
float:top;
}
#a092{
width:100%;
height:auto;
background:;
float:left;
}
#a093{
width:102%;
margin-left:-1%;
height:auto;
background:;
padding-bottom:15px;
float:left;
}
#a110{
height: 515px;
width: 98%;
max-width: 1164px;
background: white;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a110:hover{
height: 515px;
width: 98%;
max-width: 1164px;
background:white;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a1100{
height: 515px;
width: 98%;
max-width: 1164px;
background: white;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a1101{
height: 60px;
width: 100%;
max-width: 1154px;
float: left;
color: black;
}
#a1102{
height: 455px;
width: 100%;
max-width: 1164px;
float: left;
background:lightgrey;
color: black;
}
#a1103{
height: 60px;
width: 59%;
max-width: 1164px;
margin-left: 1%;
margin-top: 16px;
border-top:10px;
border-left:10px;
float: left;
font-size:25px;
text-transform: uppercase;
font-weight: bold;
font-family: arial;
color: black;
background:;
}
#a1104{
height: 45px;
width: 39%;
max-width: 1164px;
margin-right: 1%;
margin-top: 15px;
border-top:10px;
border-left:10px;
float: right;
font-size:25px;
font-family: arial;
color: blue;
text-align:right;
}
#a1105{
height: 30px;
width: 49px;
float: right;
background: black;
margin-left: 2.5%;
margin-top: -1px;
}
#a1106{
height: 515px;
width: 98%;
max-width: 1164px;
background: ;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a1107{
height: 25px;
width: 40px;
margin-left: 20px;
margin-top: 18px;
float:top;
}
#a111{
height: 500px;
width: 98%;
max-width:2350px;
background:url(Bilder/SilverSong.jpg);
background-size:cover;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a111:hover{
height: 500px;
width: 98%;
max-width:2350px;
background:url(Bilder/SilverSong.jpg);
background-size:cover;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a112{
height: 500px;
width: 98%;
max-width:2350px;
background:url(Bilder/GoldSong.jpg);
background-size:cover;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a112:hover{
height: 500px;
width: 98%;
max-width:2350px;
background:url(Bilder/GoldSong.jpg);
background-size:cover;
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
}
#a120{
height:30px;
width: 30px;
float:left;
margin-left: 0px;
background:url(Bilder/Album.png);
background-size:cover;
}
#a121{
height:50px;
width:50px;
float:top;
margin-left: 5px;
margin-top:3px;
background:url(Bilder/Album.png);
background-size:cover;
}
#a1211{
height:50px;
width:50px;
float:top;
margin-left: 5px;
margin-top:13px;
background:url(Bilder/Album.png);
background-size:cover;
}
#a1223{
height: 50px;
width: 98%;
background: black;
margin-top: 15px;
margin-left: 1%;
float: left;
}
#a1224{
height: 50px;
width: 5.5%;
background: white;
margin-left: 0%;
float: left;
color: black;
font-weight:bold;
font-size:40px;
font-family:Arial;
text-align: center;
text-decoration:none;
display: flex;
justify-content: center;
align-items: center;
}
#a1225{
height: 50px;
width: 50px;
background: url(Bilder/filter.png);
background-size:cover;
margin-left: 0%;
float: left;
}
#a123{
height:100px;
width:500px;
font-size:20px;
float:left;
text-align:center;
border:none;
box-sizing: border-box;
display:block;
border-radius: 0px;
background:white;
}
#a220{
height:30px;
width: 30px;
float:left;
margin-left: 0px;
background:url(Bilder/interpret4.png);
background-size:cover;
}
#a221{
height:60px;
width: 60px;
float:left;
margin-left: 0px;
background:url(Bilder/interpret4.png);
background-size:cover;
}
#a222{
height:53px;
width: 53px;
float:top;
margin-left: 5px;
background:url(Bilder/interpret4.png);
background-size:cover;
}
#a230{
height: 20px;
width: 95%;
margin-left: 0%;
margin-top: 0px;
opacity: 1;
float: top;
background:white;
}
#a231{
height: 50px;
width: 100%;
float: top;
}
#a232{
height: 20px;
width: 100%;
float: left;
}
#a233{
height: 50px;
width: 70%;
float: top;
position:absolute;
}
#a2401{
width:100%;
height:20px;
background:;
float:right;
color:black;
font-size:20px;
font-family:arial;
font-weight:bold;
text-align:right;
margin-top:0px;
margin-right:5px;
margin-left:10px;
}
#a241{
width: 0;
height: 0;
border-right: 20px solid white;
border-top: 0px solid transparent;
border-bottom: 20px solid transparent;
background:rgb(255,255,255,0.3);
float:right;
margin-top:;
margin-right:;
position:;
z-index:-1;
}
#a242{
width:100%;
height:5px;
background:white;
float:right;
position:;
}
#a243{
width:80%;
height:22px;
float:right;
position:;
margin-left:0px;
position:;
z-index:1;
}
#a300{
width:100%;
height:1060px;
background:;
overflow:hidden;
}
#a301{
width:100%;
height:280px;
background:;
}
#a3011{
width:100%;
height:200px;
background:;
}
#a302{
width:100%;
height:265px;
background:;
overflow:hidden;
}
#a303{
width:98%;
height:25px;
margin-top:55px;
margin-left:1%;
background:rgb( 0,191,255,0);
float:left;
position:;
overflow:hidden;
}
#a3031{
width:98%;
height:100px;
margin-top:15px;
margin-left:1%;
background:rgb( 0,191,255,0);
float:left;
position:;
overflow:hidden;
}
#a3032{
width:98%;
height:25px;
margin-top:35px;
margin-left:1%;
background:rgb( 0,191,255,0);
float:left;
position:;
overflow:hidden;
}
#a304{
width:100%;
height:;
margin-top:65px;
margin-left:;
background:;
float:right;
position:;
overflow:hidden;
}
#a305{
width:50%;
height:100%;
background-image: linear-gradient(to left, rgb( 0,191,255) 0%, rgb( 0,191,255,0) 100%);
float:left;
}
#a3051{
width:50%;
height:100%;
background-image: linear-gradient(to right, rgb( 0,191,255) 0%, rgb( 0,191,255,0) 100%);
float:left;
}
#a3052{
width:100%;
height:100%;
background: ;
float:left;
}
#a3053{
width:100%;
height:100%;
background-image: linear-gradient(to right, rgb( 0,191,255) 0%, rgb( 0,191,255,0) 100%);
float:left;
}
#a306{
width:25px;
height:25px;
background:;
margin-left:0px;
float:left;
}
#a3061{
width:100px;
height:100px;
background:;
margin-left:10px;
float:left;
}
#a307{
width:75%;
height:25px;
background:;
float:left;
color:white;
font-size:23px;
font-family:arial;
font-weight: ;
padding-top:0px;
padding-left:3px;
padding-right:0px;
text-transform: ;
}
#a3071{
width:84%;
height:50px;
background:;
float:left;
color:white;
font-size:50px;
font-family:arial;
font-weight:;
margin-top:5px;
padding-left:15px;
padding-right:0px;
letter-spacing:-3px;
text-transform: uppercase;
}
#a3072{
width:84%;
height:50px;
background:;
float:left;
color:white;
font-size:50px;
font-family:arial;
font-weight: 800;
margin-top:-10px;
padding-left:15px;
padding-right:0px;
letter-spacing: 0px;
text-transform: uppercase;
}
#a308{
width:100%;
height:100%;
background:;
color:white;
font-size:35px;
font-family:arial;
font-weight: bold;
float:right;
text-align: right;
padding-top:5px;
padding-left:0px;
padding-right:15px;
}
#a400{
width:100%;
height:;
background:;
float:;
margin-top:525px;
}
#a401{
width:100%;
height:;
background:;
float:;
position:absolute;
margin-top:-565px;
overflow:hidden;
}
#a402{
width:80px;
height:80px;
background:url(Bilder/single.png);
background-size:cover;
float:;
position:absolute;
margin-top:0px;
}
#b002{
width:80px;
height:80px;
background: green;
position: ;
margin-left:295px;
margin-top:160px;
z-index:0;
}
#b003{
width:100%;
height:100%;
background: orange;
position: ;
margin-left:0px;
margin-top:-20px;
z-index:0;
visibility: ;
}
#b004{
width: 32%;
height: 150px;
background: black;
float: left;
margin-top: 10px;
margin-left: 1%;
border-radius: 10px;
opacity: 1;
}
#b0041{
width: 100%;
height: 100%;
background: ;
float: left;
margin-top: 0px;
margin-left: 0px;
border-radius: 10px;
opacity: 0.6;
}
#b0041:hover{
width: 100%;
height: 100%;
background: white;
float: left;
margin-top: 0px;
margin-left: 0px;
border-radius: 10px;
opacity: 1;
}
#b0042{
width: 32%;
height: 150px;
float: left;
margin-top:;
margin-left:;
border-radius: 10px;
opacity: 0.3;
position:absolute;
}
#b005{
height:150px;
width:20px;
float:left;
background:;
border-radius:10px;
opacity: 1;
position:absolute;
}
#b006{
height:150px;
width:10px;
float:left;
margin-left:10px;
background:;
position:absolute;
}
#b007{
height:140px;
width:28%;
float:left;
margin-left:30px;
margin-top:10px;
background: ;
position:absolute;
color: white;
font-size: 50px;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
}
#b008{
height:20px;
width:100%;
float:left;
margin-left:;
background:;
position:;
}
#b0081{
height:70px;
width:100%;
float:left;
margin-left:;
background:;
position:;
}
#b009{
height: 100px;
width: 98%;
background: ;
margin-left: 1%;
margin-bottom: -15px;
font-size: 103px;
color: rgb(50,50,50);
font-family: arial;
font-weight: bold;
text-transform: uppercase;
padding-left: 0px;
padding-bottom: 0px;
}
#b010{
height: 330px;
width: 380px;
background: ;
margin-bottom: 34px;
margin-top: 40px;
margin-left: 37px;
margin-right: 37px;
float: left;
}
#b011{
height: 230px;
width:230px;
background: ;
margin-top: 0px;
margin-left: 0px;
float: left;
position: absolute;
z-index: -1;
}
#b012{
height: 230px;
width: 230px;
background: ;
margin-top: 10px;
margin-left: 140px;
float: left;
position: absolute;
z-index: -1;
}
#b013{
height: 250px;
width: 250px;
background: ;
margin-top: 0px;
margin-left: 0px;
float: left;
position: ;
z-index: 0;
box-shadow: 15px 15px 15px black;
}
#b014{
height: 50px;
width: 400px;
background: rgb(0,0,0,0.7);
margin-top: 0px;
margin-left: 0px;
float: left;
position:absolute ;
z-index: 0;
}
#b015{
height: 340px;
width: 450px;
background: rgba( 70,70,70);
margin-top: -5px;
margin-left: -35px;
float: left;
position:absolute ;
border-radius: ;
z-index: -2;
}
#b016{
height: 30px;
width: 370px;
background: ;
margin-top: 275px;
margin-left: 0px;
float: left;
position:absolute ;
color: white;
font-family: arial;
font-size: 22px;
font-weight: bold;
border-radius: ;
display: flex;
justify-content: center;
align-items: center;
}
#b020{
height: 30px;
width: 370px;
background: ;
margin-top: 305px;
margin-left: 0px;
float: left;
position:absolute ;
color: white;
font-family: arial;
font-size: 22px;
font-weight: bold;
border-radius: ;
display: flex;
justify-content: center;
align-items: center;
color:rgba( 190,190,190);
text-transform: uppercase;
}
#b021{
height: 30px;
width: 450px;
background-image: linear-gradient(black 0px, rgba( 70,70,70) 25px);
margin-top: -35px;
margin-left: -35px;
float: left;
position:absolute ;
border-radius: ;
z-index: -2;
}
#b022{
height: 30px;
width: 450px;
background-image: linear-gradient(rgba( 70,70,70) 0px, black 25px);
margin-top: 335px;
margin-left: -35px;
float: left;
position:absolute ;
border-radius: ;
z-index: 1;
}
#b023{
height: auto;
width: 100%;
float: left;
z-index: 2;
background: black;
padding-top: 20px;
margin-top: -20px;
}
#b024{
height: auto;
width: 100%;
float: left;
margin-top: 45px;
background: ;
}
#b025{
height: 100px;
width: 100px;
float: right;
margin-top: 0px;
background: blue;
position:absolute;
}
#b026{
width: 98%;
height: 100px;
margin-top: 70px;
margin-left: 1%;
background: ;
border: 2px solid white;
color: white;
overflow: hidden;
box-sizing: border-box;
margin-inline: ;
}
#b0261{
width: auto;
height: 100px;
margin-top: 0px;
padding-left: 50%;
margin-left: ;
background: ;
color: white;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
margin-inline: ;
justify-content: center;
align-items: center;
}
#b027{
width: 150px;
height: 70px;
margin-top: 3px;
margin-left: 5px;
padding-top: 20px;
display: inline-block;
background: grey;
color: white;
text-align: center;
font-family: arial;
font-size: 50px;
font-weight: bold;
text-decoration: none;
}
#b0271{
width: 150px;
height: 70px;
margin-top: 3px;
margin-left: 5px;
padding-top: 20px;
display: inline-block;
background: grey;
color: rgb( 70,70,70);
text-align: center;
font-family: arial;
font-size: 50px;
font-weight: bold;
text-decoration: none;
}
#b0280{
width: 10%;
height: 100%;
float: left;
background: ;
border-right: 4px solid white;
}
#b0281{
width: 10%;
height: 100%;
float: left;
background: ;
border-right: 2px solid white;
border-left: 4px solid white;
}
#b0282{
width: 10%;
height: 100%;
float: left;
background: ;
border-right: 2px solid white;
border-left: 2px solid white;
}
#b0283{
width: 10%;
height: 100%;
float: left;
background: ;
border-right: 2px solid white;
border-left: 2px solid white;
}
#b0284{
width: 10%;
height: 100%;
float: left;
background: ;
border-right: 5px solid white;
border-left: 2px solid white;
}
#b0285{
width: 10%;
height: 100%;
float: left;
background: ;
border-right: 2px solid white;
border-left: 5px solid white;
}
#b0286{
width: 10%;
height: 100%;
float: left;
background: ;
border-right: 2px solid white;
border-left: 2px solid white;
}
#b0287{
width: 10%;
height: 100%;
float: left;
background: ;
border-right: 2px solid white;
border-left: 2px solid white;
}
#b0288{
width: 10%;
height: 100%;
float: left;
background: ;
border-right: 4px solid white;
border-left: 2px solid white;
}
#b0289{
width: 10%;
height: 100%;
float: left;
background: ;
border-left: 4px solid white;
}
#b029{
width: 100%;
height: 150px;
margin-top: -20px;
position: absolute;
}
#b0291{
width: 20%;
height: 140px;
background:;
margin-top: -20px;
position: absolute;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 60px;
color: white;
}
#b0292{
width: 20%;
height: 140px;
background:;
margin-top: -20px;
margin-left: 40%;
position: absolute;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 100px;
font-weight: ;
color: white;
}
#b0293{
width: 20%;
height: 140px;
background:;
margin-top: -20px;
margin-left: 80%;
position: absolute;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 60px;
color: white;
}
#b030{
height: 280px;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 80px;
background: rgba( 20,20,20);
float: left;
border-radius: 10px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
}
#b030:hover{
height: 280px;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 80px;
background: rgba( 20,20,20);
float: left;
border-radius: 10px;
border: 5px solid white;
box-sizing: border-box;
}
#b0301{
height: 566px;
width: 100%;
margin-left: ;
margin-top: 35px;
background: black;
float: left;
border-radius: 10px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
}
#b0301:hover{
height: 566px;
width: 100%;
margin-left: ;
margin-top: 35px;
background: black;
float: left;
border-radius: 10px;
border: 5px solid white;
box-sizing: border-box;
}
#b031{
height: 70px;
width: 100%;
margin-top: 0px;
background: rgba( 60,60,60);
float: top;
}
#b032{
height: 50px;
width: 50px;
margin-top: 10px;
margin-left: 10px;
background: url(Bilder/KA1.png);
background-size: cover;
float: left;
}
#b0321{
height: 50px;
width: 50px;
margin-top: 10px;
margin-left: 10px;
background: url(Bilder/explore2.png);
background-size: cover;
float: left;
}
#b0322{
height: 50px;
width: 50px;
margin-top: 10px;
margin-left: 10px;
background: url(Bilder/I1.png);
background-size: cover;
float: left;
}
#b033{
height: 50px;
width: 85%;
margin-top: 12px;
margin-left: 20px;
background: ;
float: left;
color: white;
font-size: 40px;
font-family: arial;
}
#b034{
height: 180px;
width: 96%;
margin-left: 2%;
margin-top: 10px;
background: ;
float: top;
color: white;
font-size: 30px;
font-family: arial;
}
#b0341{
height: 180px;
width: 100%;
margin-left: 0px;
margin-top: 0px;
background: ;
float: top;
color: white;
font-size: 30px;
font-family: arial;
}
#b0350{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 10px;
background: rgba( 20,20,20);
float: left;
}
#b0350:hover{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 10px;
background: rgba( 40,40,40);
float: left;
}
#b0351{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 10px;
background: rgba( 20,20,20);
float: left;
}
#b0351:hover{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 10px;
background: rgba( 40,40,40);
float: left;
}
#b0352{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 10px;
background: rgba( 30,30,30);
float: left;
}
#b0352:hover{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 10px;
background: rgba( 50,50,50);
float: left;
}
#b0353{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 10px;
background: rgba( 140, 113, 0, 0.2);
float: left;
}
#b0353:hover{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 10px;
background: rgba( 140, 113, 0, 0.4);
float: left;
}
#b0354{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 10px;
background: rgba( 1, 156, 156, 0.2);
float: left;
}
#b0354:hover{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 10px;
background: rgba( 1, 156, 156, 0.4);
float: left;
}
#b03590{
height: 96px;
width: 100%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 20,20,20);
float: left;
}
#b03590:hover{
height: 96px;
width: 100%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 40,40,40);
float: left;
}
#b03591{
height: 96px;
width: 100%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 20,20,20);
float: left;
}
#b03591:hover{
height: 96px;
width: 100%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 40,40,40);
float: left;
}
#b03592{
height: 96px;
width: 100%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 30,30,30);
float: left;
}
#b03592:hover{
height: 96px;
width: 100%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 50,50,50);
float: left;
}
#b03593{
height: 96px;
width: 100%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 140, 113, 0, 0.2);
float: left;
}
#b03593:hover{
height: 96px;
width: 100%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 140, 113, 0, 0.4);
float: left;
}
#b03594{
height: 96px;
width: 100%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 1, 156, 156, 0.2);
float: left;
}
#b03594:hover{
height: 96px;
width: 100%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 1, 156, 156, 0.4);
float: left;
}
#b036{
height: 1925px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 20px;
background: ;
float: left;
}
#b0361{
height: 1550px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
}
#b0362{
height: 2000px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
}
#b037{
height: 500px;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 35px;
background: rgba( 20,20,20);
float: left;
border-radius: 10px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
}
#b037:hover{
height: 500px;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 35px;
background: rgba( 20,20,20);
float: left;
border-radius: 10px;
border: 5px solid white;
box-sizing: border-box;
}
#b038{
height: 200px;
width: 70%;
margin-left: 1%;
margin-top: 10px;
background: ;
float: left;
color: white;
font-size: 30px;
font-family: arial;
}
#b039{
height: 200px;
width: 200px;
margin-left: 1%;
margin-top: 10px;
background: ;
float: left;
color: white;
font-size: 30px;
font-family: arial;
}
#b040{
height: 200px;
width: 60px;
float: left;
margin-left: 10px;
margin-top: 0px;
background: ;
}
#b0401{
height: 40px;
width: 60px;
float: top;
margin-top: 10px;
background: ;
}
#b0402{
height: 60px;
width: 60px;
float: top;
margin-left: 0px;
margin-top: 20px;
background: ;
}
#b0403{
height: 60px;
width: 60px;
float: top;
margin-left: 0px;
margin-top: 10px;
background: ;
}
#b041{
height: 200px;
width: 80%;
float: left;
margin-left: 0px;
margin-top: 0px;
background: ;
}
#b0411{
height: 60px;
width: 98%;
float: top;
margin-left: 2%;
margin-top: 10px;
background: ;
font-family: arial;
font-size: 40px;
}
#b0412{
height: 60px;
width: 98%;
float: top;
margin-left: 2%;
margin-top: 10px;
background: ;
font-family: arial;
font-size: 40px;
}
#b042{
height: 220px;
width: 100%;
margin-top: 0px;
background: ;
float: top;
}
#b043{
height: 180px;
width: 98%;
margin-top: 0px;
margin-left: 1%;
background: ;
float: top;
color:white;
font-family: arial;
font-size: 30px;
overflow: scroll;
}
#b044{
height: 1450px;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 20px;
background: ;
float: left;
}
#b045{
height: 430px;
width: 100%;
margin-left: ;
margin-top: 0px;
background: ;
float: top;
}
#b046{
height: 370px;
width: 25%;
margin-left: 15%;
margin-top: 20px;
background: ;
float: left;
}
#b047{
height: auto;
width: 100%;
margin-left: ;
margin-top: ;
background: white;
float: top;
border: 3px solid white;
box-sizing: border-box;
z-index: ;
}
#b048{
height: 100px;
width: 300%;
margin-left: -100%;
margin-top: 90px;
background: ;
float: top;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 50px;
color: white;
overflow: hidden;
font-weight: bold;
}
#b049{
height: 15px;
width: 300%;
margin-left: -100%;
margin-top: 0px;
background: ;
float: top;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 30px;
color: rgba( 160,160,160);
}
#b0491{
height: 15px;
width: auto;
margin-left: ;
margin-top: 0px;
background: ;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 30px;
color: rgba( 160,160,160);
}
#b0492{
height: 15px;
width: auto;
margin-left: ;
margin-top: 0px;
background: ;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 30px;
color: rgba( 160,160,160);
}
#b0492:hover{
height: 15px;
width: auto;
margin-left: ;
margin-top: 0px;
background: ;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 30px;
color: rgba( 0,115,150);
}
#b0502{
height: ;
width: 17.5%;
margin-left: 5%;
margin-top: 80px;
background: ;
float: left;
border-radius: 20px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
}
#b0502:hover{
height: ;
width: 17.5%;
margin-left: 5%;
margin-top: 80px;
background: ;
float: left;
border-radius: 20px;
border: 5px solid white;
box-sizing: border-box;
}
#b0501{
height: 20px;
width: 17.5%;
margin-left: 5%;
margin-top: 60px;
background: ;
float: left;
box-sizing: border-box;
}
#b051{
height: 215px;
width: 104%;
margin-left: -2%;
margin-top: -5px;
background: ;
float: left;
border-radius: 10px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
}
#b052{
height: 40px;
width: 100%;
margin-top: -40px;
background: rgba( 60,60,60, 0.9);
float: bottom;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-family: arial;
font-size: 30px;
font-weight: bold;
z-index: 2;
border-radius: 15px;
}
#b053{
height: ;
width: 17.5%;
margin-left: 15%;
margin-top: 80px;
background: ;
float: left;
border-radius: 20px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
}
#b053:hover{
height: ;
width: 17.5%;
margin-left: 15%;
margin-top: 80px;
background: ;
float: left;
border-radius: 20px;
border: 5px solid white;
box-sizing: border-box;
}
#b054{
width: 100%;
margin-top: -980px;
height: 20px;
background: ;
background-image: linear-gradient(to bottom, black 0px,transparent 20px);
}
#b0541{
width: 100%;
margin-top: 940px;
height: 20px;
background: ;
background-image: linear-gradient(to top, black 0px,transparent 20px);
}
#b055{
width: 100%;
margin-top: 40px;
background: rgba( 30,30,30);
height: 980px;
}
#b056{
width: 96%;
margin-left: 2%;
background: ;
height: 980px;
overflow: scroll;
color: white;
font-family: arial;
text-align: center;
font-size: 30px;
z-index: -1;
}
#b057{
height: 280px;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 35px;
background: rgba( 20,20,20);
float: left;
border-radius: 10px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
}
#b057:hover{
height: 280px;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 35px;
background: rgba( 20,20,20);
float: left;
border-radius: 10px;
border: 5px solid white;
box-sizing: border-box;
}
#b058{
height: 50px;
width: 50px;
margin-top: 10px;
margin-left: 10px;
background: url(Bilder/GE1.png);
background-size: cover;
float: left;
}
#b059{
width: 100%;
height: 300px;
margin-top: -400px;
position: ;
opacity: 0;
}
#b060{
width: 40%;
height: auto;
margin-top: -70%;
margin-left: 30%;
position: ;
opacity: 1;
background: ;
}
#b061{
width: 100%;
max-width: 1164px;
height: 600px;
opacity: 0.15;
z-index: -1;
margin-left: ;
margin-top: ;
position: absolute;
}
#b0610{
height: 600px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 40px;
position: absolute;
background: ;
z-index: -1;
float: left;
}
#b062{
height: 46px;
width: 100%;
background: rgba( 40,40,40);
box-sizing: border-box;
margin-bottom: 35px;
left: ;
margin-left: -3px;
float: left;
color: black;
position: ;
border: 3px solid rgba( 140,140,140);
border-radius: 20px;
text-align: center;
font-weight: ;
font-size: 45px;
float: left;
font-family: Arial;
}
#b063{
height: 46px;
width: 98%;
background: rgba( 40,40,40);
margin-top: 30px;
margin-left: 1%;
float: left;
color: black;
position: ;
border: 3px solid rgba( 140,140,140);
border-radius: 20px;
text-align: center;
font-weight: ;
font-size: 45px;
float: left;
font-family: Arial;
box-sizing: border-box;
}
#b064{
height: 1130px;
width: 100%;
margin-left: 0px;
margin-top: 0px;
background:;
float: top;
color: white;
font-size: 30px;
font-family: arial;
overflow: hidden;
}
#b065{
height: 1220px;
width: 100%;
margin-left: ;
margin-top: 35px;
background: black;
float: left;
border-radius: 10px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
}
#b066{
height: 50px;
width: auto;
margin-right: 20px ;
margin-top: -36px;
background: ;
border-top: ;
border-bottom: ;
font-size: 30px;
color: grey;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: right;
}
#b0670{
height: 96px;
width: 0px;
margin-right: 0px;
margin-top: 0px;
background: ;
float: left;
}
#b0671{
height: 96px;
width: 0px;
margin-right: 0px;
margin-top: 0px;
background: ;
float: left;
}
#b0672{
height: 96px;
width: 5px;
margin-right: -5px;
margin-top: 0px;
background: rgba( 100, 99, 99, 1);
float: left;
}
#b0673{
height: 96px;
width: 5px;
margin-right: -5px;
margin-top: 0px;
background: rgba( 140, 113, 0, 1);
float: left;
}
#b0674{
height: 96px;
width: 5px;
margin-right: -5px;
margin-top: 0px;
background: rgba( 1, 156, 156, 1);
float: left;
}
#b068{
height: 50px;
width: 100%;
margin-top: 15px;
margin-bottom: 5px;
background: ;
}
#b069{
height: 50px;
width: 330px;
margin-left: 1%;
background: ;
float: left;
}
#b0691{
height: 50px;
width: 220px;
margin-left: 1%;
background: ;
float: left;
}
#b070{
height: 50px;
width: 15px;
float: left;
background: rgba( 1, 156, 156, 1);
}
#b0701{
height: 50px;
width: 15px;
float: left;
background: rgba( 140, 113, 0, 1);
}
#b0702{
height: 50px;
width: 15px;
float: left;
background: rgba( 100, 99, 99, 1);
}
#b071{
height: 50px;
width: 180px;
float: left;
background: rgba( 1, 156, 156, 0.2);
padding-left: 10px;
font-family: arial;
font-size: 35px;
font-weight: bold;
display: flex;
align-items: center;
color: rgba( 1, 156, 156, 1);
}
#b072{
height: 50px;
width: 290px;
float: left;
background: rgba( 140, 113, 0, 0.2);
padding-left: 10px;
font-family: arial;
font-size: 35px;
font-weight: bold;
display: flex;
align-items: center;
color: rgba( 140, 113, 0, 1);
}
#b073{
height: 50px;
width: 290px;
float: left;
background: rgb( 30, 30, 30);
padding-left: 10px;
font-family: arial;
font-size: 35px;
font-weight: bold;
display: flex;
align-items: center;
color: rgba( 100, 99, 99, 1);
}
#b074{
height: 50px;
width: 50px;
margin-top: 10px;
margin-left: 10px;
background: url(Bilder/LC2.png);
background-size: cover;
float: left;
}
#b075{
height: 400px;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 35px;
background: rgba( 20,20,20);
float: left;
border-radius: 10px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
}
#b076{
height: 280px;
width: 96%;
margin-left: 2%;
margin-top: 20px;
background: ;
float: top;
color: white;
font-size: 30px;
font-family: arial;
}
#b077{
height: 45px;
width: 40%;
max-width: 1164px;
margin-right: 1%;
margin-top: 15px;
border-top:10px;
border-left:10px;
float: right;
font-size:25px;
font-family: arial;
color: white;
background: ;
}
#b078{
height: 25px;
width: 40px;
float: right;
background: ;
margin-top: 6px;
}
#b079{
height: 70px;
width: auto;
float: right;
background: ;
margin-top: -15px;
font-size: 20px;
margin-right: 10px;
padding-left: 10px;
font-weight: bold;
display: flex;
align-items: center;
border-left: 3px solid rgba( 120,120,120);
}
#b080{
height: 70px;
width: 45%;
margin-top: 0px;
margin-left: 10px;
background: ;
float: left;
color: white;
font-size: 30px;
font-family: arial;
display: flex;
align-items: center;
}
#b081{
height: 1255px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
}
#b082{
height: 1255px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
}
#b083{
height: 80px;
width: 100%;
background: rgba( 40,40,40);
box-sizing: border-box;
margin-bottom:;
left: ;
margin-top: 35px;
float: left;
color: black;
position: ;
border: 5px solid rgba( 140,140,140);
border-radius: 10px;
text-align: center;
font-weight: ;
font-size: 45px;
float: left;
font-family: Arial;
}
#b0831{
height: 80px;
width: 98%;
background: rgba( 40,40,40);
box-sizing: border-box;
margin-left:1%;
left: ;
margin-top: -5px;
float: left;
color: black;
position: ;
border: 5px solid rgba( 140,140,140);
border-radius: 10px;
text-align: center;
font-weight: ;
font-size: 45px;
float: left;
font-family: Arial;
}
#b0832{
height: 80px;
width: 98%;
background: rgba( 40,40,40);
box-sizing: border-box;
margin-left:1%;
left: ;
margin-top: 20px;
margin-bottom: 20px;
float: left;
color: black;
position: ;
border: 5px solid rgba( 140,140,140);
border-radius: 10px;
text-align: center;
font-weight: ;
font-size: 45px;
float: left;
font-family: Arial;
}
#b084{
width: 50%;
height: 70px;
float: left;
background: ;
}
#b085{
width: 50px;
height: 50px;
float: left;
margin-left:10px;
margin-top:10px;
background:;
}
#b086{
width: 60%;
height: 70px;
float: left;
margin-left:5px;
margin-top:;
background:;
display: flex;
align-items: center;
text-align:left;
font-size: 50px;
color:white;
font-weight: bold;
}
#b087{
height:70px;
width: 50%;
background:;
text-align:right;
float:right;
}
#b088{
height: 670px;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 35px;
background: rgba( 20,20,20);
float: left;
border-radius: 10px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
}
#b089{
height: 350px;
width: 98%;
margin-top: 0px;
margin-left: 1%;
background: ;
float: top;
color:white;
font-family: arial;
font-size: 30px;
overflow: scroll;
}
#b090{
height: 80px;
width: 100%;
background: rgba( 40,40,40);
box-sizing: border-box;
margin-bottom:;
left: ;
margin-top: 15px;
float: left;
color: black;
position: ;
border: 5px solid rgba( 140,140,140);
border-radius: 10px;
text-align: center;
font-weight: ;
font-size: 45px;
float: left;
font-family: Arial;
z-index: 2;
}
#b091{
height: 400px;
width: 98%;
max-width: ;
margin-left: 1%;
margin-top: 35px;
background: rgba( 20,20,20);
float: left;
border-radius: 10px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
overflow: hidden;
}
#b092{
height: 50px;
width: 50px;
margin-top: 10px;
margin-left: 10px;
background: url(Bilder/Album2.png);
background-size: cover;
float: left;
}
#b093{
width: 100%;
height: 290px;
margin-top: 15px;
margin-left: ;
background: ;
color: white;
overflow: hidden;
box-sizing: border-box;
margin-inline: ;
}
#b094{
width: 240px;
height: 284px;
margin-top: ;
margin-left: 15px;
display: inline-block;
background: ;
color: white;
text-align: center;
font-family: arial;
font-size: 50px;
font-weight: bold;
text-decoration: none;
box-sizing: ;
border: 3px solid rgba( 120,120,120);
}
#b094:hover{
width: 240px;
height: 284px;
margin-top: ;
margin-left: 15px;
display: inline-block;
background: ;
color: white;
text-align: center;
font-family: arial;
font-size: 50px;
font-weight: bold;
text-decoration: none;
box-sizing: ;
border: 3px solid white;
}
#b095{
width: auto;
height: 290px;
margin-top: ;
padding-left: ;
margin-left: ;
background: ;
color: white;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
margin-inline: ;
justify-content: center;
align-items: center;
}
#b096{
width: 240px;
height: 240px;
float: top;
background: ;
}
#b097{
width: 240px;
height: 50px;
float: top;
background: ;
font-family: arial;
font-size: 20px;
color: white;
overflow: scroll;
display: flex;
justify-content: center;
align-items: center;
}
#b098{
height: 30px;
width: 98%;
background: ;
margin-top: 30px;
margin-left: 1%;
float:left;
color: rgba( 1, 156, 156, 0.4);
font-weight: bold;
font-size: 40px;
float:left;
font-family:Arial;
display: flex;
align-items: center;
}
#b099{
height: 30px;
width: 98%;
background: ;
margin-top: 30px;
margin-left: 1%;
float:left;
color: rgba( 140, 113, 0, 0.4);
font-weight: bold;
font-size: 40px;
float:left;
font-family:Arial;
display: flex;
align-items: center;
}
#b100{
height: 30px;
width: 98%;
background: ;
margin-top: 30px;
margin-left: 1%;
float:left;
color: rgba( 50,50,50);
font-weight: bold;
font-size: 40px;
float:left;
font-family:Arial;
display: flex;
align-items: center;
}
#b101{
height: 360px;
width: 100%;
max-width: ;
margin-left: ;
margin-top: 35px;
background: rgba( 20,20,20);
float: left;
border-radius: ;
border-top: 5px solid rgba( 120,120,120);
border-bottom: 5px solid rgba( 120,120,120);
box-sizing: border-box;
overflow: hidden;
}
#b102{
width: 240px;
height: 30px;
float: top;
background: ;
font-family: arial;
font-size: 20px;
color: rgba( 150,150,150);
overflow: scroll;
display: flex;
justify-content: center;
align-items: center;
}
#b1021{
width: 240px;
height: 30px;
float: top;
background: ;
font-family: arial;
font-size: 20px;
color: white;
overflow: scroll;
display: flex;
justify-content: center;
align-items: center;
margin-top: 5px;
}
#b103{
width: 240px;
height: 315px;
margin-top: ;
margin-left: 15px;
display: inline-block;
background: ;
color: white;
text-align: center;
font-family: arial;
font-size: 50px;
font-weight: bold;
text-decoration: none;
box-sizing: ;
border: 3px solid rgba( 120,120,120);
}
#b104{
width: 100%;
height: 320px;
margin-top: 15px;
margin-left: ;
background: ;
color: white;
overflow: hidden;
box-sizing: border-box;
margin-inline: ;
}
#b105{
width: auto;
height: 320px;
margin-top: ;
padding-left: ;
margin-left: ;
background: ;
color: white;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
margin-inline: ;
justify-content: center;
align-items: center;
}
#b106{
width: 240px;
height: 30px;
background: rgba( 0,0,0,0.7);
position: absolute;
font-size: 25px;
color: orange;
}
#b107{
width:75%;
height:25px;
background:;
float:left;
color:white;
font-size:25px;
font-family:arial;
font-weight: ;
padding-top:0px;
padding-left:3px;
padding-right:0px;
text-transform: uppercase;
}
#b108{
width:98%;
height:25px;
margin-top:15px;
margin-left:1%;
background:rgb( 0,191,255,0);
float:left;
position:;
overflow:hidden;
}
#b109{
width:98%;
height:250px;
margin-left: 1%;
background:;
}
#b110{
height: 250px;
width: 100%;
background:;
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:top;
color:white;
font-size: 150px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
-webkit-text-stroke:4px black;
font-weight: bold;
text-transform: uppercase;
}
#b111{
width:98%;
height:25px;
margin-left:1%;
float:left;
}
#b112{
height: 308px;
width: 98%;
max-width: 1164px;
background: rgb( 20,20,20);
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
border-radius: 30px;
outline: 3px solid rgba( 120,120,120);
}
#b112:hover{
height: 308px;
width: 98%;
max-width: 1164px;
background: rgb( 20,20,20);
margin-top: 15px;
margin-left: 1%;
float: left;
color: black;
border-radius: 30px;
outline: 3px solid white;
}
#b113{
height: 60px;
width: auto;
max-width: ;
background: rgb( 50,50,50);
margin-top: 0px;
padding-left: 310px;
padding-top: ;
float: top;
color: white;
font-size: 20px;
font-family:arial;
text-transform: uppercase;
border-radius: 30px 30px 0px 0px;
}
#b114{
height: 290px;
width: 290px;
max-width: ;
background: grey ;
margin-top: 10px;
margin-left: 10px;
float: left;
color: black;
border-radius: 22px 0px 0px 22px;
overflow: hidden;
}
#b115{
height: 20px;
width: 98%;
background: ;
margin-top: 15px;
margin-left: 1%;
float:left;
color: rgba( 150, 150, 150);
font-weight: bold;
font-size: 30px;
float:left;
font-family:Arial;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
#b115:hover{
height: 20px;
width: 98%;
background: ;
margin-top: 15px;
margin-left: 1%;
float:left;
color: white;
font-weight: bold;
font-size: 30px;
float:left;
font-family:Arial;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
#b116{
height: 250px;
width: 100%;
background:;
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:top;
color:white;
font-size: 100px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
-webkit-text-stroke:3px black;
font-weight: bold;
text-transform: uppercase;
}
#b117{
height: 24px;
width: 95px;
margin-top:-3px;
padding-top: 1px;
background: rgba( 0,191,255);
font-size: 23px;
color: rgba( 20,20,20);
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: left;
border-radius: 12px;
justify-content: center;
}
#b118{
height: 96px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 20,20,20);
float: left;
}
#b118:hover{
height: 96px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 10px;
background: rgba( 40,40,40);
float: left;
}
#b119{
position: absolute;
height: 100px;
width:100px;
float: left;
background: green;
margin-top: -250px;
}
#b1191{
position: absolute;
height: 100px;
width:100px;
float: right;
background: blue;
margin-top: -150px;
}
#b120{
height: 96px;
width: 60px;
margin-right: 0px ;
margin-top: 0px;
background: rgba( 60,60,60);
border-top: ;
border-bottom: ;
font-size: 60px;
font-weight: bold;
color: white;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: left;
justify-content: center;
letter-spacing: ;
}
#b121{
height: 1110px;
width: 100%;
max-width: 750px;
margin-left: 80px;
margin-top: 10px;
background: ;
float: left;
display: inline-block;
}
#b1210{
height: 1110px;
width: 100%;
max-width: 710px;
margin-left: 60px;
margin-top: 10px;
background: ;
float: left;
display: inline-block;
}
#b122{
height: 96px;
width: 100%;
max-width: 750px;
margin-left: 0px;
margin-top: 10px;
background: rgba( 20,20,20);
float: left;
}
#b122:hover{
height: 96px;
width: 100%;
max-width: 750px;
margin-left: 0px;
margin-top: 10px;
background: rgba( 60,60,60);
float: left;
}
#b1221{
height: 96px;
width: 100%;
max-width: 750px;
margin-left: 0px;
margin-top: 10px;
background: #786518;
float: left;
}
#b1221:hover{
height: 96px;
width: 100%;
max-width: 750px;
margin-left: 0px;
margin-top: 10px;
background: #a38a17;
float: left;
}
#b1222{
height: 96px;
width: 100%;
max-width: 750px;
margin-left: 0px;
margin-top: 10px;
background: #525252;
float: left;
}
#b1222:hover{
height: 96px;
width: 100%;
max-width: 750px;
margin-left: 0px;
margin-top: 10px;
background: #676767;
float: left;
}
#b1223{
height: 96px;
width: 100%;
max-width: 750px;
margin-left: 0px;
margin-top: 10px;
background: #5a422b;
float: left;
}
#b1223:hover{
height: 96px;
width: 100%;
max-width: 750px;
margin-left: 0px;
margin-top: 10px;
background: #9c6b30;
float: left;
}
#b123{
height: 30px;
width: auto;
margin-top: -5px;
padding-left: 0px;
background: ;
border: ;
font-size: 30px;
color: rgba( 30,30,30);
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: left;
}
#b124{
height: 40px;
width: 100%;
margin-left: 0px;
margin-top: 0px;
background: ;
float: left;
color: white;
font-size: 55px;
font-weight: bold;
text-transform: uppercase;
display: flex;
align-items: center;
font-family: arial;
}
#b125 {
height: 1700px;
width: 50000px;
background: ;
float: left;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
margin-left: -50px;
}
#b126{
height:40px;
width:100%;
float:left;
margin-left:;
background:;
position:;
}
#b127 {
height: 1700px;
width: 100%;
background: ;
float: left;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
}
#b128{
height: 48px;
width: 35px;
margin-left: 0px ;
margin-top: -15px;
background:;
border-top: ;
border-bottom: ;
color: ;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: top;
font-weight: bold;
font-size: 30px;
}
#b129{
height: 48px;
width: 45px;
margin-left: 5px;
margin-top: 10px;
background: ;
border-top: ;
border-bottom: ;
color: ;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: top;
font-weight: bold;
font-size: 35px;
}
#b1291{
height: 48px;
width: 35px;
margin-left: 0px;
margin-top: 10px;
background: ;
border-top: ;
border-bottom: ;
color: ;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: top;
font-weight: bold;
font-size: 40px;
}
#b130{
height: 96px;
width: 40px;
margin-right: 0px ;
margin-top: 0px;
background: black;
border-top: ;
border-bottom: ;
color: green;
font-family:arial;
overflow:hidden;
line-height:95%;
float: left;
font-weight: bold;
font-size: 30px;
}
#b131{
height: 96px;
width: 96px;
margin-right: 0px ;
margin-top: -60px;
background: rgba( 60,60,60);
border-top: ;
border-bottom: ;
font-size: 50px;
font-weight: bold;
color: white;
font-family:arial;
float: right;
}
#b132{
height: 60px;
width: 100%;
background: ;
margin-top: 5px;
font-size: 50px;
font-weight: bold;
color: white;
font-family:arial;
text-align: center;
display: flex;
align-items: center;
float: top;
justify-content: center;
}
#b133{
height: 36px;
width: 96px;
margin-top: -10px;
background: ;
font-size: 30px;
font-weight: bold;
color: rgba( 160,160,160);
font-family:arial;
text-align: center;
display: flex;
align-items: center;
float: top;
justify-content: center;
}
#b134{
height: 50px;
width: 430px;
padding-left: 10px ;
margin-top: 10px;
background: ;
font-size: 40px;
color: white;
font-family:arial;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
align-items: center;
line-height:95%;
float: left;
}
#b135{
height: 30px;
width: 430px;
margin-top: -5px;
padding-left: 0px;
background: ;
border: ;
font-size: 30px;
color: grey;
font-family:arial;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
line-height:95%;
float: left;
}
#b136{
height: 30px;
width: 430px;
margin-top: -5px;
padding-left: 0px;
background: ;
font-size: 30px;
color: rgba( 30,30,30);
font-family:arial;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
line-height:95%;
float: left;
}
#b137{
height: 50px;
width: 75%;
padding-left: 10px ;
margin-top: 10px;
background: ;
border-top: ;
border-bottom: ;
font-size: 40px;
color: white;
font-family:arial;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
align-items: center;
line-height:95%;
float: left;
}
#b138{
height: 800px;
width: 98%;
margin-left: 1%;
margin-top: 30px;
background: green;
float: left;
}
#b139{
height: 96px;
width: 96px;
margin-right: 0px ;
margin-top: -60px;
background: rgba( 60,60,60);
border-top: ;
border-bottom: ;
font-size: 50px;
font-weight: bold;
color: white;
font-family:arial;
float: right;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b140{
height: auto;
width: 98%;
max-width: ;
margin-left: 1%;
margin-top: 10px;
background: ;
float: left;
display: inline-block;
}
#b141{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 10px;
background: rgba( 20,20,20);
float: left;
}
#b141:hover{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 10px;
background: rgba( 60,60,60);
float: left;
}
#b142{
height: 96px;
width: 60px;
margin-top: 0px;
background: rgba( 60,60,60);
border-top: ;
border-bottom: ;
font-size: 50px;
font-weight: bold;
color: white;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: left;
justify-content: center;
padding-left: -10px;
}
#b143{
height: 50px;
width: 70%;
padding-left: 10px ;
margin-top: 10px;
background: ;
font-size: 40px;
color: white;
font-family:arial;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
align-items: center;
line-height:95%;
float: left;
}
#b144{
height: 96px;
width: 98%;
margin-left: 1%;
margin-top: 10px;
background: ;
float: left;
border: 5px solid rgba( 180,180,180);
box-sizing: border-box;
border-radius: 15px;
color: rgba( 180,180,180);
font-family: arial;
font-size: 50px;
padding-left: 20px;
}
#b144:hover{
height: 96px;
width: 98%;
margin-left: 1%;
margin-top: 10px;
background: rgba( 180,180,180);
float: left;
border: 5px solid rgba( 180,180,180);
box-sizing: border-box;
border-radius: 15px;
color: black;
font-family: arial;
font-size: 50px;
padding-left: 20px;
}
#b145{
height: 86px;
width: 86px;
margin-left: -20px;
margin-top: ;
background: ;
float: left;
font-family: arial;
font-size: 80px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b1451{
height: 86px;
width: 86px;
margin-left: -20px;
margin-top: -5px;
background: ;
float: left;
font-family: arial;
font-size: 60px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b146{
height: 86px;
width: 80%;
margin-left: ;
margin-top: ;
background: ;
float: left;
font-family: arial;
font-size: 55px;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
text-transform: uppercase;
}
#b147{
height: auto;
width: 98%;
margin-left: 1%;
margin-top: 10px;
background: rgba( 30,30,30);
float: left;
font-family: arial;
font-size: 30px;
color: white;
}
#b148{
height: auto;
width: 98%;
margin-left: 1%;
margin-top: 30px;
margin-bottom: 30px;
background:;
float: left;
font-family: arial;
font-size: 40px;
color: rgba( 150,150,150);
text-decoration: none;
}
#b149{
height: auto;
width: 98%;
margin-left: 1%;
margin-top: 10px;
background: rgba( 60,60,60);
float: left;
font-family: arial;
font-size: 40px;
color: white;
}
#b150{
width: 240px;
height: 30px;
float: top;
background: ;
font-family: arial;
font-size: 30px;
color: white;
overflow: scroll;
display: flex;
justify-content: center;
align-items: center;
}
#b151{
width:98%;
height:150px;
margin-left: 1%;
background:;
}
#b152{
height: 180px;
width: 50%;
background: linear-gradient(to left, rgba( 0,65,86) 0px,rgba( 0,65,86,0.3) 100%);
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:left;
color:white;
font-size: 120px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-transform: uppercase;
}
#b152g{
height: 180px;
width: 50%;
background: linear-gradient(to left, rgba( 140, 113, 0, 0.3) 0px,transparent 100%);
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:left;
color:white;
font-size: 120px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-transform: uppercase;
}
#b152p{
height: 180px;
width: 50%;
background: linear-gradient(to left, rgba( 1, 156, 156, 0.3) 0px,transparent 100%);
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:left;
color:white;
font-size: 120px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-transform: uppercase;
}
#b152s{
height: 180px;
width: 50%;
background: linear-gradient(to left, rgba( 150, 150, 150, 0.4) 0px,transparent 100%);
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:left;
color:white;
font-size: 120px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-transform: uppercase;
}
#b153{
height: 180px;
width: 50%;
background: linear-gradient(to right, rgba( 0,65,86) 0px,rgba( 0,65,86,0.3) 100%);
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:left;
color:white;
font-size: 120px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-transform: uppercase;
}
#b153g{
height: 180px;
width: 50%;
background: linear-gradient(to right, rgba( 140, 113, 0, 0.3) 0px,transparent 100%);
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:left;
color:white;
font-size: 120px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-transform: uppercase;
}
#b153p{
height: 180px;
width: 50%;
background: linear-gradient(to right, rgba( 1, 156, 156, 0.3) 0px,transparent 100%);
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:left;
color:white;
font-size: 120px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-transform: uppercase;
}
#b153s{
height: 180px;
width: 50%;
background: linear-gradient(to right, rgba( 150, 150, 150, 0.4) 0px,transparent 100%);
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:left;
color:white;
font-size: 120px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-transform: uppercase;
}
#b154{
height: 180px;
width: 98%;
background: ;
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:left;
color:white;
font-size: 100px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-transform: uppercase;
position: absolute;
}
#b155{
width: 100%;
height: 700px;
background: ;
margin-top: 50px;
}
#b1551{
width: 100%;
height: 700px;
background: ;
margin-top: 0px;
}
#b156{
width: 100%;
color: white;
font-family: arial;
font-size: 130px;
font-weight: bold;
padding-left: 20px;
display: flex;
align-items: left;
line-height: 90%;
}
#b1561{
width: 100%;
height: 635px;
margin-top: -635px;
color: white;
padding-left: 20px;
display: flex;
align-items: left;
line-height: 90%;
background: rgba( 0, 0, 0, 0.2);
}
#b15610{
width: 100%;
height: 700px;
margin-top: -700px;
color: white;
padding-left: 20px;
display: flex;
align-items: left;
line-height: 90%;
background: rgba( 0, 0, 0, 0.2);
}
#b1562{
width: 100%;
height: 20px;
margin-top: -20px;
color: white;
padding-left: 20px;
display: flex;
align-items: left;
line-height: 90%;
background-image: linear-gradient(to top, black 0px, transparent 20px);
}
#b157{
width: 100%;
height: 70px;
background: ;
float: left;
}
#b158{
width: auto;
height: 50px;
background: ;
float: left;
margin-left: 0px;
margin-top: 10px;
text-align: center;
display: flex;
align-items: center;
color: rgba( 160, 160, 160, 1);
font-family: arial;
font-size: 30px;
font-weight: bold;
}
#b159{
width: auto;
height: 50px;
background: ;
float: left;
margin-left: 50px;
margin-top: 10px;
text-align: center;
display: flex;
align-items: center;
color: rgba( 160, 160, 160, 1);
font-family: arial;
font-size: 30px;
font-weight: bold;
}
#b160{
width: auto;
height: 50px;
background: ;
float: right;
margin-left: 50px;
margin-top: 10px;
text-align: center;
display: flex;
align-items: center;
color: rgba( 160, 160, 160, 1);
font-family: arial;
font-size: 30px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
#b161{
width: 30px;
height: 30px;
background: ;
float: left;
margin-left: 0px;
margin-right: 10px;
margin-top: -2px;
}
#b162{
width: 35px;
height: 35px;
background: ;
float: left;
margin-left: 0px;
margin-right: 10px;
margin-top: -2px;
}
#b163{
height: 25px;
width: 40px;
float: right;
background: ;
margin-left: 20px;
align-items: top;
text-align: top;
display: grid;
}
#b164{
width: 50%;
height: 70px;
background: ;
float: left;
}
#b165{
width: 50%;
height: 70px;
background: ;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
#b166{
width: 100%;
max-width: 1164px;
margin-top: 35px;
background: ;
float: left;
overflow: hidden;
}
#b167{
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
overflow: hidden;
}
#b168{
width: 100%;
height: 70px;
background: ;
float: left;
margin-top: 10px;
margin-bottom: -35px;
color: rgb( 180, 180, 180);
font-family: arial;
font-size: 40px;
font-weight: bold;
text-align: center;
display: flex;
align-items: center;
text-transform: uppercase;
border-bottom: 2px solid rgb( 50, 50, 50);
}
#b1681{
width: 100%;
height: 70px;
background: ;
float: left;
margin-top: 30px;
margin-bottom: -35px;
color: rgb( 180, 180, 180);
font-family: arial;
font-size: 40px;
font-weight: bold;
text-align: center;
display: flex;
align-items: center;
text-transform: uppercase;
border-bottom: 2px solid rgb( 50, 50, 50);
}
#b169{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 0px;
color: white;
background: ;
float: left;
border-bottom: 2px solid rgb( 50, 50, 50);
}
#b169:hover{
height: 96px;
width: 100%;
margin-left: 0px;
margin-top: 0px;
color: white;
background: rgb( 40, 40, 40);
float: left;
border-bottom: 2px solid rgb( 50, 50, 50);
}
#b1691{
height: 100%;
width: 100%;
background: ;
float: left;
}
#b1691:hover{
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, 0.1);
float: left;
}
#b1692{
height: 100%;
width: 100%;
background: ;
float: left;
}
#b1692:hover{
height: 100%;
width: 100%;
background: rgba( 140, 113, 0, 0.4);
float: left;
}
#b1693{
height: 100%;
width: 100%;
background: ;
float: left;
}
#b1693:hover{
height: 100%;
width: 100%;
background: rgba( 0, 149, 165, 0.4);
float: left;
}
#b1694{
height: 100%;
width: 100%;
background: ;
float: left;
}
#b1694:hover{
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, 0.2);
float: left;
}
#b1695{
height: 100%;
width: 100%;
background: ;
float: left;
}
#b1695:hover{
height: 100%;
width: 100%;
background: rgba( 99, 51, 18, 0.4);
float: left;
}
#b170{
height: 60px;
width: auto;
padding-left: 10px ;
margin-top: 0px;
background: ;
border-top: ;
border-bottom: ;
font-size: 40px;
color: ;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: left;
}
#b171{
width: 100%;
height: 290px;
margin-top: 50px;
margin-left: ;
background: ;
color: white;
overflow: hidden;
box-sizing: border-box;
margin-inline: ;
float: left;
}
#b172{
width: 240px;
height: 284px;
margin-top: ;
margin-right: 15px;
display: inline-block;
background: rgba( 30,30,30);
color: white;
text-align: center;
font-family: arial;
font-size: 50px;
font-weight: bold;
text-decoration: none;
box-sizing: ;
border: 3px solid rgba( 120,120,120);
}
#b172:hover{
width: 240px;
height: 284px;
margin-top: ;
margin-right: 15px;
display: inline-block;
background: rgba( 30,30,30);
color: white;
text-align: center;
font-family: arial;
font-size: 50px;
font-weight: bold;
text-decoration: none;
box-sizing: ;
border: 3px solid white;
}
#b173{
width: 100%;
height: 120px;
background: ;
float: left;
color: white;
}
#b174{
height: auto;
width: 100%;
max-width: 1164px;
margin-top: 35px;
background: ;
float: left;
}
#b175{
font-weight: normal;
font-size: 30px;
font-family: Arial;
margin-left:;
margin-top: 45px;
height:auto;
width: 100%;
overflow:hidden;
background: ;
color: rgba( 200,200,200);
float: left;
}
#b176{
height: auto;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
}
#b177{
width: 100%;
height: 60px;
background: ;
float: left;
margin-top: 10px;
margin-bottom: -35px;
color: rgb( 180, 180, 180);
font-family: arial;
font-size: 40px;
font-weight: bold;
text-align: left;
justify-content: center;
align-items: center;
text-transform: uppercase;
border-bottom: 2px solid rgb( 50, 50, 50);
}
#b178{
width: 250px;
height: 100px;
margin-top: 40px;
margin-left: -30px;
background: ;
float: left;
font-size: 50px;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
color: rgb( 120, 120, 120);
}
#b178:hover{
width: 250px;
height: 100px;
margin-top: 40px;
margin-left: -30px;
background: ;
float: left;
font-size: 50px;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
color: white;
}
#b179{
width: 250px;
height: 100px;
margin-top: 40px;
margin-right: -30px;
background: ;
float: right;
font-size: 50px;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
color: rgb( 120, 120, 120);
}
#b179:hover{
width: 250px;
height: 100px;
margin-top: 40px;
margin-right: -30px;
background: ;
float: right;
font-size: 50px;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
color: white;
}
#b180{
height: 100px;
margin-top: 40px;
width: 98%;
background: ;
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:left;
color:white;
font-size: 80px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
position: absolute;
}
#b181{
height: 40px;
width: auto;
background: ;
float: left;
margin-left: 10px;
color: rgb( 180, 180, 180);
font-size: 37px;
}
#b182{
height: 40px;
width: auto;
background: ;
float: right;
margin-right: 10px;
color: rgb( 180, 180, 180);
font-size: 37px;
}
#b183{
height: 40px;
width: 100%;
background: rgb( 40, 40, 40);
float: left;
}
#b184{
height: 50px;
width: 98%;
margin-left: 1%;
margin-bottom: ;
background: ;
float: left;
border-bottom: 2px solid white;
color: white;
font-family: arial;
font-size: 40px;
font-weight: bold;
text-transform: uppercase;
}
#b185{
width: 100%;
height: 50px;
float: left;
}
#b186{
height: 96px;
width: 100%;
max-width: 710px;
margin-left: 0px;
margin-top: 10px;
background: rgba( 20,20,20);
float: left;
}
#b186:hover{
height: 96px;
width: 100%;
max-width: 710px;
margin-left: 0px;
margin-top: 10px;
background: rgba( 60,60,60);
float: left;
}
#b1861{
height: 96px;
width: 100%;
max-width: 710px;
margin-left: 0px;
margin-top: 10px;
background: #786518;
float: left;
}
#b1861:hover{
height: 96px;
width: 100%;
max-width: 710px;
margin-left: 0px;
margin-top: 10px;
background: #a38a17;
float: left;
}
#b1862{
height: 96px;
width: 100%;
max-width: 710px;
margin-left: 0px;
margin-top: 10px;
background: #525252;
float: left;
}
#b1862:hover{
height: 96px;
width: 100%;
max-width: 710px;
margin-left: 0px;
margin-top: 10px;
background: #676767;
float: left;
}
#b1863{
height: 96px;
width: 100%;
max-width: 710px;
margin-left: 0px;
margin-top: 10px;
background: #5a422b;
float: left;
}
#b1863:hover{
height: 96px;
width: 100%;
max-width: 710px;
margin-left: 0px;
margin-top: 10px;
background: #9c6b30;
float: left;
}
#b187{
height: 500px;
width: 98%;
max-width: 1164px;
margin-top: 40px;
margin-left: 1%;
background: rgba( 40,40,40);
float: left;
border-radius: 75px;
overflow: hidden;
box-shadow: 0 0 10px 0 white;
}
#b187:hover{
height: 500px;
width: 98%;
max-width: 1164px;
margin-top: 40px;
margin-left: 1%;
background: rgba( 40,40,40);
float: left;
border-radius: 75px;
overflow: hidden;
box-shadow: 0 0 30px 0 white;
}
#b1871{
height: 500px;
width: 98%;
max-width: 1164px;
margin-top: 40px;
margin-left: 1%;
background: rgba( 40,40,40);
float: left;
border-radius: 75px;
overflow: hidden;
box-shadow: 0 0 10px 0 rgba( 199,206,55);
}
#b1871:hover{
height: 500px;
width: 98%;
max-width: 1164px;
margin-top: 40px;
margin-left: 1%;
background: rgba( 40,40,40);
float: left;
border-radius: 75px;
overflow: hidden;
box-shadow: 0 0 30px 0 rgba( 199,206,55);
}
#b1872{
height: 500px;
width: 98%;
max-width: 1164px;
margin-top: 40px;
margin-left: 1%;
background: rgba( 40,40,40);
float: left;
border-radius: 75px;
overflow: hidden;
box-shadow: 0 0 10px 0 rgba(0,195,229);
}
#b1872:hover{
height: 500px;
width: 98%;
max-width: 1164px;
margin-top: 40px;
margin-left: 1%;
background: rgba( 40,40,40);
float: left;
border-radius: 75px;
overflow: hidden;
box-shadow: 0 0 30px 0 rgba(0,195,229);
}
#b1873{
height: 500px;
width: 98%;
max-width: 1164px;
margin-top: 40px;
margin-left: 1%;
background: rgba( 40,40,40);
float: left;
border-radius: 75px;
overflow: hidden;
box-shadow: 0 0 10px 0 rgba( 234,72,23);
}
#b1873:hover{
height: 500px;
width: 98%;
max-width: 1164px;
margin-top: 40px;
margin-left: 1%;
background: rgba( 40,40,40);
float: left;
border-radius: 75px;
overflow: hidden;
box-shadow: 0 0 30px 0 rgba( 234,72,23);
}
#b1874{
height: 500px;
width: 98%;
max-width: 1164px;
margin-top: 40px;
margin-left: 1%;
background: rgba( 40,40,40);
float: left;
border-radius: 75px;
overflow: hidden;
box-shadow: 0 0 10px 0 rgba( 45,206,125);
}
#b1874:hover{
height: 500px;
width: 98%;
max-width: 1164px;
margin-top: 40px;
margin-left: 1%;
background: rgba( 40,40,40);
float: left;
border-radius: 75px;
overflow: hidden;
box-shadow: 0 0 30px 0 rgba( 45,206,125);
}
#b1875{
height: 500px;
width: 98%;
max-width: 1164px;
margin-top: 40px;
margin-left: 1%;
background: rgba( 40,40,40);
float: left;
border-radius: 75px;
overflow: hidden;
box-shadow: 0 0 10px 0 rgba(194,7,60);
}
#b1875:hover{
height: 500px;
width: 98%;
max-width: 1164px;
margin-top: 40px;
margin-left: 1%;
background: rgba( 40,40,40);
float: left;
border-radius: 75px;
overflow: hidden;
box-shadow: 0 0 30px 0 rgba(194,7,60);
}
#b188{
height: 75px;
width: 100%;
float: top;
background: rgba( 80,80,80);
border-radius: 30px 30px 0px 0px;
}
#b189{
height: 150px;
width: 150px;
float: left;
background: rgba( 80,80,80);
border-radius: 30px 0px 75px 75px;
}
#b190{
height: 75px;
width: auto;
float: left;
margin-bottom: -5px;
background: ;
color: white;
font-size: 60px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
letter-spacing: -0.05em;
text-transform: ;
text-shadow: 6px 6px 6px black;
}
#b1901{
height: 75px;
width: auto;
float: right;
margin-right: 50px;
background: ;
color: rgba( 0,195,255);
font-size: 60px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
letter-spacing: -0.05em;
text-transform: uppercase;
text-shadow: 6px 6px 6px black;
}
#b1902{
height: 125px;
width: 300px;
float: right;
margin-right: ;
background: rgba( 150,150,150);
color: white;
font-size: 100px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
letter-spacing: -0.05em;
text-transform: uppercase;
text-shadow: 6px 6px 6px black;
border-radius: 0px 75px 0px 75px;
}
#b1903{
height: 125px;
width: 300px;
float: right;
margin-right: ;
background: rgba( 199,206,55);
color: white;
font-size: 100px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
letter-spacing: -0.05em;
text-transform: uppercase;
text-shadow: 6px 6px 6px black;
border-radius: 0px 75px 0px 75px;
}
#b1904{
height: 75px;
width: auto;
float: left;
margin-bottom: -5px;
background: ;
color: rgba( 199,206,55);
font-size: 60px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
letter-spacing: -0.05em;
text-transform: ;
text-shadow: 6px 6px 6px black;
}
#b1905{
height: 125px;
width: 300px;
float: right;
margin-right: ;
background: rgba(0,161,173);
color: white;
font-size: 100px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
letter-spacing: -0.05em;
text-transform: uppercase;
text-shadow: 6px 6px 6px black;
border-radius: 0px 75px 0px 75px;
}
#b1906{
height: 75px;
width: auto;
float: left;
margin-bottom: -5px;
background: ;
color: rgba(0,161,173);
font-size: 60px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
letter-spacing: -0.05em;
text-transform: ;
text-shadow: 6px 6px 6px black;
}
#b1907{
height: 125px;
width: 300px;
float: right;
margin-right: ;
background: rgba( 234,72,23);
color: white;
font-size: 100px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
letter-spacing: -0.05em;
text-transform: uppercase;
text-shadow: 6px 6px 6px black;
border-radius: 0px 75px 0px 75px;
}
#b1908{
height: 75px;
width: auto;
float: left;
margin-bottom: -5px;
background: ;
color: rgba( 234,72,23);
font-size: 60px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
letter-spacing: -0.05em;
text-transform: ;
text-shadow: 6px 6px 6px black;
}
#b1909{
height: 125px;
width: 300px;
float: right;
margin-right: ;
background: rgba( 45,206,125);
color: white;
font-size: 100px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
letter-spacing: -0.05em;
text-transform: uppercase;
text-shadow: 6px 6px 6px black;
border-radius: 0px 75px 0px 75px;
}
#b1910{
height: 75px;
width: auto;
float: left;
margin-bottom: -5px;
background: ;
color: rgba( 45,206,125);
font-size: 60px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
letter-spacing: -0.05em;
text-transform: ;
text-shadow: 6px 6px 6px black;
}
#b191{
height: 425px;
width: 100%;
float: top;
background: ;
border-radius: 0px 0px 30px 30px;
}
#b1911{
height: 425px;
width: 100%;
float: top;
background: rgba( 0,0,0,0.4);
border-radius: 0px 0px 30px 30px;
}
#b192{
height: 400px;
width: 33.3%;
float: right;
background: ;
transform: rotate(20deg);
}
#b193{
height: 400px;
width: 33.3%;
float: right;
background: ;
}
#b194{
height: 400px;
width: 33.3%;
margin-left: 30px;
float: right;
background: ;
margin-top: -50px;
transform: rotate(20deg);
position: absolute;
}
#b195{
height: 275px;
width: 275px;
float: left;
background: ;
margin-top: 25px;
margin-left: 50px;
border-radius: 20px;
}
#b196{
height: 45px;
width: 325px;
float: top;
background:;
margin-top: 0px;
margin-left: ;
color: white;
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
z-index: 1;
}
#b1961{
height: 45px;
width: 375px;
float: top;
background:;
margin-top: 0px;
margin-left: ;
color: white;
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
z-index: 1;
}
#b1962{
height: 45px;
width: 275px;
float: top;
background:;
margin-top: 0px;
margin-left: ;
color: white;
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
z-index: 1;
}
#b197{
height: 30px;
width: 325px;
float: top;
background: ;
margin-top: -8px;
margin-left: ;
color: rgba( 180,180,180);
font-size: 25px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
}
#b1971{
height: 30px;
width: 375px;
float: top;
background: ;
margin-top: -8px;
margin-left: ;
color: rgba( 180,180,180);
font-size: 25px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
}
#b1972{
height: 30px;
width: 275px;
float: top;
background: ;
margin-top: -8px;
margin-left: ;
color: rgba( 180,180,180);
font-size: 25px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
}
#b198{
height: 70px;
width: 325px;
float: top;
background: rgba( 20,20,20);
margin-top: 275px;
margin-left: 0px;
border-radius: 20px;
border-bottom: 3px solid rgba(220,220,220);
box-shadow: 0px 5px 20px 0 white;
}
#b1981{
height: 70px;
width: 375px;
float: top;
background: rgba( 20,20,20);
margin-top: 325px;
margin-left: 0px;
border-radius: 20px;
border-bottom: 3px solid rgba(220,220,220);
box-shadow: 0px 5px 20px 0 white;
}
#b1982{
height: 70px;
width: 275px;
float: top;
background: rgba( 20,20,20);
margin-top: 225px;
margin-left: 0px;
border-radius: 20px;
border-bottom: 3px solid rgba(220,220,220);
box-shadow: 0px 5px 20px 0 white;
}
#b199{
height: 325px;
width: 325px;
float: left;
background: ;
margin-top: 50px;
margin-left: -50px;
border-radius: 20px;
transform: rotate(30deg);
border: 3px solid rgba(220,220,220);
box-shadow: 0 0 20px 0 white;
}
#b200{
height: 375px;
width: 375px;
float: left;
background: ;
margin-top: 10px;
margin-left: -50px;
border-radius: 20px;
transform: rotate(-5deg);
border: 3px solid rgba(220,220,220);
box-shadow: 0 0 20px 0 white;
}
#b201{
height: 275px;
width: 275px;
float: left;
background: ;
margin-top: 55px;
margin-left: -30px;
border-radius: 20px;
transform: rotate(-30deg);
border: 3px solid rgba(220,220,220);
box-shadow: 0 0 20px 0 white;
}
#b202{
height: 275px;
width: 275px;
float: left;
background: ;
margin-top: 15px;
margin-left: -30px;
border-radius: 20px;
transform: rotate(-30deg);
border: 3px solid rgba(220,220,220);
box-shadow: 0 0 20px 0 white;
}
#b203{
height: 100px;
width: 100px;
float: left;
background: ;
margin-top: -3px;
margin-left: -3px;
border-radius: 20px;
border: 3px solid rgba(220,220,220);
}
#b204{
height: 100px;
width: 425px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 rgba( 234,72,23);
border: 3px solid rgba(220,220,220);
}
#b20401{
height: 100px;
width: 425px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0px 0px 15px 0 rgba(0,195,229);
border: 3px solid rgba(220,220,220);
}
#b2041{
height: 100px;
width: 425px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: 150px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 white;
border: 3px solid rgba(220,220,220);
transform: rotate(-5deg);
}
#b20410{
height: 100px;
width: 425px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: 150px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 rgba(0,195,229);
border: 3px solid rgba(220,220,220);
transform: rotate(-5deg);
}
#b20411{
height: 100px;
width: 425px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: -150px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 rgba( 234,72,23);
border: 3px solid rgba(220,220,220);
transform: rotate(5deg);
}
#b20412{
height: 100px;
width: 625px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 0px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 rgba( 234,72,23);
border: 3px solid rgba(220,220,220);
transform: ;
}
#b2042{
height: 100px;
width: 425px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: 300px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 white;
border: 3px solid rgba(220,220,220);
transform: rotate(-10deg);
}
#b20420{
height: 100px;
width: 425px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: 300px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 rgba(0,195,229);
border: 3px solid rgba(220,220,220);
transform: rotate(-10deg);
}
#b20422{
height: 100px;
width: 425px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: -300px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 rgba( 234,72,23);
border: 3px solid rgba(220,220,220);
transform: rotate(10deg);
}
#b20430{
height: 100px;
width: 600px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: -100px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 white;
border: 3px solid rgba(220,220,220);
transform: ;
}
#b20431{
height: 100px;
width: 600px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 white;
border: 3px solid rgba(220,220,220);
transform: ;
}
#b20432{
height: 100px;
width: 600px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: 100px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 white;
border: 3px solid rgba(220,220,220);
transform: ;
}
#b20440{
height: 100px;
width: 500px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 0px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 yellow;
border: 3px solid rgba(220,220,220);
transform: ;
}
#b20441{
height: 100px;
width: 500px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 0px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 yellow;
border: 3px solid rgba(220,220,220);
transform: ;
}
#b20442{
height: 100px;
width: 500px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 0px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 yellow;
border: 3px solid rgba(220,220,220);
transform: ;
}
#b20450{
height: 100px;
width: 750px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 0px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 rgba( 45,206,125);
border: 3px solid rgba(220,220,220);
transform: ;
}
#b20451{
height: 100px;
width: 625px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 0px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 rgba( 45,206,125);
border: 3px solid rgba(220,220,220);
transform: ;
}
#b20452{
height: 100px;
width: 500px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 0px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 rgba( 45,206,125);
border: 3px solid rgba(220,220,220);
transform: ;
}
#b205{
height: 100px;
width: 325px;
float: left;
background: ;
margin-top: 0px;
margin-left: 100px;
border-radius: 20px;
}
#b2051{
height: 100px;
width: 500px;
float: left;
background: ;
margin-top: 0px;
margin-left: 100px;
border-radius: 20px;
}
#b2052{
height: 100px;
width: 400px;
float: left;
background: ;
margin-top: 0px;
margin-left: 100px;
border-radius: 20px;
}
#b206{
height: 60px;
width: 325px;
float: top;
background:;
margin-top: 0px;
margin-left: ;
color: white;
font-size: 40px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
z-index: 1;
}
#b2061{
height: 60px;
width: 500px;
float: top;
background:;
margin-top: 0px;
margin-left: ;
color: white;
font-size: 40px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
z-index: 1;
}
#b2062{
height: 60px;
width: 400px;
float: top;
background:;
margin-top: 0px;
margin-left: ;
color: white;
font-size: 40px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
z-index: 1;
}
#b2063{
height: 60px;
width: 650px;
float: top;
background: ;
margin-top: 0px;
margin-left: ;
color: white;
font-size: 40px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
z-index: 1;
}
#b2064{
height: 60px;
width: 400px;
float: top;
background:;
margin-top: 0px;
margin-left: ;
color: white;
font-size: 40px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
z-index: 1;
}
#b207{
height: 40px;
width: 325px;
float: top;
background: ;
margin-top: -12px;
margin-left: ;
color: rgba( 180,180,180);
font-size: 35px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
font-weight: bold;
}
#b2071{
height: 40px;
width: 500px;
float: top;
background: ;
margin-top: -12px;
margin-left: ;
color: rgba( 180,180,180);
font-size: 35px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
font-weight: bold;
}
#b2072{
height: 40px;
width: 400px;
float: top;
background: ;
margin-top: -12px;
margin-left: ;
color: rgba( 180,180,180);
font-size: 35px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
font-weight: bold;
}
#b2073{
height: 40px;
width: 650px;
float: top;
background: ;
margin-top: -12px;
margin-left: ;
color: rgba( 180,180,180);
font-size: 35px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
font-weight: bold;
}
#b2074{
height: 40px;
width: 400px;
float: top;
background: ;
margin-top: -12px;
margin-left: ;
color: rgba( 180,180,180);
font-size: 35px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
font-weight: bold;
}
#b208{
height: 315px;
width: 425px;
float: left;
transform: rotate(-10deg);
margin-top: 50px;
margin-left: 0px;
}
#b2081{
height: 315px;
width: 425px;
float: left;
transform: rotate(10deg);
margin-top: 30px;
margin-left: 200px;
}
#b2082{
height: 315px;
width: 425px;
float: left;
transform: rotate(5deg);
margin-top: 50px;
margin-left: 0px;
}
#b2083{
height: 315px;
width: 425px;
float: left;
transform: rotate(0deg);
margin-top: 80px;
margin-left: -100px;
}
#b209{
height: 50px;
width: 75%;
padding-left: 10px ;
margin-top: 10px;
background: ;
border-top: ;
border-bottom: ;
font-size: 40px;
color: white;
font-family:arial;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
align-items: center;
line-height:95%;
float: left;
}
#b210{
height: 100%;
width: auto;
float: left;
background: ;
}
#b211{
height: 35px;
width: 140px;
float: left;
margin-left: 20px;
background: ;
}
#b212{
height: 35px;
width: 35px;
float: left;
margin-left: -23px;
background: ;
transform: rotate(-10deg);
}
#b2121{
height: 35px;
width: 35px;
float: left;
margin-left: 0px;
background: ;
transform: rotate(-10deg);
}
#b213{
height: 50px;
width: auto;
margin-right: 20px ;
margin-top: -36px;
background: ;
border-top: ;
border-bottom: ;
font-size: 40px;
color: white;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: right;
}
#b214{
height: 96px;
width: 60px;
margin-top: 0px;
background: ;
border-top: ;
border-bottom: ;
font-size: 35px;
font-weight: bold;
color: white;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: left;
justify-content: center;
padding-left: -10px;
}
#b215{
height: 50px;
width: auto;
max-width: 65%;
margin-top: 10px;
padding-left: 10px ;
background: ;
font-size: 40px;
color: ;
font-family:arial;
text-align: center;
display: ;
align-items: center;
line-height:95%;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#b216{
height: 100px;
width: 425px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 white;
border: 3px solid rgba(220,220,220);
}
#b2161{
height: 100px;
width: 425px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: 25px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 white;
border: 3px solid rgba(220,220,220);
}
#b2162{
height: 100px;
width: 425px;
float: top;
background: rgba( 20,20,20,0.6);
margin-top: 5px;
margin-left: 50px;
border-radius: 20px;
box-shadow: 0px 0px 10px 0 white;
border: 3px solid rgba(220,220,220);
}
#b217{
height: 96px;
width: 60px;
margin-left: -60px;
margin-top: 0px;
background: ;
border-top: ;
border-bottom: ;
color: green;
font-family:arial;
overflow:hidden;
line-height:95%;
float: left;
font-weight: bold;
font-size: ;
}
#b218{
height: 48px;
width: 50px;
margin-left: 0px ;
margin-top: -10px;
background:;
border-top: ;
border-bottom: ;
color: ;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: top;
font-weight: bold;
font-size: 45px;
text-shadow: 0px 0px 20px black;
}
#b219{
height: 48px;
width: 60px;
margin-left: 8px;
margin-top: 10px;
background: ;
border-top: ;
border-bottom: ;
color: ;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: top;
font-weight: bold;
font-size: 50px;
text-shadow: 0px 0px 20px black;
}
#b220{
height: 350px;
width: 350px;
float: right;
transform: rotate(-10deg);
margin-top: 0px;
margin-left: 0px;
background:;
}
#b221{
height: 315px;
width: 425px;
float: right;
transform: rotate(-10deg);
margin-top: 50px;
margin-right: -30px;
background:;
}
#b222{
height: 100%;
width: 745px;
float: left;
margin-top: ;
margin-left: 0px;
background:;
}
#b223{
height: 180px;
margin-top: 0px;
width: 98%;
background: ;
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:left;
color:white;
font-size: 80px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
position: absolute;
}
#b224{
height: 180px;
margin-top: 0px;
width: 70%;
margin-left: 15%;
background: ;
text-decoration: none;
text-shadow: 10px 10px 10px black;
font-family: Arial;
background-size: cover;
float:left;
display: flex;
align-items: center;
text-align: center;
color:white;
font-size: 70px;
font-weight: bold;
text-transform: uppercase;
position: absolute;
line-height:95%;
justify-content: center;
}
#b225{
height: 96px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
color: white;
background: ;
float: left;
border-bottom: 2px solid rgb( 50, 50, 50);
}
#b2251{
height: 96px;
width: 100%;
max-width: 1164px;
margin-left: 0px;
margin-top: 0px;
color: white;
background: ;
float: left;
border-bottom: 2px solid rgb( 50, 50, 50);
}
#b2252{
height: 96px;
width: 100%;
max-width: 1164px;
margin-left: 0px;
margin-top: 0px;
color: white;
background: ;
float: left;
border-bottom: 2px solid rgb( 50, 50, 50);
}
#b226{
height: 390px;
width: 98%;
max-width: 1164px;
background: rgb( 20,20,20);
margin-top: 10px;
margin-left: 1%;
float: left;
color: black;
}
#b227{
height: 10px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
color: white;
background: ;
float: left;
border-bottom: 2px solid rgb( 50, 50, 50);
}
#b228{
background-color: ;
height: 50px;
width: 100%;
float:left;
}
#b229{
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 30px;
background: ;
float: left;
overflow: hidden;
}
#b2291{
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 50px;
background: ;
float: left;
overflow: hidden;
filter: blur(0px);
color: rgb( 150, 150, 150);
text-shadow: 1px 1px 1px black;
font-size: 30px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
}
#b230{
height: 600px;
width: 100%;
margin-top: 0px;
filter: blur(150px);
-webkit-filter: blur(150px);
-moz-filter: blur(150px);
-o-filter: blur(150px);
-ms-filter: blur(150px);
background-size: cover;
}
#b231{
height: 0px;
width: 100%;
margin-top: -800px;
background: black;
filter: blur(0px);
}
#b232{
height: 500px;
width: 36%;
margin-left: 32%;
margin-top: 250px;
background: ;
filter: blur(0px);
}
#b233{
height: 80px;
width: 200%;
margin-top: 20px;
margin-left: -50%;
background: ;
filter: blur(0px);
color: white;
font-size: 50px;
font-family: arial;
text-shadow: 1px 1px 1px black;
font-weight: bold;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
}
#b234{
height: 300px;
width: 100%;
margin-top: 550px;
background-image: linear-gradient(to top, rgba( 20, 20, 20); 0px, transparent 300px);
filter: blur(0px);
}
#b235{
height: 50px;
width: auto;
margin-top: -360px;
margin-left: 30px;
background: ;
filter: blur(0px);
color: white;
text-shadow: 1px 1px 1px black;
}
#b235:hover{
height: 50px;
width: auto;
margin-top: -360px;
margin-left: 30px;
background: rgba( 255, 255, 255, 0.1);
filter: blur(0px);
color: white;
font-weight: ;
text-shadow: 1px 1px 1px black;
border-radius: 25px 0px 0px 25px;
}
#b236{
height: 50px;
width: 50px;
margin-top: 0px;
margin-left: 0px;
background: ;
float: left;
filter: blur(0px);
border-radius: 25px;
}
#b237{
height: 50px;
width: auto;
margin-top: 0px;
margin-left: 10px;
background: ;
float: left;
font-size: 30px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
}
#b238{
height: 50px;
width: auto;
margin-top: 0px;
margin-left: 30px;
background: ;
filter: blur(0px);
color: rgb( 180, 180, 180);
text-shadow: 1px 1px 1px black;
font-size: 30px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
align-items: center;
}
#b239{
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 770px;
background: ;
float: top;
filter: blur(0px);
position: absolute;
}
#b240{
width: 100%;
height: 30px;
background: ;
float: left;
margin-top: 20px;
filter: blur(0px);
color: rgb( 150, 150, 150);
text-shadow: 1px 1px 1px black;
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
align-items: center;
}
#b2401{
width: 100%;
height: 30px;
background: ;
float: left;
margin-top: 0px;
filter: blur(0px);
color: rgb( 150, 150, 150);
text-shadow: 1px 1px 1px black;
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
align-items: center;
}
#b241{
height: 50px;
width: 50px;
margin-top: -520px;
margin-left: 30px;
background: ;
filter: blur(0px);
}
#b242{
height: 1600px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 20px;
background: ;
float: left;
}
#b243{
height: 1550px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
}
#b244{
height: 280px;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 35px;
background: rgba( 20,20,20);
float: left;
border-radius: 10px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
}
#b244:hover{
height: 280px;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 35px;
background: rgba( 20,20,20);
float: left;
border-radius: 10px;
border: 5px solid white;
box-sizing: border-box;
}
#b245{
height: 570px;
width: 100%;
margin-left: ;
margin-top: 35px;
background: black;
float: left;
border-radius: 10px;
border: 5px solid rgba( 120,120,120);
box-sizing: border-box;
}
#b245:hover{
height: 570px;
width: 100%;
margin-left: ;
margin-top: 35px;
background: black;
float: left;
border-radius: 10px;
border: 5px solid white;
box-sizing: border-box;
}
#b246{
height: 150px;
width: 120px;
float:left;
margin-left:30px;
margin-top: 0px;
background: blue;
color: white;
font-size: 50px;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
display: flex;
text-align: left;
align-items: center;
}
#b247{
height:30px;
width: 100%;
float: top;
margin-left: 0px;
margin-top: 0px;
background: rgba( 255,255,255,0.3);
color: white;
font-size: 20px;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
display: flex;
text-align: left;
align-items: center;
}
#b248{
height: 30px;
width: 20%;
float: left;
margin-left: 0px;
margin-top: 0px;
background: ;
}
#b249{
height: 30px;
width: 80%;
float: left;
margin-left: 10px;
margin-top: 0px;
background: ;
font-size: 20px;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
display: flex;
text-align: left;
align-items: center;
}
#b250{
height: 150px;
width: 120px;
float: left;
margin-left:0px;
margin-top: 0px;
background: red;
color: white;
font-size: 50px;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
display: flex;
text-align: left;
align-items: center;
}
#b251{
height:150px;
width:20px;
float:left;
background:;
border-radius:10px;
opacity: 1;
position:absolute;
}
#b252{
width: 100%;
max-width: 1164px;
margin-top: 35px;
background: ;
float: left;
overflow: hidden;
}
#b253{
width: 100%;
margin-top: 10px;
max-width: 1164px;
height: 60px;
background: rgba( 255,255,255,0.2);
float: left;
overflow: hidden;
color: rgba( 255,255,255,0.9);
font-size: 35px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 20px;
}
#b253:hover{
width: 100%;
margin-top: 10px;
max-width: 1164px;
height: 60px;
background: white;
float: left;
overflow: hidden;
color: black;
font-size: 35px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 20px;
}
#b254{
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
overflow: hidden;
}
#b255{
width: 210px;
height: 60px;
margin-top: -20px;
margin-left: 50px;
background: rgba( 255,255,255, 0.2);
float: right;
color: rgba( 255,255,255, 0.9);
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 20px;
}
#b255:hover{
width: 210px;
height: 60px;
margin-top: -20px;
margin-left: 50px;
background: rgba( 255,255,255);
float: right;
color: black;
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 20px;
}
#b2551{
width: 250px;
height: 60px;
margin-top: 0px;
margin-left: 50px;
background: rgba( 255,255,255, 0.2);
float: right;
color: rgba( 255,255,255, 0.9);
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 20px;
}
#b2551:hover{
width: 250px;
height: 60px;
margin-top: 0px;
margin-left: 50px;
background: rgba( 255,255,255);
float: right;
color: black;
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 20px;
}
#b256{
width: 98%;
margin-top: 100px;
margin-left: 1%;
background: rgba( 255,255,255,0);
height: 70px;
float: left;
color: rgba( 255,255,255, 0.9);
font-size: 70px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b2561{
width: 98%;
margin-top: 30px;
margin-left: 1%;
background: rgba( 255,255,255,0);
height: 70px;
float: left;
color: rgba( 255,255,255, 0.9);
font-size: 70px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b2562{
width: 98%;
margin-top: -100px;
margin-left: 1%;
background: rgba( 255,255,255,0);
height: 70px;
float: left;
color: rgba( 255,255,255, 0.9);
font-size: 70px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b257{
width: 98%;
max-width: 1150px;
margin-top: 30px;
margin-left: 1%;
background: rgba( 255,255,255,0.2);
height: 200px;
float: left;
border-radius: 30px;
}
#b257:hover{
width: 98%;
max-width: 1150px;
margin-top: 30px;
margin-left: 1%;
background: rgba( 255,255,255,0.25);
height: 200px;
float: left;
border-radius: 30px;
}
#b258{
width: 200px;
background: ;
height: 200px;
float: left;
border-radius: 30px 0px 0px 30px;
}
#b259{
width: 600px;
background: rgba( 255,255,255,0);
height: 200px;
float: left;
}
#b260{
width: 100px;
background: rgba( 255,255,255,0);
height: 200px;
float: right;
border-radius: 0px 30px 30px 0px;
}
#b261{
width: 580px;
background: rgba( 255,255,255,0);
height: 50px;
float: top;
margin-left: 20px;
margin-top: 20px;
color: rgba( 255,255,255, 1);
font-size: 40px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
#b262{
width: 580px;
background: rgba( 255,255,255,0);
height: 40px;
float: top;
margin-left: 20px;
margin-top: 0px;
color: rgba( 255,255,255, 0.7);
font-size: 30px;
font-family: arial;
font-weight: ;
display: flex;
text-align: center;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
#b263{
width: 580px;
background: rgba( 255,255,255,0);
height: 40px;
float: top;
margin-left: 20px;
margin-top: 35px;
color: rgba( 196,173,0);
font-size: 25px;
font-family: arial;
font-weight: ;
display: flex;
text-align: center;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
#b264{
width: 70px;
height: 70px;
margin-top: 17.5px;
margin-left: 5px;
float: top;
border-radius: 40px;
color: rgba( 0,0,0,0.8);
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border: 2.5px solid rgba( 255,255,255,0);
}
#b264:hover{
width: 70px;
height: 70px;
background: ;
margin-top: 17.5px;
margin-left: 5px;
float: top;
border-radius: 40px;
color: rgba( 0,0,0,0.8);
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border: 2.5px solid white;
}
#b265{
width: 100%;
height: 390px;
margin-top: 50px;
color: white;
overflow: hidden;
box-sizing: border-box;
float: left;
}
#b2651{
width: 100%;
height: 480px;
margin-top: 50px;
color: white;
overflow: hidden;
box-sizing: content-box;
float: left;
}
#b2652{
width: 100%;
height: 395px;
margin-top: 50px;
color: white;
overflow: hidden;
box-sizing: border-box;
float: left;
}
#b266{
width: auto;
height: 390px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
}
#b2661{
width: auto;
height: 480px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: content-box;
}
#b2662{
width: auto;
height: 395px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
}
#b267{
width: 300px;
height: 380px;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.2);
border-radius: 50px;
}
#b267:hover{
width: 300px;
height: 380px;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.3);
border-radius: 50px;
}
#b2670{
width: 300px;
height: 380px;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.2);
border-radius: 50px;
display: none;
}
#b2671{
width: 300px;
height: 380px;
margin-left: ;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.2);
border-radius: 50px;
}
#b2671:hover{
width: 300px;
height: 380px;
margin-left: ;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.3);
border-radius: 50px;
}
#b26710{
width: 300px;
height: 380px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.2);
border-radius: 50px;
display: none;
}
#b26711{
width: 300px;
height: 470px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: ;
border-radius: 50px;
}
#b26712{
width: 300px;
height: 470px;
margin-left: 15px;
margin-right: 15px;
display: inline-block;
background: ;
border-radius: 50px;
}
#b268{
width: 300px;
height: 300px;
background: url(Bilder/noimage.jpg);
float: left;
border-radius: 50px 50px 0px 0px;
}
#b269{
width: 300px;
height: 30px;
margin-top: 10px;
background: ;
float: left;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
color: white;
font-size: 30px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
}
#b2691{
width: 270px;
height: 80px;
margin-top: 0px;
margin-left: 15px;
background: ;
float: left;
display: flex;
align-items: center;
box-sizing: content-box;
justify-content: center;
text-align: center;
color: white;
font-size: 30px;
font-weight: bold;
white-space: normal;
overflow: auto;
line-height: 90%;
}
#b270{
width: 300px;
height: 35px;
background: ;
float: left;
border-radius: 0px 0px 50px 50px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
color: rgba( 255,255,255,0.7);
font-size: 25px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
}
#b271{
height: 180px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
border-top: 2px solid rgba( 20,20,20);
border-bottom: 2px solid rgba( 20,20,20);
}
#b271:hover{
height: 180px;
width: 98%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
background: rgba( 40,40,40);
float: left;
}
#b2710{
height: 180px;
width: 100%;
max-width: 1164px;
margin-left: 0%;
margin-top: 0px;
background: ;
float: left;
border-top: 2px solid rgba( 20,20,20);
border-bottom: 2px solid rgba( 20,20,20);
}
#b2710:hover{
height: 180px;
width: 100%;
max-width: 1164px;
margin-left: 0%;
margin-top: 0px;
background: rgba( 40,40,40);
float: left;
}
#b2711{
height: 180px;
width: 100%;
max-width: ;
color: rgba( 120,120,120);
margin-left: 0%;
margin-top: 0px;
background: rgba( 20,20,20);
float: left;
border-top: 2px solid rgba( 20,20,20);
border-bottom: 2px solid rgba( 20,20,20);
}
#b2711:hover{
height: 180px;
width: 100%;
max-width: ;
color: rgba( 20,20,20);
margin-left: 0%;
margin-top: 0px;
background: rgba( 20,20,20,0.4);
float: left;
border-top: 2px solid rgba( 20,20,20);
border-bottom: 2px solid rgba( 20,20,20);
}
#b2712{
height: 180px;
width: 100%;
max-width: ;
margin-left: 0%;
margin-top: 0px;
background: ;
float: left;
border-top: 2px solid rgba( 20,20,20);
border-bottom: 2px solid rgba( 20,20,20);
border-radius: 25px;
}
#b2712:hover{
height: 180px;
width: 100%;
max-width: ;
margin-left: 0%;
margin-top: 0px;
background: rgba( 40,40,40);
float: left;
border-radius: 25px;
}
#b272{
height: 150px;
width: 150px;
margin-left: 15px;
margin-top: 15px ;
background: url(Bilder/noimage.jpg);
float: left;
background-size:cover;
border-radius: 75px;
}
#b2721{
height: 150px;
width: 150px;
margin-left: 15px;
margin-top: 15px ;
background: url(Bilder/noimage.jpg);
float: left;
background-size:cover;
}
#b2722{
height: 150px;
width: 150px;
margin-left: 15px;
margin-top: 15px ;
background: url(Bilder/noimage.jpg);
float: left;
background-size:cover;
border-radius: 10px;
}
#b273{
height: 50px;
width: auto;
margin-left: 30px ;
margin-top: 40px;
background: ;
border-top: ;
border-bottom: ;
font-size: 40px;
color: white;
font-family:arial;
font-weight: bold;
text-align: center;
white-space: nowrap;
overflow: scroll;
display: flex;
align-items: center;
line-height:95%;
float: top;
}
#b2731{
height: 50px;
width: auto;
margin-left: 30px ;
margin-top: 40px;
background: ;
border-top: ;
border-bottom: ;
font-size: 40px;
color: white;
font-family:arial;
font-weight: ;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
align-items: center;
line-height:95%;
float: top;
}
#b274{
height: 150px;
width: 55%;
margin-left: ;
margin-top: ;
background: ;
float: left;
background-size:cover;
}
#b2741{
height: 150px;
width: 50%;
margin-left: ;
margin-top: ;
background: ;
float: left;
background-size:cover;
overflow: hidden;
text-overflow: ellipsis;
}
#b275{
height: 50px;
width: auto;
margin-top: 0px;
margin-left: 30px;
color: rgba( 120,120,120);
background: ;
font-size: 30px;
font-family:arial;
text-align: center;
white-space: nowrap;
overflow:scroll;
display: flex;
align-items: center;
float: top;
}
#b2750{
height: 50px;
width: auto;
margin-top: 0px;
margin-left: 30px;
color: rgba( 120,120,120);
background: ;
font-weight: bold;
font-size: 30px;
font-family:arial;
text-align: center;
white-space: nowrap;
overflow:scroll;
display: flex;
align-items: center;
float: top;
}
#b2751{
height: 50px;
width: auto;
margin-top: 0px;
margin-left: 30px;
background: ;
font-size: 30px;
font-family:arial;
text-align: center;
white-space: nowrap;
overflow:scroll;
display: flex;
align-items: center;
float: top;
}
#b276{
height: 180px;
width: 80px;
margin-left: ;
margin-top: ;
background: ;
float: right;
font-size: 100px;
color: rgba( 120,120,120);
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
justify-content: center;
}
#b2761{
height: 180px;
width: 120px;
margin-right: 30px;
margin-top: ;
background: ;
font-weight: bold;
color: rgba( 120,120,120);
float: right;
font-size: 30px;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
justify-content: center;
}
#b2762{
height: 180px;
width: 150px;
margin-left: ;
margin-top: ;
background: ;
font-weight: bold;
float: right;
font-size: 30px;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
justify-content: center;
}
#b2763{
height: 180px;
width: 150px;
margin-left: ;
margin-top: ;
background: ;
font-weight: bold;
float: right;
font-size: 30px;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
justify-content: center;
}
#b277{
width: 700px;
height: 380px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.2);
border-radius: 50px;
border: 3px solid rgba( 193,0,161);
text-decoration: none;
}
#b278{
width: 350px;
height: 200px;
margin-left: 10px;
margin-top: ;
background: ;
float: top;
}
#b279{
width: 700px;
height: 380px;
margin-left: ;
margin-right: ;
background: rgba( 0,0,0,0.5);
border-radius: 50px;
color: rgba( 200,200,200);
}
#b279:hover{
width: 700px;
height: 380px;
margin-left: ;
margin-right: ;
background: rgba( 193,0,161, 0.2);
border-radius: 50px;
color: white;
}
#b280{
width: 660px;
height: 180px;
margin-left: 30px;
margin-top: -10px;
background: ;
float: top;
font-size: 45px;
font-family:arial;
font-weight: bold;
text-decoration: none;
white-space: normal;
text-shadow: 3px 3px 5px rgba( 193,0,161);
}
#b281{
width: 100px;
height: 100px;
margin-left: 580px;
margin-top: -340px;
background: ;
float: top;
}
#b282{
background-color: rgba(20,20,20);
border-top: 5px solid rgba(180,180,180);
height: 10vh;
position: fixed;
bottom: 0;
left:;
width: 100%;
z-index:2;
display: table;
}
#b283{
height:10vh;
width: 1%;
background:;
display: table-cell;
color: rgba(180,180,180);
align-items: center;
justify-content: center;
}
#b283:hover{
height:10vh;
width: 1%;
background:rgba(40,40,40);
display: table-cell;
align-items: center;
justify-content: center;
}
#b284{
height:10vh;
width: 90px;
background: ;
left:50%;
margin-left:-45px;
margin-top: 2vh;
position:relative;
align-items: center;
justify-content: center;
}
#b285{
height:5vh;
width: 5vh;
background:;
left:;
margin-left:;
position:relative;
float:top;
}
#b286{
height: 4vh;
width: 10vh;
background: ;
left:;
margin-left: -2.5vh;
margin-top: -1vh;
position:relative;
float:top;
font-size:25px;
font-weight: bold;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b287{
height: 100px;
width: 98%;
background: rgba(90,90,90);
box-sizing: border-box;
margin-left:1%;
margin-top: 20px;
float: left;
border-radius: 15px;
text-align: center;
font-weight: ;
font-size: 60px;
float: left;
font-family: Arial;
}
#b288{
width: 100%;
height: 140px;
margin-bottom: 40px;
background: rgba(60,60,60);
}
#b289{
height:100px;
width: 100%;
background:;
text-align:right;
float: left;
font-size: ;
}
#b290{
width: 100%;
height: 140px;
background: rgba( 0,53,53);
float: left;
}
#b291{
width: auto;
height: 80px;
margin-left: 1%;
margin-top: 40px;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 100px;
color: white;
}
#b292{
width: 50px;
height: 50px;
margin-right: 20px;
margin-top: 20px;
background: url(Bilder/info.png);
background-size: cover;
float: right;
}
#b292:hover{
width: 50px;
height: 50px;
margin-right: 20px;
margin-top: 20px;
background: url(Bilder/info2.png);
background-size: cover;
float: right;
}
#b293{
width: 50px;
height: 50px;
margin-right: 20px;
margin-top: 20px;
background: url(Bilder/plus2.png);
background-size: cover;
float: right;
}
#b293:hover{
width: 50px;
height: 50px;
margin-right: 20px;
margin-top: 20px;
background: url(Bilder/plus3.png);
background-size: cover;
float: right;
}
#b294{
width: 100%;
height: 180px;
background: linear-gradient(to bottom, rgba( 0,53,53) 0px,rgba( 0,0,0,0) 100%);
float: left;
}
#b295{
width: 98%;
height: 60px;
margin-left: 1%;
margin-top: 0px;
margin-bottom: 40px;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 50px;
color: white;
}
#b296{
width: auto;
height: 60px;
margin-left: 15px;
}
#b2961{
width: auto;
height: 80px;
margin-top: 0px;
margin-left: 15px;
}
#b297{
width: 98%;
height: 850px;
max-width: 1164px;
margin-left: 1%;
margin-top: 30px;
position: ;
background: ;
background-size: cover;
overflow: hidden;
float: top;
text-decoration: none;
z-index: 1;
}
#b2971{
width: 98%;
height: 850px;
margin-left: 1%;
margin-top: 30px;
margin-bottom: -50px;
position: ;
background: ;
background-size: cover;
overflow: hidden;
float: top;
text-decoration: none;
z-index: 1;
}
#b298{
width: 100%;
height: 100px;
margin-top: -800px;
background: ;
float: top;
}
#b2981{
width: 100%;
height: 100px;
margin-top: -800px;
background: ;
float: top;
}
#b2982{
width: 100%;
height: 100px;
margin-top: -600px;
background: ;
float: top;
}
#b299{
width: 60px;
height: 60px;
margin-top: 20px;
margin-left: 20px;
background: url(Bilder/backo.png);
background-size: cover;
float: left;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
z-index: 2;
}
#b300{
width: 70px;
height: 70px;
margin-top: 20px;
margin-right: 20px;
background: url(Bilder/I1.png);
background-size: cover;
float: right;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b300:hover{
width: 70px;
height: 70px;
margin-top: 20px;
margin-right: 20px;
background: url(Bilder/I3.png);
background-size: cover;
float: right;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b3001{
width: 70px;
height: 70px;
margin-top: 20px;
margin-right: 20px;
background: url(Bilder/I3.png);
background-size: cover;
float: right;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b3001:hover{
width: 70px;
height: 70px;
margin-top: 20px;
margin-right: 20px;
background: url(Bilder/I1.png);
background-size: cover;
float: right;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b301{
height: 450px;
width: 450px;
left: 50%;
margin-top: -200px;
background: url(Bilder/noimage.jpg);
background-size: cover;
z-index: 99;
}
#b302{
width: 98%;
height: 870px;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
filter: blur(150px);
-webkit-filter: blur(150px);
-moz-filter: blur(150px);
-o-filter: blur(150px);
-ms-filter: blur(150px);
background-size: cover;
overflow: hidden;
float: left;
z-index: -1;
}
#b303{
width: 100%;
margin-top: ;
height: 450px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b3031{
width: 100%;
margin-top: -450px;
height: 450px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.5;
}
#b3032{
width: 100%;
margin-top: -450px;
height: 450px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
}
#b304{
width: 100%;
height: 60px;
margin-top: -70px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 50px;
font-family: arial;
text-shadow: 1px 1px 1px black;
font-weight: bold;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b3041{
width: 100%;
height: 150px;
margin-top: 40px;
background: ;
float: top;
color: white;
font-size: 50px;
font-family: arial;
text-shadow: 1px 1px 1px black;
font-weight: ;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b3042{
width: 100%;
height: 60px;
margin-top: 0px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 50px;
font-family: arial;
text-shadow: 1px 1px 1px black;
font-weight: ;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b3043{
width: 100%;
height: 70px;
margin-top: 0px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 80px;
font-family: arial;
text-shadow: 1px 1px 1px black;
font-weight: bold;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b3044{
width: 100%;
height: 70px;
margin-top: 0px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: rgba( 200,200,200,0.8);
font-size: 40px;
font-family: arial;
text-shadow: 1px 1px 1px black;
font-weight: bold;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b305{
text-decoration: none;
width: auto;
height: 50px;
margin-top: 30px;
margin-left: 30px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
}
#b305:hover{
width: auto;
height: 50px;
margin-top: 30px;
margin-left: 30px;
background: rgba( 200,200,200,0.2);
float: top;
text-align: center;
display: flex;
align-items: center;
border-radius: 35px 0px 0px 35px;
}
#b306{
height: 50px;
width: 50px;
margin-top: 0px;
margin-left: 0px;
background: ;
float: left;
filter: blur(0px);
border-radius: 35px;
}
#b307{
height: 50px;
width: auto;
margin-top: 0px;
margin-left: 20px;
background: green;
float: left;
color: white;
font-size: 40px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
align-items: center;
text-decoration: none;
}
#b308{
width: 100%;
height: 50px;
margin-top: 0px;
margin-left: 30px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
color: rgb( 200, 200, 200);
text-shadow: 1px 1px 1px black;
font-size: 35px;
font-family: arial;
font-weight: ;
}
#b309{
width: 98%;
max-width: ;
margin-left: 1%;
margin-top: 0px;
background: ;
float: top;
filter: blur(0px);
position: ;
}
#b310{
height: 600px;
width: 100%;
margin-top: 0px;
filter: blur(150px);
-webkit-filter: blur(150px);
-moz-filter: blur(150px);
-o-filter: blur(150px);
-ms-filter: blur(150px);
background-size: cover;
z-index: -1;
}
#b3101{
height: 800px;
width: 100%;
margin-top: 0px;
background: linear-gradient(to bottom, rgba(152,0,255) 10%,rgba( 0,0,0,0) 100%);
}
#b3102{
height: 800px;
width: 100%;
margin-top: 0px;
background: linear-gradient(to bottom, rgba(152,0,255) 10%,rgba( 0,0,0,0) 100%);
}
#b311{
width: 100%;
height: 50px;
margin-top: -50px;
margin-left: ;
background: linear-gradient(to top, rgba( 20,20,20) 0px,rgba( 0,0,0,0) 100%);
float: top;
text-align: center;
display: flex;
align-items: center;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b312{
width: 100%;
height: 50px;
margin-top: -50px;
margin-left: ;
background: linear-gradient(to top, rgba( 20,20,20) 0px,rgba( 0,0,0,0) 100%);
float: top;
text-align: center;
display: flex;
align-items: center;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b313{
width: 98%;
height: 30px;
background: ;
float: left;
margin-top: 20px;
margin-left: 1%;
filter: blur(0px);
color: rgb( 150, 150, 150);
text-shadow: 1px 1px 1px black;
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
align-items: center;
}
#b314{
width: 98%;
height: 30px;
background: ;
float: left;
margin-top: 0px;
margin-left: 1%;
filter: blur(0px);
color: rgb( 150, 150, 150);
text-shadow: 1px 1px 1px black;
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
align-items: center;
}
#b315{
width: 100%;
height: 700px;
background: ;
margin-top: 0px;
}
#b316{
width: 100%;
height: 700px;
margin-top: -700px;
color: white;
padding-left: 0px;
line-height: 90%;
background: rgba( 0, 0, 0, 0.3);
}
#b317{
width: 100%;
height: 20px;
margin-top: -20px;
color: white;
padding-left: 20px;
display: flex;
align-items: left;
line-height: 90%;
background-image: linear-gradient(to top, rgba( 20, 20, 20) 0px, transparent 20px);
}
#b318{
width: 80%;
height: 180px;
margin-right: 10px;
margin-top: 10px;
color: white;
padding-left: ;
background: ;
float: right;
overflow: hidden;
}
#b319{
width: auto;
height: 60px;
margin-right: ;
color: white;
padding-left: ;
background: ;
float: top;
}
#b320{
width: 40px;
height: 40px;
margin-right: 30px;
margin-top: 10px;
color: white;
padding-left: ;
background: ;
float: right;
}
#b3201{
width: 50px;
height: 50px;
margin-right: 25px;
margin-top: 5px;
color: white;
padding-left: ;
background: ;
float: right;
}
#b321{
width: auto;
height: 60px;
margin-right: 10px;
color: white;
padding-left: ;
background: ;
float: right;
color: white;
font-family: arial;
font-size: 35px;
font-weight: bold;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b3211{
width: auto;
height: 60px;
margin-right: 5px;
color: white;
padding-left: ;
background: ;
float: right;
color: white;
font-family: arial;
font-size: 35px;
font-weight: bold;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b322{
height: 25px;
width: 40px;
float: right;
background: ;
margin-right: 10px;
margin-top: 15px;
align-items: top;
text-align: top;
display: grid;
}
#b323{
width: 98%;
height: 60px;
margin-left: 1%;
margin-top: 60px;
margin-bottom: -30px;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 50px;
color: white;
}
#b3231{
width: 98%;
height: 60px;
margin-left: 1%;
margin-top: 0px;
margin-bottom: ;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 50px;
color: white;
}
#b3232{
width: 98%;
height: 70px;
margin-left: 1%;
margin-top: 50px;
margin-bottom: 0px;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 50px;
color: white;
}
#b3233{
width: 98%;
height: 60px;
margin-left: 1%;
margin-top: 0px;
margin-bottom: 20px;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 50px;
color: white;
}
#b324{
width: 30px;
height: 180px;
margin-left: ;
margin-top: ;
margin-bottom: ;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 40px;
color: white;
}
#b3241{
width: 50px;
height: 180px;
margin-left: ;
margin-top: ;
margin-bottom: ;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 40px;
color: white;
text-align: center;
justify-content: center;
}
#b325{
font-weight: normal;
font-size: 30px;
font-family: Arial;
margin-left: 2%;
margin-top: 45px;
height:auto;
width: 96%;
overflow:hidden;
background: ;
color: rgba( 200,200,200);
float: left;
}
#b326{
width: 100%;
height: 290px;
margin-top: 50px;
margin-left: 2%;
background: ;
color: white;
overflow: hidden;
box-sizing: border-box;
margin-inline: ;
float: left;
}
#b327{
width: 70px;
height: 70px;
margin-left: 10px;
margin-top: 30px;
color: white;
padding-left: ;
float: left;
overflow: hidden;
background: url(Bilder/backo.png);
background-size: cover;
}
#b328{
height: 180px;
width: 98%;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
border-top: 2px solid rgba( 20,20,20);
border-bottom: 2px solid rgba( 20,20,20);
}
#b328:hover{
height: 180px;
width: 98%;
margin-left: 1%;
margin-top: 0px;
background: rgba( 40,40,40);
float: left;
}
#b329{
width: 320px;
height: 400px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: ;
}
#b3291:hover{
width: 320px;
height: 400px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: ;
}
#b330{
width: 320px;
height: 320px;
background: url(Bilder/noimage.jpg);
float: top;
}
#b3301{
width: 320px;
height: 320px;
background: url(Bilder/noimage.jpg);
float: top;
border-radius: 15px 15px 0px 0px;
}
#b331{
width: 340px;
height: 40px;
background: ;
margin-top: 5px;
margin-left: -10px;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 30px;
color: white;
text-align: center;
justify-content: center;
overflow: hidden;
}
#b332{
width: 340px;
height: 40px;
background: ;
margin-top: -5px;
margin-left: -10px;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 25px;
color: rgba( 180,180,180);
text-align: center;
justify-content: center;
overflow: hidden;
}
#b333{
width: 100%;
height: 400px;
margin-top: 50px;
color: white;
overflow: hidden;
box-sizing: border-box;
float: left;
}
#b334{
width: auto;
height: 400px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
}
#b335{
width: 32%;
height: 225px;
background: black;
float: left;
margin-top: 10px;
margin-left: 1%;
border-radius: 10px;
}
#b336{
width: 100%;
height: 100%;
background: ;
float: left;
margin-top: 0px;
margin-left: 0px;
border-radius: 10px;
opacity: 0.6;
}
#b336:hover{
width: 100%;
height: 100%;
background: white;
float: left;
margin-top: 0px;
margin-left: 0px;
border-radius: 10px;
opacity: 1;
}
#b337{
width: 32%;
height: 225px;
float: left;
margin-top:;
margin-left:;
border-radius: 10px;
opacity: 0.3;
position:absolute;
}
#b338{
height:225px;
width:20px;
float:left;
background:;
border-radius:10px;
opacity: 1;
position:absolute;
}
#b339{
height:225px;
width:10px;
float:left;
margin-left:10px;
background:;
position:absolute;
}
#b340{
height:140px;
width:28%;
float:left;
margin-left:30px;
margin-top:10px;
background: ;
position:absolute;
color: white;
font-size: 60px;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
}
#b341{
width: 100%;
height: 180px;
background: linear-gradient(to bottom, rgba( 0,53,53) 0px,rgba( 0,0,0,0) 100%);
float: left;
margin-bottom: -100px;
}
#b342{
width: 100%;
height: 60px;
margin-top: 0px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 50px;
font-weight: bold;
font-family: arial;
text-shadow: 1px 1px 1px black;
font-weight: ;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b343{
width: 100%;
height: 70px;
margin-top: 0px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: rgba( 200,200,200,0.8);
font-size: 40px;
font-family: arial;
text-shadow: 1px 1px 1px black;
font-weight: ;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b344{
height: 180px;
width: 98%;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
border-top: 2px solid rgba( 20,20,20);
border-bottom: 2px solid rgba( 20,20,20);
}
#b344:hover{
height: 180px;
width: 98%;
margin-left: 1%;
margin-top: 0px;
background: rgba( 40,40,40);
float: left;
}
#b345{
height: 180px;
width: 150px;
margin-left: ;
margin-top: ;
background: ;
font-weight: bold;
float: right;
font-size: 30px;
color: rgba( 120,120,120);
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
justify-content: center;
}
#b346{
height: 150px;
width: 55%;
margin-left: ;
margin-top: ;
background: ;
float: left;
background-size:cover;
overflow: hidden;
text-overflow: ellipsis;
}
#b347{
width: 98%;
margin-top: 100px;
margin-left: 1%;
background: rgba( 255,255,255,0);
height: 70px;
float: left;
color: rgba( 255,255,255, 0.9);
font-size: 55px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b348{
width: 60px;
height: 60px;
margin-left: 1%;
margin-top: 40px;
background: url(Bilder/backo.png);
background-size: cover;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 100px;
color: white;
}
#b349{
width: auto;
height: 60px;
margin-left: 1%;
margin-top: 40px;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 4.5em;
color: white;
}
#b350{
height: 1470px;
width: 100%;
max-width: 810px;
margin-left: 60px;
margin-top: 0px;
background: ;
float: left;
display: inline-block;
border-left: 3px solid white;
}
#b351{
height: 50px;
width: 100%;
margin-left: 0px;
margin-top: -10px;
background: ;
float: top;
color: white;
font-size: 55px;
font-weight: bold;
text-transform: uppercase;
display: flex;
align-items: center;
font-family: arial;
}
#b352{
height: 50px;
width: auto;
background: ;
float: left;
margin-left: 0px;
padding-left: 20px;
padding-top: 10px;
color: white;
font-size: 40px;
border-top: 3px solid white;
}
#b353{
height: 50px;
width: auto;
background: ;
float: right;
margin-right: 10px;
color: rgb( 180, 180, 180);
font-size: 40px;
}
#b354{
height: 30px;
width: 100%;
float: top;
}
#b355{
height: 100px;
width: 100%;
max-width: 810px;
margin-left: 0px;
margin-top: ;
background: ;
float: left;
}
#b355:hover{
height: 100px;
width: 100%;
max-width: 810px;
margin-left: 0px;
margin-top: ;
background: rgba( 255, 255, 255, 0.1);
float: left;
}
#b3551{
height: 100px;
width: 100%;
max-width: 810px;
margin-left: 0px;
margin-top: 30px;
background: ;
float: left;
}
#b3551:hover{
height: 100px;
width: 100%;
max-width: 810px;
margin-left: 0px;
margin-top: 30px;
background: rgba( 255, 255, 255, 0.1);
float: left;
}
#b356{
height: 100px;
width: 60px;
margin-right: 0px ;
margin-top: 0px;
background: ;
border-top: ;
border-bottom: ;
font-size: 40px;
font-weight: bold;
color: white;
font-family:arial;
text-align: center;
overflow:hidden;
display: flex;
align-items: center;
line-height:95%;
float: left;
justify-content: center;
letter-spacing: ;
}
#b357{
height: 100px;
width: 175px;
margin-right: 0px ;
margin-top: -60px;
background: ;
border-top: ;
border-bottom: ;
font-size: 50px;
font-weight: bold;
color: white;
font-family:arial;
float: right;
}
#b358{
height: 60px;
width: 100%;
background: ;
margin-top: 5px;
font-size: 35px;
font-weight: bold;
color: white;
font-family:arial;
text-align: center;
display: flex;
align-items: center;
float: top;
justify-content: center;
}
#b359{
height: 36px;
width: 100%;
margin-top: -10px;
background: ;
font-size: 25px;
font-weight: bold;
color: rgba( 160,160,160);
font-family:arial;
text-align: center;
display: flex;
align-items: center;
float: top;
justify-content: center;
}
#b360{
height: 80px;
width: 80px;
margin-left: 5px;
margin-top: 10px ;
background:grey;
border-top: ;
border-bottom: ;
float: left;
background-size:cover;
}
#b361{
height: 1100px;
width: 100%;
max-width: 1164px;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
}
#b362{
height: 1600px;
width: 100%;
max-width: 1164px;
margin-left: 0%;
margin-top: 0px;
background: ;
float: left;
}
#b363{
width: 100%;
height: 20px;
background: ;
float: left;
color: white;
}
#b364{
width: 100%;
max-width: 1164px;
height: 600px;
opacity: 0.15;
z-index: -1;
margin-left: ;
margin-top: ;
position: absolute;
}
#b365{
height: 600px;
width: 100%;
max-width: 1164px;
margin-left: 0%;
margin-top: 0px;
position: absolute;
background: ;
z-index: -1;
float: left;
}
#b366{
height: 1450px;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 0px;
background: ;
float: left;
}
#b367{
height: 500px;
width: 100%;
margin-left: ;
margin-top: 0px;
background: ;
float: top;
}
#b368{
height: 370px;
width: 25%;
margin-left: 15%;
margin-top: 0px;
background: ;
float: left;
}
#b369{
width: 100%;
height: 90px;
color: white;
float: left;
margin-top: 0px;
background: ;
}
#b370{
width: 70px;
height: 70px;
margin-left: 20px;
margin-top: 0px;
color: white;
padding-left: ;
float: left;
overflow: hidden;
background: url(Bilder/backo.png);
background-size: cover;
}
#b371{
height: 100px;
width: 400%;
margin-left: -150%;
margin-top: 90px;
background: ;
float: top;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 50px;
color: white;
overflow: hidden;
font-weight: bold;
text-decoration: none;
}
#b372{
height: 15px;
width: 400%;
margin-left: -150%;
margin-top: 0px;
background: ;
float: top;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 30px;
color: rgba( 160,160,160);
}
#b373{
width: 100%;
height: 400px;
margin-top: 50px;
padding-left: 1%;
color: white;
overflow: hidden;
box-sizing: border-box;
float: left;
}
#b374{
width: 100%;
height: 150px;
background: rgba(255,255,255,0.1);
float: top;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 60px;
font-weight: bold;
color: white;
}
#b3741{
width: 100%;
height: 150px;
background: rgba(40,40,40,1);
float: top;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 40px;
font-weight: bold;
color: white;
position: fixed;
top: 0;
z-index: 5;
}
#b375{
width: 150px;
height: 150px;
margin-top: -150px;
float: top;
}
#b376{
width: 50px;
height: 50px;
margin-top: 50px;
margin-left: 50px;
background: url(Bilder/backo.png);
background-size: cover;
float: left;
}
#b377{
width: 98%;
height: 60px;
margin-left: 1%;
margin-top: 60px;
margin-bottom: 0px;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 50px;
color: white;
}
#b3771{
width: 98%;
height: 60px;
margin-left: 1%;
margin-top: 100px;
margin-bottom: 0px;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 50px;
color: white;
}
#b378{
height: 210px;
width: 98%;
margin-left: 1%;
margin-top: 20px;
background: ;
float: left;
border-top: 2px solid rgba( 20,20,20);
border-bottom: 2px solid rgba( 20,20,20);
color: white;
}
#b378:hover{
height: 210px;
width: 98%;
margin-left: 1%;
margin-top: 20px;
background: rgba( 40,40,40);
float: left;
}
#b378:visited{
height: 210px;
width: 98%;
margin-left: 1%;
margin-top: 20px;
background: rgba( 40,40,40);
float: left;
color: green;
}
#b379{
height: 190px;
width: 190px;
margin-left: 10px;
margin-top: 10px ;
background: url(Bilder/noimage.jpg);
float: left;
background-size:cover;
}
#b380{
height: 190px;
width: 70%;
margin-left: ;
margin-top: 10px;
background: ;
float: left;
background-size:cover;
}
#b381{
height: 60px;
width: auto;
margin-left: 30px ;
margin-top: 35px;
background: ;
border-top: ;
border-bottom: ;
font-size: 40px;
color: ;
font-family:arial;
font-weight: bold;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
align-items: center;
line-height:95%;
float: top;
}
#b382{
height: 60px;
width: auto;
margin-top: 0px;
margin-left: 30px;
background: ;
font-size: 35px;
font-weight: bold;
color: rgba( 120,120,120);
font-family:arial;
text-align: center;
white-space: nowrap;
overflow:scroll;
display: flex;
align-items: center;
float: top;
}
#b383{
width: 100%;
height: 100px;
margin-top: -800px;
background: ;
float: top;
}
#b384{
text-decoration: none;
width: auto;
height: 50px;
margin-top: 60px;
margin-left: 30px;
padding-right: 30px;
background:;
float: top;
text-align: center;
display: flex;
align-items: center;
}
#b384:hover{
width: auto;
height: 50px;
margin-top: 60px;
margin-left: 30px;
background: rgba( 200,200,200,0.2);
float: top;
text-align: center;
display: flex;
align-items: center;
border-radius: 35px 0px 0px 35px;
}
#b385{
width: 96%;
height: 30px;
background: ;
float: left;
margin-top: 20px;
margin-left: 2%;
filter: blur(0px);
color: rgb( 150, 150, 150);
text-shadow: 1px 1px 1px black;
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
align-items: center;
}
#b386{
width: 96%;
height: 30px;
background: ;
float: left;
margin-top: 0px;
margin-left: 2%;
filter: blur(0px);
color: rgb( 150, 150, 150);
text-shadow: 1px 1px 1px black;
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
align-items: center;
}
#b387{
width: 100%;
height: 850px;
max-width: 1164px;
margin-left: ;
margin-top: ;
position: ;
background: ;
background-size: cover;
overflow: hidden;
float: top;
text-decoration: none;
z-index: 1;
}
#b3871{
width: 100%;
height: 900px;
max-width: ;
margin-left: ;
margin-top: ;
position: ;
background: ;
background-size: cover;
overflow: hidden;
float: top;
text-decoration: none;
}
#b388{
width: 100%;
height: ;
max-width: ;
margin-left: ;
margin-top: -100px;
position: ;
background: ;
background-size: cover;
overflow: hidden;
float: top;
text-decoration: none;
z-index: 1;
}
#b389{
width: 100%;
height: 850px;
margin-left: ;
margin-top: ;
margin-bottom: -50px;
position: ;
background: ;
background-size: cover;
overflow: hidden;
float: top;
text-decoration: none;
z-index: 1;
}
#b390{
width: 60px;
height: 60px;
margin-top: 40px;
margin-left: 40px;
background: url(Bilder/backo.png);
background-size: cover;
float: left;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
z-index: 2;
}
#b391{
width: 100%;
height: 100px;
margin-top: -800px;
background: ;
float: top;
}
#b392{
width: 100%;
max-width: 960px;
margin-top: 30px;
margin-left: ;
background: ;
height: 130px;
float: left;
}
#b393{
width: 48%;
margin-top: 0px;
margin-left: 1%;
margin-right: 1%;
background: rgba( 60,60,60);
height: 130px;
float: left;
border-radius: 30px;
}
#b393:hover{
width: 48%;
margin-top: 0px;
margin-left: 1%;
margin-right: 1%;
background: rgba( 80,80,80);
height: 130px;
float: left;
border-radius: 30px;
}
#b394{
width: 130px;
background: ;
height: 130px;
float: left;
border-radius: 30px 0px 0px 30px;
}
#b395{
width: 59%;
margin-left: 20px;
background: ;
height: 130px;
float: left;
}
#b396{
width: 100%;
background: ;
height: 50px;
float: top;
margin-left: ;
margin-top: 20px;
color: rgba( 255,255,255, 1);
font-size: 40px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
#b397{
width: 100%;
background: ;
height: 40px;
float: top;
margin-left: ;
margin-top: 0px;
color: rgba( 255,255,255, 0.7);
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
#b398{
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 0px;
background: ;
float: left;
overflow: hidden;
}
#b399{
width: 98%;
max-width: 1164px;
margin-top: 35px;
margin-left: 1%;
background: ;
float: left;
overflow: hidden;
}
#b400{
width: 98%;
margin-left: 1%;
height: 70px;
background: ;
float: left;
}
#b401{
width: 98%;
height: 150px;
margin-left: 1%;
background: rgba(80,80,80);
bottom: 230px;
position: fixed;
border-radius: 30px 30px 30px 30px;
}
#b401:hover{
width: 98%;
height: 150px;
margin-left: 1%;
background: rgba(100,100,100);
bottom: 230px;
position: fixed;
border-radius: 30px 30px 30px 30px;
}
#b4011{
width: 98%;
height: 150px;
margin-left: 1%;
background: rgba(80,80,80);
bottom: 230px;
position: fixed;
border-radius: 30px 30px 30px 30px;
}
#b402{
width: 150px;
height: 150px;
margin-left: ;
float: left;
border-radius: 30px 0px 0px 30px;
}
#b403{
width: 20px;
height: 150px;
margin-left: ;
float: left;
}
#b404{
width: 70%;
height: 150px;
background: ;
margin-left: ;
float: left;
}
#b405{
width: 100%;
height: 50px;
background: ;
margin-top: 25px;
float: top;
color: rgba( 255,255,255);
font-size: 40px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
#b406{
width: 100%;
height: 50px;
background: ;
margin-top: px;
float: top;
color: rgba( 180,180,180);
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
#b407{
width: 100px;
height: 100px;
background: green;
margin-top: -200px;
float: left;
}
#b408{
width: 150px;
height: 150px;
margin-right: -150px;
background: ;
float: right;
border-radius: 0px 30px 30px 0px;
overflow: hidden;
opacity: 0.001;
}
#b409{
width: 150px;
height: 150px;
margin-right: ;
background: ;
float: right;
border-radius: 0px 30px 30px 0px;
overflow: hidden;
}
#b410{
width: 50px;
height: 50px;
margin-right: 50px;
margin-top: 50px;
background: url(Bilder/easyplay.png);
background-size: cover;
float: right;
overflow: hidden;
}
#b411{
width: 50px;
height: 50px;
margin-right: -50px;
margin-top: 50px;
float: right;
background: green;
opacity: 0;
}
#b412{
height: 50px;
width: auto;
margin-top: 0px;
margin-left: 20px;
background: ;
float: left;
color: white;
font-size: 40px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
align-items: center;
text-decoration: none;
}
#b413{
height: 50px;
width: auto;
margin-top: 0px;
margin-left: 10px;
background: ;
float: left;
color: white;
font-size: 40px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
align-items: center;
text-decoration: none;
}
#b414{
text-decoration: none;
width: auto;
height: 50px;
margin-top: 0px;
margin-left: 30px;
padding-right: 30px;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
color: white;
font-size: 35px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
align-items: center;
text-decoration: none;
border-radius: 35px;
outline: 3px solid rgba( 200, 200, 200, 0);
}
#b414:hover{
text-decoration: none;
width: auto;
height: 50px;
margin-top: 0px;
margin-left: 30px;
padding-right: 30px;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
color: white;
font-size: 35px;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
align-items: center;
text-decoration: none;
border-radius: 35px;
outline: 3px solid white;
}
#b415{
height: 50px;
width: 50px;
margin-top: 0px;
margin-right: 20px;
background: ;
float: left;
filter: blur(0px);
border-radius: 35px;
}
#b416{
height: 50px;
width: 100%;
margin-top: 50px;
margin-right: 20px;
background: ;
float: top;
filter: blur(0px);
}
#b4161{
height: 50px;
width: 100%;
margin-top: -50px;
margin-right: 20px;
background: ;
float: top;
filter: blur(0px);
}
#b417{
width: 100%;
height: 50px;
margin-top: 10px;
margin-left: 30px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
color: rgb( 200, 200, 200);
text-shadow: 1px 1px 1px black;
font-size: 35px;
font-family: arial;
font-weight: ;
}
#b418{
width: 300px;
height: 100px;
padding-right: 10px;
padding-left: 10px;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 30px;
color: white;
text-align: center;
justify-content: center;
overflow: scroll;
white-space: normal;
background: ;
}
#b4181{
width: 300px;
height: 100px;
padding-right: 10px;
padding-left: 10px;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 30px;
color: white;
text-align: center;
justify-content: center;
overflow: scroll;
white-space: normal;
background: ;
border-radius: 0px 0px 15px 15px;
}
#b419{
width: 320px;
height: 420px;
margin-left: 1%;
margin-right: 15px;
margin-top: 0px;
display: inline-block;
background: ;
white-space: normal;
}
#b4191{
width: 320px;
height: 420px;
margin-left: 0.8%;
margin-right: 15px;
margin-top: 0px;
display: inline-block;
background: ;
white-space: normal;
border-radius: 20px;
border: 5px solid rgba( 100, 100, 100, 0);
}
#b4191:hover{
width: 320px;
height: 420px;
margin-left: 0.8%;
margin-right: 15px;
margin-top: 0px;
display: inline-block;
background: ;
white-space: normal;
border-radius: 20px;
border: 5px solid rgb( 200, 200, 200);
}
#b420{
width: 100%;
height: 430px;
margin-top: 50px;
padding-left: 1%;
color: white;
overflow: hidden;
box-sizing: border-box;
float: left;
}
#b421{
width: auto;
height: 430px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
display: flex;
justify-content: top;
align-items: top;
}
#b422{
width: 100%;
color: white;
font-family: arial;
font-size: 130px;
font-weight: bold;
padding-left: 20px;
display: flex;
align-items: left;
line-height: 90%;
letter-spacing: -0.05em;
}
#b423{
background-color: rgba(20,20,20);
border-top: 5px solid rgba(180,180,180);
height: 3cm;
position: fixed;
bottom: 0;
left:;
width: 100%;
z-index:2;
display: table;
}
#b424{
height:3cm;
width: 1%;
background:;
display: table-cell;
color: rgba(180,180,180);
}
#b424:hover{
height:3cm;
width: 1%;
background:rgba(40,40,40);
display: table-cell;
}
#b425{
height:2.5cm;
width: 2cm;
background: ;
left:50%;
margin-left: -1cm;
margin-top: 0.25cm;
position:relative;
}
#b426{
height:2cm;
width: 2cm;
background:;
left:;
margin-left:;
position:relative;
float:top;
}
#b427{
height: 0.5cm;
width: 2cm;
background: ;
left:;
margin-left:;
margin-top:;
position:relative;
float:top;
font-size:25px;
font-weight: bold;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b428{
width: 100%;
background: ;
height: 70px;
float: top;
margin-left: ;
margin-top: 10px;
color: rgba( 255,255,255, 1);
font-size: 33px;
font-family: arial;
font-weight: bold;
display: flex;
line-height: 90%;
align-items: center;
overflow: hidden;
}
#b429{
width: 100%;
background: ;
height: 30px;
float: top;
margin-left: ;
margin-top: 0px;
color: rgba( 255,255,255, 0.7);
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
#b430{
width: 150px;
height: 150px;
margin-top: -150px;
float: top;
background: ;
}
#b4301{
width: 150px;
height: 150px;
margin-top: 0px;
float: left;
}
#b4302{
width: 150px;
height: 150px;
margin-top: 0px;
float: right;
}
#b431{
width: 70px;
height: 70px;
margin-top: 40px;
margin-left: 40px;
background: ;
float: left;
border-radius: 35px;
}
#b431:hover{
width: 70px;
height: 70px;
margin-top: 40px;
margin-left: 40px;
background: rgba( 100,100,100);
float: left;
border-radius: 35px;
}
#b432{
width: 50px;
height: 50px;
margin-top: 10px;
margin-left: 10px;
background: url(Bilder/backo.png);
background-size: cover;
float: left;
}
#b4321{
width: 50px;
height: 50px;
margin-top: 10px;
margin-left: 10px;
background: url(Bilder/edit.png);
background-size: cover;
float: left;
}
#b4322{
width: 50px;
height: 50px;
margin-top: 10px;
margin-left: 10px;
background: url(Bilder/save.png);
background-size: cover;
float: left;
}
#b433{
width: 100%;
height: 150px;
margin-top: -800px;
background: ;
float: top;
}
#b434{
width: 70px;
height: 70px;
margin-top: 40px;
margin-right: 40px;
background: url(Bilder/I1.png);
background-size: cover;
float: right;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b434:hover{
width: 70px;
height: 70px;
margin-top: 40px;
margin-right: 40px;
background: url(Bilder/I3.png);
background-size: cover;
float: right;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b4341{
width: 70px;
height: 70px;
margin-top: 40px;
margin-right: 40px;
background: url(Bilder/edit.png);
background-size: cover;
float: right;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b4341:hover{
width: 70px;
height: 70px;
margin-top: 40px;
margin-right: 40px;
background: url(Bilder/edit.png);
background-size: cover;
float: right;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b435{
width: 70px;
height: 70px;
margin-top: 40px;
margin-right: 40px;
background: url(Bilder/I3.png);
background-size: cover;
float: right;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b435:hover{
width: 70px;
height: 70px;
margin-top: 40px;
margin-right: 40px;
background: url(Bilder/I1.png);
background-size: cover;
float: right;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}
#b436{
width: 52%;
height: 70px;
background: ;
float: left;
}
#b437{
width: 48%;
height: 70px;
background: ;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
#b438{
width: 100%;
height: 100%;
float: left;
overflow: hidden;
}
#b438:hover{
width: 100%;
height: 100%;
float: left;
overflow: hidden;
}
#b4380{
width: 96%;
height: 400px;
background: rgba(255,255,255,0.2);
float: left;
border-radius: 20px;
text-decoration: none;
overflow: hidden;
border: 5px solid rgba(255,255,255,0);
}
#b4381{
width: 100%;
max-width: 1164px;
height: 400px;
margin-top: 50px;
float: left;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
#b439{
width: 100%;
height: 70px;
background: rgba(0,0,0,0.2);
float: top;
font-family: arial;
font-size: 40px;
text-decoration: none;
color: rgba(200,200,200);
text-align: center;
align-items: center;
font-weight: bold;
}
#b4391{
width: auto;
height: 70px;
background: ;
float: left;
font-family: arial;
font-size: 35px;
text-decoration: none;
color: rgba(200,200,200);
display: flex;
text-align: center;
align-items: center;
padding-left: 20px;
font-weight: bold;
}
#b4392{
width: 70px;
height: 70px;
float: right;
}
#b440{
width: 100%;
height: 330px;
background: ;
margin-top: 0px;
float: top;
}
#b441{
width: 330px;
height: 330px;
background: url(Bilder/noimage.jpg);
background-size: cover;
margin-top: 0px;
float: left;
}
#b442{
width: 60%;
height: 330px;
background: ;
margin-top: 0px;
float: left;
}
#b443{
width: 98%;
height: 100px;
background: ;
margin-top: 10px;
margin-left: 1%;
float: top;
display: ;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
text-decoration: none;
color: white;
font-weight: bold;
}
#b444{
width: auto;
height: 32px;
background: ;
margin-top: 8px;
margin-left: 10px;
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
text-decoration: none;
color: rgba(200,200,200);
font-weight: bold;
}
#b445{
width: auto;
height: 32px;
background: rgba(255,255,255,0.2);
margin-top: 8px;
margin-left: 10px;
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
text-decoration: none;
color: rgba(200,200,200);
font-weight: bold;
border-radius: 15px;
overflow: hidden;
}
#b446{
width: 32px;
height: 32px;
background: url(Bilder/noimage.jpg);
background-size: cover;
margin-top: 0px;
margin-left: 0px;
float: left;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
text-decoration: none;
color: rgba(200,200,200);
font-weight: bold;
}
#b447{
width: auto;
height: 32px;
background: ;
background-size: cover;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
float: left;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
text-decoration: none;
color: white;
font-weight: bold;
}
#b448{
width: auto;
height: 32px;
background: ;
margin-top: 8px;
margin-left: 10px;
float: left;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
text-decoration: none;
color: rgba(200,200,200);
font-weight: bold;
}
#b449{
width: 98%;
height: 40px;
background: ;
margin-top: 10px;
margin-left: 1%;
margin-bottom: 5px;
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 40px;
text-decoration: none;
color: white;
font-weight: bold;
}
#b450{
width: 40px;
height: 40px;
background: ;
margin-top: 0px;
margin-right: 10px;
margin-bottom: ;
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 40px;
text-decoration: none;
color: white;
font-weight: bold;
}
#b451{
width: 100%;
height: 510px;
margin-top: 50px;
padding-left: 1%;
color: white;
overflow: hidden;
box-sizing: border-box;
float: left;
}
#b452{
width: auto;
height: 510px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
display: flex;
justify-content: top;
align-items: top;
background: ;
}
#b453{
width: 320px;
height: 470px;
margin-left: 0.8%;
margin-right: 15px;
margin-top: 0px;
display: inline-block;
background: ;
white-space: normal;
border-radius: 20px;
border: 5px solid rgba( 100, 100, 100, 0);
}
#b454{
width: 320px;
height: 66px;
background: rgba( 40, 40, 40);
float: top;
margin-bottom: 20px;
border-radius: 33px;
}
#b454:hover{
width: 320px;
height: 66px;
background: rgba( 80, 80, 80);
float: top;
margin-bottom: 20px;
border-radius: 33px;
}
#b4541{
width: 300px;
height: 66px;
background: rgba( 40, 40, 40);
float: top;
margin-bottom: 20px;
border-radius: 33px;
}
#b4541:hover{
width: 300px;
height: 66px;
background: rgba( 80, 80, 80);
float: top;
margin-bottom: 20px;
border-radius: 33px;
}
#b455{
width: 60px;
height: 60px;
border-radius: 33px;
background: ;
float: left;
border: 3px solid rgba( 160, 160, 160);
}
#b456{
width: 249px;
height: 60px;
background: ;
margin-left: 5px;
float: left;
}
#b4561{
width: 190px;
height: 60px;
background: ;
margin-left: 5px;
float: left;
}
#b457{
width: 100%;
height: 25px;
background: ;
margin-left: 10px;
float: top;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: rgb( 200, 200, 200);
margin-top: 6px;
}
#b458{
width: 100%;
height: 35px;
background: ;
margin-left: 10px;
float: top;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: white;
margin-top: -6px;
}
#b4581{
width: 100%;
height: 35px;
background: ;
margin-left: 10px;
float: top;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 25px;
font-weight: bold;
text-decoration: none;
color: white;
margin-top: -6px;
}
#b459{
width: 100%;
height: 50px;
background: ;
float: top;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
#b4591{
width: 100%;
height: 200px;
background: ;
float: top;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
#b460{
width: 100%;
height: 150px;
background: ;
float: top;
margin-bottom: 20px;
}
#b461{
width: 96%;
height: 150px;
background: rgb( 60, 60, 60);
float: left;
margin-left: 2%;
border-radius: 15px;
}
#b461:hover{
width: 96%;
height: 150px;
background: rgb( 80, 80, 80);
float: left;
margin-left: 2%;
border-radius: 15px;
}
#b462{
width: 320px;
height: 150px;
background: rgb( 20, 20, 20);
float: left;
margin-left: 0px;
border-radius: 15px;
}
#b463{
width: 150px;
height: 150px;
background: rgb( 60, 60, 60);
float: left;
margin-left: 0px;
border-radius: 15px;
}
#b464{
width: 150px;
height: 150px;
background: rgb( 60, 60, 60);
float: left;
margin-left: 20px;
border-radius: 15px 0px 0px 15px;
}
#b465{
width: 150px;
height: 50px;
background: ;
float: top;
margin-top: 25px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 35px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b466{
width: 150px;
height: 50px;
background: ;
float: top;
margin-top: 0px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 35px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b467{
width: 60%;
height: 150px;
background: ;
float: left;
margin-left: 20px;
}
#b468{
width: 100%;
height: 50px;
background: ;
float: top;
margin-top: 25px;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 40px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b469{
width: 100%;
height: 50px;
background: ;
float: top;
margin-top: 0px;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: rgb( 200, 200, 200);
}
#b470{
width: 500px;
height: 50px;
background: rgb( 70, 70, 70);
border-radius: 25px;
float: ;
}
#b471{
width: 242.5px;
height: 40px;
background: ;
border-radius: 20px;
float: left;
margin-top: 5px;
margin-left: 5px;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-family: arial;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: rgb( 200, 200, 200);
}
#b471:hover{
width: 242.5px;
height: 40px;
background: rgb( 150, 150, 150);
border-radius: 20px;
float: left;
margin-top: 5px;
margin-left: 5px;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-family: arial;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b472{
width: 96%;
height: 150px;
margin-left: 2%;
margin-bottom: 10px;
background: ;
}
#b473{
width: 8%;
height: 150px;
margin-left: ;
background: rgb( 80, 80, 80);
border-radius: 15px;
float: left;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-family: arial;
font-size: 40px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b474{
width: 69%;
height: 150px;
margin-left: 1%;
background: rgb( 80, 80, 80);
border-radius: 15px;
float: left;
}
#b474:hover{
width: 69%;
height: 150px;
margin-left: 1%;
background: rgb( 100, 100, 100);
border-radius: 15px;
float: left;
}
#b475{
width: 8%;
height: 150px;
margin-left: 1%;
background: rgb( 80, 80, 80);
border-radius: 15px;
float: left;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-family: arial;
font-size: 40px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b476{
width: 12%;
height: 150px;
margin-left: 1%;
background: rgb( 80, 80, 80);
border-radius: 15px;
float: left;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-family: arial;
font-size: 27px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b477{
width: 130px;
height: 130px;
margin-left: 10px;
margin-top: 10px;
background: rgb( 150, 150, 150);
border-radius: 13px;
float: left;
}
#b478{
width: 70%;
height: 130px;
margin-left: 10px;
margin-top: 10px;
background: ;
float: left;
}
#b479{
width: 100%;
height: 50px;
margin-left: 0px;
margin-top: 20px;
background: ;
float: top;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: white;
overflow: hidden;
}
#b480{
width: 100%;
height: 50px;
margin-left: 0px;
margin-top: -10px;
background: ;
float: top;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 25px;
font-weight: bold;
text-decoration: none;
color: rgb( 200, 200, 200);
overflow: hidden;
}
#b481{
width: 150px;
height: 150px;
margin-top: 0px;
float: top;
background: ;
position: fixed;
top: 0;
z-index: 6;
}
#b482{
width: 96%;
height: 50px;
margin-left: 2%;
margin-bottom: 10px;
background: ;
}
#b483{
width: 8%;
height: 50px;
margin-left: ;
background: rgb( 60, 60, 60);
border-radius: 15px;
float: left;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-family: arial;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b484{
width: 69%;
height: 50px;
margin-left: 1%;
background: rgb( 60, 60, 60);
border-radius: 15px;
float: left;
}
#b485{
width: 8%;
height: 50px;
margin-left: 1%;
background: rgb( 60, 60, 60);
border-radius: 15px;
float: left;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-family: arial;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b486{
width: 12%;
height: 50px;
margin-left: 1%;
background: rgb( 60, 60, 60);
border-radius: 15px;
float: left;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-family: arial;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b487{
width: 70%;
height: 50px;
margin-left: 20px;
margin-top: 0px;
background: rgb( 60, 60, 60);
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b488{
width: 320px;
height: 160px;
float: top;
background: ;
}
#b489{
width: 160px;
height: 160px;
float: left;
background: ;
}
#b490{
width: 160px;
height: 160px;
float: left;
background: rgba(0,0,0,0.8);
margin-top: -80px;
margin-left: -240px;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b491{
width: 50px;
height: 50px;
float: left;
background: ;
margin-top: -310px;
margin-left: 260px;
}
#b492{
width: 320px;
height: 320px;
background: url(Bilder/noimage.jpg);
background-size: cover;
float: top;
border-radius: 20px;
overflow: hidden;
border: 3px solid rgb(150,150,150);
}
#b492:hover{
width: 320px;
height: 320px;
background: url(Bilder/noimage.jpg);
background-size: cover;
float: top;
border-radius: 20px;
overflow: hidden;
border: 3px solid white;
}
#b493{
height: 100%;
width: 100%;
background: ;
float: left;
}
#b494{
height: 50px;
width: 98%;
margin-left: 1%;
background: ;
float: left;
}
#b495{
height: 30px;
width: 30px;
margin-top: 10px;
background: url(Bilder/ws1.png);
background-size: cover;
float: left;
}
#b496{
height: 50px;
width: 80%;
margin-left: 10px;
background: ;
float: left;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b497{
width: auto;
height: 50px;
margin-right: 20px;
margin-top: 20px;
background: ;
float: right;
border: 3px solid white;
border-radius: 15px;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: white;
padding-left: 10px;
padding-right: 10px;
}
#b497:hover{
width: auto;
height: 50px;
margin-right: 20px;
margin-top: 20px;
background: white;
float: right;
border: 3px solid white;
border-radius: 15px;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: black;
padding-left: 10px;
padding-right: 10px;
}
#b498{
width: 150px;
height: 150px;
margin-top: 0px;
float: right;
}
#b499{
width: 70px;
height: 70px;
margin-top: 40px;
margin-right: 40px;
background: ;
float: right;
border-radius: 35px;
}
#b499:hover{
width: 70px;
height: 70px;
margin-top: 40px;
margin-right: 40px;
background: rgba( 100,100,100);
float: right;
border-radius: 35px;
}
#b500{
width: 50px;
height: 50px;
margin-top: 10px;
margin-right: 10px;
background: ;
background-size: cover;
float: right;
}
#b501{
background-color: rgba( 20,20,20);
height: 50px;
width: auto;
position: fixed;
bottom: 200px;
left:;
z-index:2;
display: table;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: rgba( 48,193,255);
padding-left: 20px;
padding-right: 20px;
}
#b502{
width: 80%;
height: 100px;
margin-left: 1%;
margin-top: 40px;
background: ;
float: left;
}
#b503{
width: 100%;
height: 40px;
margin-left: ;
margin-top: 0px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 80px;
color: white;
}
#b504{
width: 100%;
height: 40px;
margin-left: ;
margin-top: 30px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: ;
font-size: 60px;
color: rgba( 200,200,200);
}
#b505{
width: 100%;
height: 220px;
background: linear-gradient(to bottom, rgba( 0,53,53) 50%,rgba( 0,0,0,0) 100%);
float: left;
}
#b506{
width: 98%;
margin-top: 100px;
margin-left: 1%;
margin-bottom: -10px;
background: rgba( 255,255,255,0);
height: 50px;
float: left;
color: rgba( 255,255,255, 0.9);
font-size: 50px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b507{
width: 98%;
margin-top: 0px;
margin-left: 1%;
background: rgba( 255,255,255,0);
height: 50px;
float: left;
color: rgba( 255,255,255, 0.9);
font-size: 50px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b508{
width: 600px;
height: 300px;
left: -305px;
margin-left: 50%;
margin-top: 350px;
background: rgb( 50,50,50);
float: left;
position: fixed;
border: 5px solid rgb( 200,200,200);
}
#b509{
width: 150px;
height: 40px;
background: ;
margin-left: 100px;
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 25px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b510{
width: 100%;
height: 40px;
background: ;
margin-left: 0px;
margin-top: 50px;
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
font-weight: ;
text-decoration: none;
color: white;
}
#b511{
width: 100%;
height: 40px;
background: ;
margin-left: 0px;
margin-top: 20px;
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 30px;
font-weight: ;
text-decoration: none;
color: white;
}
#b512{
height: 200px;
width: 20%;
float: left;
}
#b513{
height: 200px;
width: 20%;
float: left;
margin-left: -20%;
background: rgba(0,0,0,0.5);
}
#b514{
height: 200px;
width: 20%;
float: left;
background: rgba(0,0,0,0.5);
}
#b515{
width: 100%;
height: 40px;
background: ;
margin-left: 0px;
margin-top: 50px;
float: left;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 40px;
font-weight: bold;
text-decoration: none;
color: white;
}
#b516{
float:left;
margin-left:100px;
width:400px;
height:40px;
background:rgba(130,130,130);
color:white;
font-size:20px;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
justify-content: center;
}
#b516:hover{
float:left;
margin-left:100px;
width:400px;
height:40px;
background:rgba(34,138,183);
color:white;
font-size:20px;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
justify-content: center;
}
#b517{
float: left;
width: 100%;
height: 150px;
background: ;
margin-top: 20px;
}
#b518{
float: left;
width: 150px;
height: 150px;
background: url(Bilder/pf1.png);
background-size: cover;
margin-left: 20px;
}
#b519{
float: left;
width: 60%;
height: 150px;
background: ;
margin-left: 20px;
}
#b520{
float: top;
width: 100%;
height: 100px;
background: ;
margin-left: 0px;
color:white;
font-size:60px;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
}
#b521{
float: top;
width: 100%;
height: 50px;
background: ;
margin-top: -20px;
margin-left: 0px;
color:rgba(0,167,239);
font-size:30px;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
}
#b522{
float: top;
width: 100%;
height: 190px;
background: rgba(30,30,30);
margin-top: 0px;
}
#b523{
width: 100%;
margin-top: 50px;
height: 50px;
float: left;
color: rgba( 255,255,255, 0.9);
margin-bottom: 30px;
}
#b524{
width: 50px;
height: 50px;
margin-left: 20px;
float: left;
background: url(Bilder/sv3.png);
background-size: cover;
}
#b5241{
width: 50px;
height: 50px;
margin-left: 20px;
float: left;
background: url(Bilder/dev1.png);
background-size: cover;
}
#b5242{
width: 50px;
height: 50px;
margin-left: 20px;
float: left;
background: url(Bilder/us1.png);
background-size: cover;
}
#b5243{
width: 50px;
height: 50px;
margin-left: 20px;
float: left;
background: url(Bilder/inst.png);
background-size: cover;
}
#b5244{
width: 50px;
height: 50px;
margin-left: 20px;
float: left;
background: url(Bilder/ref.png);
background-size: cover;
}
#b5245{
width: 50px;
height: 50px;
margin-left: 20px;
float: left;
background: url(Bilder/playlist2.png);
background-size: cover;
}
#b5246{
width: 50px;
height: 50px;
margin-left: 20px;
float: left;
background: url(Bilder/watchhistory.png);
background-size: cover;
}
#b525{
width: auto;
margin-top: 0px;
margin-left: 15px;
height: 50px;
float: left;
color: white;
font-size: 50px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b526{
width: 100%;
height: 180px;
background: ;
float: left;
}
#b526:hover{
width: 100%;
height: 180px;
background: rgba(50,50,50);
float: left;
}
#b527{
width: 150px;
height: 150px;
background: ;
margin-left: 1%;
margin-top: 15px;
float: left;
border-radius: 15px;
overflow: hidden;
}
#b528{
width: 65%;
height: 150px;
background: ;
margin-left: 20px;
margin-top: 15px;
float: left;
}
#b529{
width: 100%;
height: 70px;
background: ;
margin-top: 15px;
float: top;
overflow: hidden;
color: white;
font-size: 40px;
font-family: arial;
font-weight: ;
display: flex;
text-align: center;
align-items: center;
}
#b530{
width: 100%;
height: 70px;
background: ;
margin-top: -15px;
float: top;
overflow: hidden;
color: rgba(150,150,150);
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b531{
width: 60px;
height: 60px;
background: url(Bilder/ls2.png);
background-size: cover;
margin-right: 60px;
margin-top: -120px;
float: right;
color: rgba(150,150,150);
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b531:hover{
width: 60px;
height: 60px;
background: url(Bilder/ls3.png);
background-size: cover;
margin-right: 60px;
margin-top: -120px;
float: right;
color: rgba(150,150,150);
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b532{
width: 96%;
height: 150px;
margin-left: 2%;
margin-top: 50px;
background: rgb( 35,35,35);
float: left;
color: rgb( 150,150,150);
font-size: 30px;
font-family: arial;
font-weight: ;
text-align: center;
align-items: center;
justify-content: center;
}
#b533{
width: 80%;
height: 150px;
float: left;
font-size: 25px;
font-family: arial;
font-weight: bold;
text-align: center;
align-items: center;
justify-content: center;
}
#b534{
width: 100px;
height: 100px;
margin-right: 30px;
margin-top: 30px;
background: url(Bilder/pf2.png);
background-size: cover;
float: right;
border: 6px solid white;
border-radius: 53px;
}
#b535{
float: top;
width: 110px;
height: 50px;
background:rgba(0,167,239,0.3);
margin-top: -10px;
margin-left: 0px;
color:rgba(0,167,239);
font-size:30px;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
border-radius: 25px;
padding-left: 15px;
padding-right: 15px;
}
#b535:hover{
float: top;
width: 110px;
height: 50px;
background:rgba(0,167,239);
margin-top: -10px;
margin-left: 0px;
color:black;
font-size:30px;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
border-radius: 25px;
padding-left: 15px;
padding-right: 15px;
}
#b536{
float: top;
width: 105px;
height: 50px;
background:rgba(0,167,239,0.3);
margin-top: -10px;
margin-left: 0px;
color:rgba(0,167,239);
font-size:30px;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
border-radius: 25px;
padding-left: 15px;
padding-right: 15px;
}
#b536:hover{
float: top;
width: 105px;
height: 50px;
background:rgba(0,167,239);
margin-top: -10px;
margin-left: 0px;
color:black;
font-size:30px;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
border-radius: 25px;
padding-left: 15px;
padding-right: 15px;
}
#b537{
width: 100%;
height: 50px;
background: ;
float: left;
margin-top: 15px;
}
#b538{
width: 300px;
height: 50px;
background: rgba(40,40,40);
float: left;
margin-left: 15px;
color:white;
font-size:25px;
font-weight:bold;
text-decoration: none;
justify-content: center;
display:flex;
text-align: center;
align-items: center;
overflow: hidden;
}
#b539{
width: 50px;
height: 50px;
background: rgba(40,40,40);
float: left;
margin-left: 15px;
color:white;
font-size:25px;
font-weight:bold;
text-decoration: none;
justify-content: center;
display:flex;
text-align: center;
align-items: center;
overflow: hidden;
}
#b540{
width: 40%;
height: 50px;
background: rgba(40,40,40);
float: left;
margin-left: 2%;
color:white;
font-size:25px;
font-weight:bold;
text-decoration: none;
justify-content: center;
display:flex;
text-align: center;
align-items: center;
overflow: hidden;
}
#b541{
width: 14%;
height: 50px;
background: rgba(40,40,40);
float: left;
margin-left: 2%;
color:white;
font-size:25px;
font-weight:bold;
text-decoration: none;
justify-content: center;
display:flex;
text-align: center;
align-items: center;
overflow: hidden;
}
#b542{
width: 100%;
height: 130px;
background: ;
float: left;
margin-top: 15px;
}
#b543{
width: 110px;
height: 130px;
background: ;
float: left;
margin-left: 15px;
}
#b5431{
width: 110px;
height: 110px;
background: rgba(40,40,40);
float: left;
margin-top: 10px;
color:white;
font-size:25px;
font-weight:bold;
text-decoration: none;
justify-content: center;
display:flex;
text-align: center;
align-items: center;
overflow: hidden;
}
#b544{
width: 825px;
height: 130px;
background: ;
float: left;
margin-left: 0px;
color:white;
}
#b545{
width: 100%;
height: 50px;
background: ;
float: left;
margin-top: 10px;
}
#b546{
width: 98%;
height: 50px;
background: rgba(40,40,40);
float: left;
margin-left: 2%;
color:white;
font-size:25px;
font-weight:bold;
text-decoration: none;
justify-content: center;
display:flex;
text-align: center;
align-items: center;
overflow: hidden;
}
#b547{
float: left;
width: 60%;
height: 150px;
background: ;
margin-top: 20px;
}
#b548{
float: right;
width: 70px;
height: 70px;
background: url(Bilder/inst.png);
background-size: cover;
margin-top: 60px;
margin-right: 60px;
}
#b5481{
float: right;
width: 70px;
height: 70px;
background: url(Bilder/close.png);
background-size: cover;
margin-top: 60px;
margin-right: 60px;
}
#b549{
float: left;
width: 500px;
height: 570px;
background: ;
margin-top: 50px;
margin-left: 50px;
}
#b550{
float: top;
width: 100%;
height: 50px;
background: rgba(40,40,40);
margin-top: 0px;
color:white;
font-size:25px;
font-weight:bold;
text-decoration: none;
justify-content: center;
display:flex;
text-align: center;
align-items: center;
overflow: hidden;
}
#b551{
float: top;
width: 490px;
height: 490px;
background: rgba(40,40,40);
margin-top: 20px;
border: 5px solid white;
}
#b552{
float: top;
width: 490px;
height: 80px;
background: ;
margin-top: 0px;
}
#b553{
float: right;
width: 70px;
height: 70px;
background: url(Bilder/aalogo/9.png);
background-size: cover;
margin-top: 10px;
margin-right: 10px;
}
#b554{
float: top;
width: 490px;
height: 150px;
background: linear-gradient(to top, rgba( 0,0,0,0.7) 70%,rgba( 0,0,0,0) 100%);
margin-top: 260px;
}
#b555{
float: left;
width: 490px;
height: 100px;
background: ;
margin-top: 35px;
color:white;
font-size:25px;
font-weight:bold;
text-decoration: none;
justify-content: center;
display:flex;
text-align: center;
align-items: center;
}
#b556{
float: left;
width: 230px;
height: 70px;
background: rgba( 0,0,0,0.7);
margin-top: 10px;
margin-left: 10px;
border-radius: 10px;
}
#b557{
float: left;
width: 60px;
height: 60px;
background: ;
margin-top: 5px;
margin-left: 5px;
border-radius: 8px;
overflow: hidden;
}
#b558{
float: left;
width: 150px;
height: 60px;
background: ;
margin-top: 5px;
margin-left: 10px;
}
#b559{
float: top;
width: 100%;
height: 20px;
background: ;
margin-top: 10px;
margin-left: ;
color:white;
font-size:20px;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
}
#b560{
float: left;
width: 96%;
height: 50px;
background: rgba( 40,40,40);
margin-top: 10px;
margin-left: 2%;
color:white;
font-size:25px;
font-weight:bold;
text-decoration: none;
justify-content: center;
display:flex;
text-align: center;
align-items: center;
}
#b560:hover{
float: left;
width: 96%;
height: 50px;
background: rgba( 60,60,60);
margin-top: 10px;
margin-left: 2%;
color:white;
font-size:25px;
font-weight:bold;
text-decoration: none;
justify-content: center;
display:flex;
text-align: center;
align-items: center;
}
#b561{
float: left;
width: 96%;
height: 10px;
background: blue;
margin-top: 10px;
margin-bottom: -10px;
margin-left: 2%;
color:white;
font-size:25px;
font-weight:bold;
text-decoration: none;
justify-content: center;
display:flex;
text-align: center;
align-items: center;
}
#b562{
float: left;
width: 100%;
height: 150px;
}
#b563{
width: 100%;
height: 470px;
color: white;
overflow: hidden;
box-sizing: border-box;
float: left;
background: linear-gradient(to bottom, rgb( 50,50,50) 0%,rgba( 0,0,0,0) 100%);
}
#b564{
width: auto;
height: 390px;
margin-top: 40px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
}
#b565{
width: 300px;
height: 380px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.2);
border-radius: 25px;
border: 5px solid rgb(60,60,60);
overflow:hidden;
}
#b565:hover{
width: 300px;
height: 380px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.3);
border-radius: 25px;
border: 5px solid rgb(200,200,200);
overflow:hidden;
}
#b566{
width: 150px;
height: 380px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.2);
border-radius: 25px;
border: 5px solid rgb(60,60,60);
}
#b567{
width: 25px;
height: 25px;
margin-left: 5px;
margin-top: -2px;
margin-right: 0px;
display: flex;
background: url(Bilder/aalogo/200,200,200.png);
float: left;
background-size: cover;
}
#b5671{
width: 25px;
height: 25px;
margin-left: 5px;
margin-top: -2px;
margin-right: 0px;
display: flex;
background: url(Bilder/aalogo/9.png);
float: left;
background-size: cover;
}
#b568{
width: 100%;
height: 30px;
margin-top: 10px;
background: ;
float: left;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
color: white;
font-size: 30px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
}
#b5681{
width: 100%;
height: 30px;
margin-top: 135px;
background: ;
float: left;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
color: white;
font-size: 30px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
}
#b5682{
width: 30px;
height: 30px;
margin-top: 10px;
margin-left: 60px;
background: url(Bilder/arrows.png);
background-size: 30px 30px;
float: left;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
color: white;
font-size: 30px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
}
#b5683{
width: 100%;
height: 30px;
margin-top: 147.5px;
background: ;
float: left;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
color: white;
font-size: 30px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
}
#b569{
width: 300px;
height: 300px;
background: url(Bilder/noimage.jpg);
overflow: hidden;
float: left;
}
#b570{
width: 300px;
height: 405px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.2);
border-radius: 25px;
border: 5px solid rgb(60,60,60);
overflow:hidden;
}
#b570:hover{
width: 300px;
height: 405px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.3);
border-radius: 25px;
border: 5px solid rgb(200,200,200);
overflow:hidden;
}
#b571{
width: 100%;
height: 495px;
color: white;
overflow: hidden;
box-sizing: border-box;
float: left;
background: linear-gradient(to bottom, rgb( 50,50,50) 0%,rgba( 0,0,0,0) 100%);
}
#b572{
width: auto;
height: 415px;
margin-top: 40px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
}
#b573{
width: 150px;
height: 405px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: rgba( 255,255,255,0.2);
border-radius: 25px;
border: 5px solid rgb(60,60,60);
}
#b574{
width: 300px;
height: 30px;
margin-top: 10px;
background: ;
float: left;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
color: white;
font-size: 25px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
letter-spacing: -1px;
}
#b575{
width: 300px;
height: 30px;
background: ;
float: left;
border-radius: 0px 0px 50px 50px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
color: rgba( 255,255,255,0.7);
font-size: 22px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
}
#b576{
width: 100%;
height: 700px;
background: ;
margin-top: 0px;
}
#b577{
width: 100%;
height: 100%;
background: ;
margin-top: 0px;
}
#b578{
height: 180px;
width: 98%;
margin-left: 1%;
margin-top: 0px;
background: ;
float: left;
border-top: 2px solid rgba( 20,20,20);
border-bottom: 2px solid rgba( 20,20,20);
border-radius: 20px;
}
#b578:hover{
height: 180px;
width: 98%;
margin-left: 1%;
margin-top: 0px;
background: rgba( 40,40,40);
float: left;
border-top: 2px solid rgba( 20,20,20);
border-bottom: 2px solid rgba( 20,20,20);
border-radius: 20px;
}
#b579{
width: 20px;
height: 180px;
margin-left: 20px;
margin-top: ;
margin-bottom: ;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 40px;
color: white;
}
#b580{
height: 150px;
width: 150px;
margin-left: 20px;
margin-top: 15px ;
background: url(Bilder/noimage.jpg);
float: left;
background-size:cover;
border-radius: 10px;
overflow: hidden;
}
#b5801{
height: 140px;
width: 140px;
margin-left: 20px;
margin-top: 15px ;
background: url(Bilder/noimage.jpg);
float: left;
background-size:cover;
border-radius: 75px;
overflow: hidden;
border: 5px solid rgba( 150,150,150);
}
#b581{
height: auto;
width: 100%;
background: rgba( 20,20,20);
float: left;
}
#b582{
height: 40vh;
width: 100%;
background: ;
float: top;
opacity: 0.15;
}
#b583{
height: 100%;
width: 100%;
background: ;
float: top;
}
#b584{
width: 150px;
height: 150px;
margin-top: 0px;
float: left;
background: green;
}
#b585{
width: 70px;
height: 70px;
margin-top: 40px;
margin-left: 40px;
background: ;
float: left;
border-radius: 35px;
}
#b585:hover{
width: 70px;
height: 70px;
margin-top: 40px;
margin-left: 40px;
background: rgba( 100,100,100);
float: left;
border-radius: 35px;
}
#b586{
width: 50px;
height: 50px;
margin-top: 10px;
margin-left: 10px;
background: url(Bilder/backo.png);
background-size: cover;
float: left;
}
#b587{
height: 40vh;
margin-top: -40vh;
width: 100%;
background: ;
float: top;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}
#b588{
margin-top: 40vh;
height: 60vh;
width: 100%;
background: ;
float: top;
}
#b589{
width: 96%;
margin-left: 2%;
margin-top: ;
background: ;
height: 50vh;
overflow: scroll;
color: white;
font-family: arial;
text-align: center;
font-size: 30px;
position: absolute;
}
#b590{
width: 100%;
margin-top: ;
height: 20px;
background: ;
background-image: linear-gradient(to bottom, black 0px,transparent 20px);
}
#b591{
height: 100%;
width: 100%;
max-width: 1164px;
margin-left: ;
margin-top: 5vh;
background: ;
float: left;
}
#b592{
height: 100%;
width: 100%;
margin-left: ;
margin-top: ;
background: ;
float: top;
}
#b593{
height: 10vh;
width: 100%;
float: left;
margin-top: ;
background: ;
}
#b594{
width: 100%;
height: 90px;
color: white;
float: left;
margin-top: -40vh;
position: absolute;
background: ;
}
#b595{
width: 300px;
height: 300px;
margin-top: -400px;
position: absolute;
opacity: 0;
}
#b596{
width: 40px;
height: 180px;
margin-left: 20px;
margin-top: ;
margin-bottom: ;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 35px;
color: white;
}
#b597{
width: 100%;
height: 900px;
margin-left: ;
margin-top: ;
position: ;
background: ;
background-size: cover;
overflow: hidden;
float: top;
text-decoration: none;
z-index: 1;
}
#b598{
width: 96%;
height: 70px;
margin-left: 2%;
margin-bottom: 15px;
background: rgba( 50,50,50);
float: left;
border-radius: 10px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b598:hover{
width: 96%;
height: 70px;
margin-left: 2%;
margin-bottom: 15px;
background: rgba( 70,70,70);
float: left;
border-radius: 10px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b599{
width: auto;
height: 50px;
margin-left: ;
background: ;
float: left;
}
#b600{
width: 40px;
height: 40px;
margin-top: 5px;
background: url(Bilder/add.png);
background-size: cover;
float: left;
}
#b601{
width: auto;
height: 50px;
margin-left: 10px;
background: ;
float: left;
font-weight: bold;
font-size: 30px;
color: white;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b602{
width: 98%;
height: 50px;
margin-left: 1%;
margin-top: 300px;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: rgba( 180,180,180);
font-weight: bold;
font-size: 35px;
}
#b603{
width: 98%;
height: 60px;
margin-left: 1%;
margin-top: 120px;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 35px;
}
#b604{
width: 98%;
height: 60px;
margin-left: 1%;
margin-top: 60px;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 35px;
}
#b605{
float:left;
width: 400px;
height: 60px;
background: rgba(0,142,150);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 35px;
border-radius: 30px;
text-decoration: none;
}
#b605:hover{
float:left;
width: 400px;
height: 60px;
background: rgba(0,193,204);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 35px;
border-radius: 30px;
text-decoration: none;
}
#b606{
width: 96%;
height: 70px;
margin-left: 2%;
margin-bottom: 15px;
background: rgba( 50,50,50);
float: left;
border-radius: 10px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b606:hover{
width: 96%;
height: 70px;
margin-left: 2%;
margin-bottom: 15px;
background: rgba( 70,70,70);
float: left;
border-radius: 10px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b607{
width: 150px;
height: 150px;
background: ;
margin-left: 2%;
margin-top: 15px;
float: left;
border-radius: 15px;
overflow: hidden;
}
#b608{
width: 60px;
height: 60px;
background: url(Bilder/ls2.png);
background-size: cover;
margin-right: 4%;
margin-top: -120px;
float: right;
color: rgba(150,150,150);
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b608:hover{
width: 60px;
height: 60px;
background: url(Bilder/ls3.png);
background-size: cover;
margin-right: 4%;
margin-top: -120px;
float: right;
color: rgba(150,150,150);
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b609{
width: 60px;
height: 60px;
background: url(Bilder/plus2.png);
background-size: cover;
margin-right: 4%;
margin-top: -120px;
float: right;
color: rgba(150,150,150);
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b609:hover{
width: 60px;
height: 60px;
background: url(Bilder/plus3.png);
background-size: cover;
margin-right: 4%;
margin-top: -120px;
float: right;
color: rgba(150,150,150);
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b610{
height: 450px;
width: 450px;
left: 50%;
margin-top: -200px;
background:rgb( 50,50,50);
background-size: cover;
filter: blur(0px);
}
#b611{
height: 450px;
width: 450px;
left: 50%;
margin-top: -200px;
background:;
background-size: cover;
filter: blur(0px);
}
#b611:hover{
height: 450px;
width: 450px;
left: 50%;
margin-top: -200px;
background:rgba( 255,255,255,0.2);
background-size: cover;
filter: blur(0px);
}
#b612{
width: 98%;
height: 60px;
margin-left: 1%;
margin-top: 10px;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 35px;
}
#b613{
width: 98%;
height: 50px;
margin-left: 1%;
margin-top: 60px;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 35px;
}
#b614{
width: 90%;
height: 60px;
margin-left: 5%;
margin-top: 0px;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: rgba( 180,180,180);
font-weight: ;
font-size: 25px;
}
#b615{
width: 100%;
height: 200px;
margin-left: ;
margin-top: 0px;
float: top;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: ;
font-weight: ;
font-size: ;
}
#b616{
width: 330px;
height: 390px;
border-radius: 25px;
border: 3px solid rgb(100,100,100);
margin-right: 15px;
margin-top: 0px;
overflow: hidden;
text-decoration: none;
display: inline-block;
}
#b616:hover{
width: 330px;
height: 390px;
border-radius: 25px;
border: 3px solid rgb(200,200,200);
margin-right: 15px;
margin-top: 0px;
overflow: hidden;
text-decoration: none;
display: inline-block;
}
#b6161{
width: 330px;
height: 390px;
border-radius: 25px;
border: 3px solid rgb(100,100,100);
margin-right: 15px;
margin-left: 15px;
margin-top: 0px;
overflow: hidden;
text-decoration: none;
display: inline-block;
}
#b6161:hover{
width: 330px;
height: 390px;
border-radius: 25px;
border: 3px solid rgb(200,200,200);
margin-right: 15px;
margin-left: 15px;
margin-top: 0px;
overflow: hidden;
text-decoration: none;
display: inline-block;
}
#b6162{
width: 390px;
height: 390px;
margin-left: -30px;
margin-top: 0px;
float: left;
overflow: ;
background: url(Bilder/noimage.jpg);
}
#b617{
width: 80%;
height: 35px;
margin-top: 0px;
margin-left: 10%;
float: top;
background: ;
display: flex;
align-items: end;
justify-content: center;
font-size: 25px;
font-weight: 600;
color: rgb(220,220,220);
border-bottom: 2px solid rgb(200,200,200);
}
#b6171{
width: 80%;
height: 35px;
margin-top: 0px;
margin-left: 10%;
float: top;
background: ;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
}
#b6172{
width: 70%;
height: 35px;
margin-top: 0px;
margin-left: 15%;
float: top;
background: ;
display: flex;
align-items: end;
justify-content: center;
font-size: 25px;
font-weight: 600;
color: rgb(220,220,220);
border-bottom: 2px solid rgb(200,200,200);
}
#b618{
width: 100%;
height: 60px;
margin-top: 250px;
float: top;
background: linear-gradient(to top, rgba(50,50,50,0.8) 20%,rgba(50,50,50,0) 100%);
display: flex;
align-items: end;
justify-content: center;
color: rgb(113,237,255);
font-weight: bold;
font-size: 30px;
margin-bottom: 0px;
}
#b6181{
width: 50px;
height: 50px;
margin-top: 10px;
margin-left: 10px;
float: top;
background: green;
display: flex;
align-items: end;
justify-content: center;
color: rgb(113,237,255);
font-weight: bold;
font-size: 30px;
margin-bottom: 0px;
}
#b6182{
width: 100%;
height: 60px;
margin-top: 190px;
float: top;
background: linear-gradient(to top, rgba(50,50,50,0.8) 20%,rgba(50,50,50,0) 100%);
display: flex;
align-items: end;
justify-content: center;
color: rgb(113,237,255);
font-weight: bold;
font-size: 30px;
margin-bottom: 0px;
}
#b619{
width: 100%;
height: 80px;
margin-top: ;
float: top;
background: rgba(50,50,50,0.8);
color: white;
font-weight: bold;
font-size: 30px;
}
#b620{
width: 98%;
margin-top: 10px;
margin-left: 1%;
background: ;
height: 70px;
float: left;
color: rgba( 255,255,255, 0.9);
font-size: 40px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b621{
width: 100%;
height: 480px;
margin-top: 15px;
color: white;
overflow: hidden;
box-sizing: content-box;
float: left;
}
#b622{
width: 100%;
height: 600px;
margin-top: ;
background: linear-gradient(to top, black 0%,rgba(50,50,50,0) 100%);
float: top;
}
#b623{
width: 100%;
height: 180px;
float: top;
}
#b624{
height: 530px;
width: 100%;
margin-left: 0%;
margin-top: 0px;
background: ;
float: left;
position: fixed;
top: 0;
}
#b625{
width: 100%;
height: 100%;
opacity: 0.15;
z-index: -1;
position: absolute;
}
#b626{
width: 100%;
height: 530px;
margin-left: 0%;
margin-top: 0px;
position: absolute;
background: ;
z-index: ;
float: left;
overflow: hidden;
position: fixed;
top: 0;
}
#b6261{
width: 100%;
height: 530px;
margin-left: 0%;
margin-top: 0px;
position: absolute;
background: rgba(20,20,20);
z-index: ;
float: left;
overflow: hidden;
position: fixed;
top: 0;
}
#b6262{
width: 100%;
height: 530px;
background: ;
float: left;
}
#b627{
width: 100%;
height: 150px;
color: white;
float: top;
margin-top: 0px;
background: ;
}
#b629{
width: 70px;
height: 70px;
margin-top: 40px;
background: ;
float: left;
border-radius: 35px;
}
#b629:hover{
width: 70px;
height: 70px;
margin-top: 40px;
background: rgba( 100,100,100);
float: left;
border-radius: 35px;
}
#b630{
width: 50px;
height: 50px;
margin-top: 10px;
background: ;
background-size: cover;
}
#b631{
height: 150px;
width: 150px;
border-radius: 20px;
border: 5px solid rgba( 120,120,120);
overflow: hidden;
}
#b631:hover{
border: 5px solid white;
}
#b632{
height: 80px;
width: 100%;
margin-top: 70px;
background: linear-gradient(to top, black 10%,rgba(50,50,50,0) 100%);
float: top;
align-items: center;
justify-content: center;
color: white;
font-family: arial;
font-size: 30px;
font-weight: bold;
}
#b633{
height: 40px;
width: 100%;
margin-top: 40px;
background: ;
float: top;
align-items: center;
justify-content: center;
color: white;
font-family: arial;
font-size: 30px;
font-weight: bold;
position: relative;
}
#b634{
height: 370px;
width: 80%;
margin-left: 10%;
float: top;
background: ;
}
#b635{
height: 450px;
width: 300px;
left: 50%;
margin-left: -150px;
margin-top: -80px;
float: left;
background: ;
position: absolute;
}
#b636{
height: 300px;
width: 300px;
float: left;
background: ;
}
#b637{
width: 100px;
height: 100px;
float: left;
position: absolute;
margin-top: -200px;
margin-left: 100px;
}
#b638{
height: 100px;
width: 400%;
margin-left: -150%;
margin-top: 90px;
background: ;
float: top;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 50px;
color: white;
overflow: hidden;
font-weight: bold;
text-decoration: none;
}
#b639{
height: 15px;
width: 400%;
margin-left: -150%;
margin-top: 0px;
background: ;
float: top;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 30px;
color: rgba( 160,160,160);
}
#b640{
width: 300px;
height: 300px;
margin-top: -400px;
position: absolute;
opacity: 0;
}
#b641{
width: 96%;
margin-left: 2%;
background: ;
height: ;
overflow: scroll;
color: white;
font-family: arial;
text-align: center;
font-size: 25px;
z-index: -1;
}
#b642{
width: 100%;
height: 80px;
margin-top: 0px;
position: absolute;
background: linear-gradient(to bottom, black 0%,rgba(50,50,50,0) 100%);
float: left;
position: fixed;
top: 530;
}
#b643{
width: 470px;
height: 80px;
background: ;
font-size: 80px;
font-weight: 900;
font-family: Tahoma;
text-align: right;
color: white;
float: top;
margin-top: 0px;
letter-spacing: -3px;
line-height: 95%;
}
#b644{
width: 470px;
height: 80px;
background: ;
font-size: 80px;
font-weight: 900;
font-family: Tahoma;
text-align: right;
color: white;
float: top;
margin-top: -10px;
letter-spacing: -3px;
line-height: 95%;
}
#b645{
width: 490px;
height: 160px;
background: linear-gradient(to top, rgba(100,100,100,0.8) 50%,rgba(0,0,0,0) 100%);
font-size: 80px;
font-weight: 900;
font-family: Tahoma;
text-align: right;
color: white;
float: top;
margin-top: 280px;
letter-spacing: -3px;
line-height: 95%;
}
#b646{
width: 40px;
height: 40px;
background: green;
font-size: 80px;
font-weight: 900;
font-family: Tahoma;
text-align: right;
color: white;
float: top;
margin-top: 10px;
margin-left: 10px;
letter-spacing: -3px;
line-height: 95%;
}
#b647{
width: 320px;
height: 320px;
background: url(Bilder/noimage.jpg);
background-size: cover;
float: top;
border-radius: 20px;
overflow: hidden;
border: 3px solid rgb(150,150,150);
}
#b647:hover{
width: 320px;
height: 320px;
background: url(Bilder/noimage.jpg);
background-size: cover;
float: top;
border-radius: 20px;
overflow: hidden;
border: 3px solid white;
}
#b648{
width: 100%;
height: 900px;
margin-left: ;
margin-top: ;
position: ;
background: ;
background-size: cover;
overflow: hidden;
float: top;
text-decoration: none;
z-index: 1;
}
#b649{
width: 100%;
height: ;
margin-left: ;
margin-top: -100px;
position: ;
background: ;
background-size: cover;
overflow: hidden;
float: top;
text-decoration: none;
z-index: 1;
}
#b650{
width: 320px;
height: 420px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: rgb(60,60,60);
border-radius: 20px;
overflow: hidden;
border: 3px solid rgb(150,150,150);
}
#b650:hover{
width: 320px;
height: 420px;
margin-left: 1%;
margin-right: 15px;
display: inline-block;
background: rgb(60,60,60);
border-radius: 20px;
overflow: hidden;
border: 3px solid white;
}
#b651{
width: 300px;
height: 60px;
background: ;
margin-top: 5px;
margin-left: 10px;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 25px;
color: white;
text-align: center;
justify-content: center;
box-sizing: content-box;
white-space: normal;
overflow: auto;
line-height: 90%;
}
#b652{
width: 300px;
height: 40px;
background: ;
margin-top: -15px;
margin-left: 10px;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 22px;
color: rgba( 180,180,180);
text-align: center;
justify-content: center;
overflow: hidden;
}
#b653{
width: 320px;
height: 320px;
background: url(Bilder/noimage.jpg);
margin-left: ;
margin-top: ;
background-size: cover;
float: top;
border-radius: 20px 20px 0px 0px;
}
#b654{
width: 100%;
height: 430px;
margin-top: 50px;
color: white;
overflow: hidden;
box-sizing: border-box;
float: left;
}
#b655{
width: auto;
height: 430px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
}
#b656{
width: 100%;
height: 800px;
margin-left: ;
margin-top: ;
position: ;
background: ;
background-size: cover;
overflow: hidden;
float: top;
text-decoration: none;
z-index: 1;
}
#b657{
height: 100px;
width: 100%;
background: rgba(80,80,80);
float: top;
border-radius: 15px;
text-align: center;
font-weight: ;
font-size: 60px;
float: left;
font-family: Arial;
}
#b658{
height: 100px;
width: 96%;
margin-left: 2%;
margin-top: 30px;
margin-bottom: 30px;
background: ;
float: left;
}
#b659{
width: 98%;
height: 60px;
margin-left: 1%;
margin-top: 10px;
margin-bottom: 30px;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 50px;
color: white;
}
#b660{
height: 76px;
width: 98%;
margin-left: 1%;
margin-top: 30px;
display: flex;
justify-content: center;
background: ;
float: left;
overflow: hidden;
}
#b661{
height: 70px;
width: 70px;
margin-left: 20px;
background: rgba(80,80,80);
float: left;
border-radius: 10px;
border: 3px solid rgba(120,120,120,0);
text-align: center;
justify-content: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 30px;
color: white;
text-decoration: none;
}
#b661:hover{
height: 70px;
width: 70px;
margin-left: 20px;
background: rgba(80,80,80);
float: left;
border-radius: 10px;
border: 3px solid rgb(200,200,200);
text-align: center;
justify-content: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 30px;
color: white;
text-decoration: none;
}
#b662{
width: 100%;
height: 150px;
background: rgba(20,20,20,0.9);
float: top;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 40px;
font-weight: bold;
color: white;
position: fixed;
top: 0;
z-index: 5;
}
#b663{
width: 98%;
margin-top: 40px;
margin-bottom: 20px;
margin-left: 1%;
background: rgb( 20,20,20);
height: 70px;
float: left;
color: rgba( 255,255,255, 0.9);
font-size: 50px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b664{
width: 100%;
height: 20px;
background: linear-gradient(to bottom, rgba(20,20,20,0.9) 0%,rgba(20,20,20,0) 100%);
float: top;
position: fixed;
top: 150px;
z-index: 5;
}
#b665{
float: left;
width: 100%;
height: 170px;
}
#b666{
width: auto;
height: 100%;
float: left;
margin-left: 30px;
background: rgb(100,100,100);
border-radius: 10px;
font-size: 25px;
color: white;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding-left: 15px;
padding-right: 15px;
}
#b666:hover{
width: auto;
height: 100%;
float: left;
margin-left: 30px;
background: white;
border-radius: 10px;
font-size: 25px;
color: black;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding-left: 15px;
padding-right: 15px;
}
#b667{
width: auto;
height: 100%;
float: left;
margin-left: 10px;
background: ;
border-radius: 10px;
font-size: 35px;
color: rgb(200,200,200);
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding-left: 15px;
padding-right: 15px;
}
#b668{
width: 50px;
height: 50px;
float: right;
margin-right: 80px;
margin-top: 45px;
border-radius: 30px;
border: 5px solid white;
overflow: hidden;
}
#b668:hover{
width: 50px;
height: 50px;
float: right;
margin-right: 80px;
margin-top: 45px;
background: rgb(100,100,100);
border-radius: 30px;
border: 5px solid white;
overflow: hidden;
}
#b669{
width: 80%;
height: 80%;
float: left;
margin-left: 10%;
margin-top: 10%;
}
#b670{
width: 98%;
margin-left: 1%;
margin-top: 50px;
height: 50px;
float: left;
color: rgba( 255,255,255, 0.9);
margin-bottom: 30px;
}
#b671{
width: 50px;
height: 50px;
margin-left: 20px;
float: left;
}
#b672{
width: auto;
margin-top: 0px;
margin-left: 15px;
height: 50px;
float: left;
color: white;
font-size: 50px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b673{
float: top;
width: 100%;
height: 190px;
background: rgba(20,20,20,0.9);
margin-top: 0px;
position: fixed;
}
#b674{
float: top;
width: 100%;
height: 190px;
background: ;
}
#b675{
width: 80px;
height: 50px;
float: right;
margin-right: -70px;
margin-top: 100px;
overflow: hidden;
background: ;
color: white;
font-size: 19px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
line-height: 90%;
}
#b676{
width: 60px;
height: 60px;
background: url(Bilder/ls2.png);
background-size: cover;
margin-right: 60px;
margin-top: 60px;
float: right;
color: rgba(150,150,150);
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b676:hover{
width: 60px;
height: 60px;
background: url(Bilder/ls3.png);
background-size: cover;
margin-right: 60px;
margin-top: 60px;
float: right;
color: rgba(150,150,150);
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b677{
width: 210px;
height: 60px;
margin-top: -5px;
margin-left: 50px;
background: rgba( 255,255,255, 0.2);
float: left;
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 20px;
text-decoration: none;
color: white;
}
#b677:hover{
width: 210px;
height: 60px;
margin-top: -5px;
margin-left: 50px;
background: rgba( 255,255,255);
float: left;
color: black;
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 20px;
text-decoration: none;
}
#b678{
width: 800px;
height: 2040px;
margin-top: 0px;
margin-left: 20px;
display: inline-block;
}
#b679{
width: 800px;
height: 40px;
margin-bottom: 10px;
background: ;
float: top;
display: block;
color: white;
font-size: 35px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b680{
width: 800px;
height: 90px;
margin-bottom: 10px;
background: rgba( 50,50,50);
float: top;
display: block;
}
#b680:hover{
width: 800px;
height: 90px;
margin-bottom: 10px;
background: rgba( 80,80,80);
float: top;
display: block;
}
#b681{
width: 50px;
height: 90px;
background: ;
float: left;
display: block;
color: white;
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
#b682{
width: 90px;
height: 90px;
background: url(Bilder/comingsoon.jpg);
background-size: cover;
float: left;
display: block;
}
#b683{
width: 620px;
height: 90px;
margin-left: 20px;
background: ;
float: left;
display: block;
}
#b684{
width: 100%;
height: 35px;
margin-top: 10px;
background: ;
float: top;
display: block;
color: white;
font-size: 30px;
font-family: arial;
font-weight: bold;
display: flex;
overflow: hidden;
}
#b685{
width: 100%;
height: 35px;
background: ;
float: top;
display: block;
color: rgba( 150,150,150);
font-size: 25px;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
overflow: hidden;
}
#b686{
width: 100%;
height: 2100px;
margin-top: 50px;
color: white;
overflow: hidden;
box-sizing: border-box;
float: left;
}
#b687{
width: auto;
height: 2100px;
overflow-x: scroll;
overflow-y: hidden;
box-sizing: border-box;
white-space: nowrap;
display: flex;
justify-content: top;
align-items: top;
}
#b688{
width: 300px;
height: 380px;
margin-left: ;
margin-right: 15px;
display: inline-block;
background: ;
border-radius: 50px;
}
#b688:hover{
width: 300px;
height: 380px;
margin-left: ;
margin-right: 15px;
display: inline-block;
background: ;
border-radius: 50px;
}
#b689{
float: top;
width: 100%;
height: 170px;
}
#b690{
height: 450px;
width: 90%;
margin-left: 5%;
margin-top: -90px;
float: left;
background: ;
position: ;
}
#b691{
height: 300px;
width: 300px;
position: absolute;
margin-left: -150px;
left: 50%;
float: left;
background: ;
}
#b692{
height: 100px;
width: 130%;
margin-left: -15%;
margin-top: 300px;
background: ;
float: top;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: arial;
font-size: 50px;
color: white;
overflow: hidden;
font-weight: bold;
text-decoration: none;
line-height: 90%;
}
#b693{
height: 150px;
width: 150px;
border-radius: 20px;
border: 5px solid rgba( 120,120,120);
overflow: hidden;
margin-top: -380px;
}
#b693:hover{
border: 5px solid white;
}
#b694{
height: 15px;
width: auto;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 30px;
color: rgba( 160,160,160);
}
#b694:hover{
color: white;
}
#b695{
width: 300px;
height: 300px;
margin-top: -300px;
position: absolute;
opacity: 0;
}
#b696{
float: top;
width: 80px;
height: 50px;
background:rgba(0,167,239,0.3);
margin-top: -10px;
margin-left: 0px;
color:rgba(0,167,239);
font-size:30px;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
border-radius: 25px;
padding-left: 15px;
padding-right: 15px;
}
#b696:hover{
background:rgba(0,167,239);
color: rgb(20,20,20);
}
#b697{
width: 100%;
height: 20px;
background: ;
margin-left: 0px;
margin-top: 20px;
float: left;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: rgba(255,0,0,0.7);
}
#b698{
width: 100%;
height: 20px;
background: ;
margin-left: 0px;
margin-top: 10px;
float: left;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 20px;
font-weight: bold;
text-decoration: underline;
color: rgb(200,200,200);
}
#b698:hover{
color: white;
}
#b699{
width: 600px;
height: 300px;
left: -304px;
margin-left: 50%;
margin-top: 350px;
background: rgba(0,0,0,0.8);
float: left;
position: fixed;
border-radius: 15px;
border: 4px solid rgba(100,100,100);
overflow: hidden;
}
#b699:hover{
border: 4px solid rgba(200,200,200);
}
#b700{
width: 600px;
height: 470px;
left: -304px;
margin-left: 50%;
margin-top: 150px;
background: rgba(0,0,0,0.8);
float: left;
position: fixed;
border-radius: 15px;
border: 4px solid rgba(100,100,100);
overflow: hidden;
}
#b700:hover{
border: 4px solid rgba(200,200,200);
}
#b701{
width: 96%;
height: 150px;
margin-left: 2%;
margin-top: 50px;
background: rgb( 35,35,35);
float: left;
color: rgb( 150,150,150);
font-size: 30px;
font-family: arial;
font-weight: ;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 15px;
border-inline: 4px solid rgb( 150,150,150);
}
#b701:hover{
color: white;
border-inline: 4px solid white;
}
#b702{
height: 900px;
width: 900px;
background: ;
float: left;
margin-left: 25px;
margin-top: 2vh;
border: 5px solid white;
overflow: hidden;
}
#b703{
height: 500px;
width: 100%;
background: ;
float: top;
margin-top: 0px;
}
#b704{
height: 100px;
width: 100px;
background: red;
float: left;
margin-top: 10px;
margin-left: 10px;
}
#b705{
height: 450px;
width: 450px;
background: red;
float: right;
margin-top: 30px;
margin-right: -100px;
border-radius: 260px;
border: 5px solid white;
}
#b706{
height: 500px;
width: 100%;
background: linear-gradient(to top, rgba(0,0,0,0.9) 60%,rgba(0,0,0,0) 100%);
float: top;
margin-top: -100px;
}
#b707{
height: 80px;
width: 100%;
background: ;
float: top;
margin-top: 25px;
display: flex;
color: rgb( 150,150,150);
font-size: 60px;
font-family: arial;
font-weight: 800;
text-align: center;
align-items: center;
justify-content: center;
text-shadow: 5px 5px 5px black;
}
#b708{
height: 80px;
width: 90%;
background: ;
border-bottom: 3px solid white;
float: top;
margin-left: 5%;
display: flex;
color: rgb( 150,150,150);
font-size: 50px;
font-family: arial;
font-weight: bold;
text-align: center;
align-items: center;
justify-content: center;
}
#b709{
height: 80px;
width: 100%;
background: ;
float: top;
margin-top: ;
display: flex;
color: rgb( 150,150,150);
font-size: 50px;
font-family: arial;
font-weight: bold;
text-align: center;
align-items: center;
justify-content: center;
}
#b710{
height: 100px;
width: 45%;
background: rgba(0,142,150,0.8);
border: 5px solid white;
float: top;
margin-top: 120px;
margin-left: 55%;
border-radius: 55px 0px 0px 55px;
}
#b711{
height: 100px;
width: 100px;
float: left;
}
#b712{
height: 100px;
width: 300px;
background: ;
float: left;
}
#b713{
height: 25px;
width: 100%;
margin-top: 5px;
background: ;
float: top;
display: flex;
color: white;
font-size: 30px;
font-family: arial;
font-weight: bold;
text-align: center;
align-items: center;
}
#b714{
height: 45px;
width: 100%;
background: ;
margin-top: -1px;
float: top;
display: flex;
color: white;
font-size: 50px;
font-family: arial;
font-weight: bold;
text-align: center;
align-items: center;
}
#b715{
height: 20px;
width: 100%;
background: ;
margin-top: -1px;
float: top;
display: flex;
color: white;
font-size: 22px;
font-family: arial;
font-weight: bold;
text-align: center;
align-items: center;
}
#b716{
height: 500px;
width: 500px;
background: ;
float: left;
position: absolute;
border: 5px solid white;
transform: rotate(0deg);
margin-left: 395px;
margin-top: -5px;
}
#b717{
height: 500px;
width: 500px;
background: ;
float: left;
position: absolute;
border: 5px solid white;
transform: rotate(0deg);
margin-left: -5px;
margin-top: 395px;
}
#b718{
height: 600px;
width: 600px;
background: ;
float: left;
position: ;
border: 5px solid white;
transform: rotate(-20deg);
margin-left: -130px;
margin-top: -100px;
}
#b719{
height: 600px;
width: 600px;
background: ;
float: left;
position: ;
border: 5px solid white;
transform: rotate(20deg);
margin-left: 400px;
margin-top: -85px;
}
#b720{
height: 500px;
width: 500px;
background: ;
float: left;
position: absolute;
border: 5px solid white;
transform: rotate(0deg);
margin-left: 195px;
margin-top: 195px;
border-radius: 255px;
}
#b721{
height: 280px;
width: 900px;
background: linear-gradient(to top, rgba(0,0,0,0.9) 80%,rgba(0,0,0,0) 100%);
float: top;
margin-top: 620px;
position: absolute;
}
#b722{
height: 100px;
width: 100px;
background: red;
float: left;
margin-top: 10px;
margin-left: 10px;
position: absolute;
}
#b723{
height: 100px;
width: 400px;
background: rgba(0,142,150,0.8);
border: 5px solid white;
float: top;
margin-top: 50px;
margin-left: 495px;
border-radius: 55px 0px 0px 55px;
position: absolute;
}
#b724{
height: 90px;
width: 90px;
overflow: hidden;
border: 6px solid rgba(255,255,255);
background-image: url(Bilder/easyplay.png);
background-size: 50% 50%;
background-repeat: no-repeat;
background-position: center left 25px;
position: absolute;
border-radius: 51px;
float: right;
right: 4%;
margin-top: -160px;
}
#b724:hover{
border: 6px solid rgba(255,255,255,0);
background-image: url(Bilder/musicplaying.gif);
background-size: 90% 90%;
background-position: center;
}
#b725{
width: 100%;
height: 800px;
max-width: ;
margin-left: ;
margin-top: ;
position: ;
background: ;
background-size: cover;
overflow: hidden;
float: top;
text-decoration: none;
z-index: 1;
}
#b726{
height: 50px;
width: 100%;
margin-top: 50px;
margin-right: 20px;
background: ;
float: top;
filter: blur(0px);
}
#b727{
width: 100%;
height: 50px;
margin-top: 10px;
margin-left: 30px;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
color: rgb( 200, 200, 200);
text-shadow: 1px 1px 1px black;
font-size: 35px;
font-family: arial;
font-weight: ;
}
#b728{
width: 100%;
height: 9vh;
position: fixed;
top: 0px;
background: ;
}
#b7281{
width: 100%;
height: 8.99vh;
position: fixed;
top: 0px;
background: ;
}
#b729{
width: 50%;
height: 9vh;
margin-left: 25%;
position: absolute;
background: ;
font-size: 2.3vh;
font-weight: bold;
font-family: arial;
color: white;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
z-index: 98;
}
#b730{
height: 30vh;
width: 30vh;
left: 50%;
margin-left: -15vh;
position: absolute;
margin-top: 0px;
background: url(Bilder/noimage.jpg);
background-size: cover;
z-index: 0.5;
top: 2.4vh;
}
#b7301{
height: 30vh;
width: 30vh;
left: 50%;
margin-left: -15vh;
position: absolute;
margin-top: 0px;
background: url(Bilder/noimage.jpg);
background-size: cover;
z-index: 99;
top: 2.4vh;
opacity: 0.8;
}
#b7301:hover{
opacity: 0.95;
}
#b731{
width: 100%;
height: 4vh;
position: absolute;
top: 35vh;
background: ;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 3vh;
font-family: arial;
text-shadow: 1px 1px 1px black;
font-weight: bold;
}
#b732{
height: 3vh;
width: 98%;
position: absolute;
top: 42vh;
margin-left: 1%;
background: ;
float: top;
filter: blur(0px);
}
#b733{
width: 80%;
height: 2vh;
margin-left: 1vh;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
color: rgb( 200, 200, 200);
text-shadow: 1px 1px 1px black;
font-size: 2vh;
font-family: arial;
font-weight: ;
}
#b7331{
width: 98%;
height: 2vh;
position: absolute;
top: 46vh;
margin-left: 1%;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
color: rgb( 200, 200, 200);
text-shadow: 1px 1px 1px black;
font-size: 2vh;
font-family: arial;
font-weight: ;
}
#b7332{
width: 5.5vh;
height: 5.5vh;
position: absolute;
top: 42vh;
right: 2vh;
background: ;
float: right;
color: rgb( 200, 200, 200);
text-shadow: 1px 1px 1px black;
font-size: 2vh;
font-family: arial;
font-weight: ;
}
#b7333{
width: 3.5vh;
height: 3.5vh;
margin-top: 0.75vh;
position: absolute;
top: 42vh;
right: 9vh;
background: ;
float: right;
color: rgb( 200, 200, 200);
text-shadow: 1px 1px 1px black;
font-size: 2vh;
font-family: arial;
font-weight: ;
}
#b734{
height: 45vh;
width: 100%;
margin-top: 0px;
background: linear-gradient(to bottom, rgba(152,0,255) 150px,rgba( 0,0,0,0) 100%);
position: absolute;
top: 0px;
}
#b735{
height: 9vh;
width: 98%;
margin-top: 1vh;
margin-left: 1%;
background: ;
float: left;
border-radius: 15px;
}
#b735:hover{
height: 9vh;
width: 98%;
margin-top: 1vh;
margin-left: 1%;
background: rgb(30,30,30);
float: left;
border-radius: 15px;
}
.b735{
height: 9vh;
width: 98%;
margin-top: 1vh;
margin-left: 1%;
background: ;
float: left;
border-radius: 15px;
}
#b736{
height: 8vh;
width: 8vh;
margin-left: 0.5vh;
margin-top: 0.5vh;
background: url(Bilder/noimage.jpg);
background-size: cover;
float: left;
border-radius: 1vh;
overflow: hidden;
}
#b7361{
height: 8vh;
width: 3vh;
margin-left: 0.5vh;
margin-top: 0.5vh;
float: left;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 2vh;
color: white;
}
#b737{
height: 8vh;
width: 60%;
margin-left: 1vh;
margin-top: 0.5vh;
background: ;
float: left;
}
#b7371{
height: 8vh;
width: 55%;
margin-left: 1vh;
margin-top: 0.5vh;
background: ;
float: left;
}
#b738{
height: 8vh;
width: 8vh;
margin-right: 0.5vh;
margin-top: 0.5vh;
background: ;
float: right;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 1.5vh;
color: white;
overflow: hidden;
}
#b7381{
height: 3vh;
width: 3vh;
margin-right: 3vh;
margin-top: 3vh;
background: url(Bilder/ls2.png);
background-size: cover;
float: right;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 1.5vh;
color: white;
overflow: hidden;
}
#b7381:hover{
background: url(Bilder/ls3.png);
background-size: cover;
}
#b7382{
height: 3vh;
width: 3vh;
margin-right: 3vh;
margin-top: 3vh;
background: url(Bilder/plus2.png);
background-size: cover;
float: right;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 1.5vh;
color: white;
overflow: hidden;
}
#b7382:hover{
background: url(Bilder/plus3.png);
background-size: cover;
}
#b739{
height: 2.5vh;
width: 100%;
margin-top: 1.25vh;
background: ;
float: top;
display: flex;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 2vh;
color: white;
white-space: nowrap;
overflow:scroll;
}
#b740{
height: 2.5vh;
width: 100%;
margin-top: 0.5;
background: ;
float: top;
display: flex;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 1.8vh;
color: rgba(200,200,200);
white-space: nowrap;
overflow:scroll;
}
#b7401{
height: 1.7vh;
width: auto;
margin-top: 0.5vh;
padding-left: 0.2vh;
padding-right: 0.2vh;
border-radius: 0.3vh;
background: rgb(0,215,226);
float: left;
display: flex;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 1.5vh;
color: rgba(20,20,20);
white-space: nowrap;
overflow:scroll;
}
#b741{
width: 9vh;
height: 9vh;
margin-top: 0px;
float: left;
}
#b742{
width: 4.2vh;
height: 4.2vh;
margin-top: 2.4vh;
margin-left: 2.4vh;
background: ;
float: left;
border-radius: 2.1vh;
}
#b742:hover{
background: rgba( 20,20,20);
}
#b743{
width: 3vh;
height: 3vh;
margin-top: 0.6vh;
margin-left: 0.6vh;
background: url(Bilder/backo.png);
background-size: cover;
float: left;
}
#b744{
width: 4.2vh;
height: 4.2vh;
margin-top: 2.4vh;
margin-right: 2.4vh;
background: url(Bilder/I1.png);
background-size: cover;
float: right;
}
#b744:hover{
width: 4.2vh;
height: 4.2vh;
margin-top: 2.4vh;
margin-right: 2.4vh;
background: url(Bilder/I3.png);
background-size: cover;
float: right;
}
#b745{
text-decoration: none;
width: auto;
height: 3vh;
margin-left: 1vh;
padding-right: 2vh;
background: rgba(255,255,255,0);
float: left;
text-align: center;
display: flex;
align-items: center;
color: white;
font-size: 2vh;
font-family: arial;
font-weight: ;
display: flex;
text-align: left;
align-items: center;
text-decoration: none;
border-radius: 1.5vh;
}
#b745:hover{
background: white;
color: black;
}
#b746{
height: 3vh;
width: 3vh;
margin-top: 0px;
margin-right: 1vh;
background: ;
float: left;
filter: blur(0px);
border-radius: 1.5vh;
}
#b747{
width: 100%;
height: ;
max-width: ;
margin-left: ;
margin-top: ;
position: ;
background: ;
background-size: cover;
overflow: hidden;
float: top;
text-decoration: none;
z-index: 1;
}
#b748{
width: 98%;
height: 4vh;
margin-left: 1%;
margin-top: 2vh;
background: ;
overflow: hidden;
float: left;
}
#b749{
width: auto;
height: 2vh;
background: ;
float: top;
margin-top: ;
margin-left: 0.5vh;
color: rgb( 150, 150, 150);
font-size: 1.7vh;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
align-items: center;
}
#b750{
width: auto;
height: 2vh;
background: ;
float: top;
margin-top: ;
margin-left: 0.5vh;
color: rgb( 150, 150, 150);
font-size: 1.7vh;
font-family: arial;
font-weight: bold;
display: flex;
text-align: left;
align-items: center;
}
#b751{
height: 5vh;
width: 5vh;
overflow: hidden;
background-image: url(Bilder/easyplay2.png);
background-size: cover;
background-repeat: ;
background-position: ;
border-radius: 3vh;
float: right;
margin-right: 1vh;
}
#b751:hover{
background-image: url(Bilder/musicplaying.gif);
background-size: 90% 90%;
background-position: center;
}
#b7511{
height: 5vh;
width: 5vh;
overflow: hidden;
background-image: url(Bilder/add2.png);
background-size: cover;
background-repeat: ;
background-position: ;
border-radius: 3vh;
float: right;
margin-right: 2vh;
}
#b7511:hover{
background:white;
}
#b7512{
height: 5vh;
width: 5vh;
overflow: hidden;
float: right;
margin-right: 8vh;
color: white;
font-size: 2vh;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
line-height: 95%;
}
#b752{
background-color: ;
height: 16vh;
width: 100%;
float:left;
}
#b7521{
background-color: ;
height: 25vh;
width: 100%;
float:left;
}
#b753{
background-color: rgba(20,20,20,0.95);
border-top: 0.3vh solid rgba(180,180,180);
height: 9vh;
position: fixed;
bottom: -0.1vh;
left:;
width: 100%;
z-index:2;
display: table;
}
.b753{
background-color: rgba(20,20,20,0.95);
border-top: 0.3vh solid rgba(180,180,180);
height: 9vh;
position: fixed;
bottom: -0.1vh;
left:;
width: 100%;
z-index:2;
display: table;
}
#b754{
height:9vh;
width: 0.001%;
background:;
display: table-cell;
color: rgba(180,180,180);
}
#b755{
height:9vh;
width: 100%;
background: ;
margin-top: 2.5vh;
position:relative;
}
#b756{
height:3.5vh;
width: 3.5vh;
background: ;
left: 50%;
margin-left: -1.75vh;
position:relative;
float:top;
}
#b757{
height: 4vh;
width: 10vh;
background: ;
left: 50%;
margin-left: -5vh;
margin-top: -0.75vh;
position:relative;
float:top;
font-size: 1.5vh;
font-weight: bold;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b758{
height: 6vh;
width: 100%;
background: rgba(80,80,80);
float: top;
border-radius: 1vh;
text-align: center;
font-weight: ;
font-size: 60px;
float: left;
font-family: Arial;
}
#b759{
height: 6vh;
width: 96%;
margin-left: 2%;
margin-top: 2vh;
margin-bottom: 2vh;
background: ;
float: left;
}
#b760{
width: 98%;
height: 3vh;
margin-left: 1%;
margin-top: 1vh;
margin-bottom: 2vh;
background: ;
float: left;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 3vh;
color: white;
}
#b761{
width: auto;
height: 3vh;
margin-left: 0.5vh;
}
#b762{
width: 9vh;
height: 9vh;
margin-top: 0px;
float: right;
}
#b763{
width: 4.2vh;
height: 4.2vh;
margin-top: 2.4vh;
margin-left: 2.4vh;
background: ;
float: left;
border-radius: 35px;
}
#b763:hover{
background: rgba( 100,100,100);
}
#b764{
width: 3vh;
height: 3vh;
margin-top: 0.6vh;
margin-left: 0.6vh;
background: url(Bilder/edit.png);
background-size: cover;
float: left;
}
#b7641{
width: 3vh;
height: 3vh;
margin-top: 0.6vh;
margin-left: 0.6vh;
background: url(Bilder/save.png);
background-size: cover;
float: left;
}
#b765{
position: absolute;
width: 50%;
height: 9vh;
top: 0px;
margin-left: 25%;
float: left;
}
#b766{
width: 70%;
height: 10vh;
margin-left: 1vh;
margin-top: 2vh;
background: ;
float: left;
}
#b767{
width: 100%;
height: 4vh;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 4vh;
color: white;
}
#b768{
width: 100%;
height: 3vh;
margin-top: 0.5vh;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 3vh;
color: rgba( 200,200,200);
}
#b769{
width: 100%;
height: 15vh;
background: linear-gradient(to bottom, rgba( 0,53,53) 50%,rgba( 0,0,0,0) 100%);
float: left;
}
#b770{
width: 100%;
margin-left: 2vh;
background: rgba( 40,40,40);
height: 7vh;
float: left;
border-radius: 1vh;
}
#b770:hover{
background: rgba( 80,80,80);
}
#b7701{
width: 100%;
margin-right: ;
background: rgba( 40,40,40);
height: 7vh;
float: left;
border-radius: 1vh;
}
#b7701:hover{
background: rgba( 80,80,80);
}
#b771{
width: 7vh;
background: ;
height: 7vh;
float: left;
border-radius: 30px 0px 0px 30px;
}
#b772{
width: 59%;
margin-left: 1vh;
background: ;
height: 7vh;
float: left;
}
#b773{
width: 100%;
background: ;
height: 3vh;
float: top;
margin-left: ;
margin-top: 0.5vh;
color: rgba( 255,255,255, 1);
font-size: 1.7vh;
font-family: arial;
font-weight: bold;
display: flex;
line-height: 90%;
align-items: center;
overflow: hidden;
}
#b774{
width: 100%;
background: ;
height: 3vh;
float: top;
margin-left: ;
margin-top: 0px;
color: rgba( 255,255,255, 0.7);
font-size: 1.5vh;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
#b775{
width: 100%;
max-width: 960px;
margin-top: 1vh;
background: ;
height: 7vh;
float: left;
}
#b776{
width: 80%;
margin-top: 0px;
margin-left: 2vh;
background: rgba( 255,255,255,0);
height: 4vh;
float: left;
color: rgba( 255,255,255);
font-size: 3vh;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b7761{
width: auto;
margin-top: 0px;
margin-left: 1vh;
background: rgba( 255,255,255,0);
height: 4vh;
float: left;
color: rgba( 255,255,255);
font-size: 3vh;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b777{
width: 12vh;
height: 3.5vh;
margin-left: 2vh;
background: rgba(80,80,80);
float: left;
font-size: 1.5vh;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 1vh;
text-decoration: none;
color: white;
}
#b777:hover{
background: rgba( 255,255,255);
color: black;
}
#b7771{
width: 12vh;
height: 3.5vh;
margin-left: 2vh;
background: rgba(80,80,80);
float: left;
font-size: 1.5vh;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 1vh;
text-decoration: none;
color: white;
}
#b7771:hover{
background: rgba( 255,255,255);
color: black;
}
#b778{
width: 20vh;
height: 30vh;
margin-left: 2vh;
display: inline-block;
background: ;
}
#b779{
width: 100%;
height: 30vh;
margin-top: 2vh;
color: white;
overflow: hidden;
box-sizing: content-box;
float: left;
}
#b780{
width: auto;
height: 30vh;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: content-box;
background: ;
}
#b781{
width: 20vh;
height: 4vh;
background: rgba(40,40,40);
float: top;
margin-bottom: 1vh;
border-radius: 2vh;
}
#b781:hover{
background: rgba(80,80,80);
}
#b782{
width: 3.6vh;
height: 3.6vh;
border-radius: 2vh;
background: ;
float: left;
border: 0.2vh solid rgba( 160, 160, 160);
}
#b783{
width: 15vh;
height: 4vh;
background: ;
margin-left: 5px;
float: left;
}
#b784{
width: 100%;
height: 2vh;
background: ;
margin-left: 1vh;
float: top;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 1.5vh;
font-weight: bold;
text-decoration: none;
color: rgb( 200, 200, 200);
margin-top: 0.25vh;
}
#b785{
width: 100%;
height: 2vh;
background: ;
margin-left: 1vh;
float: top;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 1.5vh;
font-weight: bold;
text-decoration: none;
color: white;
margin-top: -0.5vh;
}
#b786{
width: 20vh;
height: 25vh;
display: inline-block;
background: rgba(40,40,40);
border-radius: 2vh;
overflow: hidden;
}
#b786:hover{
background: rgba(80,80,80);
}
#b787{
width: 20vh;
height: 20vh;
background: url(Bilder/noimage.jpg);
float: left;
border-radius: 2vh 2vh 0px 0px;
}
#b788{
width: 20vh;
height: 5vh;
background: ;
float: left;
display: flex;
align-items: center;
box-sizing: content-box;
justify-content: center;
text-align: center;
color: white;
font-size: 1.5vh;
font-weight: bold;
white-space: normal;
overflow: auto;
line-height: 90%;
}
#b789{
width: 98%;
margin-left: 1%;
margin-top: 4vh;
height: 4vh;
float: left;
color: rgba( 255,255,255);
margin-bottom: 2vh;
display: flex;
text-align: center;
align-items: center;
}
#b790{
width: 3.5vh;
height: 3.5vh;
margin-left: 0.5vh;
float: left;
}
#b791{
width: 98%;
height: 4vh;
margin-left: 1%;
margin-bottom: 1vh;
background: rgba( 50,50,50);
float: left;
border-radius: 1vh;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b791:hover{
background: rgba( 70,70,70);
}
#b792{
width: auto;
height: 2.5vh;
margin-left: ;
background: ;
float: left;
}
#b793{
width: 2.5vh;
height: 2.5vh;
margin-top: ;
background: url(Bilder/add.png);
background-size: cover;
float: left;
}
#b794{
width: auto;
height: 2.5vh;
margin-left: 1vh;
background: ;
float: left;
font-weight: bold;
font-size: 1.7vh;
color: white;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#b795{
float: top;
width: 100%;
height: 12vh;
background: rgba(20,20,20,0.9);
margin-top: 0px;
position: fixed;
}
#b796{
float: top;
width: 100%;
height: 12vh;
background: ;
}
#b797{
float: left;
width: 100%;
height: 10vh;
background: ;
margin-top: 1vh;
}
#b798{
float: left;
width: 9vh;
height: 9vh;
border-radius: 4.5vh;
overflow: hidden;
background: url(Bilder/pf1.png);
background-size: cover;
margin-left: 1vh;
margin-top: 1vh;
}
#b799{
float: left;
width: 60%;
height: 10vh;
background: ;
margin-left: 1vh;
}
#b800{
float: top;
width: 100%;
height: 7vh;
background: ;
margin-left: 0px;
color:white;
font-size: 4vh;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
}
#b801{
float: left;
width: 5vh;
height: 3vh;
background:rgba(7,68,86);
background-image: url(Bilder/logout2.png);
background-size: 1.5vh 1.5vh;
background-repeat: no-repeat;
background-position: 1vh 0.75vh;
margin-top: -0.5vh;
margin-left: ;
color:rgba(0,167,239);
font-size: 1.5vh;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
border-radius: 1.5vh;
padding-left: 3vh;
padding-right: 1vh;
}
#b801:hover{
background:rgba(0,167,239);
background-image: url(Bilder/logout.png);
background-size: 1.5vh 1.5vh;
background-repeat: no-repeat;
background-position: 1vh 0.75vh;
color:black;
}
#b802{
float: left;
width: 8vh;
height: 3vh;
background:rgba(255,255,255,0.3);
background-image: url(Bilder/edit2.png);
background-size: 1.5vh 1.5vh;
background-repeat: no-repeat;
background-position: 1vh 0.75vh;
margin-top: -0.5vh;
margin-left: 1vh;
color:rgba(255,255,255);
font-size: 1.5vh;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
border-radius: 1.5vh;
padding-left: 3vh;
padding-right: 15px;
}
#b802:hover{
background:rgba(255,255,255);
background-image: url(Bilder/edit3.png);
background-size: 1.5vh 1.5vh;
background-repeat: no-repeat;
background-position: 1vh 0.75vh;
color:black;
}
#b803{
float: left;
width: 8.5vh;
height: 3vh;
background:rgba(255,255,255,0.3);
background-image: url(Bilder/save.png);
background-size: 1.5vh 1.5vh;
background-repeat: no-repeat;
background-position: 1vh 0.75vh;
margin-top: -0.5vh;
margin-left: 1vh;
color:rgba(255,255,255);
font-size: 1.5vh;
font-weight:bold;
text-decoration: none;
display:flex;
text-align: center;
align-items: center;
border-radius: 1.5vh;
padding-left: 3vh;
padding-right: 15px;
}
#b803:hover{
background:rgba(255,255,255);
background-image: url(Bilder/save2.png);
background-size: 1.5vh 1.5vh;
background-repeat: no-repeat;
background-position: 1vh 0.75vh;
color:black;
}
#b804{
width: 3vh;
height: 3vh;
background: url(Bilder/ls2.png);
background-size: cover;
margin-right: 3vh;
margin-top: 3vh;
float: right;
display: flex;
text-align: center;
align-items: center;
}
#b804:hover{
background: url(Bilder/ls3.png);
background-size: cover;
}
#b805{
width: 98%;
height: 4vh;
background: rgb(40,40,40);
margin-left: 1%;
margin-top: 0.5vh;
float: left;
border-radius: 1vh;
}
#b805:hover{
background: rgb(60,60,60);
}
#b806{
width: 70%;
height: 3vh;
background: ;
margin-left: 1vh;
margin-top: 0.5vh;
float: left;
display: flex;
text-align: center;
align-items: center;
color: white;
font-size: 2vh;
font-weight: bold;
}
#b807{
width: 3vh;
height: 3vh;
background: ;
margin-right: 0.5vh;
margin-top: 0.5vh;
float: right;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
color: white;
font-size: 2vh;
font-weight: bold;
}
#b808{
width: 8%;
height: 2.5vh;
background: ;
margin-left: 1%;
margin-top: 1vh;
float: left;
border-radius: 1vh;
}
#b8081{
width: 10vh;
height: 10vh;
background: ;
margin-left: ;
margin-top: ;
border-radius: 1vh;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
#b809{
width: 11vh;
height: 11vh;
background: green;
margin-left: 1vh;
margin-top: 1vh;
float: left;
border-radius: 6vh;
}
#b809:hover{
border: 0.5vh solid rgb(100,100,100);
}
#b810{
width: 8vh;
height: 8vh;
background: ;
margin-left: 2vh;
margin-top: 2vh;
float: left;
border-radius: 4vh;
}
#b811{
width: 8vh;
height: 4vh;
background: rgba(255,255,255,0.3);
margin-right: 2vh;
margin-top: 2vh;
border-radius: 1vh;
color: white;
font-size: 2vh;
font-weight: bold;
float: right;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
#b811:hover{
background: rgba(255,255,255);
color: black;
}
#b812{
width: 96%;
height: 10vh;
margin-left: 2%;
margin-top: 50px;
background: rgb(40,40,40);
color: rgb( 150,150,150);
float: left;
font-family: arial;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 1vh;
}
#b812:hover{
background: rgb(60,60,60);
color: rgb( 170,170,170);
}
#b813{
width: 80%;
height: 8vh;
float: left;
font-size: 1.5vh;
font-family: arial;
font-weight: bold;
text-align: center;
align-items: center;
justify-content: center;
}
#b814{
width: 50vh;
height: 26vh;
left: -25.5vh;
margin-left: 50%;
margin-top: 27vh;
background: rgba(0,0,0,0.8);
float: left;
position: fixed;
border-radius: 3vh;
border: 0.5vh solid rgba(200,200,200);
overflow: hidden;
}
#b814:hover{
border: 0.5vh solid rgba(255,255,255);
}
#b815{
width: 12vh;
height: 4vh;
background: ;
margin-left: 5vh;
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 2vh;
font-weight: bold;
text-decoration: none;
color: white;
}
#b816{
width: 100%;
height: 4vh;
background: ;
margin-left: 0px;
margin-top: 5vh;
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: 2.5vh;
font-weight: ;
text-decoration: none;
color: white;
}
#b817{
width: 100%;
height: 4vh;
background: ;
margin-left: 0px;
margin-top: 1vh;
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: ;
font-weight: ;
text-decoration: none;
color: white;
}
#b818{
width: 51vh;
height: 5vh;
background: blue;
position: absolute;
margin-left: -0.5;
margin-top: 21.5vh;
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: ;
font-weight: ;
text-decoration: none;
color: white;
}
#b8181{
width: 51vh;
height: 5vh;
background: blue;
position: absolute;
margin-left: -0.5;
margin-top: 28.5vh;
float: left;
display: flex;
text-align: center;
align-items: center;
font-family: arial;
font-size: ;
font-weight: ;
text-decoration: none;
color: white;
}
#b819{
float:left;
width: 100%;
height: 5vh;
background: rgba(0,142,150);
color: white;
font-size: 2vh;
font-weight: bold;
box-shadow: none;
}
#b819:hover{
background: white;
color: black;
}
#b820{
width: 100%;
height: 2vh;
background: ;
margin-left: ;
margin-top: 1vh;
float: left;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 1.5vh;
font-weight: bold;
text-decoration: none;
color: rgba(255,0,0,0.7);
}
#b821{
width: 100%;
height: 2vh;
position: absolute;
background: ;
margin-left: ;
margin-top: 18vh;
float: left;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 1.5vh;
font-weight: bold;
text-decoration: underline;
color: rgb(200,200,200);
}
#b821:hover{
color: white;
}
#b822{
width: 100%;
height: 100vh;
position: absolute;
background: ;
}
#b823{
height: 20vh;
width: 20%;
float: left;
}
#b824{
height: 20vh;
width: 20%;
float: left;
margin-left: -20%;
background: rgba(0,0,0,0.7);
}
#b825{
width: 50vh;
height: 33vh;
left: -25.5vh;
margin-left: 50%;
margin-top: 23vh;
background: rgba(0,0,0,0.8);
float: left;
position: fixed;
border-radius: 3vh;
border: 0.5vh solid rgba(200,200,200);
overflow: hidden;
}
#b825:hover{
border: 0.5vh solid rgba(255,255,255);
}
#b826{
width: 47%;
margin-top: 1vh;
background: ;
height: 7vh;
float: left;
border-radius: 1vh;
overflow: hidden;
}
#b827{
width: 47%;
margin-top: 1vh;
margin-left: 2vh;
background: ;
height: 7vh;
float: left;
border-radius: 1vh;
overflow: hidden;
}
#b828{
width: 100%;
height: 32vh;
position: absolute;
float: left;
overflow: hidden;
position: fixed;
top: 0;
}
#b829{
width: 100%;
height: 32vh;
position: absolute;
background: rgba(20,20,20);
float: left;
overflow: hidden;
position: fixed;
top: 0;
}
#b830{
height: 32vh;
width: 100%;
float: left;
position: fixed;
top: 0;
}
#b831{
width: 100%;
height: 100%;
opacity: 0.15;
z-index: -1;
position: absolute;
}
#b832{
width: 100%;
height: 9vh;
color: white;
float: top;
margin-top: 0px;
background: ;
}
#b833{
width: 4.2vh;
height: 4.2vh;
margin-top: 2.4vh;
background: ;
float: left;
border-radius: 2.1vh;
}
#b833:hover{
background: rgba( 100,100,100);
}
#b834{
width: 3vh;
height: 3vh;
margin-top: 0.6vh;
margin-left: 0.6vh;
background-size: cover;
float: left;
}
#b835{
height: 26vh;
width: 80%;
margin-left: 10%;
float: top;
background: ;
}
#b836{
height: 32vh;
width: 90%;
margin-left: 5%;
margin-top: -9vh;
float: left;
background: ;
position: ;
}
#b837{
height: 18vh;
width: 18vh;
position: absolute;
margin-left: -9vh;
margin-top: 3vh;
left: 50%;
float: left;
background: ;
}
#b838{
width: 6vh;
height: 6vh;
float: left;
position: absolute;
margin-top: -12vh;
margin-left: 6vh;
}
#b839{
width: 18vh;
height: 18vh;
margin-top: -18vh;
position: absolute;
opacity: 0;
}
#b840{
height: 5vh;
width: 130%;
margin-left: -15%;
margin-top: 22vh;
background: ;
float: top;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: arial;
font-size: 2.5vh;
color: white;
overflow: hidden;
font-weight: bold;
text-decoration: none;
line-height: 95%;
}
#b841{
height: 2.5vh;
width: 400%;
margin-left: -150%;
margin-top: 0px;
background: ;
float: top;
display: flex;
align-items: center;
justify-content: center;
}
#b842{
height: 2.5vh;
width: auto;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 2vh;
font-weight: bold;
color: rgba( 160,160,160);
}
#b842:hover{
color: white;
}
#b8421{
height: 2.5vh;
width: auto;
margin-left: ;
margin-top: ;
background: ;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-family: arial;
font-size: 2vh;
color: rgba( 160,160,160);
}
#b843{
height: 9vh;
width: 9vh;
border-radius: 2vh;
overflow: hidden;
margin-top: -20vh;
box-shadow: 0px 0px 0.5vh 0.5vh rgba( 100,100,100);
}
#b843:hover{
box-shadow: 0px 0px 0.5vh 0.5vh rgba( 200,200,200);
}
#b844{
height: 4vh;
width: 100%;
margin-top: 5vh;
background: linear-gradient(to top, black 10%,rgba(50,50,50,0) 100%);
float: top;
align-items: center;
justify-content: center;
}
#b845{
height: 2vh;
width: 100%;
margin-top: 2vh;
background: ;
float: top;
align-items: center;
justify-content: center;
color: white;
font-family: arial;
font-size: 1.7vh;
font-weight: bold;
position: relative;
}
#b846{
width: 100%;
height: 6vh;
position: absolute;
background: linear-gradient(to bottom, black 0%,rgba(50,50,50,0) 100%);
float: left;
position: fixed;
top: 32vh;
}
#b847{
width: 100%;
height: 32vh;
background: ;
float: left;
}
#b848{
width: 96%;
margin-left: 2%;
background: ;
height: ;
overflow: scroll;
color: white;
font-family: arial;
text-align: center;
font-size: 1.8vh;
font-weight: bold;
line-height: 1.6;
z-index: -1;
}
#b849{
height: 2.2vh;
width: 100%;
margin-top: 0.5vh;
float: top;
display: flex;
align-items: center;
text-align: center;
overflow: hidden;
}
#b850{
height: 1.7vh;
width: auto;
margin-top: 0.2vh;
padding-left: 0.2vh;
padding-right: 0.2vh;
border-radius: 0.3vh;
background: rgb(0,215,226);
float: left;
display: flex;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 1.5vh;
color: rgba(20,20,20);
white-space: nowrap;
overflow:scroll;
}
#b851{
height: 2.2vh;
width: 70%;
float: left;
display: flex;
margin-left: 1vh;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 1.8vh;
color: rgba(200,200,200);
overflow:hidden;
}
#b852{
height: 5vh;
width: 98%;
margin-left: 1%;
margin-top: 2vh;
display: flex;
justify-content: center;
background: ;
float: left;
overflow: hidden;
}
#b853{
height: 4vh;
width: 4vh;
margin-left: 1vh;
background: rgba(80,80,80);
float: left;
border-radius: 0.5vh;
border: 0.2vh solid rgba(120,120,120,0);
text-align: center;
justify-content: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 2vh;
color: white;
text-decoration: none;
}
#b853:hover{
border: 0.2vh solid rgb(200,200,200);
background: rgba(100,100,100);
}
#b854{
width: 100%;
height: 30vh;
background: ;
float: top;
overflow: hidden;
position: absolute;
top: 0;
}
#b8541{
width: 100%;
height: 30vh;
background: ;
float: top;
overflow: hidden;
}
#b8542{
width: 100%;
height: 30vh;
background: rgba(0,0,0,0.3);
float: top;
overflow: hidden;
position: absolute;
top: 0;
}
#b855{
width: 90%;
margin-left: 5%;
height: 30vh;
background: ;
float: top;
}
#b856{
width: 50vh;
margin-left: -25vh;
left: 50%;
top: 0;
height: 30vh;
background: ;
float: top;
position: absolute;
}
#b857{
width: 100%;
height: 3vh;
margin-top: 1vh;
background: ;
float: top;
}
#b858{
width: 1.5vh;
height: 1.5vh;
margin-top: 0.75vh;
margin-left: 1.75vh;
background: ;
float: left;
}
#b859{
width: auto;
height: 1.5vh;
margin-top: 0.75vh;
margin-left: 0.75vh;
background: ;
float: left;
color: rgb( 160,160,160);
font-weight: bold;
font-size: 1.5vh;
text-align: center;
justify-content: center;
display: flex;
align-items: center;
}
#b860{
width: 2.5vh;
height: 1.5vh;
margin-top: 0.75vh;
margin-right: 1.75vh;
background: ;
float: right;
}
#b861{
width: 22vh;
height: 1.5vh;
margin-top: 0.75vh;
margin-right: 0.75vh;
background: ;
float: right;
color: rgb( 160,160,160);
font-weight: bold;
font-size: 1.5vh;
text-align: center;
justify-content: right;
display: flex;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
#b862{
width: 98%;
height: 4vh;
margin-left: 1%;
float: left;
}
#b863{
width: 80%;
margin-left: 0.5vh;
background: rgba( 255,255,255,0);
height: 4vh;
float: left;
color: rgba( 255,255,255);
font-size: 3vh;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b864{
width: 20vh;
height: 25vh;
margin-left: 0.5vh;
margin-right: 0.5vh;
margin-top: ;
display: inline-block;
background: ;
white-space: normal;
border-radius: 2.3vh;
border: 0.4vh solid rgba( 100, 100, 100, 0);
}
#b864:hover{
border: 0.4vh solid rgb( 200, 200, 200);
}
#b865{
width: 20vh;
height: 20vh;
background: url(Bilder/noimage.jpg);
float: top;
border-radius: 2vh 2vh 0vh 0vh;
}
#b866{
width: 19vh;
height: 5vh;
padding-right: 0.5vh;
padding-left: 0.5vh;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 1.5vh;
color: white;
text-align: center;
justify-content: center;
overflow: scroll;
white-space: normal;
background: ;
border-radius: 0vh 0vh 2vh 2vh;
}
#b867{
width: 100%;
height: 26vh;
margin-top: ;
padding-left: 1%;
color: white;
overflow: hidden;
box-sizing: border-box;
float: left;
}
#b868{
width: auto;
height: 26vh;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: border-box;
display: flex;
justify-content: top;
align-items: top;
}
#b869{
margin-left: 1%;
margin-top: ;
height:auto;
width: 98%;
background: ;
float: left;
}
#b870{
font-weight: bold;
font-size: 1.8vh;
font-family: Arial;
margin-left: 0.5vh;
height:auto;
width: 95%;
overflow:hidden;
background: ;
color: rgba( 200,200,200);
float: left;
}
#b871{
height:20vh;
width: 98%;
margin-left: 1%;
background: ;
color: white;
position: absolute;
left: 0;
top: 9vh;
font-weight: 900;
font-size: 6vh;
font-family: Arial;
display: flex;
align-items: end;
text-align: left;
justify-content: ;
line-height: 95%;
text-shadow: 0.5vh 0.5vh 0.5vh black;
}
#b872{
width: 20vh;
height: 25vh;
display: inline-block;
background: rgba(40,40,40);
border-radius: 2vh;
overflow: hidden;
margin-left: 2vh;
}
#b872:hover{
background: rgba(200,200,200);
}
#b873{
width: 20vh;
height: 20vh;
background: url(Bilder/noimage.jpg);
float: left;
border-radius: 0vh 0vh 2vh 2vh;
}
#b874{
width: 20vh;
height: 5vh;
background: ;
float: left;
display: flex;
align-items: center;
box-sizing: content-box;
justify-content: center;
text-align: center;
color: white;
font-size: 1.5vh;
font-weight: bold;
white-space: normal;
overflow: auto;
}
#b875{
width: 20vh;
height: 8vh;
margin-top: 12vh;
background: linear-gradient(to top, rgba(60,60,60,0.9) 70%,rgba(100,100,100,0) 100%);
float: left;
}
#b876{
width: 95%;
height: 3vh;
margin-top: 2vh;
margin-left: 2.5%;
background: ;
float: top;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
font-size: 1.7vh;
font-weight: bold;
white-space: normal;
overflow: auto;
line-height: 95%;
}
#b877{
width: 20vh;
height: 25vh;
display: inline-block;
background: rgba(40,40,40,0);
border-radius: 1vh;
margin-left: 2vh;
overflow: hidden;
text-overflow: ellipsis;
}
#b8771{
width: 20vh;
height: 27.5vh;
display: inline-block;
background: rgba(40,40,40,0);
border-radius: 1vh;
margin-left: 2vh;
overflow: hidden;
text-overflow: ellipsis;
}
.b8771{
width: 20vh;
height: 27.5vh;
display: inline-block;
background: rgba(40,40,40,0);
border-radius: 1vh;
margin-left: 2vh;
overflow: hidden;
text-overflow: ellipsis;
}
#b878{
width: 20vh;
height: 20vh;
background: url(Bilder/noimage.jpg);
background-size: cover;
float: left;
border-radius: 0vh 0vh 1vh 1vh;
overflow: hidden;
}
#b879{
width: 20vh;
margin-top: 0.5vh;
height: 2.2vh;
background: ;
float: top;
display: ;
align-items: center;
box-sizing: content-box;
justify-content: left;
text-align: left;
color: white;
font-size: 1.6vh;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#b8791{
width: 20vh;
margin-top: 0.5vh;
height: 2.2vh;
background: ;
float: top;
display: ;
align-items: center;
box-sizing: content-box;
justify-content: left;
text-align: left;
color: white;
font-size: 1.6vh;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#b880{
width: 20vh;
height: 5vh;
background: ;
float: left;
overflow: hidden;
text-overflow: ellipsis;
}
#b8801{
width: 20vh;
height: 7.5vh;
background: ;
float: left;
overflow: hidden;
text-overflow: ellipsis;
}
#b881{
background: linear-gradient(to top, rgba(20,20,20,0.8) 12vh,rgba(20,20,20,0) 100%);
height: 14vh;
position: fixed;
bottom: 10.5vh;
left:;
width: 100%;
margin-left: ;
z-index:2;
display: none;
}
.b882{
background-color: rgb(60,60,60);
border-radius: 2vh;
height: 9vh;
position: fixed;
bottom: 13.5vh;
left:;
width: 98%;
margin-left: 1%;
z-index:2;
overflow: hidden;
display: none;
box-shadow: 0px 0px 1.5vh 1.5vh rgba(20,20,20);
}
#b883{
background: url(Bilder/noimage.jpg);
border-radius: 1.5vh;
height: 9vh;
width: 9vh;
position: ;
display: ;
float: left;
}
#b884{
background-color: ;
height: 8vh;
width: 65%;
margin-top: 0.5vh;
margin-left: 1.5vh;
float: left;
overflow: hidden;
}
#b885{
background-color: ;
height: 3vh;
width: 100%;
margin-top: 1vh;
margin-left: ;
float: top;
align-items: center;
color: white;
font-size: 2vh;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#b886b{
height: 2vh;
width: 2vh;
margin-right: 2.5vh;
margin-top: 2.5vh;
float: right;
background-image: url(Bilder/next.png);
background-size: cover;
}
.b886{
height: 3vh;
width: 3vh;
margin-right: 3vh;
margin-top: 3vh;
float: right;
background-image: url(Bilder/pause3.png);
background-size: cover;
}
.b887{
}
#b888{
background: ;
height: 8vh;
width: 100%;
margin-top: 1vh;
margin-left: ;
float: top;
overflow: hidden;
display: ;
}
#b8881{
background: linear-gradient(to top, rgba(255,255,255,0.1) 0%,rgba(60,60,60,0) 100%);
height: 10vh;
width: 100%;
margin-top: 0vh;
margin-left: ;
float: top;
overflow: hidden;
display: ;
}
#b889{
background: ;
height: 5vh;
width: 100%;
margin-top: 0vh;
margin-left: ;
float: top;
overflow: hidden;
display: ;
}
#b890{
background: url(Bilder/noimage.jpg);
height: 8vh;
width: 8vh;
margin-top: ;
margin-left: 1vh;
float: left;
overflow: hidden;
display: ;
border-radius: 1vh;
background-size: cover;
}
#b891{
background: ;
height: 8vh;
width: 70%;
margin-top: ;
margin-left: 1.5vh;
float: left;
overflow: hidden;
display: ;
}
#b892{
background: ;
height: 3.5vh;
width: 100%;
margin-top: ;
margin-left: ;
float: top;
align-items: center;
color: white;
font-size: 2vh;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#b893{
background-size: cover;
background-repeat: no-repeat;
height: 3vh;
width: 3vh;
margin-top: 0.7vh;
margin-left: 2vh;
float: left;
overflow: hidden;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
#b894{
background: ;
height: 3vh;
width: 70%;
margin-top: 1vh;
margin-left: 1vh;
float: left;
overflow: hidden;
display: flex;
align-items: center;
text-align: center;
color: white;
font-size: 1.8vh;
font-weight: bold;
}
#b895{
height: 2.5vh;
width: 2.5vh;
margin-right: 0vh;
background-image: url(Bilder/musicplaying.gif);
background-size: 90%;
background-repeat: no-repeat;
float: left;
display: flex;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 2vh;
color: white;
white-space: nowrap;
overflow:scroll;
}
#b896{
height: 24vh;
width: 45vh;
margin-left: 3vh;
margin-top: 3vh;
background: ;
border-radius: 2vh;
overflow: hidden;
float: left;
}
#b897{
height: 4vh;
width: 32vh;
margin-left: 0vh;
margin-top: 0vh;
background: rgba(0,0,0,0.4);
border-radius: 0vh 0vh 2vh 0vh;
overflow: hidden;
font-size: 3vh;
font-weight: bold;
color: white;
display: flex;
align-items: center;
text-align: center;
float: top;
}
#b898{
height: 2.5vh;
width: 2.5vh;
margin-left: 1vh;
margin-top: 0vh;
margin-right: 0.75vh;
background: url(Bilder/aalogo/9.png);
background-size: cover;
border-radius: 0vh;
overflow: hidden;
float: left;
}
#b899{
height: 12vh;
width: 30vh;
margin-left: 15vh;
margin-top: 2vh;
background: ;
border-radius: 1vh 0vh 0vh 1vh;
overflow: hidden;
float: top;
}
#b900{
height: 5vh;
width: 12vh;
margin-left: 0vh;
margin-top: 1vh;
background: rgba(0,0,0,0.4);
border-radius: 0vh 2vh 0vh 0vh;
overflow: hidden;
font-size: 4vh;
font-weight: bold;
color: white;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
float: top;
}
#b901{
height: 4vh;
width: 100%;
margin-left: 0vh;
margin-top: 0vh;
background: ;
border-radius: 0vh 0vh 0vh 0vh;
overflow: hidden;
font-size: 3vh;
font-weight: bold;
color: white;
float: top;
}
#b902{
height: 4vh;
width: 4vh;
margin-left: 0vh;
margin-top: 0vh;
background: ;
border-radius: 0vh 0vh 0vh 0vh;
overflow: hidden;
font-size: 3vh;
font-weight: bold;
color: white;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
float: right;
}
#b903{
height: 4vh;
width: 12vh;
margin-left: 0vh;
margin-top: 0vh;
background: rgba(0,0,0,0.6);
border-radius: 1vh 0vh 0vh 1vh;
overflow: hidden;
font-size: 3vh;
font-weight: bold;
color: white;
float: right;
}
#b904{
height: 2vh;
width: auto;
margin-right: 0.5vh;
margin-top: 0vh;
background: ;
border-radius: 0vh 0vh 0vh 0vh;
overflow: hidden;
font-size: 1.2vh;
font-weight: bold;
color: white;
display: flex;
align-items: center;
justify-content: right;
float: top;
}
#b905{
height: 100%;
width: 100%;
position: fixed;
top: 0;
background: rgba(20,20,20);
}
#b906{
height: 100%;
width: 100%;
position: fixed;
bottom: 0;
background: linear-gradient(to top, rgba(0,142,150,0.4) 0%,rgba(0,142,150,0.1) 100%);
}
#b907{
height: 5vh;
width: 15vh;
top: 50%;
margin-top: -2.5vh;
left: 50%;
margin-left: -7.5vh;
position: absolute;
background: rgba(0,142,150,0.5);
border-radius: 1vh;
color: white;
font-size: 2vh;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
#b907:hover{
background: white;
color: black;
}
#b908{
height: 100%;
width: 100%;
position: absolute;
background: rgba(0,0,0,0);
color: white;
font-size: 2vh;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
#b909{
height: 15vh;
width: 15vh;
top: 50%;
margin-top: -7.5vh;
left: 50%;
margin-left: -7.5vh;
position: fixed;
background: url(Bilder/aalogo/3.png);
background-size: cover;
}
.b910{
height: 5vh;
width: 5vh;
margin-right: 2vh;
margin-top: 2vh;
background: url(Bilder/options.png);
background-size: cover;
float: right;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 1.5vh;
color: white;
overflow: hidden;
}
#b911{
height: 5vh;
width: 5vh;
margin-bottom: -10vh;
margin-left: 2.5vh;
background: rgb(20,20,20);
border-radius: 2.5vh;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 2vh;
color: white;
}
#b912{
height: 5vh;
width: 15vh;
top: 50%;
margin-top: -11.8vh;
left: 50%;
margin-left: -7.5vh;
position: fixed;
background: rgba(255,255,255);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 2vh;
color: black;
border-radius: 1vh;
}
#b912:hover{
background: rgba(0,142,150);
}
#b913{
height: 100vh;
width: 100vh;
top: 50%;
margin-top: -54.6vh;
left: 50%;
margin-left: -48vh;
position: fixed;
background: url(Bilder/aalogo/9.png);
background-size: cover;
opacity: 0.05;
}
#b914{
width: 96%;
height: 8vh;
margin-left: 2%;
margin-top: 3vh;
background: rgb( 35,35,35);
float: left;
color: rgb( 150,150,150);
font-size: 1.5vh;
font-family: arial;
font-weight: ;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 2vh;
}
#b914:hover{
color: white;
}
#b915{
width: 80%;
height: 8vh;
float: left;
font-size: 1.5vh;
font-family: arial;
font-weight: bold;
text-align: center;
align-items: center;
justify-content: center;
}
#b916{
width: 100%;
height: 100%;
margin-left: ;
bottom: 0vh;
background: rgba(60,60,60,0.98);
border-radius: 1vh 1vh 0vh 0vh;
z-index: 4;
overflow: hidden;
box-shadow: 0vh 0vh 1.5vh 1.5vh rgba(20,20,20);
}
#b9161{
width: 98%;
height: 54vh;
margin-left: 1%;
position: fixed;
bottom: 0vh;
background: rgba(60,60,60,0.98);
border-radius: 1vh 1vh 0vh 0vh;
z-index: 3;
overflow: hidden;
box-shadow: 0vh 0vh 1.5vh 1.5vh rgba(20,20,20);
}
#b917{
width: 100%;
height: 2vh;
float: top;
background: ;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
#b918{
width: 100%;
height: 9vh;
margin-top: 1vh;
float: top;
background: ;
border-bottom: 0.3vh solid rgb(80,80,80)
}
#b919{
width: 5vh;
height: 0.4vh;
float: top;
background: rgb(180,180,180);
border-radius: 0.2vh;
}
#b920{
width: 8vh;
height: 8vh;
float: left;
margin-left: 1vh;
background: rgb(180,180,180);
border-radius: 2vh;
overflow: hidden;
}
#b921{
width: 68%;
height: 10vh;
float: left;
margin-left: 1vh;
background: ;
}
#b922{
width: 100%;
height: 2.5vh;
float: top;
margin-left: ;
background: ;
align-items: center;
font-weight: bold;
font-size: 2vh;
color: white;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#b923{
width: 100%;
height: 100vh;
position: fixed;
background: ;
top: 0vh;
}
#b924{
width: 100%;
height: 15vh;
background: linear-gradient(to bottom, rgba( 0,53,53) 50%,rgba( 0,0,0,0) 100%);
float: left;
}
#b925{
width: 5vh;
height: 5vh;
background: ;
margin-left: 2vh;
margin-top: 2vh;
float: left;
border-radius: 2.5vh;
}
#b926{
width: 70%;
height: 10vh;
margin-left: 1vh;
margin-top: 2.5vh;
background: ;
float: left;
}
#b927{
width: 100%;
height: 4vh;
background: ;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 4vh;
color: white;
}
#b928{
width: 8vh;
height: 4vh;
background: rgba(255,255,255,0.3);
margin-right: 2vh;
margin-top: 2vh;
border-radius: 1vh;
color: white;
font-size: 2vh;
font-weight: bold;
float: right;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
#b928:hover{
background: rgba(255,255,255);
color: black;
}
#b929{
width: 3vh;
height: 3vh;
background: url(Bilder/settings.png);
background-size: cover;
margin-right: 3vh;
margin-top: 3vh;
float: right;
}
#b930{
width: 4vh;
height: 4vh;
float: left;
margin-left: 1vh;
background: rgb(180,180,180);
border-radius: 2vh;
overflow: hidden;
}
#b931{
width: 68%;
height: 4vh;
float: left;
margin-left: 1vh;
background: ;
display: flex;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 3vh;
color: white;
}
#b932{
width: 100%;
height: 5vh;
margin-top: 1vh;
float: top;
background: ;
border-bottom: 0.3vh solid rgb(80,80,80)
}
#b933{
height: 100%;
width: 100%;
background: ;
text-align:right;
float: left;
font-size: ;
display: flex;
align-items: center;
text-align: center;
}
#b934{
height: 2vh;
width: 2vh;
margin-top: -0.4vh;
background-image: url(Bilder/musicplaying.gif);
background-size: 90%;
background-repeat: no-repeat;
float: left;
display: flex;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 2vh;
color: white;
white-space: nowrap;
overflow:scroll;
}
.b935{
background-color: rgba(20,20,20,0.98);
height: 8vh;
position: fixed;
bottom: -0.1vh;
left:;
width: 100%;
z-index:2;
display: table;
}
#b936{
height:8vh;
width: 0.001%;
background:;
display: table-cell;
color: rgba(180,180,180);
}
#b937{
height:8vh;
width: 100%;
background: ;
margin-top: 2vh;
position:relative;
}
#b938{
height:3.5vh;
width: 3.5vh;
background: ;
left: 50%;
margin-left: -1.75vh;
position:relative;
float:top;
}
#b939{
height: 4vh;
width: 10vh;
background: ;
left: 50%;
margin-left: -5vh;
margin-top: -0.75vh;
position:relative;
float:top;
font-size: 1.3vh;
font-weight: bold;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.b940{
background-color: rgb(50,50,50);
border-radius: 1vh;
height: 7vh;
position: fixed;
bottom: 10vh;
left:;
width: 98%;
margin-left: 1%;
z-index:2;
overflow: hidden;
display: none;
box-shadow: 0px 0px 1.5vh 1.5vh rgba(20,20,20);
}
#b940{
height: 100%;
width: 100%;
float: top;
}
#b9401{
height: 7vh;
width: 100%;
float: top;
border-bottom: 0.3vh solid rgba(255,255,255,0.2);
}
#b941{
background: url(Bilder/noimage.jpg);
border-radius: 0.5vh;
height: 6vh;
width: 6vh;
margin-left: 0.5vh;
margin-top: 0.5vh;
position: ;
display: ;
float: left;
overflow: hidden;
}
#b942{
background-color: ;
height: 6vh;
width: 65%;
margin-top: 0.5vh;
margin-left: 1.5vh;
float: left;
overflow: hidden;
}
#b943{
background-color: ;
height: 2.5vh;
width: 100%;
margin-top: 0.5vh;
margin-left: ;
float: top;
align-items: center;
color: white;
font-size: 2vh;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.b944{
height: 3vh;
width: 3vh;
margin-right: 2vh;
margin-top: 2vh;
float: right;
background-image: url(Bilder/pause3.png);
background-size: cover;
}
#b945{
height: 8vh;
width: 98%;
margin-top: 1vh;
margin-left: 1%;
background: ;
float: left;
border-radius: 15px;
}
.b945{
height: 8vh;
width: 98%;
margin-top: 1vh;
margin-left: 1%;
background: ;
float: left;
border-radius: 15px;
}
#b946{
height: 7vh;
width: 7vh;
margin-left: 0.5vh;
margin-top: 0.5vh;
background: url(Bilder/noimage.jpg);
background-size: cover;
float: left;
border-radius: 1vh;
overflow: hidden;
}
#b947{
height: 7vh;
width: 60%;
margin-left: 1vh;
margin-top: 0.5vh;
background: ;
float: left;
}
#b948{
height: 2.5vh;
width: 100%;
margin-top: 1vh;
background: ;
float: top;
align-items: center;
text-align: left;
font-weight: bold;
font-size: 2vh;
color: white;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#b949{
height: 2.5vh;
width: 100%;
margin-top: 0.5;
background: ;
float: top;
align-items: center;
text-align: left;
font-weight: bold;
font-size: 1.8vh;
color: rgba(200,200,200);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#b9491{
height: 2.5vh;
width: 100%;
margin-top: 0.5;
background: ;
float: top;
align-items: center;
text-align: left;
font-weight: bold;
font-size: 1.8vh;
color: rgba(200,200,200);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#b849{
height: 2.2vh;
width: 100%;
margin-top: 0.5vh;
float: top;
display: flex;
align-items: center;
text-align: center;
overflow: hidden;
}
#b950{
height: 5vh;
width: 5vh;
margin-right: 1.5vh;
margin-top: 1.5vh;
background: ;
background-size: cover;
float: right;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 1.5vh;
color: white;
overflow: hidden;
}
.b950{
height: 5vh;
width: 5vh;
margin-right: 1.5vh;
margin-top: 1.5vh;
background: url(Bilder/options.png);
background-size: cover;
float: right;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 1.5vh;
color: white;
overflow: hidden;
}
#b951{
height: 5vh;
width: 98%;
margin-left: 1%;
margin-top: 2vh;
margin-bottom: 1vh;
background: ;
float: left;
overflow: hidden;
border-radius: 1vh;
}
#b952{
height: 5vh;
width: 100%;
margin-left: 0.5vh;
background: rgba(80,80,80);
float: left;
text-align: center;
font-weight: ;
font-size: 2.5vh;
float: left;
font-family: Arial;
border-radius: 1vh 0vh 0vh 1vh;
}
#b953{
height: 3vh;
width: 3vh;
margin-left: 1vh;
background: url(Bilder/search63.png);
background-size: cover;
float: left;
}
#b954{
width: 98%;
height: 4vh;
margin-left: 1%;
margin-top: 1vh;
float: left;
}
#b955{
width: 100%;
height: 100%;
margin-left: 0.5vh;
float: left;
color: rgba( 255,255,255);
font-size: 3vh;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b956{
width: 98%;
margin-left: 1%;
margin-top: 4vh;
height: 4vh;
float: left;
color: rgba( 255,255,255);
margin-bottom: 2vh;
background: ;
}
#b957{
width: 3.5vh;
height: 3.5vh;
margin-left: 0.5vh;
margin-top: 0.5vh;
float: left;
}
#b958{
width: auto;
margin-top: 0px;
margin-left: 1vh;
background: ;
height: 4vh;
float: left;
color: rgba( 255,255,255);
font-size: 3vh;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
}
#b959{
width: 2vh;
height: 2vh;
margin-right: 1vh;
margin-top: 1vh;
float: right;
}
#b960{
width: 10vh;
height: 3vh;
margin-right: 0vh;
margin-top: 0.5vh;
background: ;
float: right;
font-size: 1.5vh;
font-family: arial;
font-weight: bold;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
color: rgb(180,180,180);
}
#b961{
width: 20vh;
height: 25vh;
margin-left: 0.5vh;
margin-right: 1vh;
margin-top: ;
display: inline-block;
background: ;
white-space: normal;
border-radius: 2.3vh;
}
#b962{
width: 20vh;
height: 20vh;
background: url(Bilder/noimage.jpg);
float: top;
border-radius: 2vh 2vh 0vh 0vh;
}
#b963{
width: 19vh;
height: 5vh;
padding-right: 0.5vh;
padding-left: 0.5vh;
float: top;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
font-size: 1.5vh;
color: white;
text-align: center;
justify-content: center;
overflow: scroll;
white-space: normal;
background: ;
border-radius: 0vh 0vh 2vh 2vh;
}
#b964{
width: 90%;
height: 5vh;
margin-left: 1vh;
background: ;
float: top;
overflow-y: auto;
overflow-x: hidden;
}
#b965{
width: 100%;
height: 5vh;
background: ;
float: top;
}
#b966{
width: 4vh;
height: 4vh;
margin-top: 0.5vh;
margin-left: 0.5vh;
background: ;
float: left;
border-radius: 0.5vh;
overflow: hidden;
}
#b967{
width: 75%;
height: 4vh;
margin-top: 0.5vh;
margin-left: 1vh;
background: ;
float: left;
font-weight: bold;
font-size: 1.8vh;
color: white;
display: flex;
text-align: center;
align-items: center;
}
#b968{
width: 100%;
height: 5vh;
margin-left: 0.5vh;
margin-top: 0.5vh;
background: ;
float: top;
font-weight: bold;
font-size: 2vh;
color: white;
display: flex;
text-align: center;
align-items: center;
}
#b969{
width: 96%;
height: 3.4vh;
margin-left: 2%;
padding-top: 1.6vh;
top: 2vh;
position: fixed;
background: rgb(54,104,55);
font-weight: bold;
font-size: 1.8vh;
color: white;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border-radius: 1vh;
box-shadow: 0vh 0vh 1.5vh 1.5vh rgba(20,20,20);
z-index: 502;
}
#b970{
width: 100%;
height: 4vh;
margin-top: 1vh;
color: white;
overflow: hidden;
box-sizing: content-box;
float: left;
}
#b971{
width: auto;
height: 4vh;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
box-sizing: content-box;
background: ;
}
#b972{
width: 8vh;
height: 3vh;
padding-top: 1vh;
display: inline-block;
background: rgba(80,80,80);
border-radius: 1vh;
margin-left: 1vh;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
font-size: 1.8vh;
color: white;
text-align: center;
align-items: center;
justify-content: center;
}
#b972:hover{
background: rgba(100,100,100);
}
.b973{
width: 100%;
height: 5vh;
float: top;
background: rgb(60,60,60);
border-radius: 1vh;
margin-bottom: 1vh;
}
#b974{
width: 3.5vh;
height: 5vh;
float: left;
font-weight: bold;
font-size: 1.8vh;
color: white;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
#b975{
width: 4.5vh;
height: 4.5vh;
margin-top: 0.25vh;
float: left;
border-radius: 0.5vh;
overflow: hidden;
}
#b976{
width: 70%;
height: 5vh;
float: left;
margin-left: 1vh;
}
#b977{
width: 100%;
height: 2vh;
float: top;
margin-top: 0.5vh;
font-weight: bold;
font-size: 1.8vh;
color: white;
text-align: left;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#b978{
width: 100%;
height: 2vh;
float: top;
font-weight: bold;
font-size: 1.5vh;
color: rgb(200,200,200);
text-align: left;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#b979{
width: 40vh;
height: 100vh;
margin-top: 0vh;
margin-left: 1vh;
margin-right: 1vh;
display: inline-block;
}
#b980{
width: 39vh;
height: 4vh;
margin-bottom: 1vh;
background: rgb(200,200,200);
padding-left: 1vh;
float: top;
font-weight: bold;
font-size: 1.8vh;
color: black;
display: flex;
text-align: center;
align-items: center;
border-radius: 1vh;
}
#b981{
width: 100%;
height: 100vh;
margin-top: 2vh;
color: white;
overflow: hidden;
box-sizing: border-box;
float: left;
}
#b982{
width: auto;
height: 100vh;
overflow-x: scroll;
overflow-y: hidden;
box-sizing: border-box;
white-space: nowrap;
display: flex;
justify-content: top;
align-items: top;
}
#b983{
width: 100%;
height: 100%;
position: fixed;
top: 0;
background: rgba(0,0,0,0.7);
z-index: 1001;
}
#b984{
width: 40vh;
height: 20vh;
position: fixed;
top: 50%;
left: 50%;
margin-top: -10vh;
margin-left: -20vh;
background: rgba(60,60,60);
border-radius: 1vh;
box-shadow: 0vh 0vh 1.5vh 1.5vh rgba(20,20,20);
z-index: 1002;
}
#b985{
width: 80%;
height: 4vh;
float: left;
background: rgb(120,120,120);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 2.2vh;
color: white;
border-radius: 1vh;
border: none;
}
#b985::placeholder {
color: rgb(200,200,200);
}
#b986{
width: 100%;
height: 3vh;
float: top;
margin-top: 1.75vh;
background: ;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 2vh;
color: rgb(200,200,200);
}
#b987{
width: 100%;
height: 4vh;
float: top;
margin-top: 2.25vh;
background: ;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
#b988{
width: 34%;
height: 4vh;
float: top;
margin-top: 2.5vh;
margin-left: 33%;
background: rgb(52,127,71);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
font-size: 1.6vh;
color: white;
border-radius: 1vh;
}
.b989{
position: fixed;
width: 100%;
height: 100%;
top: 0vh;
background: rgb(20,20,20);
z-index: 20;
}
#b990{
position: fixed;
width: 40vh;
height: 40vh;
left: 50%;
top: 15vh;
margin-left: -20vh;
background: url(Bilder/noimage.jpg);
background-size: cover;
}
#b991{
position: fixed;
width: 96%;
margin-left: 2%;
height: 4vh;
top: 58vh;
text-align: center;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
font-size: 2.7vh;
color: white;
background: rgba(255,255,255,0);
}
.b992{
position: fixed;
width: 10vh;
left: 50%;
margin-left: -5vh;
height: 10vh;
top: 70vh;
background: rgba(255,255,255,0.2);
}
#b993{
position: fixed;
width: 4vh;
left: 50%;
margin-left: -15vh;
height: 4vh;
top: 73vh;
background: rgba(255,255,255,0.2);
}
#b994{
position: fixed;
width: 3vh;
height: 3vh;
left: 3vh;
top: 2.5vh;
background: url(Bilder/lower.png);
background-size: cover;
}
#b995{
position: fixed;
width: 6vh;
height: 6vh;
right: 1vh;
top: 1vh;
background: url(Bilder/options.png);
background-size: cover;
}
#search{
position: absolute;
width: 100%;
height: 100%;
background: ;
top: 0vh;
overflow: scroll;
}
#searchInput{
font-size:2.5vh;
float:left;
margin-left: ;
width: 80%;
background: rgba(80,80,80);
color:rgba(200,200,200);
border: none;
border-radius: 0vh;
}
.z001{
}
#contentB {
}
#player {
width: 1px;
height: 1px;
margin-bottom: 0px;
}
#youtubePlayer {
}
#z004{
position: fixed;
bottom: 13.5vh;
width: 98%;
margin-left: 1%;
height: 50vh;
background: green;
background-color: rgba(60,60,60,0.97);
border-radius: 1.5vh;
overflow: hidden;
box-shadow: 0px 0px 1.5vh 1.5vh rgba(20,20,20);
z-index:41;
}
#songoptions{
position: fixed;
bottom: 13.5vh;
width: 98%;
margin-left: 1%;
height: 50vh;
background: green;
background-color: rgba(60,60,60,0.97);
border-radius: 1.5vh;
overflow: hidden;
box-shadow: 0px 0px 1.5vh 1.5vh rgba(20,20,20);
z-index:41;
}
#songoptions2{
position: fixed;
bottom: 13.5vh;
width: 98%;
margin-left: 1%;
height: 50vh;
background: green;
background-color: rgba(60,60,60,0.97);
border-radius: 1.5vh;
overflow: hidden;
box-shadow: 0px 0px 1.5vh 1.5vh rgba(20,20,20);
z-index:41;
}
#p{
vertical-align: bottom;
}
#p1{
color: grey;
margin-right: 15px;
}
#info002{
color: rgb(200,200,200);
height: 2vh;
float: left;
margin-top: 10vh;
width: 100%;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
font-size: 2vh;
font-weight: bold;
}
#info003{
color: rgb(200,200,200);
height: 2vh;
float: left;
margin-top: 10vh;
width: 100%;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
font-size: 2vh;
font-weight: bold;
}
#ylage{
color: white;
}
.greensquare{
width: 100px;
height: 100px;
float: left;
display: flex;
background: green;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.arrow {
width: 6vmin;
height: 6vmin;
box-sizing: border-box;
left: 50%;
top: 50%;
transform: rotate(-135deg);
&::before {
content: '';
width: 100%;
height: 100%;
border-width: .5vmin .5vmin 0 0;
border-style: solid;
border-color: rgb(180, 180, 180);
transition: .2s ease;
display: block;
transform-origin: 100% 0;
}
}
div.arrow:hover {
width: 6vmin;
height: 6vmin;
box-sizing: border-box;
left: 50%;
top: 50%;
transform: rotate(-135deg);
&::before {
content: '';
width: 100%;
height: 100%;
border-width: .6vmin .6vmin 0 0;
border-style: solid;
border-color: white;
transition: .2s ease;
display: block;
transform-origin: 100% 0;
}
}
a.one{
text-decoration: none;
color: white;
}
a.one:hover{
text-decoration: none;
color: rgba( 0,141,188);
}