#main {
	padding:0;
}

#main .col01 {
	color:#f4f4f4;
}

@media screen and (min-width:768px) {
	body {
		margin-top:110px;
	}

	header {
		position:fixed;
		left:0;
		top:0;
		right:0;
	}
	
	#main .col01 {
		width:45vw;
		float:right;
		box-sizing:border-box;
		padding:0;
	}

	/*
	#main .col02 {
		width:55%;
		float:left;
		box-sizing:border-box;
		padding:0 40px 0 40px;
	}
	*/

	.tafelngross,
	.tafelnklein {
		padding:20px 40px;
	}
}

@media screen and (min-width:1024px) {
	#main .col01 {
		width:35vw;
	}

	/*
	#main .col02 {
		width:65%;
	}
	*/
}

@media screen and (min-width:1600px) {
	.placelist {
		display:flex;
		min-height:calc(100vh - 110px);
	}
	.tafelngross,
	.tafelnklein {
		width:50%;
		box-sizing: border-box;
		padding-left:20px;
		padding-right:20px;
	}
}

.tafelngross {
	background-color:#000;
}
.tafelnklein {
	background-color: #ccc;
	color: black;
}


.col01 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.col01 li {
	display:block;
}

@media screen and (max-width:767px) {
	#gmap {
		height:300px;
		position:relative;
	}
	#main {
		padding:0;
	}
	/*
	.col01 {
		padding:20px;
	}
	*/
	.tafelngross,
	.tafelnklein {
		padding:20px;
	}
}

@media screen and (min-width:768px) {
	#gmap {
		position:fixed !important;
		top:110px;
		right:45vw;
		bottom:0;
		left:0;
		z-index:1;
	}
}

@media screen and (min-width:1024px) {
	#gmap {
		right:35vw;
	}
}


.placelist {
	font-family:'Rubiesque', sans-serif;
	font-weight:500;
	font-size:18px;
	letter-spacing:0.01em;
	font-variant-numeric: tabular-nums;
}
.placelist .place {
	cursor:pointer;
	padding:0.25em 0;
	transition:background 0.5s;
	-webkit-tap-highlight-color: transparent;
	
	margin-left:-0.5em;
	padding-left:0.5em;
	margin-right:-0.5em;
	padding-right:0.5em;
}
.placelist .place {
	display:flex;
}
.placelist .place .num {
	margin-right:0.5em;
}
.placelist .place .hiddennum {
	visibility: hidden;
}

.placelist .place:hover {
	background-color:rgba(0, 0, 0, 0.2);
}
.placelist .place.selected {
	background-color:rgba(0, 0, 0, 0.4);
}
.placelist .tafelngross .place:hover {
    background-color: rgba(255, 255, 255, 0.25);
}
.placelist .tafelngross .place.selected {
	background-color:rgba(255, 255, 255, 0.4);
}




.gm-style .gm-style-iw-d::-webkit-scrollbar-track, 
.gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece,
.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-t::after, 
.gm-style .gm-style-iw-tc::after { 
	background: #666666;
}
.gm-style-iw button {
	filter: invert(1);
	transform:translateX(10px);
}


/* kleine Tafeln bei EN verstecken */
.lang-en .tafelnklein {
	display:none;
}
@media screen and (min-width: 1024px) {
	.lang-en #main .col01 {
		width: 17.5vw;
	}
}
@media screen and (min-width: 1600px) {
	.lang-en .tafelngross {
		width: 100%;
	}
}
@media screen and (min-width: 1024px) {
	.lang-en #gmap {
		right: 17.5vw;
	}
}