/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         infarbe-Design
 Author URI:     https://www.infarbe.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/* GLOBAL */

.nowrap {
	white-space: nowrap;
}
h1, h2, h3, h4, h5, h6, p {
	padding-bottom: 1.3em;
}
.introbox h3, footer h3 {
	padding-bottom: 10px;
}
.seitenkopf h1 {
	padding-bottom: 0;
}
ul {
	line-height: 1.75em !important;
}
ol {
	list-style-position: outside !important;
	padding-left: 22px !important;
}




/* COOKIE */

button#catapultCookie{
	padding: 10px 15px !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-size: 16px;
}
button:hover#catapultCookie{
	background-color: #8cc200 !important;
}


/* DOWNLOADS */

a.pdf {
	padding: 6px 0 10px 45px;
	position: relative;
	display: table;
	font-weight: 600;
	background: url(images/icon_pdf_download.png) no-repeat;
	background-size: 34px 36px;
}
a.word {
	padding: 6px 0 10px 45px;
	position: relative;
	display: table;
	font-weight: 600;
	background: url(images/icon_word_download.png) no-repeat;
	background-size: 34px 36px;
}
a.pdf-centered {
	padding: 6px 0 10px 45px;
	position: relative;
	margin: 0 auto;
	display: table;
	font-weight: 600;
	background: url(images/icon_pdf_download.png) no-repeat;
	background-size: 34px 36px;
}
a.pdf-centered {
	padding: 6px 0 10px 45px;
	position: relative;
	margin: 0 auto;
	display: table;
	font-weight: 600;
	background: url(images/icon_word_download.png) no-repeat;
	background-size: 34px 36px;
}
a:hover.pdf-centered, a:hover.pdf {
	opacity: 0.6;
	transition: all 0.3s;
}
#left-area ul.download, .entry-content ul.download, .et-l--body ul.download, .et-l--footer ul.download, .et-l--header ul.download {
  list-style-type: none;
  padding: 10px 0 23px;
  line-height: 26px;
}
#main-content p a, #main-content .et_pb_text_inner li a {
	font-weight: 600;
}
#main-content p a:hover, #main-content h2 a:hover, #main-content h3 a:hover, #main-content h4 a:hover, #main-content .et_pb_text_inner li a:hover {
	opacity: 0.6;
	transition: all 0.3s;
}




/* INTRO BOXES */

.startslider .et_pb_slide_description, .seitenkopf .et_pb_fullwidth_header {
	padding-top: calc(2.75% + 163px);
}
.introbox {
	padding: 16px 17px 20px 20px;
	background-color: rgba(12,63,121,0.65);
	display: table;
	border-radius: 5px;
	margin: 32px 0;
}
.introbox:hover {
	background-color: rgba(12,63,121,1);
	transition:0.3s;
}

.introbox h3 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}
h2.popmake-1430 {
	font-size: 40px;
	font-weight: 900 !important;
	letter-spacing: 1px;
	text-transform: uppercase;
}
h2.popmake-1430:hover {
	color: rgba(255,255,255,0.85) !important;
}
.box1 {
	position: relative;
	left:12.5%;
}
.box2 {
	position: relative;
	left:25%;
}
.box3 {
	position: relative;
	left:-5%;
}
#info-button.et_pb_section {
	top: calc(2.75% + 175px);
}


.pum-overlay.pum-active, 
.pum-overlay.pum-active .popmake.active {     
	display: block !important;     
}
p:hover.pum-trigger strong {
	color: #fff;
	transition: all 0.3s;
}
#popmake-1682 a {
	color: rgba(255,255,255,1);
	transition: all 0.3s;
	font-weight: 700;
	text-decoration: underline;
}
#popmake-1682 a:hover {
	color: rgba(255,255,255,0.6);
}


/* FULLSCREEN NAVIGATION */

/*align the hamburger menu to the right right*/

.pa-fullscreen-menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}


/*hide the desktop version of the menu*/

.pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
	display: none !important;
}


/*show the mobile version of the menu on desktop*/

.pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
	display: block !important;
	align-items: center !important;
}


/*style the opened menu*/

.pa-fullscreen-menu .opened #mobile_menu1 {
	width: 100vw !important;
	position: fixed !important;
	top: 0em !important;
	left: 0vw !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: visibility 0.3s, opacity 0.3s ease-in-out;
	padding: 0 !important;
}


/*style the closed menu*/

.pa-fullscreen-menu .closed #mobile_menu1 {
	background-color: #fff !important;
	text-align: center !important;
	width: 100vw !important;
	position: fixed !important;
	left: 100vw !important;
	top: 0em !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
	opacity: 0 !important;
	visibility: hidden !important;
}


/*remove the bullet points from the list items*/

.pa-fullscreen-menu #mobile_menu1 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%
}


/*move the menu to the top above other elements*/

.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}


/*change the opened menu icon*/

.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
	content: "\4d" !important;
}


/*make the hamburger menu fixed position on mobile*/

.pa-fullscreen-menu .opened .mobile_menu_bar {
	position: fixed !important;
	right: 46px;
}


/*remove the default blue border top on the mobile menu*/

.pa-fullscreen-menu .et_mobile_menu {
	border-top: none;
}


/*remove the default background color on menu items*/

.pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*remove the default hover background color and adjust opacity*/

.et_mobile_menu li a:hover {
	background-color: transparent;
	opacity: 1;
}


/*remove the default border bottom on menu items*/

.pa-fullscreen-menu .et_mobile_menu li a {
	border-bottom: none;
}


/* INPAGE SIDEBAR OR SUB NAVIGATION */

.category-gesundheitsprojekte-abgeschlossen #menu-item-1794 a, .category-bildungsprojekte-abgeschlossen #menu-item-1794 a, .category-jugendhilfeprojekte-abgeschlossen #menu-item-1794 a, .category-kulturprojekte-abgeschlossen #menu-item-1794 a, .category-gesellschaft-abgeschlossen #menu-item-1794 a {
	font-weight:600;
}
.page-id-16 #menu-item-1795 a, .category-bildung-erziehung #menu-item-1795 a, .category-bildung-erziehung .menu-item-1621 a, .category-kunst-und-kultur #menu-item-1795 a, .category-gesellschaft #menu-item-1795 a {
	font-weight:600;
}
.category-fruehere-meldungen .sub-menu.abgeschlossenes, .category-aktuell-im-fokus .sub-menu.abgeschlossenes, .category-bildung-erziehung .sub-menu.abgeschlossenes, .category-kunst-und-kultur .sub-menu.abgeschlossenes, .category-gesellschaft .sub-menu.abgeschlossenes, .category-fruehere-meldungen .sub-menu.laufende-projekte, .category-aktuell-im-fokus .sub-menu.laufende-projekte, .category-gesundheitsprojekte-abgeschlossen .sub-menu.laufende-projekte, .category-bildungsprojekte-abgeschlossen .sub-menu.laufende-projekte, .category-jugendhilfeprojekte-abgeschlossen .sub-menu.laufende-projekte, .category-kulturprojekte-abgeschlossen .sub-menu.laufende-projekte, .category-gesellschaft-abgeschlossen .sub-menu.laufende-projekte {
	visibility: hidden;
	max-height: 0 !important;
 	margin-top: 0 !important;
	
}
.category-bildung-erziehung #menu-item-1621, .category-kunst-und-kultur #menu-item-1622, .category-gesellschaft #menu-item-1623, .category-gesundheitsprojekte-abgeschlossen #menu-item-258, .category-bildungsprojekte-abgeschlossen #menu-item-259, .category-jugendhilfeprojekte-abgeschlossen #menu-item-374, .category-kulturprojekte-abgeschlossen #menu-item-260, .category-gesellschaft-abgeschlossen #menu-item-1624 {
	background-color: #ba9d5a;
}
.category-bildung-erziehung #menu-item-1621 a, .category-kunst-und-kultur #menu-item-1622 a, .category-gesellschaft #menu-item-1623 a, .category-gesundheitsprojekte-abgeschlossen #menu-item-258 a, .category-bildungsprojekte-abgeschlossen #menu-item-259 a, .category-jugendhilfeprojekte-abgeschlossen #menu-item-374 a, .category-kulturprojekte-abgeschlossen #menu-item-260 a, .category-gesellschaft-abgeschlossen #menu-item-1624 a, .category-bildung-erziehung #menu-item-1534 a, .category-kunst-und-kultur #menu-item-1534 a, .category-gesellschaft #menu-item-1534 a, .category-gesundheitsprojekte-abgeschlossen #menu-item-2010 a, .category-bildungsprojekte-abgeschlossen #menu-item-2010 a, .category-jugendhilfeprojekte-abgeschlossen #menu-item-2010 a, .category-kulturprojekte-abgeschlossen #menu-item-2010 a, .category-gesellschaft-abgeschlossen #menu-item-2010 a {
	color: #fff !important;
	font-weight: 700 ;
}



/* LAYOUT */

div.teaser-button h4 {
	text-align: right;
	font-size: 22px;
	padding-top: 20px;
	color: #aaa;
}
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title::before {
	font-family: "ETmodules" !important;
	display: block !important;
	transition: all .2s ease-in-out;
	transform: rotate(180deg);
	color: #ba9d5a;
	content: "\33" !important;
}






/* FOOTER */

.et-l--footer a:hover {opacity: 0.5;}




/* RESPONSIVE */


@media all and (max-width: 1440px) {
	.introbox {
		padding: 12px 13px 16px 16px;
		margin: 25px 0;
	}
	.introbox h3 {
		font-size: 21px;
		padding-bottom: 0px;
	}
	.introbox p {
		font-size: 16px;
	}
}

@media all and (max-width: 1366px) {

}

@media all and (max-width: 1280px) {
	#logo.et_pb_image_0_tb_header {
		width: 300px;
	}
	.startslider .et_pb_slide_description {
		padding-top: calc(2.75% + 133px);
	}
	h2.popmake-1430 {
		font-size: 32px;
	}
	.introbox {
		padding: 10px 11px 14px 14px;
		margin: 20px 0;
	}
	.introbox h3 {
		font-size: 21px;
		padding-bottom: 0px;
	}
	#info-button.et_pb_section_15 {
		top: calc(2.75% + 133px);
	}
}


@media all and (max-width: 1080px) {
	.sticky-main-navs .et_pb_fullwidth_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
		-webkit-box-pack: right !important;
		-ms-flex-pack: right !important;
		justify-content: right !important;
		padding-right: 30px;
	}
}


@media all and (max-width: 980px) {
	/*.et_pb_menu_0_tb_header.et_pb_menu {
    	z-index: 10000 !important;
  	} */
	.et_pb_menu.inpage-navigation  .et_pb_menu__menu {
    	display: block;
		width: 100%;
 	}
	.et_pb_menu_3.inpage-navigation .et_pb_menu__wrap {
    	justify-content: center !important;
  	}
	.sub-menu .et_pb_fullwidth_menu .et_pb_menu__menu {
    	display: block;
		width: 100%;
  	}
	.sub-menu .et_pb_fullwidth_menu .et_mobile_nav_menu {
    	display: none;
  	}
	/*.et_pb_fullwidth_menu.sub-menu .et_pb_menu__menu ul {
		width: 100%;
		padding-top:15px !important;
	}
	.et_pb_fullwidth_menu.sub-menu .et_pb_menu__menu li {
    	display: block !important;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.3);
  	}
	.et_pb_fullwidth_menu.sub-menu .et_pb_menu__menu li:last-child {
    	border-bottom: none;
		padding-bottom: 18px;
  	}
	.et_pb_fullwidth_menu.sub-menu .et_pb_menu__menu li a {
		display: block;
    	width: 100%;
		padding: 10px 0 11px;
		text-align: center;
  	}*/
	.sub-menu nav.et-menu-nav.fullwidth-menu-nav{
		padding:0 30px;
		justify-content: center !important;
	}
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container, .et_pb_row, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container {
		width: calc(100% - 80px) !important;
	}
	.et_pb_post_content .et_pb_row {
		width: 100% !important;
	}
	.et_pb_row_0_tb_header.et_pb_row {
		width: 100% !important;
	}
	/*.et_pb_fullwidth_menu_3 .et_pb_menu__logo, .et_pb_fullwidth_menu_6 .et_pb_menu__logo {
		left: 0 !important;
	}
	.et_pb_fullwidth_menu .et_mobile_nav_menu {
		margin-right: 0 !important;
	}*/
	.et_pb_fullwidth_menu .opened .et_mobile_menu, .et_pb_fullwidth_menu .opened .et_mobile_menu ul {
	    height: 100vh;
    	padding-top: 24vh;
	}
	.sticky-main-navs .et_pb_fullwidth_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
		padding-right: 0px;
	}
}


/* make FULLSCREEN-MENU */
@media all and (max-width: 980px) {
	/* .et_pb_section_7 .et_pb_row, .et_pb_section_8 .et_pb_row, .et_pb_section_9 .et_pb_row {
		width: 90% !important;
	} */
	.et_pb_fullwidth_menu .et_pb_row {
    	width: 100% !important;
  	}
	.sticky-mobile-menu.active .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu {
    	background-color: rgba(163,26,108,0.95) !important;
	}
	.sticky-page-menu .mobile_menu_bar::before {
    	margin-right: 18px;
		top:0;
	}
	.sticky-page-menu .opened .mobile_menu_bar::before {
    	color: #fff !important;
    	content: "\4d";
	}
	.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .et_mobile_menu, .et_pb_fullwidth_menu .opened .et_mobile_menu, .et_pb_fullwidth_menu .et_mobile_menu ul, .et_pb_fullwidth_menu .et_mobile_menu {
		border-top: none;
		text-align: center;
	}
	/*.sticky-mobile-menu.active .et_pb_fullwidth_menu_0 .et_pb_row > .et_pb_menu__logo-wrap .et_pb_menu__logo img {
		opacity: 0.05;
	}
	.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .opened .et_mobile_menu, .et_pb_fullwidth_menu .opened .et_mobile_menu, .et_pb_fullwidth_menu .opened .et_mobile_menu ul {
    	background-color: rgba(163,26,108,0.95) !important;
		height: 100vh;
		padding-top: 10vw;
	}
	.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .opened ul li a {
		color: #fff !important;
	}
	.et_pb_menu.submenu .et-menu {
  		margin-left: 0;
	}
	.et_pb_menu.submenu .et_pb_menu__menu {
    	display: block;
    	width: 100%;
		padding-right: 0;
	}
	.et_pb_menu.submenu .et_pb_menu__menu > nav > ul > li {
   		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.et_pb_menu_0.et_pb_menu .et-menu-nav li a {
   		width: 100%;
	}
	#infofooter a {
		padding: 5px 0;
		display: inline-block;
	}*/
}



@media all and (max-width: 800px) {
	.inpage-navigation li, .inpage-navigation li a {
    	width: 100%;
		text-align: center;
  	}
}


@media all and (max-width: 767px) {
	.pa-fullscreen-menu .opened .mobile_menu_bar {
		right: 20px;
	}
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container, .et_pb_row, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container {
		width: calc(100% - 60px) !important;
	}
	.et_pb_row_0_tb_header.et_pb_row {
		width: 100% !important;
	}
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content, .et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content {
    	margin: 20px 0 !important;
  	}
	.startslider .et_pb_container {
		max-width: 100% !important;
	}
	.startslider .et_pb_slide_description {
		padding-top: 16%;
		padding-left: 0;
		padding-right: 40px;
	}
	.startslider .et_pb_slide {
		padding-left: 30px;
		padding-right: 30px;
	}
	#info-button.et_pb_section {
		top: 136px;
	}
	#scroll-button.et_pb_section_8 {
		top: 33vh !important;
	}
}


@media all and (max-width: 480px) {
	h2.popmake-1430 {
    	font-size: 28px;
		padding-bottom: 10px !important;
	}
}

@media all and (max-width: 400px) {
	.startslider .et_pb_slide_description {
		padding-top: 100px;
	}
	#info-button.et_pb_section {
		top: 110px;
	}
}


@media all and (max-width: 360px) {

}