/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.25.0.1718834705
Updated: 2024-06-20 00:05:05
*/

/* ### BODY AND BASICS ### */

#et-main-area {
/*margin-top: 119px;*/
margin-top: 156px;
}

.et_pb_section {
padding: 0 !important;
}

footer {
margin-top: 4rem;
}

@media only screen and (max-width: 400px) {
#splash-img {
max-width: 100% !important;
height: auto;
}
}

#splash-img

/* ### TYPO ### */

h1 {
line-height: 1.3em !important;
}

h1, h2, h3, .et_pb_module_heading {
hyphens: auto !important;
}

span a, p a, li a {
color: inherit;
text-decoration: underline;
}

span a:hover, p a:hover, li a:hover {
text-decoration: underline;
}

.entry-content ul, .entry-content ol {
line-height: inherit;
}

.fussnoten, sup {
font-size: .8em;
line-height: 1.5em;
}

#post-15 a {
text-decoration: none !important;
}


.pac_dih__image_details {
margin: 1em 0 1em 0;
font-size: .8em;
line-height: 1em;
}

footer {
font-size: .8em;
line-height: 1.5em;
}

.pac_dih__image_details h3 {
margin: 0;
padding: 0;
font-size: 1em;
line-height: 1em;
}

/* # ONPAGE NAVS # */

.yearnavgrid {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

@media all AND (max-width: 720px) {
.yearnavgrid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
}

.yearnavgrid a {
justify-self: stretch;
text-align: center;
font-size: 1.6em;
}

.yearnavgrid a:hover {
text-decoration: underline;
}


/* ### MENUs ### */

.et_pb_fullwidth_menu--style-left_aligned .et_pb_menu__logo {
margin-right: 3em;
}

.et_mobile_menu {
width: 80vw;
}

@media all and (min-width: 980px) and (max-width: 1200px) {
li.menu-item a {
font-size: 1.5vw !important;
}
}

.et_pb_fullwidth_menu_4_tb_header .et_pb_row, .et_pb_fullwidth_menu_5_tb_header .et_pb_row {
width: 100%;
}

.et_pb_fullwidth_menu_4_tb_header img, .et_pb_fullwidth_menu_5_tb_header img {
border-right: 5px solid #fff !important;
}

.et_pb_fullwidth_menu_5_tb_header .et_pb_row {
border-bottom: 5px solid #fff;
}

@media (max-width: 980px) {
.et_pb_fullwidth_menu--style-left_aligned.et_pb_text_align_justified .et_pb_menu__wrap {
justify-content: end;
}
}

@media (max-width: 767px) {
.mobile_menu_bar {
padding-right: 2em;
}
}

.et_mobile_menu {
width: 100vw;
text-align: right !important;
}

.et_mobile_menu a {
text-decoration: none;
}

.et_pb_fullwidth_menu_5_tb_header .mobile_nav .mobile_menu_bar:before {
font-size: 50px;
}

/* # FOOTERKACHELN # */

.footergrid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 5px;
grid-row-gap: 0px;
}

.foerderlogos {
width: 100%;
margin: 0px auto;
display: flex;
justify-content: space-evenly;
}

.foerderlogos-mobile {
width: 100%;
margin: 0px auto;
display: flex;
justify-content: flex-start;
}

/* # FOOTERNAV # */

.footernav {
text-align: center;
}

.footernav a:hover {
text-decoration: underline;
}

/* ### CONTENT ELEMENTS ### */

.navgrid-parent {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px;
}

.navgrid-div1 { grid-area: 1 / 1 / 2 / 2; }
.navgrid-div2 { grid-area: 1 / 2 / 2 / 3; }
.navgrid-div3 { grid-area: 1 / 3 / 3 / 5; }
.navgrid-div4 { grid-area: 2 / 1 / 3 / 2; }
.navgrid-div5 { grid-area: 2 / 2 / 3 / 3; }

.kachel-1, .kachel-2, .kachel-3, .kachel-4, .kachel-5 {
transition: all 1s ease-out;
width: inherit;
height: inherit;
overflow: hidden;
}

.kachel-2 {
background: url("http://wordpress.p671713.webspaceconfig.de/wp-content/uploads/2024/08/Kachel_DER_PREIS_Bild.png");
background-size: cover;
}

.kachel-5 {
background: url("http://wordpress.p671713.webspaceconfig.de/wp-content/uploads/2024/08/Kachel_GABRIELE_MUENTER_Bild_alternativ.png");
background-size: cover;
}

.kachel-1 .hoverzoom:hover, .kachel-3 .hoverzoom:hover, .kachel-4 .hoverzoom:hover  {
transition: all 2s ease-out;
background-color: #FFF726 !important;
}

.kachel-2 img, .kachel-5 img  {
background-color: #e3e6ff !important;
}

.kachel-2 img:hover, .kachel-5 img:hover  {
transition: all 2s ease-out;
background-color: transparent !important;
filter: invert(100%);
}

.kachel-1:hover img, .kachel-2:hover img, .kachel-4:hover img, .kachel-5:hover img  {
transition: all 2s ease-out;
transform: scale(1.1);
}

.kachel-3:hover img  {
transition: all 2s ease-out;
transform: scale(1.4);
}


.navgrid-mobile-parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px;
}

.navgrid-mobile-div1 { grid-area: 1 / 1 / 2 / 2; }
.navgrid-mobile-div2 { grid-area: 1 / 2 / 2 / 3; }
.navgrid-mobile-div3 { grid-area: 2 / 1 / 3 / 2; }
.navgrid-mobile-div4 { grid-area: 2 / 2 / 3 / 3; }
.navgrid-mobile-div5 { grid-area: 3 / 1 / 5 / 3; }

.navgrid-mobile-parent .kachel-1, .navgrid-mobile-parent .kachel-2, .navgrid-mobile-parent .kachel-3, .navgrid-mobile-parent .kachel-4, .navgrid-mobile-parent .kachel-5 {
transition: all 1s ease-out;
width: inherit;
height: inherit;
overflow: hidden;
}

.navgrid-mobile-parent .kachel-2 {
background: url("http://wordpress.p671713.webspaceconfig.de/wp-content/uploads/2024/08/Kachel_DER_PREIS_Bild.png");
background-size: cover;
}

.navgrid-mobile-parent .kachel-3 {
background: url("http://wordpress.p671713.webspaceconfig.de/wp-content/uploads/2024/08/Kachel_GABRIELE_MUENTER_Bild_alternativ.png");
background-size: cover;
}

.navgrid-mobile-parent .kachel-1 .hoverzoom:hover, .navgrid-mobile-parent .kachel-5 .hoverzoom:hover, .navgrid-mobile-parent .kachel-4 .hoverzoom:hover  {
transition: all 2s ease-out;
background-color: #FFF726 !important;
}

.navgrid-mobile-parent .kachel-2 img, .navgrid-mobile-parent .kachel-3 img  {
background-color: #e3e6ff !important;
}

.navgrid-mobile-parent .kachel-2 img:hover, .navgrid-mobile-parent .kachel-3 img:hover  {
transition: all 2s ease-out;
background-color: transparent !important;
filter: invert(100%);
}

.navgrid-mobile-parent .kachel-1:hover img, .navgrid-mobile-parent .kachel-2:hover img, .navgrid-mobile-parent .kachel-4:hover img, .navgrid-mobile-parent .kachel-3:hover img  {
transition: all 2s ease-out;
transform: scale(1.1);
}

.navgrid-mobile-parent .kachel-5:hover img  {
transition: all 2s ease-out;
transform: scale(1.4);
filter: none;
}

.kachel-bewerbungsportal:hover img {
transition: all 2s ease-out;
transform: scale(1.1);
}

/* # FOOTERKACHELN # */

.footerkacheln {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 5px;
grid-row-gap: 0px;
background-color: #fff;
}

@media all AND (max-width: 980px) {
.footerkacheln {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px;
}
}

.footerkacheln .et_pb_image {
overflow: hidden;
}

.footerkacheln .et_pb_module {
margin-bottom: 0 !important;
}

.footerkacheln img {
background-color: #e3e6ff;
}

.footerkacheln img:hover {
transition: all 2s ease-out;
transform: scale(1.1);
background-color: #FFF726;

}

.footerkacheln .yellowbg img {
background-color: #FFF726;
}