	.karte {
		min-height: 28em;
        /* width: 35%; */
		/* min-width: 26em; */
        text-decoration:none;
		z-index: 0;	
		/* border-radius: 10%; */
		border: none;
		/* margin-bottom: 1em; */
		/* margin: 1em auto 2.5em auto; */
    }
    @media (max-width: 900px) {
		.karte {
			float: center;
			min-width: 100%;
			max-width: 100%;
			min-height: 25em;
			/* margin: .5em 0em 1.5em 0; */
			z-index: 0;
		}
	}
    
    #karte img 	{
        border-radius: 3px;
        border: 0; 
        min-width: 0;
    }

    .leaflet-popup-content-wrapper{
		font-family: "Source Sans 3",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
		border: 0px solid #B9482C;
		border-radius: 0%;
    }
	
	.leaflet-popup-tip {
		display: none;
	}
	
	.leaflet-popup-content-wrapper a {
		color: #222222;
    }
	
	
    .leaflet-tile{
        filter: grayscale(0.5);
    }

    .leaflet-marker-icon{
        background: 0;
        border: 0;
		color: #BD233C;
    }
	.leaflet-marker-icon:hover{
        background: 0;
        border: 0;
		color: #BD233C;
    }
	
	.routenplaner_container {
		border: 2px solid #cccccc;
		margin: 0;
		padding: 5px;
		background-color: white;
        opacity: .95;
		border-radius: 4px;
		width: 34px; 
		height: 34px;
		transform: rotate(180deg);
		}
		
	.routenplaner_container:hover {
        cursor: pointer;
    }  

    .buslinie {
        background-color: #237bbd;
		color: white;
		padding-left: 0.1em; 
		padding-right: 0.1em; 
		font-size: 0.9em;
		/* border-radius: 25%; */
		//font-weight: bold;
    }
	
	.icon_mobility {
		border: none;
		width: 1em;
		height: 1em;
        margin-right: 0.2em;
	}