:root {
    --text-color: #383C50;
    --text-color-white: #fff;
    --primary-color: #383C50;
    --secondary-color: #EFE4D8;
  }
/* Fonts */
body {
	font-size: calc(15px + 0.5vw);
	line-height: calc(22px + 0.7vw);
}
@font-face {
    font-family: 'OpenSans Regular';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans ExtraBold';
    src: url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans Light';
    src: url('../fonts/OpenSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans Bold';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans SemiBold';
    src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Nanum Bold';
    src: url('../fonts/CormorantGaramond-Bold.ttf') format('truetype');
}

h1 {
    font-family: Nanum Bold;
    font-size: 3.1rem;
    line-height: 2.5rem;
    color: var(--text-color);
    text-align: center;
  }
  .dark_section h1 {
    font-size: 3.1rem;
    line-height: 2.5rem;
    color: var(--text-color-white);
    text-align: center;
}
.sektion_recht h1 {
    font-family: Nanum Bold;
    font-size: 2.1rem;
    line-height: 2.3rem;
    color: var(--text-color);
    text-align: center;
    padding-bottom: 15px;
}
h2 {
    font-family: Nanum Bold;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: var(--text-color);
    text-align: center;
}
.dark_section h2 {
    font-family: Nanum Bold;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: var(--text-color-white);
    text-align: center;
}
.sektion_recht h2 {
    font-family: Nanum Bold;
    font-size: 1.8rem;
    line-height: 2.0rem;
    color: var(--text-color);
    text-align: center;
    padding-top: 20px;
}
.halfbox_blau h2 {
    font-family: Nanum Bold;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: var(--text-color-white);
    text-align: center;
}
.halfbox_blau_left h2 {
    font-family: Nanum Bold;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: var(--text-color-white);
    text-align: left;
}
@media screen and (min-width: 768px) and (max-width: 980px) {
    h1, h2 {
        font-size: 2.5rem;
        line-height: 2.6rem;
    }
}
@media screen and (max-width: 767px) {
    h1, h2 {
        font-size: 2.1rem;
        line-height: 2.2rem;
    }
}
h2.footer__claim {font-family: OpenSans Regular; font-size: 1.3em; line-height: 1.25em; color: #fff; text-align: center; text-Transform: uppercase;}
h2.headline__hero {font-family: OpenSans Light; font-size: 1.3em; line-height: 1.25em; color: #4a4948; text-align: center; text-Transform: uppercase;}
.three-column_text h2 {
    font-family: OpenSans Regular; 
    font-size: 2rem!important; 
    line-height: 2.5rem; 
    color: var(--text-color); 
    text-align: left; 
    text-transform: uppercase;
}
.konfigurator__teaser--text h2 {
	font-size: 1.5em;
	text-align: center;
}
.konfigurator_tab h2 {
    color: #fff;
    background: var(--primary-color);
    display: inline-block;
    padding: 10px 30px 10px;
    margin-top: 30px;
}
h3 {
    font-family: OpenSans Regular;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #fff;
    text-align: center;
}
.sektion_recht h3 {
    font-family: Nanum Bold;
    font-size: 1.5rem;
    line-height: 1.7rem;
    color: var(--text-color);
    text-align: center;
    padding-top: 15px;
}
h4.et_pb_module_header {
	font-family: OpenSans SemiBold;
	font-size: 1em;
	line-height: 1.1em;
	color: #707070;
	text-align: left;
}
.sektion_recht h4 {
    font-family: Nanum Bold;
    font-size: 1.3rem;
    line-height: 1.5rem;
    color: var(--text-color);
    text-align: center;
    padding-top: 15px;
}
p {
    font-family: OpenSans Regular;
    font-size: 1.2rem;
    line-height: 1.4em;
    color: var(--text-color);
    text-align: center;
}
.dark_section p {
    font-family: OpenSans Regular;
    font-size: 1.2rem;
    line-height: 1.4em;
    color: var(--text-color-white);
    text-align: center;
    text-shadow: 1px 1px 5px #000;
}
.footer_text_left p {
    font-family: OpenSans Regular;
    font-size: 1.2rem;
    line-height: 1.4em;
    color: var(--text-color-white);
    text-align: right;
}
.footer_text_center p {
    font-family: OpenSans Regular;
    font-size: 1.2rem;
    line-height: 1.4em;
    color: var(--text-color-white);
    text-align: center;
}
.footer_text_right p {
    font-family: OpenSans Regular;
    font-size: 1.2rem;
    line-height: 1.4em;
    color: var(--text-color-white);
    text-align: left;
}
@media all and (min-width: 768px) and (max-width: 980px) {
    .footer_text_left p {
        font-family: OpenSans Regular;
        font-size: 1rem;
        line-height: 1.4em;
        color: var(--text-color-white);
        text-align: right;
    }
    .footer_text_center p {
        font-family: OpenSans Regular;
        font-size: 1rem;
        line-height: 1.4em;
        color: var(--text-color-white);
        text-align: center;
    }
    .footer_text_right p {
        font-family: OpenSans Regular;
        font-size: 1rem;
        line-height: 1.4em;
        color: var(--text-color-white);
        text-align: left;
    }
    }
    /*** Responsive Styles Smartphone Only ***/
    @media all and (max-width: 767px) {
        .footer_text_left p {
            font-family: OpenSans Regular;
            font-size: 1rem;
            line-height: 1.4em;
            color: var(--text-color-white);
            text-align: left;
        }
        .footer_text_center p {
            font-family: OpenSans Regular;
            font-size: 1rem;
            line-height: 1.4em;
            color: var(--text-color-white);
            text-align: left;
        }
        .footer_text_right p {
            font-family: OpenSans Regular;
            font-size: 1rem;
            line-height: 1.4em;
            color: var(--text-color-white);
            text-align: left;
        }
    }
.halfbox_blau p {
    font-family: OpenSans Regular;
    font-size: 1.2rem;
    line-height: 1.4em;
    color: var(--text-color-white);
    text-align: center;
}
.halfbox_blau_left p {
    font-family: OpenSans Regular;
    font-size: 1.2rem;
    line-height: 1.4em;
    color: var(--text-color-white);
    text-align: left;
}
.impressum p {
    font-family: OpenSans Regular;
    font-size: .9rem;
    line-height: 1.4em;
    color: var(--text-color-white);
    text-align: center;
}
.impressum a {
    font-family: OpenSans Regular;
    font-size: .9rem;
    line-height: 1.4em;
    color: var(--text-color-white);
    text-align: center;
}
/* Halfboxen */
.halfbox_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
/* End Halfboxen */
/* Konzerte */
.info_konzerte .et_pb_blurb_container
 {
  background: var(--secondary-color);
  margin-top: -38px;
  padding: 50px 60px;
}
@media only screen and (max-width: 980px) {
.info_konzerte .et_pb_blurb_container
 {
  background: var(--secondary-color);
  margin-top: -38px;
  padding: 50px 25px;
}
}
.info_konzerte .et_pb_main_blurb_image img {
    width: 50px !important;
    margin-bottom: -25px;
  }
.info_konzerte h4 {
font-family: Nanum Bold;
color: var(--text-color);
    text-align: center;
  }
/* End Konzerte */
/* CD Listing */
ul.cd-listing {
    font-family: Nanum Bold;
    font-size: 1.2rem;
    line-height: 1.4em;
    color: var(--text-color);
    text-align: left;
    list-style:none;
}
ul.cd-listing li {
    padding: 15px 0;
}
ul.cd-listing li::before {
	content: '' !important;
	background-image: url(/wp-content/uploads/der_neue_chor_neheim-icon_dvd.svg);
	margin: 0 15px -0.3rem -1rem;
	background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
}
/* End CD-Listing */
/* Akkordeon Button */
.et-show-more-toggle {
    font-family: OpenSans Regular;
    font-size: 1rem;
    color: var(--text-color-white);
    background: var(--primary-color);
    border: 1px solid #fff;
}
.et-show-more-toggle:hover {
    font-family: OpenSans Regular;
    font-size: 1rem;
    color: var(--text-color);
    background: var(--secondary-color)!important;
    border: 1px solid var(--primary-color)!important;
}
/* End Akkordeon Button */
/* Mobiles Menu */
@media only screen and (max-width: 980px) {
	#menu-main {
		position: absolute;
		right: 0;
		width: 100%;
	}
	ul#mobile_menu2 {
		top: 60px
	}
	.topmenu_kontakt {
		display: none;
		}
		.et_pb_menu_1_tb_header, .et_pb_menu_0_tb_header {
			position: static;
		}
		.et_pb_menu_1_tb_header > div:nth-child(1), .et_pb_menu_0_tb_header > div:nth-child(1) {
			position: static;
			}
}
/* End Mobiles Menu */
/* Formular */
#nf-field-7 {
    color: var(--text-color);
    background: var(--secondary-color)
}
/* End Formular */