/* 
Theme Name: bahnhofsmission-nrw.de
Theme URI: https://internetdivision.lokbase.com
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team und customised by LOK. INTERNET DIVISION
Author: LOK. / Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* 
@ body textgröße
@ slider
 */

/* -----------------------------------------
	 Reset
 -------------------------------------------- */
 h1, h2 {
	 font-size: 3rem;
 }
h3 {
	font-size: 2.5rem;
}


@media (max-width: 800px) {
	
	h1, h2 {
		 font-size: 2rem;
	 }
	 
	 
 
}

/* -----------------------------------------
	Footer untere Linkleiste
-------------------------------------------- */

@media (max-width: 800px) {
	#footerline ul > li {
		display: block;
		width: 100%;
	} 
}


/* -----------------------------------------
	 Hintergründe
 -------------------------------------------- */
 
 	.contentbox.bg-1 {
		background-image: url('/wp-content/themes/hello-elementor-child/img/bg-1.png');
		background-size: 24px 100%;
		background-position: right center;
		background-repeat: no-repeat;
	}
	  
	.contentbox.bg-2 {
		background-image: url('/wp-content/themes/hello-elementor-child/img/bg-2.png');
		background-size: 24px ;
		background-position: right -5px top 20%;
		background-repeat: no-repeat;
	}
	  
	.contentbox.bg-3 {
		background-image: url('/wp-content/themes/hello-elementor-child/img/bg-3.png');
		background-size: 32px ;
		background-position: right -5px bottom 1rem;
		background-repeat: no-repeat;
	}
	  
	 @media (max-width: 800px) {
	 
		.contentbox.bg-2 {
			background-size: 14px 360px ;
			background-position: right top 10%;
		}
		.contentbox.bg-1 {
			background-size: 14px 300px;
			background-position: right 0 top;
		}
		.contentbox.bg-3 {
			background-size: 14px 300px ;
			background-position: right 0 bottom 1rem;
		}
		 
	} 
 
Mut machen, begleiten, mitfühlen: Die Bahnhofsmissionen in NRW helfen jedem – sofort, ohne Anmeldung, gratis. Menschlichkeit ist unsere Mission. Jetzt spenden!

/* -----------------------------------------
	 Divers
 -------------------------------------------- */


#karteLink:hover, #kartelink2:hover {
	cursor: pointer;
}

@media (max-width: 800px) {
 #karteLink svg {
	 width: 40px;
	 height: 40px;
 }
}


/* -----------------------------------------
	Doppelspalte
-------------------------------------------- */

#doppelspalte {
	/* Standardmäßig einspaltig (mobil) */
	column-count: 1;
}

#doppelspalte p {
	break-inside: avoid;
	-webkit-column-break-inside: avoid; /* Safari/Chrome */
	page-break-inside: avoid; /* Ältere Browser */
}

/* Doppelspalte ab 768px Bildschirmbreite */
@media (min-width: 768px) {
	#doppelspalte {
		column-count: 2;
		column-gap: 3rem;
	}
}



/* -----------------------------------------
	Divers	 
 -------------------------------------------- */
h2 span.black {
	display: block;
	margin-top: 0.5rem;
	color: black; }

/* -----------------------------------------
	 Body Content
 -------------------------------------------- */
#main p {
	font-size: clamp(17px, 2vw, 19px);
}


/* -----------------------------------------
	Slider
-------------------------------------------- */

#slider .swiper-slide-bg {
	background-color: #333;
}
#slider .elementor-slide-heading,
#slider .elementor-slide-button {
	display: none;
}
#slider .swiper-slide-inner {
	padding: 0;
}

#slider .swiper-slide-contents {
	position: absolute;
	bottom: 0;
	/* border: 1px solid red; */
	width: 100%;
	background-color: var( --e-global-color-primary );
	border-radius: 0 80px 0 0;
	padding: 2rem 0 2em;

}

#slider .swiper-slide > .swiper-slide-bg {
	background-position: top center;
}


#slider .elementor-slide-description {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	/* padding: 1.5rem 2rem 3rem; */

}

@media (min-width: 701px) and (max-width: 1080px) {
 
 	#slider .swiper-slide-contents {
		
		 border-radius: 0 30px 0 0;
		 padding: 1.5rem 0 1.5em;
	 
	 }
	
	#slider .elementor-slide-description {
		width: 100%;
		max-width: 80%;
		margin: 0 auto;
		/* padding: 1.5rem 2rem 3rem; */
	
	}
 
}

@media (max-width: 800px) {
	
	#slider .swiper-slide-contents {
	border-radius: 0 30px 0 0;
	 padding: 1.5rem 0 1.5em;
	}
 
 	#slider .elementor-slide-description {
		 width: 100%;
		 max-width: 90%;
		 margin: 0 auto;
	
 	}
}