body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* quicksand-300*/
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/theme_esperanza/fonts/Quicksand-300.woff') format('woff'); 
  font-display: swap; 
}

/* quicksand-400 */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme_esperanza/fonts/Quicksand-400.woff') format('woff');
  font-display: swap; 
}

/* quicksand-500 */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/theme_esperanza/fonts/Quicksand-500.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap; 
}

/* quicksand-600 - latin_latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/theme_esperanza/fonts/Quicksand-600.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap; 
}

/* quicksand-700 - latin_latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/theme_esperanza/fonts/Quicksand-700.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap; 
}

/* IndieFlower-400 - latin_latin-ext */
@font-face {
  font-family: 'IndieFlower';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme_esperanza/fonts/IndieFlower-400.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap; 
}
:root {
  --main-font: 'Quicksand-400';
  --hl-font: 'IndieFlower-400';
  --pri-bg-color: #ffffff;
  --pri-color: #222222;
  --sec-bg-color: rgba(150,194,31,0.15);
  --thd-bg-color: #f7f8f9;
  --thd-color: #95c11f;
  --main-font-size: 1em;
  
    --transition-timing: 0.25s;
    --transition-timing-function: linear;  
}

body {
	margin: 0;
	padding: 0;
	background-color: var(--pri-bg-color);
	font-family: "Quicksand",sans-serif;
	font-size: clamp(0.9rem, 2vw ,1.3rem);
	font-weight: 400;
	line-height: 1.5;
	color: var(--pri-color);
}

h1, h2, h3, h4, h5, h6 {
	font-family: "IndieFlower",serif;
	font-weight: 400;
	line-height: 1;
}

h1 {
	font-size: 2rem;
}

h2 {
	font-size: 1.8rem;
}

h3, h4, h5, h6 {
	font-size: 1.5rem;
}

a {
	color: var(--pri-color);
}

a:hover {
	color: var(--thd-color);
}

a[href^="tel"]{
	text-decoration: none;
}

#wrapper {
	max-width: 1200px;
	margin: 0 auto;
}

header .logo {
	display: inline-block;
}

header .logo figure{
	padding: 2vh 1vw 1vh 0;
}

header .logo figure img {
	background-color: rgba(255, 255, 255, 0.5);
	padding: 4vh 6vh 2vh 6vh;
	width: 8vw;
	min-width: 100px;
}

header {
	width: 100%;
	height: clamp(280px, 50vh, 500px);
	background-color: #fff;
	background: url(../../files/theme_esperanza/bilder/initiative-esperanza-hero.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
/*
.main_menu {
	float: right;
}

.main_menu a {
    display: block;
    padding: 1rem;
    text-decoration: none;
    background: white;
}

.main_menu > .level_1 > li > a {
    display: inline-block;
    color: var(--pri-color);
    background: transparent;
    transition: 
        background var(--transition-timing) var(--transition-timing-function),
        color var(--transition-timing) var(--transition-timing-function);
}

.main_menu > .level_1 > li > a:hover,
.main_menu > .level_1 > li > a:focus {
    background: var(--sec-bg-color);
    color: var(--pri-color);
}

.level_1 {
	display: flex;
}

.level_1, .level_1 ul {
	margin: 0;
	padding: 0;
	list-style: none; 
}

.level_1 ul {
	position: absolute;
    left: 0;
    top: 100%;
	visibility: hidden;
    opacity: 0;
    width: 14rem;
    box-shadow: 0 0.25rem 1.5rem hsla(200, 19%, 18%, 0.05);
    transition: 
      visibility 0s var(--transition-timing-function) var(--transition-timing),
      opacity var(--transition-timing) var(--transition-timing-function);
}

.level_1 ul a {
	color: #333333;
    transition: 
        background var(--transition-timing) var(--transition-timing-function),
        color var(--transition-timing) var(--transition-timing-function);
}

.level_1 ul a:hover, .level_1 ul a:focus {
   background: #666666;
    color: #efefef;	
}

.level_1 ul > li > ul {
	left: 100%;
	top: 0;
}

.level_1 li {
	position: relative; 
}

.level_1 li.submenu > a {
	position: relative; 
}


.level_1 li.submenu > a:after {
	position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 1rem;
    background: inherit;
    z-index: 999;
}

.level_1 li:hover > ul {
    display: block;
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

*/

.mod_navigation .invisible {
        display: none;
    }

.main_menu {
	float: right;
	margin-right: 1em;
	}

@media (min-width:1024px) {
    .main_menu ul {
		list-style-type: none;
		padding: 0;
    }
    .main_menu li {
		display: inline-block;
		font-size: 1.5rem;
		padding: 0;
		margin: 0;
    }
	.main_menu li.submenu:has(.active) {
		font-weight: bold;
	}
    .main_menu ul.level_2 {
		display: none;
		font-weight: normal;
		position:fixed;
		background: white;
		/*padding: 20px;*/
    }
    .main_menu li:hover ul.level_2 {
		display: block !important;
    }
    .main_menu li:not(.last)::after {
        content: ' ';
        padding: 0;
    }
    .main_menu ul.level_2 li {
        display: list-item !important;
        padding: 0em 0em;
		font-size: 1.25rem;
		text-align:left;
    }
    .main_menu ul.level_2 li::after {
        content: none !important;
    }
    .main_menu a {
        text-decoration: none;
		padding: 0.5em 0.6em;
		display: block;
        color: var(--pri-color);
		background-color: transparent;
		transition: 
        background var(--transition-timing) var(--transition-timing-function),
        color var(--transition-timing) var(--transition-timing-function);
    }
	.main_menu a:hover, .main_menu a:focus {
		background: var(--sec-bg-color);
	}	
	.main_menu strong.active {
		display: inline-block;
		padding: 0.5em 0.6em;
	}
	
	.mod_breadcrumb {
		font-size: 0.8rem;
	}
	
	.mod_breadcrumb li {
		display: inline-block;

	}
	
	.mod_breadcrumb li.first a {
		text-decoration: none;
	}
	 
	.mod_breadcrumb li:not(.first) {
		font-family: "Quicksand",sans-serif;
		font-weight: 400;
		line-height: 1;
		font-size: 1.2rem;
	}
    
	
	
	.mod_breadcrumb li:not(.first)::before {
        content: ' > ';
        padding: 0;
    }	
	
	
	
}
@media (max-width:1023px) {
    .main-menu, .menu-list {
    display:none;
    }
	
	.mod_breadcrumb {
		display :none; 
	}
}

    .mod_customnav {
		background-color: var(--pri-bg-color);
	}

    .mod_customnav ul {
		list-style-type: none;
		padding: 0.2em 1em 0.2em 0;
		text-align: right;
    }
    .mod_customnav li {
		display: inline-block;
		font-size: 1.2rem;
		padding: 0;
		margin: 0;
    }
    .mod_customnav li:not(.last)::after {
        content: ' | ';
		padding: 0 1em;
    }

#container {
	float: none;
	clear: both;
}

main {
	padding: 2vh 4vh;
}

main ul {
	list-style-image: url('../../files/theme_esperanza/grafiken/logo-initiative-esperanza-bildmarke.svg');
}

footer {
	background-color: var(--sec-bg-color);
	font-size: clamp(1rem, 2vw ,1.2rem);
	padding: 0;	
}

footer h2 {
	font-size: 1.8rem;
	font-size: clamp(1.5rem, 2vw ,1.8rem);
	margin-top: 0;
}

footer #footer_content {
	padding: 2vh 4vh;
}

footer .logo, footer #banner_contact, footer #banner_aid {
	display: inline-block;
	vertical-align: top;
}

footer #banner_contact {
	margin: 0;
	margin-left: 5rem;
	margin-right: clamp(1rem,5vw,5rem);
	vertical-align: middle;
}

footer #banner_aid {
	width: 35vw;
	min-width: 440px;
	padding-left: 10px;
	border-left: 1px solid var(--thd-color);
}

footer #banner_aid .tax_info {
	font-size: 70%;
}

footer #banner_aid .tax {
	font-size: 70%;
}