.tourkopf {
	display: grid;
	grid-template-columns: repeat(2, 1fr) 50%;
	grid-template-rows: repeat(5, auto);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	margin: 0px 5px 5px 0px;
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #878787;
	background: #e2e2e2;
}
.tourkopf .steckbrief {
	grid-area: 1 / 1 / 2 / 3;
	margin: auto 0;
}
.tourkopf .gipfelsieg {
	grid-area: 2 / 1 / 3 / 2;
}
.tourkopf .hoehenmeter {
	grid-area: 3 / 1 / 4 / 2;
}
.tourkopf .startpunkt {
	grid-area: 4 / 1 / 5 / 2;
}
.tourkopf .schwierigkeit {
	grid-area: 5 / 1 / 6 / 2;
}
.tourkopf .region {
	grid-area: 2 / 2 / 3 / 3;
}
.tourkopf .distanz {
	grid-area: 3 / 2 / 4 / 3;
}
.tourkopf .beschreibung {
	grid-area: 4 / 2 / 5 / 3;
}
.tourkopf .hangrichtung {
	grid-area: 5 / 2 / 6 / 3;
}
.tourkopf .durchgefuehrt {
	grid-area: 5 / 3 / 6 / 4;
}
.tourkopf .tourbild {
	grid-area: 1 / 3 / 5 / 4;
	border-radius: 10px;
}
.tourkopf span.berg {
	width: 64px;
    height: 40px;
    background: url(/media/mod_json/images/bg.png) 0px -182px;
	display: block;
}
.tourkopf span.hoehenmeter {
    width: 64px;
    height: 40px;
    background: url(/media/mod_json/images/bg.png) -64px -182px;
	display: block;
}
.steckbrief h3 {
	margin: 0;
}
.tourkopf p.normal {
    text-align: left;
    font-weight: normal;
    margin: 0;
}
.tourkopf p.klein {
	font-size: 10pt;
    text-align: left;
    font-weight: normal;
    margin: 0;
}
.tourkopf p.tab,
.tourkopf a.tab {
   font-size: 11pt;
   margin: 0 0 0px 10px;
   text-align: left;
   display: flex;
   align-items: center;
}
.touren_im_umkreis,
.touren_alternative {
   display: flex;
   flex-wrap: wrap;
}
.tour_im_umkreis,
.tour_alternative {
   background: none repeat scroll 0 0 #e2e2e2;
   border: 1px solid #878787;
   border-radius: 8px;
   display: inline-block;
   margin: 3px;
}
.tour_im_umkreis .tourbild,
.tour_alternative .tourbild {
   margin: 2px;
}
.tour_im_umkreis .tourbild img,
.tour_alternative .tourbild img {
   border-radius: 4px;
   width: 200px;
}
.tour_im_umkreis .tour, .tour_alternative .tour {
	margin: 5px 0 0 0;
	font-size: 1.0em;
	text-align: center;
	line-height: normal;
	max-width: 200px;
}
.album {
	display: flex;
	flex-wrap: wrap;
}
.bild figure {
	margin: 0;
}
.bild {
	padding: 5px;
	margin: 3px;
	width: 312px;
    background: #f7f7f7;
	box-shadow: 1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
	border: 1px solid #e8e8e8;
    border-radius: 2px;
	cursor: pointer;
}
.bild:hover {
	background: #fafafa;
}
.bild_name {
    line-height: 13px;
    font-size: 13px;
    color: #000;
    margin-top: 3px;
    text-align: center;
}
.bilder_kategorie {
    border: 1px solid #e8e8e8;
    box-shadow: 1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
    border-radius: 2px;
    padding: 7px;
	line-height: normal;
	width: 300px;
	display: grid;
}
.bilder_kategorie_image {
	justify-self: center;
}
.bilder_kategorie_link {
    margin: 10px 0 0 0;
	text-align: center;
}
.bilder_kategorie_text {
    margin: 0;
	text-align: center;
}
p.bilder_kategorie_text {
    font-size: 12pt;
}
h4.archiv {
	margin-top: 50px;
}
div.archiv {
	display: flex;
    flex-wrap: wrap;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}
@media (width<=760px) {
	.tourkopf {
		padding: 5px;
	}
}
@media (width<=640px) {
	.tourkopf {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(5, auto);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}
	.tourkopf .steckbrief {
		grid-area: 1 / 1 / 2 / 4;
	}
	.tourkopf .gipfelsieg {
		grid-area: 3 / 1 / 4 / 2;
	}
	.tourkopf .schwierigkeit {
		grid-area: 4 / 1 / 5 / 2;
	}
	.tourkopf .hoehenmeter {
		grid-area: 5 / 1 / 6 / 2;
	}
	.tourkopf .startpunkt {
		grid-area: 3 / 2 / 4 / 3;
	}
	.tourkopf .region {
		grid-area: 4 / 2 / 5 / 3;
	}
	.tourkopf .distanz {
		grid-area: 5 / 2 / 6 / 3;
	}
	.tourkopf .tourbild {
		grid-area: 2 / 1 / 3 / 4;
	}
	.tourkopf .beschreibung {
		grid-area: 3 / 3 / 4 / 4;
	}
	.tourkopf .hangrichtung {
		grid-area: 4 / 3 / 5 / 4;
	}
	.tourkopf .durchgefuehrt {
		grid-area: 5 / 3 / 6 / 4;
	}
	.bild {
		max-width: unset;
	}
}
@media (width<=500px) {
	.tourkopf {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(7, auto);
		grid-column-gap: 5px;
		grid-row-gap: 5px;
	}
	.tourkopf .steckbrief {
		grid-area: 1 / 1 / 2 / 3;
	}
	.tourkopf .gipfelsieg {
		grid-area: 3 / 1 / 4 / 2;
	}
	.tourkopf .schwierigkeit {
		grid-area: 4 / 1 / 5 / 2;
	}
	.tourkopf .hoehenmeter {
		grid-area: 5 / 1 / 6 / 2;
	}
	.tourkopf .startpunkt {
		grid-area: 6 / 1 / 7 / 2;
	}
	.tourkopf .region {
		grid-area: 7 / 1 / 8 / 2;
	}
	.tourkopf .distanz {
		grid-area: 3 / 2 / 4 / 3;
	}
	.tourkopf .tourbild {
		grid-area: 2 / 1 / 3 / 3;
	}
	.tourkopf .beschreibung {
		grid-area: 4 / 2 / 5 / 3;
	}
	.tourkopf .hangrichtung {
		grid-area: 5 / 2 / 6 / 3;
	}
	.tourkopf .durchgefuehrt {
		grid-area: 6 / 2 / 7 / 3;
	}
}