/* Bibliotheksleitertag 2023 microsite homepage */

#bl-home-hero {
	border: 1px solid #BBBCBC;
	padding: 48px 0 24px;
}

#bl-home-hero .image.parbase.section {
	width: 70%;
	margin: 0px 15% 24px;
}

#bl-home-hero .text.parbase.section {
	width: 80%;
	margin: 0 10% 32px;
}

#bl-home-hero .text.parbase.section h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0 0 10% 0;
	background-image: url('/content/dam/campaign-landing-pages/German/bibliotheksleitertag2020/images/logo_blt2020.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}

#bl-home-hero .text.parbase.section h2 {
	text-align:center;
}

#bl-home-hero .text.parbase.section h2 .deck1, #bl-home-hero .text.parbase.section h2 .deck2 {
	display:inline-block;
	letter-spacing:-0.5px;
}

#bl-home-hero .text.parbase.section h2 .deck1{
	margin:0 0 8px;
	font-size:48px;
	line-height:54px;
	color:#236192;
}

#bl-home-hero .text.parbase.section h2 .deck2{
	margin:0;
	font-family:'Graphik Regular',Helvetica,Arial,sans-serif;
	font-size:36px;
	line-height:40px;
	color:#00AFD7;
}

#bl-home-intro {
	padding: 6rem 0;
	background-color: #EF7A12;
	background-image: url('/content/dam/campaign-landing-pages/German/Bibliotheksleitungstag2023/images/bg_orange.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}

#bl-home-intro-copy p {
	text-align: center;
	color: #ffffff;
	width: 95%;
	margin-left: 2%;
	margin-right: 2%;
}

#bl-home-intro-copy p:last-of-type {
	margin-bottom: 0;
}

#bl-home-body-copy {
	padding: 6rem 0;
}

b, strong {
	font-family:'Graphik Bold',Helvetica,Arial,sans-serif;
}

@media screen and (max-width: 1000px) {
	#bl-home-hero .text.parbase.section h1 {
		padding: 0 0 8% 0;
	}
}

@media screen and (max-width: 800px) {
	#bl-home-hero .text.parbase.section h1 {
		padding: 0 0 6% 0;
	}
}

@media screen and (max-width: 599px) {
	#bl-home-intro {
		background-image: none;
	}
}

@media screen and (max-width: 480px) {
	#bl-home-hero {
		padding: 36px 0 14px;
	}
	#bl-home-hero .image.parbase.section {
		width: 80%;
		margin: 48px 10% 24px;
	}
	#bl-home-hero .text.parbase.section {
		width: 90%;
		margin: 0 5% 24px;
	}
	#bl-home-hero .text.parbase.section h1 {
		padding: 0 0 4% 0;
	}
	#bl-home-hero .text.parbase.section h2 .deck1{
		font-size:40px !important;
		line-height:45px !important;
	}
	#bl-home-hero .text.parbase.section h2 .deck2{
		font-size:32px !important;
		line-height:38px !important;
	}
	#bl-home-intro-copy p {
		width: 95%;
		margin-left: 2%;
		margin-right: 2%;
	}
}
@media screen and (max-width: 360px) {
	#bl-home-hero {
		padding: 24px 0 0;
	}
}