.girl-detail h1 {
	margin-left: 1em;
}
.girl-contact {
	display: grid;
	grid-template-columns: 50% 50%;
	padding: 0 1em;
}
.girl-bild {
	text-align: center;
	max-width: 100%;
}
.girl-bild img {
	max-width: 100%;
	height: auto;
}
.girl-bild .bild-info {
	margin: 0.2em 0.5em;
	font-style: italic;
}
.girl-bilder {
	display: none;
	grid-template-columns: 50% 50%;
}
.bild-large img {
	max-width: 100%;
	height: auto;
}
.girl-detail .card {
	position: relative;
}
.girl-info {
	display: grid;
	grid-template-columns: 35% 65%;
	padding: 1em;
}
.girl-detail .edit {
	text-align: center;
	position: relative;
	width: 50%;
	display: block;
	bottom: 1em;
}
.girl-text {
	padding: 0.2em 1em;
	font-family: 'DoulosSIL';
}
.girl-text p {
	margin-bottom: 0.7rem;
}
.girl-extra {
	text-align: center;
}

.girl-detail .button {
	margin: 0.5em auto;
}
.girl-agency {
	margin: 2em auto 1em;
}
.girl-agency .agency-name {
	font-size: 1.3em;
	margin-left: 0.3rem;
}
@media screen and (min-width: 1000px) {
	.girl-detail {
		display: grid;
		grid-template-columns: 60% 40%;
	}
	.girl-bild {
		background-color: #f0f0f0;
	}
	.girl-info {
		padding: 1em;
		position: relative;
		top: 50%;
		transform: translate(0, -50%);

	}
	.girl-detail .edit {
		position: absolute;
	}
	.girl-text {
		grid-column-start: 1; 
		grid-column-end: span 2;
		border: 2px solid #760000;
		border-radius: 3px;
		background-color: #fdfdfd;
		padding: 2em 15em 2em 6em;
		margin-top: 2em;
	}
	.girl-extra {
		grid-column-start: 1; 
		grid-column-end: span 2;
		padding: 1em;	
	}
	.girl-detail .girl-agency {
		grid-column-start: 1; 
		grid-column-end: span 2;
		width: 100%;
	}
}