/*
 Theme Name:   twentytwenty Child
 Description:  twentytwenty Child Theme
 Author:       Yanneck Sprengel
 Template:     twentytwenty
 Version:      1.0.0
Text Domain:   twentytwenty-child
*/

body {
	max-width: 168rem;
	margin: auto;
}

.alignwide, .footer-inner {
	width: calc(100% - 8rem) !important;
	max-width: 168rem !important;
}

h1, h2, h3, h4, h5, h6, a, p, li {
	font-family: arial;
}

h2, h3 {
	color: #215e7e !important;
	text-transform: uppercase;
}

h2 {
	font-size: 28px !important;
}

h3 {
	font-size: 24px !important;
    font-weight: 400 !important;
}

h4 {
	font-style: 20px !important;
}

a {
	text-decoration: none !important;
	cursor: pointer;
}

.alignwide {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.alignfull .wp-block-columns, .alignful .alignwide {
	padding: 0px !important;
	margin: 0px auto !important;
} 

.privacy-policy {
	margin: auto !important;
}

.wp-block-cover__inner-container .alignwide {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.wp-block-buttons {
	justify-content: center !important;
}

#praxen .wp-block-button a {
	text-transform: none !important;
	color: #ffffff !important;
}

.header-inner, .footer-inner {
	width: 120rem;
	max-width: 100%;
}

.header-inner {
	padding: 10px;
}

.header-navigation-wrapper {
	flex-grow: 1;
}

.notfallnr p {
	margin-bottom: 0px !important;
	color: #215e7e !important;
}

ul.primary-menu {
	justify-content: flex-start;
}

.primary-menu a {
	color: #215e7e !important;
}

.headerimage {
	margin-bottom: 0px !important
}

.cover-einleitung {
	max-height: 100px !important;
    min-height: 100px !important;
    margin-top: 0px !important;
    overflow: visible;
}

.einleitung-icons {
	position: relative;
    top: -80px;
}

.einleitung-icon {
	display: flex;
    justify-content: center;
}

.einleitung-icon .wp-block-image {
	margin: 0px 5px;
}
 
.einleitung-icon img {
	max-width: 150px;
}

#leistungen h2 {
	margin-top: 0px !important;
}

#leistungen .wp-block-image {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

#leistungen img {
	width: 120% !important;
    max-width: 120% !important;
}

.leistungen-liste {
	list-style: none;
	margin-left: 0px;
}

.leistungen-liste li {
	margin-left: 0px;
    background-color: #215e7e;
    padding: 7px 50px;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    width: 115%;
}

.leistungen-liste li::before {
	content: '•';
    position: absolute;
    left: 30px;
}

#praxen a, #partner a, #kontakt a {
	color: #000 !important;
}

.praxen {
	text-align: center;
}

.praxen strong {
	color: #215e7e !important;
}

.praxen .wp-block-image img {
	margin-left: auto;
	margin-right: auto;
}

#news h2 {
	color: #ffffff !important;
	margin-top: 0px !important;
}

#news a {
	color: #ffffff !important;
}

.partner {
	margin-top: 50px !important;
	margin-bottom: 0px !important;
}

#kontakt h3 {
	margin-top: 0px !important;
}

#site-footer {
	margin-bottom: 0px !important;
	margin-top: 50px !important;
	border: 0px !important;
	background-color: #215e7e !important;
	padding: 0px !important;
}

#site-footer p, #site-footer a {
	color: #ffffff !important;
	font-family: arial !important;
	font-size: 17px !important;
	font-weight: 500 !important;
}

.footer-nav-widgets-wrapper {
	margin-top: 0px !important;
	border: 0px !important;
	background-color: #215e7e !important;
	padding: 10px 0px;
}

.footer-widgets-outer-wrapper {
	width: 100% !important;
	padding: 0px !important;
	border: 0px !important;
}

.footer-widgets-wrapper {
	width: 100% !important;
	margin: auto !important;
}

.footer-widgets.column-two {
	margin-right: 4rem;
}

#menu-footermenue {
	display: flex;
	justify-content: flex-end;
}

#menu-footermenue li {
	margin: 0px 0px 0px 10px !important;
}

@media only screen and (max-width: 500px)  {

h2 {
	font-size: 24px !important;
}

.leistungen-liste li {
	padding: 5px 25px;
}

.leistungen-liste li::before {
    left: 10px;
}

#praxen h2 {
	text-align: center;
}

} 

@media only screen and (max-width: 700px)  {

#site-footer p {
	text-align: center;
}

#menu-footermenue {
	justify-content: center;
}

} 

@media only screen and (min-width: 782px)  {

.header-inner {
    display: flex;
    align-items: center;
}

.mobile-nav-toggle {
    display: none!important;
}

.header-navigation-wrapper {
    align-items: center;
    display: flex;
}

.primary-menu-wrapper {
    display: block;
    width: 100%;
}

}

@media only screen and (max-width: 781px)  {

.leistungen-liste li, #leistungen img, .footer-inner, .alignwide  {
	width: 100% !important;
	max-width: 100% !important;
}

.alignwide {
	padding: 0px 20px !important;
}

.mobile-nav-toggle {
    display: block;
}

.header-navigation-wrapper {
    display: none;
}

.notfallnr {
	position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
}

}