/* Grundlayout Guide */

.gbp-layout{

	display:grid;

	grid-template-columns:280px minmax(0,1fr);

	gap:60px;

	align-items:start;

	margin-top:40px;

}


.gbp-layout-full{

	grid-template-columns:1fr;

}



/* Linke Sidebar */

.gbp-sidebar{

	position:sticky;

	top:20px;

	align-self:start;

	height:max-content;

}



/* Inhaltsverzeichnis */

.gbp-toc-wrapper{

	position:relative;

}


.gbp-toc{

	width:100%;

	background:#fff;

}


.gbp-toc-title{

	text-transform:uppercase;

	font-size:18px;

	font-weight:700;

	margin-bottom:15px;

}


.gbp-toc-list{

	list-style:none;

	margin:0;

	padding:0;

}


.gbp-toc-list li{

	margin:0;

	padding:0;

}


.gbp-toc-list a{

	display:block;

	border-left:4px solid #ccc;

	padding:15px 0 15px 20px;

	font-family:'Nunito',sans-serif;

	font-size:16px;

	color:#ccc;

	text-decoration:none;

	transition:all .2s ease;

}


.gbp-toc-list a:hover{

	background:#f5f7ff;

	color:#4d858d;

}


.gbp-toc-list a.active,
.gbp-toc-list a.active:hover{

	border-left:4px solid #4d858d;

	color:#4d858d;

	font-weight:700;

}



/* Guide Inhalt */

.gbp-guide{

	width:100%;

}


.gbp-content{

	min-width:0;

}


.gbp-guide-section{

	scroll-margin-top:120px;

	margin-bottom:50px;

}


.gbp-guide-section h2{

	font-size:26px;

	margin-bottom:20px;

}



/* FAQ */

.gbp-faq-item{

	border-bottom:1px solid #ddd;

}


.gbp-faq-question{

	position:relative;

	display:block;

	cursor:pointer;

	padding:18px 45px 18px 0;

	font-weight:700;

	list-style:none;

}


.gbp-faq-question::-webkit-details-marker{

	display:none;

}



/* Pfeil geschlossen */

.gbp-faq-question:after{

	content:'▼';

	position:absolute;

	right:5px;

	top:50%;

	transform:translateY(-50%);

	font-size:14px;

	transition:transform .5s ease;

}



/* Pfeil geöffnet */

.gbp-faq-item[open] .gbp-faq-question:after{

	content:'▲';

}



/* Antwort Animation */

.gbp-faq-answer{

	display:grid;

	grid-template-rows:0fr;

	transition:grid-template-rows .5s ease;

	overflow:hidden;

}


.gbp-faq-answer > *{

	overflow:hidden;

}


.gbp-faq-item[open] .gbp-faq-answer{

	grid-template-rows:1fr;

}



.gbp-faq-answer{

	padding-left:0;

	padding-right:40px;

	color:#555;

	line-height:1.7;

}



/* Mobil */

@media(max-width:1024px){

	.gbp-layout{

		grid-template-columns:1fr;

		gap:30px;

	}


	.gbp-sidebar{

		position:relative;

		top:auto;

	}

}