/*
Theme Name: Auf Die Plaetze Theme
Author: Hector Hawkins
Version: 1.0
*/
body {
	font-family: "Blacker Mono", sans-serif;
	overflow-x: hidden;
}
summary {
	text-align: center;
	border-top: black 1px solid;
	list-style: none;
	padding: 20px;
}
summary::-webkit-details-marker {
    display: none;
}
summary::after {
	content: '';
    display: inline-block;
    width: 20px;
    height: 14px;
    background-image: url('http://www.aufdieplaetze.com/wp-content/uploads/2026/06/arrow.svg');
    background-size: contain;
	float: right;
	transform: rotate(180deg);
	margin-top: 14px;
}
summary:hover {
	background: black;
	color: white;
}
details[open] > summary::after {
    transform: rotate(0deg);
}
details[open] > summary {
	border-bottom: black 1px solid;	
}
details[open]:has(> details) > summary {
	border-bottom: none;
}
#details-wrapper {
	margin-top: 80px;
	margin-bottom: 80px;
}
#details-wrapper > div:last-child {
	border-bottom: black 1px solid;
	margin-left: 5vw;
	margin-right: 5vw;
}
#details-wrapper > div > details > summary {
	padding: 20px;
}
details {
	font-size: 30px;
}
p {
	font-size: 16px;
}
details > p {
	margin-left: 5%;
	margin-right: 5%;
}
#home-image-and-text .wp-block-group__inner-container {
	max-width: unset;
	padding: 0;
	margin-left: 5vw;
	margin-right: 5vw;
	margin-top: 80px;
}
#home-image-and-text > div {
	display: flex;
	position: relative;
	height: min(55vw, 70vh);
    justify-content: center;
    align-items: center;
	margin-bottom: 20px;
	overflow: visible;
}
#home-text {
	position: absolute;
  	left: 0px;
  	width: 66vw;
  	bottom: 0px;
  	margin-bottom: 0px;
  	margin-top: 0px;
}
#left {
	position: absolute;
	width: auto;
	height: 60%;
	right: 66%;
	top: 10%;
}

#middle {
	position: absolute;
	width: auto;
	height: 45%;
	top: 0;
	left: 35%;
}

#right {
	position: absolute;
	width: auto;
	height: 110%;
	left: 60%;
	top: -10%;
}
#left img,
#middle img,
#right img {
	width: auto;
	height: 100%;
}
#left > img:hover {
	src: url("http://www.aufdieplaetze.com/wp-content/uploads/2026/06/leftBlack.svg");
}
#middle > img {
	top: 0;
}
#right > img {
	right: 0;
	top: 0;
}
h2 {
	font-size: 58px;
	text-align: center;
	margin-bottom: 0;
}
#kontakt-impressum{
	display: flex;
    gap: 20px;
	margin-left: 5vw;
}
#sponsors {
	display: flex;
	justify-content: space-between;
	margin-left: 5vw;
	margin-right: 5vw;
}
details p:first-of-type {
    margin-top: 80px;
}
details p:last-of-type {
    margin-bottom: 80px;
}

@media (max-width: 768px) {
    h2 {
        position: absolute;
        top: 50vh;
    }
    #home-image-and-text .wp-block-group__inner-container {
        margin-top: 0px;
    }
    #home-image-and-text > div {
        display: flex;
        flex-direction: column;
        height: 100vh;
        overflow: visible;
    }
    #left, #middle, #right {
        position: absolute;
        margin: 0;
    }
	#home-text {
		position: absolute;
		width: 100%;
	}
    #left {
        width: 312px;
        height: 334px;
        align-self: flex-start;
        margin-left: 0;
    }
    #middle {
        width: 460px;
        height: 282px;
        align-self: flex-end;
        margin-right: 0;
    }
    #right {
        width: 543px;
        height: 794px;
        align-self: flex-start;
        margin-left: 0;
    }
    #left img,
    #middle img,
    #right img {
        width: 100%;
        height: 100%;
    }
    details {
        font-size: 24px;
    }
}