@charset "UTF-8";

/*
* © Cedric Esser Media, Heidenheim | https://www.essermedia.de
* Customer: Die Kinderarztpraxis Stuttgart-Nord
*/

/*
==============
General styles
==============
*/

:root {
	--color-white: var(--awb-color1); /* #fff */
	--color-light-gray: var(--awb-color2); /* #f7f8f9 */
	--color-gray-dark: var(--awb-color3); /* #3c3c3b */
	--color-black: var(--awb-color4); /* #000 */
	--color-blue: var(--awb-color5); /* #0095d7 */
	--color-red: var(--awb-color6); /* #e73137 */
	--color-green: var(--awb-color7); /* #88be41 */
	--font-weight-bold: 700;
}

*::-moz-selection {
	background-color: var(--color-blue);
	color: var(--color-white);
}

*::selection {
	background-color: var(--color-blue);
	color: var(--color-white);
}

.awb-gradient-text::selection {
	-webkit-text-fill-color: var(--color-white);
	-moz-text-fill-color: var(--color-white);
}

body {
	margin-bottom: 0 !important;
}

img[src$=".svg"] {
	width: 100%;
	height: auto;
}

.fusion-imageframe {
	width: 100%;
}

p,
.fusion-post-content p,
.post-content p,
.fusion-accordion .panel-collapse ul {
	margin-top: 0;
	margin-bottom: 16px;
}

b,
strong {
	font-weight: var(--font-weight-bold);
}

ol,
ul {
	margin-top: 0;
	list-style-type: disc;
}

#header nav a[href="#"] {
	pointer-events: none;
}

.fusion-fullwidth.video-background[data-bg] {
	background-size: cover;
}

.fusion-text > h1,
.fusion-text > h2,
.fusion-text > h3,
.fusion-text > h4,
.fusion-text > h5,
.fusion-text > h6 {
	color: inherit;
}

.col-img-floating .img-floating-flex {
	display: flex;
	justify-content: flex-start;
}

.cem-fusion-button-span-wrapper + .cem-fusion-button-span-wrapper {
	margin-top: 8px;
}

.fusion-button {
	--button_margin-top: 8px;
}

body:not(.fusion-builder-live) .hidden {
	overflow: hidden;
	height: 0;
	transition: height 0.2s ease-out;
}

@media screen and (max-width: 767px) {
	.fullwidth-box .fusion-row .fusion-builder-row-inner {
		width: calc(100% + 24px) !important;
		max-width: calc(100% + 24px) !important;
	}

	.fullwidth-box .fusion-row {
		margin-left: calc(-24px / 2) !important;
		margin-right: calc(-24px / 2) !important;
	}

	.fusion-layout-column {
		--awb-spacing-left: 12px;
		--awb-spacing-right: 12px;
		--awb-margin-bottom-small: 24px;
	}
}

.fusion-layout-column {
	--awb-margin-bottom-small: 24px;
}

/* Buttons */
[id^="header"] .top-menu .btn-secondary a {
	padding: 4px 12px;
	border-radius: 8px;
	line-height: 1.2;
	font-weight: var(--awb-custom_typography_1-font-weight);
}

[id^="header"] .top-menu .btn-red a {
	color: var(--color-white) !important;
	background-color: var(--color-red);
}

[id^="header"] .top-menu .btn-red a * {
	color: inherit;
}

[id^="header"] .top-menu .btn-red:hover a {
	background-color: var(--color-green);
}

[id^="header"] .top-menu .btn-red a .awb-menu__i {
	padding-left: 0;
	padding-right: 4px;
	margin-top: 1px;
}

/* Btn-Circle */
.fusion-button.btn-circle i {
	background-color: var(--button_accent_color);
	color: var(--button_gradient_top_color);
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: calc(var(--button_font_size, 14px) * 0.75);
}

.fusion-button.btn-circle:hover i {
	background-color: var(--button_accent_hover_color);
	color: var(--button_gradient_top_color_hover);
}

.fusion-button.btn-span-left {
	justify-content: flex-start;
}

/* Icon Title */
body:not(.fusion-builder-live) .icon-title-wrapped {
	display: flex;
	align-items: center;
}

/* Inline BTN */
#main .cem-inline-btn,
.awb-off-canvas .cem-inline-btn {
	padding: 4px 8px;
	background-color: hsla(
		var(--awb-color5-h),
		var(--awb-color5-s),
		var(--awb-color5-l),
		calc(var(--awb-color5-a) - 84%)
	);
	color: var(--color-blue);
	border-radius: 8px;
	font-size: 0.89em;
}

#main .cem-inline-btn,
#main .cem-inline-btn > strong,
.awb-off-canvas .cem-inline-btn,
.awb-off-canvas .cem-inline-btn > strong {
	font-weight: var(--button_typography-font-weight);
}

#main .cem-inline-btn:hover,
.awb-off-canvas .cem-inline-btn:hover {
	background-color: hsla(
		var(--awb-color5-h),
		var(--awb-color5-s),
		var(--awb-color5-l),
		calc(var(--awb-color5-a) - 76%)
	);
}

/*
======
Header
======
*/
#header.fusion-sticky-transition {
	padding-top: 0;
	padding-bottom: 0;
	box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.24);
}

#header.fusion-sticky-transition.header-v2 {
	padding-top: 8px;
	padding-bottom: 8px;
	box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.24);
}

#header.fusion-sticky-transition.header-v2 .awb-menu_dropdown.awb-menu_row .awb-menu__sub-ul_main {
	--awb-submenu-space: 8px;
}

.menu-item.color-red .awb-menu__i_main {
	color: var(--color-red);
}

/*
========
Formular
========
*/
form abbr {
	text-decoration: none;
}

/*
=======================
Impressum & Datenschutz
=======================
*/
.page-impressum h5,
.page-datenschutz h5 {
	font-weight: var(--font-weight-bold);
}

.page-impressum p + h5,
.page-datenschutz p + h5 {
	margin-top: 48px;
}

.page-impressum h6,
.page-datenschutz h6 {
	margin-top: 32px;
	margin-bottom: 16px;
}

/*
=====
Fonts
=====
*/

/*
===========
News Ticker
===========
*/
.awb-news-ticker-title {
	font-weight: var(--font-weight-bold);
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.4);
}

/*
=============
Content Boxes
=============
*/
.fusion-content-boxes.content-boxes-icon-on-side .icon {
	top: -0.2em;
}

.fusion-content-boxes .content-container {
	margin-bottom: 0;
}

/*
==========
Checklists
==========
*/
.fusion-checklist,
ul.fusion-checklist {
	--awb-margin-top: 0;
	--awb-margin-bottom: 6px;
	line-height: 1.5;
}

body .fusion-checklist .fusion-li-item-content .fusion-responsive-typography-calculated {
	margin-bottom: 0;
}

body .fusion-checklist .fusion-li-item-content .fusion-responsive-typography-calculated + p {
	margin-top: 8px;
}

/*
==========
Off Canvas
==========
*/
.awb-off-canvas-wrap {
	border: 0;
}

.awb-off-canvas-wrap .awb-off-canvas-inner,
.awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content {
	max-height: 90vh;
}

/*
=======
Toggles
=======
*/

.fusion-accordian .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode {
	margin-bottom: 12px;
}

.fusion-accordian .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode .panel-title a {
	padding: 12px 24px;
}

.fusion-accordian .panel-title .fusion-toggle-heading {
	margin-left: 16px;
}

.fusion-accordian .fusion-panel {
	border-radius: 12px;
}

.fusion-accordian .panel-title a .fa-fusion-box,
.fusion-button.btn-circle i {
	padding: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fusion-accordian .panel-title a .fa-fusion-box:before {
	width: auto;
}

/*
=======
Toggles
=======
*/
.popover {
	max-width: 480px;
}

/*
========
Lightbox
========
*/
.ilightbox-holder.metro-white,
.ilightbox-holder div.ilightbox-container {
	border-radius: 12px;
}

.ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
	border-radius: 8px;
}

.ilightbox-button.ilightbox-prev-button.metro-white {
	border-radius: 0 0 12px 12px;
}

.ilightbox-button.ilightbox-next-button.metro-white {
	border-radius: 12px 12px 0 0;
}