/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v18-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/montserrat-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v18-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

* { box-sizing:border-box}

body { margin:0;  font-family: 'Montserrat'; font-size:12px; line-height:1.4; color:#000;  width:100%; height:100%; background:#FFA600 url(../images/logo_pingpongmap_weiss.svg) no-repeat center center; background-size:140px auto; overflow:hidden }
	body.kicker { background-image:url(../images/logo_kickermap_weiss.svg);}
	body.billard { background-image:url(../images/logo_billardmap_weiss.svg);}

#cover { position:fixed; z-index:100000; width:100%; height:100%; top:0; left:0; background-size:cover; background-position:center center; display:none; }
		.mobile #cover  { display:block}
	#cover > div {  height:100%;  position:absolute; width:100%; left:0; top:0; opacity:1; background:#FFA600;}
	#cover > div+div { mix-blend-mode: color;  }
	#cover > img { position:absolute; left:50%; top:50%;  width:140px; height:auto; margin-left:-70px; margin-top:-60px; animation:zoom 2s; transform: scale(1.1); }
	#cover p { position:absolute; width:100%; padding:30px; color:#fff; font-size: 20px; text-align: center; line-height: 1.1; bottom: 0; left: 0; font-weight: 600; font-style: italic;}
	#cover p span { display: block; text-align: center; font-size: 30px;}
	
	@keyframes zoom {
	  0% {transform: scale(1);}
	  25% {transform: scale(1);}
	  100% {transform: scale(1.1);}
	}
	
	@keyframes fade {
	  0% {opacity: 0;}
	  50% {opacity: 0;}
	  100% {opacity: 1;}
	}

	
	
#wrapper {animation:fade 3s; opacity:1}


/*.google-revocation-link*/
/*
.google-revocation-link-placeholder{
    display:none !important; animation:none !important
}
	
#ft-floating-toolbar {display:none !important; position: relative !important;} 
*/



#photos { z-index:9999;line-height: 0;column-count:2;column-gap:0px; position:absolute; width:100%; height:300%; left:0; top:0; background: #FFA600; }
	#photos * { margin:0; padding:0}
	#photos a { display:inline-block; line-height:0; width:100%; transition:all 0.5s; opacity:1; }
		#photos a:hover { opacity:0.7; }

	#photos img { width: 100%;height: auto }

#photos_navi { position:absolute; right:10px; top:10px; z-index:10000}
	#photos_navi > div { border-radius:50%; width:40px; height:40px;  color:#000; display:inline-block; background-size:40% auto; cursor:pointer; transition:all 0.5s }
		#photos_navi > div:hover { background-color:#fff;}
	#reload_photos {background:#FFA600 url(../images/refresh.svg) no-repeat center center; }
	#close_photos {background:#FFA600 url(../images/cross.svg) no-repeat center center;}

.cc-window { border-radius:25px !important; bottom:10px !important; left:10px !important;  right:10px !important}

p { margin-top:0}

a { outline:none}


h1 {font-style: italic; font-weight: 600; font-size:calc(12px + 1.4vw); margin-top:0; margin-bottom:0.5em}
h2 {font-style: italic; font-weight: 600; font-size:calc(12px + 1.2vw);}
h3 {font-style: italic; font-weight: 600; font-size:calc(12px + 1.1vw);}
h3 {font-style: italic; font-weight: 600; font-size:12px;}


ul { margin:0; padding:0 0 0 15px}

label { display:block; }
 input,  textarea,  select  { border-radius:25px;  background: #eee; border:0;  padding:10px ; font-family: 'Montserrat'; width:100%; margin-bottom:5px; font-size:11px;}
	
	 select { height:36px}
	select, select option {line-height:32px; font-style:italic; font-weight:600; color:#000; padding:10px ;}

	input[type=submit] { background:#FFA600; border:0; color:#000; margin-bottom:0; height:36px; cursor:pointer; box-shadow:2px 2px 2px rgba(0,0,0,0); transition:all 0.5s;opacity:1 }
		input[type=submit]:hover { box-shadow:2px 2px 5px rgba(0,0,0,0.3); opacity:0.9}
		
		input[type=submit].inaktiv,input[type=submit].inaktiv:hover { background:#eee; color:#bbb; box-shadow:none; cursor:none;}
	
	
	input[type="file"] {display: none;}
	.custom-file-upload { display: inline-block; padding: 0 ; cursor: pointer; font-style:italic; font-weight:600; border:2px solid #FFA600; border-radius:25px; margin:0 0 5px 0; font-size:11px; line-height:32px; text-align:center; overflow:hidden; position:relative }
	
	.custom-file-upload.added { color:#fff}
	
		.upload_label { z-index:10; position:relative}
		
		.image-list{ position:absolute; left:0; top:0; width:100%; height:100%; display:block }
			.image-list img{ width:100%; height:auto; position:absolute; left: 50%;top: 50%;transform: translate(-50%,-50%); }
	
.half { width:50%; float:left;}
	.half.first{ width:49%; padding-right:1%}
.third{width:33.33%; float:left;}
.twothird{width:65.66%; float:left; padding-right:1%}
.full {clear:both;}
.full:before{ clear:both; content:" "; display:block; float:none}

.tags { margin:5px 0; display:flex;justify-content: space-between;}
.tags label, .tags input{ display:inline-block; text-align:center; width:auto !important}

.label_ds { display:flex; margin-bottom:5px}
	.label_ds input[type="checkbox"] { width:auto !important; margin:0 5px 0 0 !important; }
	.label_ds span {}
	
	.warning { color:#ff0000;}

.subject {/**/ display:none}

a, ::placeholder  {font-style: italic; font-weight: 600;  display:inline-block; color:#000; text-decoration:none; position: relative;}

/*::placeholder {border-bottom:2px solid #FFA600;}*/
input:focus::placeholder, textarea:focus::placeholder { opacity:0}

#filter li:after, a.strich:after, .strich a:after {
    width: 0%;display: block;clear: both;margin-top: 0px;margin-bottom: -1px;border-top: 2px solid #FFA600;content: "";transition: all 0.5s;}
#filter li:hover:after, a.strich:hover:after, .strich a:hover:after   { width: 100%;}

form { margin:0; width:100%}
#ortsuche input { background-color:transparent; outline:none; font-style: italic; font-weight: 600; font-size:12px; font-family: 'Montserrat';}

.shadow {box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.15);}
.contentbox {background:#fff;  position:absolute; left:10px; top:110px; z-index:7; min-width:300px; width:100%; max-width: calc( 100% - 20px);  border-radius:25px; bottom:50px; overflow: auto; overflow-y:overlay}
	.mobile .contentbox {top:70px;} 
	
.leaflet-container, .leaflet-control-zoom-in, .leaflet-control-zoom-out, .marker-cluster span {font-family: 'Montserrat' !important; }
b,strong {font-style: italic; font-weight: 600;}
#wrapper { height:calc( 100% - 0px );  position:relative; z-index:1; overflow:hidden;  }
#w_mobil{height:320px; width:94%;  position:absolute; /**/ animation: hideAnimation  15s;  /*display:flex; flex-direction: row;justify-content: center;*/ background:#fff; left:3%; /*left:50%; margin-left:-160px;*/  top:70px;  z-index:0;  transform: scale(1, 1); border: 1px solid #000;}
	/*
	#w_mobil ins, #w_mobil ins #aswift_1_host,  #w_mobil ins #aswift_1_host iframe { max-width:100% !important; margin:auto !important}
	*/

	/*180925*/
	#w_mobil img, #s_info img { width: 100% !important; height: auto !important;}
	/**/

	ins { margin: 0 !important; width: 100% !important;overflow: hidden;}
	#aswift_1_host,#aswift_2_host,#aswift_1_host iframe,#aswift_2_host iframe {width: 100% !important;}
	
	#w_mobil #close_w { position:absolute; right:50%; margin-right: -20px; top:5px; right: 25px; width:40px; height:40px; line-height:40px; text-align:center; font-size:16px; border-radius:50%; background:#fff; z-index:3; cursor: pointer; }
	#w_mobil #spaetibeer {  font-size:20px; background: url(../images/bier.svg) no-repeat left 20px center; background-size:auto 90px ; width:280px;  padding:15px 0 15px 70px; transform:rotate(-3deg);  margin-left:-140px; position:absolute; left:50%; top:75px }
		#w_mobil #spaetibeer a:hover { color:#FFA600}


	@keyframes hideAnimation {
	  0% {height:0; transform: scale(0, 0);z-index:2;} 
	  /**/
	  5% {height:320px; transform: scale(1, 1);z-index:2;} 
	   
	  97% {height:300px; transform: scale(1, 1);z-index:2;} 
	  99% {height:0px; transform: scale(0, 0);z-index:2;} 
	  100% {height:0px;transform: scale(0, 0);z-index:2;}
	  
	}
	

/*hide  unfilled ad units*/
ins.adsbygoogle[data-ad-status="unfilled"]{
    /*display: none !important;*/ 
}
ins.adsbygoogle[data-ad-status="unfilled"] #aswift_1_host,ins.adsbygoogle[data-ad-status="unfilled"] #aswift_2_host{
    display: none !important;
}

.blur {-webkit-filter: blur(10px);}

#map { height: 100%; width:100%; position:relative; z-index:1; background:#FFA600; }
	
	.leaflet-tile-pane > div:first-child{  filter: grayscale(0.3) contrast(1.1) brightness(0.9) hue-rotate(-20deg) opacity(0.9);}
	.add.mobile #map { height:50%}

.cc-revoke { display:none !important}


#header { position:absolute;  left:0; top:0; width:auto; padding:10px; z-index:100; display:flex; z-index:2}
#header > * { border-radius:10000px; }

#logo { background:#fff; height:50px; width:50px; flex-basis: 50px; flex-shrink: 0; text-align:center; }
#logo a { display:block; width:100%; height:100%; border:0}
	#logo a:after { display:none}
#logo a img { height:30px; width:auto; margin-top:10px}

#filter {  background:#fff; padding:10px 15px 7px 15px;  margin:0 0 0 5px; position: relative}
	.add #filter, .single #filter, .page #filter { top:-60px }

#filter li { background:url(../images/filter.svg) no-repeat; background-size:12px auto; padding-left:15px; display:inline-block; margin-right:5px; cursor:pointer; font-style: italic; font-weight: 600;font-size:11px;}
	#filter li.aktiv {background-image:url(../images/filter_aktiv.svg)}
	

.marker-cluster { background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.15); border:1px solid #000;}
.marker-cluster div { background-color: transparent; width:34px; height:34px; margin-left:2px; margin-top:2px; border-radius:50%; }
.marker-cluster span {line-height:34px; color: #000;}

.number-icon { background: url(../images/icon.svg) no-repeat; background-size:100% auto; text-align:center; line-height:32px; font-size:10px}
.number-icon-aktiv { background: url(../images/icon_aktiv.svg) no-repeat; background-size:100% auto; text-align:center; line-height:32px; font-size:10px}

.loc-icon { text-align:center; line-height:1.1; background:#FFA600; color:#000; font-style:italic; border-radius:50%; font-size:7px; display:flex; align-items:center; justify-content:center; /*animation: locopa 30s ; opacity: 0;*/ z-index:1 !important}



@keyframes locopa {
    from { opacity: 1; }
    to { opacity: 0; }
}



#locateme {background:#fff url(../images/locate.svg) no-repeat  center center; background-size:25px auto; cursor:pointer; position:absolute; right:10px; bottom:80px; z-index:6; border:1px solid #000; width:40px; height:40px}
	.add.mobile #locateme  { border-bottom:auto; top:50px}
	#locateme:hover {background-color:#FFA600;}


.leaflet-control-locate a { background:#fff url(../images/locate.svg) no-repeat  center center; background-size:20px auto; cursor:pointer }
 .leaflet-bar a { border-radius:0 !important; border:1px solid #000 !important; cursor:pointer; line-height:40px !important; height:40px !important; width:40px !important}
 .leaflet-bar a:after { border:0}
 .leaflet-control-layers,  .leaflet-bar {border:0 !important}
.leaflet-control-zoom-out { margin-top:-1px; }
.leaflet-control-zoom {margin-bottom: 125px !important;}
	.add.mobile .leaflet-control-zoom {margin-bottom: 40px !important;}
.leaflet-control-attribution { position:absolute; right:0; bottom:0; z-index:3; margin-bottom:0 !important}
	.leaflet-control-zoom a:hover {background-color:#FFA600 ;}


#fadenkreuz { display:none; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/fadenkreuz_white.svg) no-repeat center center; z-index:2; pointer-events:none; background-size:70px 70px}
	.add #fadenkreuz, .check #fadenkreuz { display:block; }
	.add.mobile #fadenkreuz { height:50%}


#navi {  display:flex;  position:absolute; bottom: 0px; width:100%; left:0; z-index:2; justify-content:center; padding:10px 10px 10px 10px; flex-wrap: wrap; gap:2%; pointer-events:none}
	#navi > * {pointer-events:auto}
	.mobile.add #navi {justify-content: flex-start; bottom:calc( 50% + 25px );}
#navi > * { text-align:center; border-radius:1000px; background:#fff; height:50px; max-width:300px;   }
	.mobile.add #navi > *  {height:40px}


	#search { position:relative; display:flex; justify-content:center; padding:0 0 0 15px; width:calc( 48% - 25px );  }
		#search input { border:0; height:100%; text-align:center}
		#search input::placeholder { text-align:center}
		.ortsuchfeld { width:calc( 100% - 50px ); padding-left:0 !important; padding-right:0 !important }
		#search .button { width:40px; background: url(../images/lupe.svg) no-repeat center center; background-size:20px auto}
	
	#addspot {  display:flex; align-items:center; justify-content:center; text-align:center; width:calc( 48% - 25px ); overflow:hidden }
		/*#addspot:after{ content:"+"; float:right;}*/
	#addspot a { background:url(../images/plus.svg) no-repeat center right 15px; display:block; padding-right:30px; width:100%; height:50px; line-height:50px  }
		#addspot a:hover { background-color:#FFA600}
		
		.add .leaflet-marker-icon { pointer-events:none}
	
	
	#footer {   z-index:5;  text-align:left;  width:50px; position:relative }
		.mobile.add #footer {width:40px;}
	#footer_burger { width:50px; height:50px; background:#fff url(../images/burger.svg) no-repeat center center; background-size:12px auto; border-radius:50%; position:absolute; right:0; top:0px; z-index:5; cursor:pointer }
		#footer_burger.open{background-image: url(../images/cross.svg)}
		#footer_burger.page_open { background-color:#FFA600}
		
		.mobile.add #footer_burger { width:40px; height:40px;}
	
	#footer_content{border-radius:25px;  padding:20px; position:relative;background:#fff; width:220px; position:absolute; bottom:60px; left:0 }
		#footer_content > div { margin-top:10px }
			#footer_content > div:first-child { margin-top:0px }
		
		#footer ul { list-style:none;padding:0  }
		#footer ul li {list-style:none; padding:0 }
		#footer a { border:0}
			#footer_logo img { width:50px; height:auto}
	
	.follow ul{ display:flex}
	.follow a { position:relative; margin-right:10px}
	.follow img { height:20px; width:auto; position:relative; top:5px}
		

#info { text-align:center;  color:#fff;  position:relative; flex-basis: 100%; flex-shrink: 0; overflow:hidden; background:none; border-radius:0; max-width:none; height:auto  }
	#w_mobil_default { height:50px; text-align:center}
	#w_mobil_default  img { height:100%; width:auto; margin:auto}
	
	#info  .adsbygoogle {position: absolute;width: 100% !important;height: 50px;left: 0;top: 0;}

#navimap { position:absolute; top:70px; right:10px; z-index:6; border:1px solid #000; font-style: italic; font-weight: 600; line-height:30px;  display:flex; background:#fff; transition:top 0.5s; opacity:0}
	.sat_1 #navimap { opacity:1}
	.single #navimap, .add #navimap, .page #navimap, .billard #navimap, .kicker #navimap    { top:10px}
	
	#navimap a { border-bottom:0; } 
	#navimap a:after { display:none}
	#navimap * { text-align:center; padding:0 5px;line-height:30px; font-size:12px; cursor:pointer }
	#navimap  div:hover, #navimap a:hover { background:#FFA600 !important;}
	#navimap > *:first-child {border-right:1px solid #000;  }
	#navimap > div.aktiv { background:#000; color:#fff; transition:all 0.5s}
	#satlink { padding:0 !important}
		#satlink:hover {background:#FFA600}
	#sat_submit { background:none !important; font-weight:bold; font-style:italic; line-height:30px; font-size:12px; height:30px; border-radius:0 !important}
		#sat_submit:hover { box-shadow:none !important; background:none !important;}

#spot_add { /**/ display:none; bottom:10px; top:auto; /*height:50px*/}
	.mobile #spot_add {bottom:-25px; left:0; right:0; width:100%; max-width:none; height:calc( 50% + 50px ); padding-bottom:50px }

	#working_message {display:none; width: 100%; height: 100%; background: rgba(255, 255, 255, 1); position: absolute; left:0; top:0; font-style: italic; font-weight: 600; font-family: 'Montserrat';}
	#working_message.working {display:block; display: flex; justify-content: center;  align-items: center;flex-direction: column; padding: 20px;}

#spot_edit { /**/ display:none; background-image: linear-gradient(to right, #333 20%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 5px 1px; background-repeat: repeat-x;}

#page { bottom:70px; display:none; }
	#page img { max-width:100%; height:auto}

.close {width:40px; height:40px;background:#FFA600; border-radius:50%; margin:0 auto; line-height:40px; font-size:20px; text-align:center; cursor:pointer;  overflow:hidden; display:inline-block; position:absolute; overflow:hidden;  }

#p_close {right:-10px; top:0 }

#spot_details { opacity:0}
.single #spot_details { opacity:1}

.mobile #spot_details { top:110px }
	#spot_details:before {content:" ";   position:absolute; width:40px; height:40px; left:50%; top:0px; color:#fff; font-size:20px; background:#fff; transform:rotate(45deg); margin-left:-20px}
	#spot_details:after {content:"loading"; line-height:350px; text-align:center; position:absolute; width:100%; left:0; top:0;z-index:0}
	
	#spot_details > div { position:relative; z-index:1} 
	
	.padx { padding-left:10px; padding-right:10px}
		#page.padx{padding-left:20px; padding-right:20px}
	.pady { padding-top:10px; padding-bottom:10px}
		#page.pady { padding-top:20px; padding-bottom:20px}
	
	#s_meta { line-height:22px}
		#s_meta .who {background:url(../images/icon_who.svg) no-repeat ; padding-left:30px; float:left; min-height:23px}
		#s_meta .datum { float:right; display:inline-block; padding-right:5px}
	#s_meta:after { clear:both; content:" "; display:block }
	
	/*.dist { display:inline-block; margin-left:10px}*/
	
	#s_info { position:relative}
	#s_info  * {margin:auto !important; width:100% !important; /*height:300px !important*/ }
	
	#s_route_tags { display:flex; /*background:rgba(255,166,0,0.1);*/ opacity:1; }
	#s_route { width:50%; background:url(../images/icon_location.svg) no-repeat; padding-left:30px; min-height:30px}
	#s_tags { width:50%; padding-left:5px; text-align:right}
		#s_tags > span { padding:2px 5px; display:inline-block; border:1px solid #000; margin:0 0 3px 3px}
		
	#s_comments {background-image: linear-gradient(to right, #333 20%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 5px 1px; background-repeat: repeat-x;}
		#s_comments:empty { display:none}
	div.comment {background:url(../images/icon_comment.svg) no-repeat; padding-left:30px; margin-bottom:10px }
		div.comment .date { float:right}
		div.comment .c_text { width:66.66%}
			div.comment .c_text img { width:100%; height:auto; margin-top:5px}
	
	
	#s_zeug {position:absolute; bottom:2px; left:0; right:0;  z-index:7; display:none; text-align:center; direction: rtl; opacity:0 }
		.single #s_zeug { opacity:1}
		#s_zeug > div {width:40px; height:40px;background:#FFA600; border-radius:50%; margin:0 auto; line-height:38px; font-size:16px; text-align:center; cursor:pointer; margin:0 2px; overflow:hidden; display:inline-block; position:relative; overflow:hidden; border:2px solid #FFA600  }
			#s_zeug > div:hover { border:2px solid #FFA600 !important}
			#s_zeug > div > img { width:20px; height:auto; margin:6px 6px }
		#s_close{ }
		#s_addphoto{ background:#fff !important;  border:2px solid #fff !important}
			#s_addphoto img {margin:8px 6px !important }
		#s_addinfo{background:#fff !important;border:2px solid #fff !important}
		#s_permalink{background:#fff !important;border:2px solid #fff !important}
			#s_permalink img {margin:7px 6px !important }
		
		#s_text_route_tags {background-image: linear-gradient(to right, #333 20%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 5px 1px; background-repeat: repeat-x;}
	
	
	 #s_slideshow { height:200px; overflow:hidden;  z-index:1; margin-bottom:0 !important; /*border-bottom:1px solid #000; border-top:1px solid #000*/ width:100% }
	.slick-slide {background:#f3f3f3;  height:100%; overflow: hidden; position: relative;}
	.slick-slide a { position:relative; display:block; height:100%}
	.slick-slide img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all .5s;object-fit: cover;width: 100%;height: 100%;}
	.slick-dots { bottom:10px}
	.slick-dots li { margin:0 !important}
	.slick-dots li button:before { font-size:20px; color:#fff !important; opacity:1 !important; content:"●" !important ; font-family: inherit !important  }
	.slick-dots li.slick-active button:before { color:#FFA600 !important; }
	.slick-arrow { z-index:1; border-right:2px solid #fff; border-bottom:2px solid #fff; width:30px; height:30px; opacity:0.5}
		.slick-arrow:hover{opacity:1}
		.slick-arrow:before { font-family: inherit !important; content:""; }
	.slick-prev { left:20px; transform:rotate(132.5deg)}
	.slick-next { right:20px; transform:rotate(-45deg)}
	
	
	.slick-dots  li:only-child { display: none; }
	
	
	
	.lightboxOverlay { opacity:0; background:#FFA600; }
	.lb-number { display:none !important}
	.lb-data .lb-close { background:#FFA600; border-radius:50%; text-align:center; font-style:normal; line-height:40px; opacity:1;box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.15); width:40px; height:40px}
	.lb-data .lb-close:before { content:"✕";}

.addphoto {text-align:center; line-height:100%; /*display:flex !important;*/ height:80px !important; position:absolute !important;  align-items:center;  margin:auto; width:80px; top:0; bottom:0; left:0; right:0;}
		.addphoto:before{ background: url(../images/addphoto.svg) no-repeat top center;  height:57px; width:53px; content:" "; display:block; margin:auto }
	
	
::-webkit-scrollbar {width: 10px;}		
::-webkit-scrollbar-track { background: rgba(0,0,0,0); border-radius:25px; overflow:hidden}
::-webkit-scrollbar-thumb {background: rgba(255,166,0,0.1); border-radius:25px }
::-webkit-scrollbar-thumb:hover, #spot_details:hover ::-webkit-scrollbar-thumb {background: rgba(255,166,0,0.8);  }


.response { text-align:right; margin-bottom:10px;}

	.cover { margin:0 !important; display:block; width:100%; height:100%; position:absolute; z-index:10; left:0; top:0; background:#fff; text-align:center; display:flex; flex-direction: column;align-content: center;justify-content: center; align-items: center;}
		.cover:before { display:none !important}

.leaflet-bottom { width:300px !important}
.leaflet-container .leaflet-control-attribution { width:auto; font-size:8px !important; line-height:9px !important;  text-align:right; height:9px !important }
	
	.leaflet-container a {font-weight:normal !important; color:#000 !important; font-style:normal }
	
	



@media only screen and (min-width: 375px) {
	
	#filter li { margin-right:10px; font-size:12px;}
	#navimap * { font-size:13px; padding:0 10px;}
	#s_slideshow { height:275px; }
	.comment .c_text { width:75%}
	
	label { display:block; margin-bottom:5px}
	.label_ds {  margin-bottom:10px; margin-top:5px}
	
	#spot_add {padding:20px}

}

@media only screen and (min-width: 480px) {
	
	
	#s_slideshow { height:300px; }
	label { display:block; }
	
	.slick-dots li button:before { font-size:25px;  }

}

@media only screen and (min-width: 530px) {
	
	
	#filter {   padding:17px 15px 10px 15px; }

}

@media only screen and (min-width: 769px) {
	
	body { font-size:14px; }
	
	/**/
	#wrapper { height:calc( 100% - 0px); animation:none }
	#w_mobil{ display:none; animation:none}
	
	
	#w_mobil #spaetibeer {  font-size:20px; }
	
	.cc-window { bottom:70px !important; left: auto !important;  }

	
	#footer { position:absolute; left:10px; bottom:10px }

	#navimap {  top:10px; right:10px; }
	#navimap *, #sat_submit { font-size:14px !important; }
	
	
	.contentbox  {  top:70px;  bottom:10px; width:400px;}
	/* 
	.padx { padding-left:20px; padding-right:20px}
	.pady { padding-top:20px; padding-bottom:20px}
	*/
	#s_slideshow { height:350px; }
	#s_meta .datum {  /*padding-right:35px*/}
	/*#s_close{  bottom:auto; left:495px; top:90px; border:1px solid #fff; color:#fff; width:20px; height:20px; font-size:14px; line-height:20px; box-shadow:none; border:none }*/
	
	
	#s_zeug {left:417px; top:70px; width:40px }
	#s_zeug > div { margin-bottom:5px}
	
	.ortsuchfeld { width:calc( 100% - 60px ) }
		#search .button { width:50px;  background-size:25px auto}
	
	#spot_add {bottom:70px}
	input, select, textarea,label { font-size:14px !important}
	
	
	


}

@media only screen and (min-width: 1024px) {
	
	#photos { column-count:3;}
  
}

@media only screen and (min-width: 1025px) {
	
	#locateme { background-size:20px auto;  width:30px; height:30px}
 .leaflet-bar a {line-height:30px !important; height:30px !important; width:30px !important}
  
}




@media only screen and (min-width: 1200px) {
	
	.contentbox {width:500px;}
	#s_zeug {left:517px; }
	.leaflet-container .leaflet-control-attribution {font-size:10px !important; line-height:14px !important; height:14px !important }
  
}