html, body {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 100%;
}

body{
	
    background:#000000;
	color:#ffffff;
	font-family: 'opensanssemibold';

}

#preloadimages{
	display:none;
}

#turndevice{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 230px;
	height: 230px;
	margin-top: -115px;
	margin-left: -115px;
	display:none;
}

@font-face {
    font-family: 'opensansbold';
    src: url('OpenSans-Bold.woff2') format('woff2'),
         url('OpenSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'opensanssemibold';
    src: url('OpenSans-Semibold.woff2') format('woff2'),
         url('OpenSans-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'superwelcomeregular';
    src: url('SuperWelcomeRegular.woff2') format('woff2'),
         url('SuperWelcomeRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.background{
	position:absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
    height: 100%;
}

.map-background{
	position:absolute;
	height:100%;
	width:100%;
	display:flex;
	justify-content:center;
	align-items: center;
}

.map-background img{
	height:90%;
	width:auto;
}

.marker{
position:absolute;
cursor: pointer;
z-index:1;
}

.marker img {
width:14dvh;
height:auto;

}

.helper-frame{
	top:0;
	position:absolute;
	height:100dvh;
	width:100dvw;
	border:2px solid #FFFF00;	
	z-index:2000;
	left: 50%;
	transform: translateX(-50%);
	    pointer-events: none;
}


#background-1{
background-image:url("../img/bg_1.png");	
display:none;
}


#background-2{
background-image:url("../img/bg_2.png");	
display:none;
}


#background-3{
background-image:url("../img/bg_3.png");	
display:none;
}

#maingame{
height: 100%;	
}

#gameframe{
width:100%;
height:100%;
border:0;
display:none;
}

.game-page{
height: 100%;
display:none;
}


.flex-end-container{
	height:100%;
	display: flex;
	flex-direction: column;
	position:relative;
	justify-content: flex-end;
}

.flex-start-container{
	height:100%;
	display: flex;
	flex-direction: column;
	position:relative;
	justify-content: flex-start;
}

.space-between-container{
	height:100%;
	display: flex;
	flex-direction: column;
	position:relative;
	justify-content: space-between;
	
}

.space-between-container-center{
	height:100%;
	display: flex;
	flex-direction: column;
	position:relative;
	justify-content: space-between;
	align-items: center;	
}

.window-padding{
	padding-left:8dvw;
	padding-right:8dvw;
		
}

.flex-center{
	display: flex;
	justify-content: center;
}

.flex-center-both{
	display: flex;
	justify-content: center;
	align-items: center;	
}


.flex-center-end{
	display: flex;
	justify-content: flex-end;
	align-items: center;	
}

.divider img{
width:80dvw;
height:auto;	
}


.max-width-60dvh{
	width:100%;
}


.header-orange{
	font-family: 'nexaheavy';
	font-size: 9dvw;
	color:#FFC20C;
	text-shadow: 2px 2px 2px #000000;
	line-height:1;
	padding:2dvw;	
}


.header-white-small{
font-family: 'nexaheavy';
font-size: 7dvw;
color:#FFFFFF;
text-shadow: 2px 2px 2px #000000;
line-height:1;
padding:2dvw;	
}



.header-simple{
font-family: 'superwelcomeregular';
color:#FFFFFF;
font-size: 10dvw;	
	
}

.header-station{
font-family: 'superwelcomeregular';
color:#333139;
font-size: 8dvw;	
	
}

.header-general{
	font-family: 'superwelcomeregular';
	font-size: 8dvw;
	color:#FFFFFF;
	line-height:1;
	padding:2dvw;	
}




#screen-info-message{
font-family: 'superwelcomeregular';
color:#FFFFFF;
font-size: 8dvw;	
}

.detail-info-text{
    font-size: 4.5dvw;
    color: #31313F;
    padding: 4dvw;

}

.station-info-text{
font-size:4.5dvw;	
text-shadow: 2px 2px 2px #000000;
color:#FFFFFF;
padding:2dvw;
}

.highscore-info-text{
font-size:4.5dvw;	
text-shadow: 2px 2px 2px #000000;
color:#FFFFFF;
padding:2dvw;
}

.player-info-text{
font-size:4.5dvw;	
text-shadow: 2px 2px 2px #000000;
color:#FFFFFF;
padding:2dvw;
}


.text-tutorial-text{
font-size:4.5dvw;	
text-shadow: 2px 2px 2px #000000;
color:#FFFFFF;
padding:2dvw;
}

.detail-info-image-text{
font-size:4.5dvw;	
color:#31313F;
padding-bottom:2dvw;
}

.bubble-text{
width:100%;
font-size: 4.5dvw;
color: #000000;
padding: 3dvw;
background: #ffffff;
border-radius: 5dvw;
margin-left: 2dvw;
margin-right: 2dvw;
min-height:15dvw;
position:relative;

}

.bubble-speech{
position:absolute;
height: 100%;
width: 60%;
pointer-events:none;

}

.bubble-none{
border-image:url("../img/bubble-none.svg");	
border-image-slice: 100;
border-image-width: 5dvw;
border-image-outset: 4.8dvw;
}

.bubble-top-left{
border-image:url("../img/bubble-top-left.svg");	
border-image-slice: 100;
border-image-width: 5dvw;
border-image-outset: 4.8dvw;
}

.bubble-top-right{
border-image:url("../img/bubble-top-right.svg");	
border-image-slice: 100;
border-image-width: 5dvw;
border-image-outset: 4.8dvw;
}
.bubble-bottom-left{
border-image:url("../img/bubble-bottom-left.svg");	
border-image-slice: 100;
border-image-width: 5dvw;
border-image-outset: 4.8dvw;
}

.bubble-bottom-right{
border-image:url("../img/bubble-bottom-right.svg");	
border-image-slice: 100;
border-image-width: 5dvw;
border-image-outset: 4.8dvw;
}



.page-menu{
position: absolute;
width: 100%;
z-index:1;
}


.info-background{

width: 100dvw;
min-height:123dvw;

background-size: contain;
background-repeat: no-repeat;
background-position:center;

position:relative;

transition: background-image .5s;

	
}

.info-background-window{
	
width: 100dvw;
min-height:123dvw;

background-image:url("../img/info_background_window.png");	
background-size: contain;
background-repeat: no-repeat;
background-position:center;

position:absolute;

	
	
}

.detail-background{
	
	width: 100dvw;
	min-height:136dvw;
	background-image:url("../img/large_background.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
	position:relative;
	/*border: 1px solid #ff00ff;*/ 
	
}


.highscores-background{
	width: 100dvw;
	min-height:136dvw;
	background-image:url("../img/large_background.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
	position:relative;
	margin-top:1dvw;
	margin-bottom:1dvw;
	
	}


.highscores-trophy{
	
    position: absolute;
    width: 70dvw;
    min-height: 28dvw;
    background-image: url(../img/trophy.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 7dvw;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}


.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}
.modal-header {
	 font-family: 'superwelcomeregular';
	color: #6D191F;
	font-size: 8dvw;
	line-height:1;
	margin-top:8dvw;
}

.window-bottom-header{
	 font-family: 'superwelcomeregular';
	color: #6D191F;
	font-size: 8dvw;
	line-height:1;
	margin-top:9dvw;
	
}

.window-bottom-header-completed{
	color:#396429;
}



.window-header{
	 font-family: 'superwelcomeregular';
	color: #6D191F;
	font-size: 8dvw;
	line-height:1;
}

.detail-info-header{
font-family: 'superwelcomeregular';
    color: #6D191F;
    font-size: 8dvw;
    line-height: 1;
    margin-top: 9dvw;
    padding-left: 8dvw;
    padding-right: 8dvw;
}


.highscores-window-header{
	 font-family: 'superwelcomeregular';
	color: #6D191F;
	font-size: 8dvw;
	line-height:1;	
	padding: 3dvw;


}

#highscores-slide-1{
	background-size: contain;
	background-repeat: no-repeat;
	background-position:top;
}


#highscores-slide-2{
	background-size: contain;
	background-repeat: no-repeat;
	background-position:top;
}

.modal-background{
	width: 100dvw;
	height:75dvw;
	/*aspect from graphic*/ 
	
	background-image:url("../img/modal_bg.png");	
	background-size: contain;
	background-repeat: no-repeat;
	background-position:center;
	margin: auto auto;
	
	/*border: 1px solid #00ff00;*/ 
	
}


.modal-background-animation{
	animation: scaleto1 .2s ease-out;
}

@keyframes scaleto1{
	0%   {transform: scale(0.9);}
	100%  {transform: scale(1);}
}

.player-slide-background{
	
	width: 100dvw;
	min-height:75dvw;
	
	background-image:url("../img/player_slide_bg.png");	
	background-size: contain;
	background-repeat: no-repeat;
	background-position:center;
	position:relative;
	
	/*border: 1px solid #00ff00;*/ 

}

.player-top{
	min-height:15dvw;
}

.modal-content {
	
	height:100%;
	display: flex;
	flex-direction: column;
	position: relative;
	justify-content: space-between;
	text-align:center;
	position:relative;
	font-size:4.5dvw;	
	padding-left:10dvw;
	padding-right:10dvw;
}
.window-bottom-content{
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	justify-content: space-between;
	text-align: center;
	position: relative;
	font-size: 4.5dvw;
	padding-left: 9dvw;
	padding-right: 9dvw;
	
}


.info-content{
	width:100%;
	height:100%;
	display: flex;
	flex-direction: column;
	position: relative;
	justify-content: space-between;
	text-align:center;
	position:absolute;
	font-size:4.5dvw;		
	
}

#info-slide-1{
	left:0;
	
}

#info-slide-2{
	left:0;
}

.pagination-blocker{
	
	height:3dvw;
	
	}

.info-arrows{
	width:100%;
	position:absolute;
    display: flex;
    justify-content: space-between;
	z-index:1;
	top:79dvw;
}

.player-arrows{
	width:100%;
	position:absolute;
    display: flex;
    justify-content: space-between;
	z-index:1;
	top:29dvw;
	
}

.highscores-arrows{
	width:100%;
	position:absolute;
    display: flex;
    justify-content: space-between;
	z-index:1;
	top:60dvw;
}


.info-pagination{
	
	width:100%;
	position:absolute;
	display: flex;
	justify-content: center;
	z-index:1;
	top:111dvw;

}

.player-pagination{
	
	width:100%;
	position:absolute;
	display: flex;
	justify-content: center;
	z-index:1;
	top:62dvw;

}

.highscores-pagination{
	
	width:100%;
	position:absolute;
	display: flex;
	justify-content: center;
	z-index:1;
	top:122dvw;

}


.pagination-circle {
    width: 2.5dvw;
    height: 2.5dvw;
 
    border-radius: 100%;
    background-color: #DBB98E;
 
    margin-left: 1dvw;
    margin-right: 1dvw;
}

.pagination-circle-active {
	background-color: #FFFFFF;
	transition: background-color 0.5s;
}

	
.info-scroll-container{
	
	overflow: hidden;
	width:82dvw;
	height:55dvw;
	top:59dvw;
    margin: auto;
    position: relative;
	
}

.player-scroll-container{
	
	overflow: hidden;
	width:82dvw;
	height:55dvw;
	top:9dvw;
	margin: auto;
	position: relative;

	 
}

	
.highscores-scroll-container{
	overflow: hidden;
	width: 85.1dvw;
	height: 88dvw;
	top: 35dvw;
	margin: auto;
	position: relative;
	left: -0.6dvw;

}



.modal-close{
margin-bottom:8dvw;	
}

.modal-body{

color:#31313F;
}

.window-bottom-body{
	color:#31313F;
}


.window-body{
	color:#31313F;
}

.highscores-body{
color:#31313F;
margin-bottom: 7dvw;
padding-left: 3dvw;
padding-right: 3dvw;
	
}


.info-dots{
	margin-bottom: 8dvw;
}

.modal-body a,a:hover, a:visited,a:active {
	color:#31313F;
	
}

.window-bottom-body a,a:hover, a:visited,a:active {
	color:#31313F;
}


.modal-close, #tutorial-close-button, #game-close-button, .blackbutton{
	margin-left:auto;
	margin-right:auto;

}


.magicbook img{
	width: 70dvw;
}

.margin-top-small{
	margin-top:2dvw;
}


.detail-info-image img{
	width: 30dvw;
}

.detail-info-image-large img{
	width: 78dvw;
}

.row-gap{
	height:10dvw;
}


#buttonrow-splash{
	margin-bottom:10dvw;
}

.buttonrow-low{
	margin-bottom:4dvw;
}

.logo img{
	width:90dvw;
	height:auto;

}

.logo-small img{
	width:100%;
	margin-top:2dvw;
}

.game-info-image img{
		width:100dvw;
	height:auto;
}



#station-gmap{
width:100dvw;
height:50dvh;	
position:absolute;
z-index: 1;
}

.station-map-top{
width: 100dvw;
height:50dvh;		
pointer-events: none;
position:absolute;
z-index: 1;
}


.station-map-bottom{

position:absolute;
width: 100dvw;
height:50dvh;
display:flex;
align-items: center;
justify-content: center;
top: 50dvh;
}

.window-bottom-container{
	
position:relative;
background-image:url("../img/modal_bg.png");	
background-size: contain;
background-repeat: no-repeat;
background-position:center;
/*border: 1px solid #00ff00;*/ 

width: 100dvw;
height: 75dvw;

}



.player-slide-section{
	
width:100%;
height:50dvh;
position:absolute;
top:50dvh;
left:0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;

}



.player-slide-navi{
width:100%;
height:50dvh;
position:absolute;
top:50dvh;
left:0;
}

.player-slide-navi-inner{
	
height:100%;
display: flex;
flex-direction: column;
position:relative;
justify-content: flex-end;

}


.text-image-top-large-container{
width:100%;
margin:auto;
height:100dvh;
position:relative;
background-size: contain;
background-repeat: no-repeat;
background-position-y: 10dvh;


}


.text-image-top-large-container-bg{
	
position: absolute;
top: 0;
left: 0;
height:100dvh;
width:100%;
background-size: contain;
background-repeat: no-repeat;
background-position-y: 10dvh;
mask-image: url(../img/f30_portrait.png);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center 10dvh;

	
}




.spacer_10{
height:10dvh;
}

.text-tutorial-bottom{
position: relative;
height: 50dvh;
width: 60dvh;
display: flex;
align-items: center;
justify-content: center;
margin: auto;	
}


.text-large-top{
margin: auto;
width: 100%;
height:50dvh;		
	
}
  
.text-large-bottom{

height: 50dvh;
width: 60dvh;
position: relative;
margin: auto;

/*
background-size: contain;
background-repeat: no-repeat;
background-position: top;
*/

}

.text-large-bottom-bg{
	
position: absolute;
top: 0;
left: 0;
height: 50dvh;
width: 60dvh;
background-size: contain;
background-repeat: no-repeat;
background-position: top;
mask-image: url(../img/f30_portrait.png);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: top;
	
	
}




.hoverbutton{
	
	text-decoration: none;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: none;
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-image .25s;
	
}

.stonebutton{
	color: #000000;
	font-family: 'opensansbold';
	
	width:60dvw;
	height:18dvw;
	font-size: 7dvw;
	padding-bottom:1dvw;
	background-image: url('../img/stonebutton.png');
	
}

.blackbutton{
	color: #ffffff;
	font-family: 'opensansbold';
	
	width:52dvw;
	height:18dvw;
	font-size: 7dvw;
	padding-bottom:1dvw;
	background-image: url('../img/blackbutton.png');

	
}

.blackbutton-margin-bottom{
		margin-bottom:8dvw;	
}


.white-arrow-button{

	text-decoration: none;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: none;
	z-index:1;
	
}

.white-arrow-button img{
		width:12dvw;
		height:auto;
	
}
.stonebutton_round{
	width:18dvw;
	height:18dvw;
	margin-left:2dvw;
	margin-right:2dvw;
	margin-top:2dvw;
}

.backbutton_round{
	width:14dvw;
	height:14dvw;
	margin-left:1dvw;
	margin-right:1dvw;
	margin-top:1dvw;
	pointer-events:auto;
}

.buttonlabel{
    font-family: 'superwelcomeregular';
	font-size: 7dvw;
	width:100%;
	margin-top:-1dvw;
	
}


.optionsbutton{
background-image: url('../img/optionsbutton.png');
}

#playerbutton{

cursor: pointer;
width: 15dvw;
height: 15dvw;
margin-left: auto;
margin-right: auto;
margin-top:3dvw;

}

.highscoresbutton{
	background-image: url('../img/highscoresbutton.png');
}

.closebutton{
	background-image: url('../img/closebutton.png');
}
.homebutton{
	background-image: url('../img/homebutton.png');
}
.backbutton{
	background-image: url('../img/backbutton.png');
}
.leftbutton{
	background-image: url('../img/leftbutton.png');
}
.rightbutton{
	background-image: url('../img/rightbutton.png');
}

.pausebutton{
	background-image: url('../img/pausebutton.png');
}


.leaflet-marker-icon{
width:10dvh!important;
height:12.30dvh!important;

margin-left: -5dvh!important;
margin-top: -12.30dvh!important;
	
}

.leaflet-marker-icon-position{

width:6dvh!important;
height:6dvh!important;

margin-left: -3dvh!important;
margin-top: -3dvh!important;


}



.goal-top{

width:100%;


}

.goal-bottom{
width: 60dvh;
max-width: 100dvw;
height: 60dvh;
max-height: 100dvw;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: center;
justify-content: center;	
}


.goal-container{
width: 100%;
height: 100%;
border:none;	 
}



.goal-info-text{
	
	font-size:4.5dvw;	
text-shadow: 2px 2px 2px #000000;
color:#FFFFFF;
padding:2dvw;
	
}

#nameinput{
	font-family: 'opensansbold';
	font-size: 6dvw;
	text-align:center;
	padding:2dvw;
	border-radius:10dvw;
	border:.6dvw solid #000000;

	
}
.nameinput-wrong{
	border: .6dvw solid #FF0000!important;
}

.player-avatar-container{
	display: flex;
    justify-content: center;
    align-items: center;
}

.player-avatar-images{
	width: 42dvw;
	height: 42dvw;
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat;
	background-position: top;
	
}
.player-avatar-background{
    
    background-image: url(../img/player_bg.png);
  
}

.player-avatar{
	
	border-radius:50%;
	width:26dvw;
	height:26dvw;
	background-position: 0% 0%;
	background-size:cover;
	background-image: url('../img/faces.png');
	position:relative;

}

.player-avatar-front{

    background-image: url(../img/player_front.png);

}


.player-avatar-images-animation{
	animation: jumpup .25s ease-out;
}

@keyframes jumpup{
	0%   {transform: translateY(0px);}
	50%  {transform: translateY(-10px);}
	100%  {transform: translateY(0px);}
}




.nameinput-margin{
	margin-top:2dvw;
	margin-bottom:2dvw;
}




@media screen and (min-width:36em) {
	/*****************************/
	/* desktop */
	/*****************************/

.text-large-bottom-bg{
mask-image: url(../img/f30_desktop.png);
}

.text-image-top-large-container-bg{
mask-image: url(../img/f30_desktop.png);
}

.max-width-60dvh{
	max-width:60dvh;
}



.helper-frame{

width:60dvh;

	
}

.goal-top{
width:60dvh;

}

	
.player-avatar-images{
    width: 26dvh;
    height: 26dvh;
}

	
.window-bottom-container{
width: 60dvh;
height:45dvh;	
	
}


	
	.detail-info-header{

	font-size: 5dvh;
	margin-top: 6dvh;
	padding-left: 3dvh;
	padding-right: 3dvh;
}


	.window-padding{
	padding-left:5dvh;
	padding-right:5dvh;
		
}


	.logo img{
		height:50vh;
		width:auto;
	}

	.stonebutton{
	width:35dvh;
	height:11dvh;
	font-size: 4dvh;	
	padding-bottom:1dvh;
		
	}
	
	.stonebutton_round{
	width:12dvh;
	height:12dvh;
	margin-left:2dvh;
	margin-right:2dvh;
	margin-top:2dvh;
}

	.blackbutton{
	width:34dvh;
	height:12dvh;
	font-size: 4dvh;	
	padding-bottom:1dvh;
	
		
	}
	
	.blackbutton-margin-bottom{
	margin-bottom:5dvh;	
}




#playerbutton{
	
width: 10dvh;
height: 10dvh;
margin-top:2.5dvh;

}


#buttonrow-splash{
	margin-bottom:6dvh;
}

.buttonrow-low{
	margin-bottom:2dvh;
}

.buttonlabel{
	font-size:5dvh;
	margin-top:-1dvh;
}


.info-background{

height:80dvh; 
min-height:80dvh;
width: 60vh;
}

.info-background-window{
	
height:80dvh; 
min-height:80dvh;
width: 60vh;
/*border: 1px solid #ff00ff;*/ 

}

.highscores-body{
	
	margin-bottom: 4dvh;
	padding-left: 2dvw;
	padding-right: 2dvw;
	
}

.highscores-background{
	min-height: 82dvh;
	width: 60dvh;
	margin-top: 0dvh;
	margin-bottom: 0dvh;
/*border: 1px solid #ff00ff;*/ 
}

.detail-background{
min-height:82dvh;
width: 60dvh;
}

.highscores-trophy{
	width: 45dvh;
	min-height: 18dvh;
	top: 4dvh;
}


.info-scroll-container{
	width: 50dvh;
	height: 34dvh;
	top:38dvh;
}


.player-scroll-container{
	
        width: 50dvh;
        height: 34dvh;
        top: 5dvh;

}

.highscores-scroll-container{

    width: 51.5dvh;
        height: 54dvh;
        top: 22dvh;
        left: -0.4dvh;

}

    
.info-arrows{
		top:51dvh;
}

.player-arrows{
top:17dvh;
}

.highscores-arrows{
top:37dvh;
}



.info-pagination{
top:70dvh;
}

.player-pagination{
top:37dvh;
}

.highscores-pagination{
top:74dvh;
}



.pagination-circle {
width: 1.5dvh;
height: 1.5dvh;
margin-left: .75dvh;
margin-right: .75dvh;
}

.game-info-image img{
height:50vh;
width:auto;
}

.logo-small img{
width:100%;
max-width:40dvh;
margin-top:1dvh;
}

.player-slide-background{

min-height:45dvh;
width:60dvh;
	
	
}

.player-top{
	min-height:10dvh;
}


.modal-background{
height:45dvh;
width:60dvh;
}

.modal-content{
font-size: 2.75dvh;
padding-left: 4dvh;
padding-right: 4dvh;
}

.window-bottom-content{
font-size:2.75dvh;
padding-left: 5.5dvh;
padding-right: 5.5dvh;
	
}


.info-content{
font-size:2.75dvh;

}
.pagination-blocker{
height:2dvh;	
	
}


.modal-header {
margin-top:5dvh;	
font-size: 5dvh;
}

.window-bottom-header{
margin-top: 5dvh;
font-size: 5dvh;
}


.window-header{
	
font-size: 5dvh;

}

.highscores-window-header{
	font-size: 5dvh;
padding: 1dvh;
}


.info-dots{
	margin-bottom:5dvh;
}

.modal-close{
margin-bottom:5dvh;	
}



.header-orange{
	font-size: 6dvh;
	padding:2dvh;

}

.detail-info-text{
        font-size: 2.75dvh;
        padding: 2dvh;
	
}

.station-info-text{
	font-size:3dvh;
		padding:2dvh;
}

.highscore-info-text{
	font-size:3dvh;
		padding:2dvh;
}

.player-info-text{
font-size:3dvh;
padding:2dvh;
}


.text-tutorial-text{
	font-size:3dvh;
		padding:2dvh;
}

.text-image-top-large-container{
width:60dvh;
}

.text-image-top-large-container-bg{
width:60dvh;
}

.text-large-top{
width: 60dvh;
}

.detail-info-image img{
	width: 20dvh;
}

.detail-info-image-large img{
	width: 47dvh;
}


.detail-info-image-text{
font-size: 2.75dvh;
padding-bottom: 0dvh;
}

.backbutton_round{
	width:9dvh;
	height:9dvh;
	margin-left:1dvh;
	margin-right:1dvh;
	margin-top:1dvh;
}


.header-simple{
font-size:7dvh;
}

.header-station{
font-size:5dvh;
}


#screen-info-message{

	font-size: 5dvh;	
}



#nameinput{
	font-size: 4dvh;
	padding:1dvh;
	border-radius:6dvh;
	border:.4dvh solid #000000;
}

.nameinput-wrong{
	border: .4dvh solid #FF0000!important;
}




.divider img{
width:50dvh;
height:auto;	
}

.header-general{
font-size: 5dvh;
padding:1.5dvh;
max-width:60dvh;
}

.header-white-small{
font-size: 4dvh;
	padding:1.5dvh;
}

.row-gap{
	height:10dvh;
}

.magicbook img{
	width: 45dvh;
}


.margin-top-small{
	margin-top:2dvh;
}

.navi-margin{
	margin-bottom:14dvh;
	
}

.bubble-text{
font-size: 2.75dvh;
padding: 2dvh;
border-radius: 3dvh;
min-height:10dvh;
margin-left: 0;
margin-right: 0;
}
	
.bubble-speech{
border-image-width: 3.5dvh;
border-image-outset: 3.3dvh;
}

.goal-info-text{
font-size:3dvh;
	padding:2dvh;
}


.player-avatar{
	
	width:16dvh;
	height:16dvh;
	


}

.nameinput-margin{
	margin-top:2dvh;
	margin-bottom:2dvh;
}

.white-arrow-button img{
		width:8dvh;
		height:auto;
	
}


}