/*
Theme Name: Divi Child-Theme
Description: Ein schönes Childtheme
Author: Online Profession GmbH & Co. KG
Author URI: https://www.online-profession.de
Template: divi
Version: 1.0
Tags:
*/

body {
	--et_global_heading_font: 'Montserrat';
    --et_global_body_font: 'Montserrat';
    --et_global_heading_font_weight: 500;
    --et_global_body_font_weight: 500;
}

/* Schriften */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
        url('fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Italic.woff2') format('woff2'),
        url('fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.woff2') format('woff2'),
        url('fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('fonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/* Menü */
.headerlogo {
	margin-bottom: 0 !important;
}
.mod-hauptmenue {
	padding-right: 5em;
}
@media (min-width: 981px){
	.mod-hauptmenue .et_pb_menu_inner_container {
		padding-left: 20%;
	}
}
@media (max-width: 479px) {
	.headerlogo.et_pb_column_2_tb_header {
		margin-bottom: 3% !important;
	}
	.headerlogo > div {
		text-align: center;
	}
	.mod-hauptmenue.et_pb_menu_1_tb_header.et_pb_menu {
		background-image: none;
  		background-color: var(--gcid-primary-color);
	}
}

#mobile_menu1.et_mobile_menu {
	min-width: max-content;
}

@media (max-width: 1456px) {
	div.et_pb_menu .et_pb_menu__menu {
        display: none;
    }

	div.et_pb_menu .et_mobile_nav_menu {
		float: none;
        margin: 0 6px;
        display: flex;
        align-items: center;
	}

	.et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul {
        list-style: none;
        text-align: left;
	}
}

@media (min-width: 981px) {
	#mobile_menu1.et_mobile_menu {
		width: 75%;
		right: 0;
		left: unset;
		top: 100%;
        padding: 3%;
	}
}

.et-menu a, button.menu-trigger, li.menu-item {
	color: #fff;
	font-size: inherit;
}
#menu-hauptmenue ul.sub-menu {
	width: 270px;
}
#menu-hauptmenue .sub-menu * {
	width: 100%;
	color: #666;
}
#menu-footermenue-1 .et_pb_menu__logo {
	justify-content: center;
}
/* Header */
body:not(.home) .et_pb_fullwidth_header .header-content h1 {
    background-color: rgba(33,33,33,.6);
    padding-top: .15em;
}

/* Buttons */
body #page-container .et_pb_section .et_pb_button.button-content-gelb::before,
body #page-container .et_pb_section .et_pb_button.button-content-gelb:hover::before,
body #page-container .et_pb_section .et_pb_button.button-content-blau::before,
body #page-container .et_pb_section .et_pb_button.button-content-blau:hover::before {
	font-size: 1.1rem !important;
	margin-top: 0.35em;
}

/* Schriftformate */
p {
	font-size: 1rem;
}
.team-name {
	font-size: 1.6em;
	font-weight: bold;
}
.team-job {
	font-size: 1em;
	font-weight: bold;
}
.team-mail {
	font-size: 1em;
	font-weight: regular;
	color: var(--gcid-primary-color);
}

/* Startseite*/
.newsletter-anmeldung label {
    color: white;
    font-size: small;
}
.newsletter-anmeldung .et_contact_bottom_container p {
    color: white;
}

/* Über uns */
div.team-image {
    border-radius: 10px 10px 0 0;
}
div.team-text {
    border-radius: 0 0 10px 10px;
}
div.team-text ul {
	padding-top: 10px;
}


/* Footer */
#footer-info-copyright {
    display: grid;
    grid-template-columns: 1fr;
	gap: 1em;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1080px;
}

@media (min-width: 450px) {
	#footer-info-copyright {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 900px) {
	#footer-info-copyright {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
}

/* 404 */
.section-404 > div {
	overflow: auto;
}