@font-face {
	font-family: 'Invasion2000';
    	src: local('Invasion2000'), 
		url('../fonts/INVASION2000.TTF') format('ttf'),
		url('../fonts/INVASION2000.woff') format('woff');
}
html {
    height: 100%;
    width: 100%;
    margin: 0;
}
a:link {
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;
}
a:visited {
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: #ffffff;
    background-color: transparent;
    text-decoration: underline;
}
a:active {
    color: #ffffff;
    background-color: transparent;
    text-decoration: underline;
}
.overflowscroll{
    overflow: scroll;
}
body {
    color: white;
    background-color: #000000;
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0;
    /*min-width: 580px;*/
}
body::-webkit-scrollbar{
    width: 0;
}
.cursor{
    cursor: pointer;
}
.hidden {
    display: none;
}
.text {
    resize: none;
}
#hauptseite{
    touch-action: manipulation;
}
.elfsight-app-1728954a-7610-41a2-ae9a-995168c75511 {
    margin: 10px;
}
.topbar {
    width: 80%;
    height: 7%;
    border-bottom-style: solid;
    border-bottom-color: white;
    border-bottom-width: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 50px 10% 50px 10%;
}
@media (hover: none) and (orientation: landscape){
    .topbar{
        height: 14%;
    }
}
.logoclass{
    cursor: pointer;
}
.interact {
    display: flex;
    flex-direction: row;
    height: 80px;
    width: 204px;
}
.instaplay {
    font-size: 35px;
    margin-top: 25px;
    padding-right: 37px;
    float: left;
}
.sprechblase {
    cursor: pointer;
    float: right;
    margin-top: 12px;
}
@media (orientation: portrait ){
    /*mobile*/
    .logoclass{
        float: left !important;
    }
    .interact{
        margin-top: 14px;
        float: right !important;
    }
    .instaplay{
        font-size: 38px !important;
        margin-top: 9px !important;
    }
    .sprechblase{
        margin-top: -1px !important;
    }
}
.content {
    height: 70%;
    width: 100%;
    font-family: "Century Gothic", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.setmiddle0{
    display: none;
}
#hallo {
    font-family: 'Invasion2000';
}
.pong {
    width: 100%;
    height: 100%;
    background-color: #000000;
    font-family: 'Invasion2000';
    touch-action: none;
}
.instafeed {
    color: white;
    background-color: #000000;
}
.instacontent{
    padding: 20px 10%;
}
.instafeed::-webkit-scrollbar {
    width: 0px;
}
.kontaktform {
    color: white;
    background-color: #000000;
    justify-content: center;
    font-family: "Century Gothic", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    margin: 0px 10% 0px 10%;
}
.kontaktform::-webkit-scrollbar{
    width: 0;
}
.flex{
    display: flex;
    height: 100%;
    width: 100%;
}
.flex-horizontal{
    flex-direction: row;
    justify-content:space-evenly ;
}
.adresse{
    padding-top: 10%;
    font-size: 28px;
}
.Konpic{
    padding: 20px 0px 20px 20px;
}
.Konimg{
    width: 100%;
}
@media (orientation: portrait){
    /*mobile*/
    .flex-horizontal{
        flex-direction: column;
        justify-content: space-between;
    }
    .Konpic{
        padding: 20px 0px 20px 0px !important;
    }
}
.downbar {
    width: 80%;
    height: 15%;
    border-top-style: solid;
    border-top-color: white;
    border-top-width: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 10px 10% 50px 10%;
}
.db{
    font-family: "Century Gothic", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    font-size: 17px;
}
.downdata{
    padding-right: 85px;
}
.datacont {
    height: 100%;
    color: white;
    background-color: #000000;
    border-bottom-color: white;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    overflow-y: scroll;
    margin: 0px 15%;
}
.datacont::-webkit-scrollbar{
    width: 0;
}
.imprcont {
    height: 100%;
    color: white;
    background-color: #000000;
    border-bottom-color: white;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    overflow-y: scroll;
    margin: 0px 15%;
}
.imprcont::-webkit-scrollbar{
    width: 0;
}
@media (orientation: portrait) {
    /*mobile*/
    .downbar{
        justify-content: center;
        padding: 20px 10% 50px 10% !important;
    }
    .downdata{
        padding-right: 120px !important;
    }
    .db{
        font-size: 30px !important;
    }
    .datacont{
        margin: 0px 10% !important;
    }
    .imprcont{
        margin: 0px 10% !important;
    }
}