﻿
@charset "utf-8";

/**
 * Theme Name:     mauriziorestaldo
 * Theme URI:      www.mauriziorestaldo.com
 * Description:    Medicina Osteopatica e Agopuntura
 * Author:         Pircher Stefan
 * Author URI:     www.ps-design.it
 * Version:        2.0
 */

/* ============================
   > CONTENTS
   ==================
		> BODY, HTML
		> LINKS
		> PRELOADER
		> FLEXBOX
		> TRANSITIONS
		> H/V CENTERING
		> HEADER
		> HEADLINES
		> SECTIONS
*/

/* ============================
   > BODY, HTML
   ================== */

body, html, input, button, textarea, select {
		font-family:var(--mr_font_regular); font-size:18px;
		line-height:26px; color:var(--mr_dark_grey);
}
body { background:var(--mr_light_green); }
body, html { /*height:100%;*/ }

/* media-queries */
@media screen and (max-width: 1460px) {
		body, html, input, button, textarea, select {
				font-size:16px; line-height:24px;
		}
}

/* ============================
   > CSS-VARIABLES
   ================== */

:root {
		/* farbwerte */
		--mr_green:#055d21;
		--mr_dark_green:#044519;
		--mr_medium_green:#a3cb38;
		--mr_light_green:#dde2df;
		--mr_yellow:#ffb401;
		--mr_dark_grey:#222;
		--mr_black:#000;
		--mr_white:#fff;
		/* schriften */
		--mr_font_regular:'Roboto-Regular', Arial, Helvetica, sans-serif;
		--mr_font_medium:'Roboto-Medium', Arial, Helvetica, sans-serif;
		--mr_font_bold:'Roboto-Bold', Arial, Helvetica, sans-serif;
}

/* ============================
   > FONT-EMBEDS
   ================== */

@font-face {
		font-family:'Roboto-Regular';
		src:url('fonts/Roboto-Regular.woff2') format('woff2');
}
@font-face {
		font-family:'Roboto-Medium';
		src:url('fonts/Roboto-Medium.woff2') format('woff2');
}
@font-face {
		font-family:'Roboto-Bold';
		src:url('fonts/Roboto-Bold.woff2') format('woff2');
}

/* ============================
   > LINKS
   ================== */

a:link 			{ /*font-family:var(--mr_font_regular); font-size:16px;*/ color:var(--mr_green); text-decoration:underline; }
a:visited 	{ /*font-family:var(--mr_font_regular); font-size:16px;*/ color:var(--mr_green); text-decoration:underline; }
a:active 		{ /*font-family:var(--mr_font_regular); font-size:16px;*/ color:var(--mr_green); text-decoration:none; }
a:hover 		{ /*font-family:var(--mr_font_regular); font-size:16px;*/ color:var(--mr_green); text-decoration:none; }

/* ============================
   > PRELOADER
   ================== */

#preloader {
		position:fixed; z-index:999;
		top:0; width:100%; height:100vh;
		background:var(--mr_green);

		display:flex; align-items:center;
		flex-direction:column; grid-gap:30px;
		justify-content:center;

		animation-timing-function:ease-in-out;
		animation-fill-mode:forwards;
		animation-duration:1s;
}
#preloader .logo {
		/*background:url('images/mauriziorestaldo.svg') no-repeat center;*/
		background-size:contain; width:128px; height:40px;
		animation:zoom-in-zoom-out 3s ease infinite;
}
#preloader .loader {
		width:48px; height:48px; background-size:48px 48px;
		background:url('images/loading.svg') no-repeat center;
}
/* body-loaded-and-ready */
.loaded #preloader .loader,
.loaded #preloader .logo {
		transition:all .3s ease-out;
		opacity:0;
}
.loaded #preloader {
		animation-name:fadeOut;
		animation-delay:.4s;
}
/* keyframe-animations */
@keyframes fadeOut {
		0% { opacity:1; visibility:visible; }
		100% { opacity:0; visibility:hidden; }
}
@keyframes zoom-in-zoom-out {
		0% { transform:scale(1, 1); opacity:.1; }
		50% { transform:scale(1.2, 1.2); opacity:.6; }
		100% { transform:scale(1, 1); opacity:.1; }
}

/* media-queries */

/* ============================
   > FLEXBOX
   ================== */

.flex {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
}

/* ============================
   > H/V CENTERING
   ================== */

.halign { left:50%; transform:translateX(-50%); }
.valign { top:50%; transform:translateY(-50%); }
.hvalign { top:50%; left:50%; transform:translate(-50%,-50%); }

/* ============================
   > HEADLINES
   ================== */

h1, h2, h3, h4, h5 {
		font-family:var(--mr_font_bold);
		font-size:48px; line-height:111%;
		margin:0; color:var(--mr_red);
		hyphens:auto; font-weight:normal;
}
body strong {
		font-family:var(--mr_font_bold);
		font-weight:normal;
}

/* media-queries */

/* ============================
   > WRAPPER
   ================== */

.wrap {
		position:relative;
		max-width:1380px;
		margin:0 auto;
}

/* media-queries */
@media screen and (max-width: 1460px) {
		.wrap {
				max-width:none;
				margin:0 40px;
				/*background:pink;*/
		}
}
@media screen and (max-width: 480px) {
		.wrap {
				overflow:hidden;
				margin:0 30px;
		}
}

/* ============================
   > BUTTONS
   ================== */

a.btn {
		font-family:var(--mr_font_bold);
		font-size:14px; color:var(--mr_dark_grey);
		line-height:1; text-transform:uppercase;
		text-decoration:none; padding:14px 28px;
		border-radius:4px; letter-spacing:2px;
		background-color:var(--mr_yellow);
}

/* ============================
   > WAVE-SEPARATOR
   ================== */

.wave {
		position:absolute; z-index:1;
		bottom:-10px; left:0; right:0;
}
#slider .wave svg {
		fill:var(--mr_light_green);
}
#contact .wave svg {
		fill:var(--mr_green);
}

/* media-queries */

/* ============================
   > SECTIONS
   ================== */

section #slider {}
section #welcome {}
section #calendar {}
section #std {}

/* general-section-styles */
section .topic {
		font-family:var(--mr_font_bold);
		font-size:15px; line-height:1;
		text-transform:uppercase;
		color:var(--mr_green);
		letter-spacing:2px;
}
section h2 {
		font-family:var(--mr_font_bold);
		font-size:45px; line-height:normal;
		color:var(--mr_dark_grey);
		margin:10px 0 20px;
}
section .txt {
		/*font-family:var(--mr_font_medium);
		font-size:18px; line-height:1.7rem;
		color:var(--mr_dark_grey);*/
}
section strong {
		font-family:var(--mr_font_bold);
}
/* section-std */
#std .wrap {
		padding:50px 0 100px;
}
#std h1 {
		margin-bottom:40px;
}
#std h2, #std h3 {
		font-size:24px;
		line-height:normal;
		color:var(--mr_green);
		margin:40px 0 20px;
}

/* media-queries */
@media screen and (max-width: 980px) {
		section h2 {
				font-size:40px;
		}
		#std h1 {
				font-size:40px;
		}
		#std .wrap {
				padding:40px 0 80px;
		}
}
@media screen and (max-width: 720px) {
		section h2 {
				font-size:36px;
		}
		#std h1 {
				margin-bottom:30px;
				font-size:36px;
		}
		#std .wrap {
				padding:30px 0 60px;
		}
}
@media screen and (max-width: 480px) {
		section h2 {
				font-size:32px;
		}
		section .txt {
				line-height:24px;
				font-size:16px;
		}
		#std h1 {
				margin-bottom:20px;
				font-size:28px;
		}
		#std .wrap {
				padding:20px 0 40px;
		}
}

/* ============================
   > SECTION-WELCOME
   ================== */

#welcome .wrap {
		padding:80px 0;
}
#welcome .txt {
		/*max-width:725px;*/
}
/* box-maurizio */
#welcome .boxmr {
		position:absolute; z-index:8;
		max-width:320px; top:-280px; right:0;
		display:flex; flex-direction:column;
}
#welcome .boxmr .bheader {
		font-family:var(--mr_font_medium);
		font-size:17px; color:var(--mr_dark_grey);
		padding:21px 0; background:var(--mr_yellow);
		text-indent:40px; border-top-left-radius:4px;
		border-top-right-radius:4px;
}
#welcome .boxmr .binner {
		font-family:var(--mr_font_regular);
		font-size:15px; line-height:22px;
		background-color:var(--mr_white);
		padding:33px 40px;
}
#welcome .boxmr .binner img {
		display:block; max-width:100%;
		height:auto; margin-bottom:20px;
		border-radius:8px;
}
#welcome .boxmr .binner a {
		display:block; margin-top:20px;
		font-family:var(--mr_font_bold);
		font-size:15px; line-height:1;
		color:var(--mr_dark_green);
		text-transform:uppercase;
		text-decoration:none;
		letter-spacing:.6px;
}

/* media-queries */
@media screen and (max-width: 980px) {
		#welcome .wrap {
				padding:40px 0;
		}
		#welcome .boxmr {
				display:none;
		}
}
@media screen and (max-width: 720px) {
		#welcome .wrap {
				padding:20px 0;
		}
}

/* ============================
   > SECTION-TOPICS
   ================== */

#topics .wrap {
		display:flex; grid-gap:100px;
		/*margin-left:80px; max-width:none;*/
		flex-direction:column;
}
/* start-alternating-items */
#topics .item:nth-child(odd) {
		flex-direction: row-reverse;
}
#topics .item:nth-child(odd) .overlap {
		left:auto; right:0;
}
#topics .item {
		display:flex; align-items:center;
		justify-content:flex-end;
}
#topics .overlap {
		position:absolute; left:0;
		background-color:var(--mr_white);
		padding:70px 60px; max-width:50%;
}
#topics .item h2 {
		font-size:38px;
}
#topics img {
		box-shadow:0px 0px 12px 0px rgba(0,0,0,0.2);
		max-width:100%; height:auto;
}
#topics .item .topic {
		color:var(--mr_medium_green);
		display:none;
}
#topics .item .readmore {
		position:absolute; bottom:-70px;
		left:0; background:var(--mr_yellow);

		min-width:450px; height:70px;
		display:flex; align-items:center;
		justify-content:center;

		font-family:var(--mr_font_bold);
		font-size:20px; color:var(--mr_white);
		line-height:1; text-decoration:none;
}
#topics .item .readmore:hover {
		background:var(--mr_medium_green);
}

/* media-queries */
@media screen and (max-width: 980px) {
		#topics .wrap {
				grid-gap:80px;
		}
		#topics .overlap {
				max-width:none;
				position:relative;
				padding:60px;
		}
		#topics .item {
				display:block;
		}
		#topics .item h2 {
				margin:0 0 16px;
				font-size:34px;
		}
		#topics .item .readmore {
				right:0; min-width:0;
		}
}
@media screen and (max-width: 720px) {
		#topics .wrap {
				grid-gap:60px;
		}
		#topics .overlap {
				padding:50px;
		}
		#topics .item h2 {
				margin:0 0 12px;
				font-size:30px;
		}
}
@media screen and (max-width: 480px) {
		#topics .wrap {
				grid-gap:40px;
		}
		#topics .overlap {
				padding:40px;
		}
		#topics .item h2 {
				margin:0 0 8px;
				font-size:28px;
		}
		#topics .item .readmore {
				left:auto; bottom:-24px;
				font-size:18px; height:auto;
				padding:15px 30px;
		}
}

/* ============================
   > SECTION-CONTACT
   ================== */

#contact {
		position:relative; /* < incl-wave.php */
}
#contact .wrap {
		display:flex; grid-gap:100px;
		padding:160px 0 220px;
		z-index:2; /* < wave */
}
#contact .item {
		flex:0 1 50%;
}
#contact .left {
		/*background:coral;*/
}
#contact .right {
		display:flex;
		justify-content:flex-start;
		/*background:orange;*/
}
#contact .boxwhite {
		display:flex; flex-direction:column;
		background-color:var(--mr_white);
		border-radius:10px; padding:50px;

		font-family:var(--mr_font_bold);
		font-size:32px; line-height:2.5rem;
		min-width:370px; height:fit-content;
		color:var(--mr_dark_grey);
}
#contact .boxwhite .topic {
		position:relative; margin-bottom:10px;
		color:var(--mr_medium_green);
}
#contact .boxwhite .topic:last-child {
		padding-top:70px;
}
#contact .boxwhite .topic:last-child::before {
		position:absolute; content:''; top:20px;
		background-color:var(--mr_medium_green);
		height:3px; width:70px;
}
/* section-contact-cf7 */
#contact .wpcf7 input[type="text"],
#contact .wpcf7 input[type="email"],
#contact .wpcf7 input[type="submit"],
#contact .wpcf7 textarea {
		font-family:var(--mr_font_regular);
		font-size:20px; line-height:1;
		color:var(--mr_dark_grey);

		border:none; box-sizing:border-box;
		border-bottom:1px solid #b2c7b9;
		padding:16px 0 14px 18px;
		background:transparent;
		margin-bottom:10px;
}
#contact .wpcf7 textarea {
		height:100px;
}
#contact .wpcf7 label.privacy {
		margin:10px 0 20px;
		display:inline-block;
		line-height:1.3;
}
#contact .wpcf7 label.privacy,
#contact .wpcf7 label.privacy a {
		color:var(--mr_dark_grey);
		font-size:13px !important;
}
#contact .wpcf7 label.privacy a {
		color:var(--mr_green);
}
/* submit-button-styles */
#contact .wpcf7 input[type="submit"] {
		font-family:var(--mr_font_bold);
		font-size:15px; line-height:1;
		width:auto; margin:0; padding:22px 96px;
		border:none; text-transform:uppercase;
		background-color:var(--mr_yellow);
		color:var(--mr_dark_grey);
		border-radius:999px;
}
#contact .wpcf7 input[type="submit"]:disabled {
		cursor:default; color:#bbb;
		background-color:#eee;
}
#contact .wpcf7 input[type="submit"]:disabled:hover {
		cursor:not-allowed;
}
#contact .wpcf7 input[type="submit"]:hover {
		transition:all .4s;
		cursor:pointer;
}

/* media-queries */
@media screen and (max-width: 1280px) {
		#contact .wrap {
				grid-gap:50px;
		}
		#contact .boxwhite {
				font-size:28px;
				padding:40px;
		}
}
@media screen and (max-width: 980px) {
		#contact .wrap {
				padding:120px 0 180px;
		}
		#contact .boxwhite {
				min-width:0;
		}
}
@media screen and (max-width: 720px) {
		#contact .wrap {
				flex-wrap:wrap-reverse;
				padding:80px 0 140px;
		}
		#contact .boxwhite {
				line-height:145%;
				font-size:28px;
		}
		#contact .item,
		#contact .boxwhite {
				flex:100%;
		}
		#contact .boxwhite .topic:last-child {
				padding-top:40px;
		}
		#contact .wpcf7 input[type="text"],
		#contact .wpcf7 input[type="email"],
		#contact .wpcf7 input[type="submit"],
		#contact .wpcf7 textarea {
				font-size:18px;
		}
}
@media screen and (max-width: 480px) {
		#contact .wrap {
				padding:40px 0 100px;
		}
		#contact .boxwhite {
				font-size:24px;
		}
		#contact .boxwhite .topic:last-child {
				padding-top:20px;
		}
		#contact .wpcf7 input[type="submit"] {
				width:100%;
		}
		#contact .wpcf7 input[type="text"],
		#contact .wpcf7 input[type="email"],
		#contact .wpcf7 input[type="submit"],
		#contact .wpcf7 textarea {
				font-size:16px;
		}
}

/* ============================
   > HEADER
   ================== */

#header .topbar {
		background-color:var(--mr_green);
		color:var(--mr_white);
}
#header .navbar {
		background-color:var(--mr_white);
}
/* header-is-sticky */
#header .navbar.sticky {
    position:fixed; z-index:9;
    top:0; left:0; right:0;
}
#header .topbar .wrap,
#header .navbar .wrap {
		display:flex;
		align-items:center;
}
#header .topbar .wrap { height:50px; grid-gap:40px; }
#header .navbar .wrap { height:100px; justify-content:space-between; }

/* topbar-green */
#header .topbar,
#header .topbar a {
		font-size:15px;
		color:var(--mr_white);
		text-decoration:none;
}
#header .topbar a:hover {
		color:var(--mr_medium_green);
}
#header .topbar .topic {
		margin-right:auto;
}
#header .topbar label strong {
		font-family:var(--mr_font_bold);
		font-size:16px;
}
/* topbar-socials */
#header .topbar .social {
		display:flex; /*grid-gap:4px;*/
		margin-right:150px;
}
#header .topbar .social .facebook { background:url('images/ico-facebook-topbar.svg') no-repeat center; }
#header .topbar .social .instagram { background:url('images/ico-instagram-topbar.svg') no-repeat center; }
#header .topbar .social a {
		width:40px; height:16px;
		display:flex; align-items:center;
		border-left:1px solid #377d4d;
		background-size:contain;
		display:none; /* < ausgeblendet! */
}
#header .topbar .social a:last-of-type {
		border-right:1px solid #377d4d;
}
/* navbar-white */
#header .navbar .logo {
		text-decoration:none;
		font-family:var(--mr_font_regular);
		color:var(--mr_dark_grey);
}
#header .navbar .logo strong {
		font-family:var(--mr_font_bold);
		color:var(--mr_green); display:block;
		font-size:28px; line-height:normal;
}
/* navbar-becomes-sticky */
#header .navbar.sticky {
		animation:slideDown 0.35s ease-out; top:0;
}
/* keyframe-animation */
@keyframes slideDown {
		from { transform:translateY(-100px); }
		to { transform:translateY(0); }
}

/* media-queries */
@media screen and (max-width: 1200px) {
		#header .topbar label strong {
				display:none;
		}
		#header .navbar .logo strong {
				font-size:24px;
		}
}
@media screen and (max-width: 980px) {
		#header .topbar {
				display:none;
		}
		#header .navbar {
				position:fixed; z-index:9;
				animation:none !important;
				top:0; left:0; right:0;
		}
}
@media screen and (max-width: 480px) {
		#header .navbar .logo strong {
				font-size:22px;
		}
}

/* ============================
   > INCL-LANGDROP
   ================== */

/* //codepen.io/w8w8/pen/xYxqgp */
.wpml-ls {
		position:absolute; z-index:6;
		top:4px; right:0; padding:0;
}
.wpml-ls ul {
		overflow:hidden; border-radius:3px;
		display:flex; flex-direction:column;
		padding:0; margin:0; height:40px;
		transition:all .3s ease;
}
.wpml-ls ul:hover {
		height:122px;
}
.wpml-ls a {
		font-size:15px; text-decoration:none;
		line-height:inherit; line-height:40px;
		color:var(--mr_white); padding:0px 20px;
}
.wpml-ls a:hover {
		color:var(--mr_medium_green) !important;
}
.wpml-ls li.wpml-ls-current-language {
		order:-1; /* always-first-pos */
}
.wpml-ls ul li {
		display:flex !important; align-items:center;
		background:var(--mr_dark_green);
}
.wpml-ls ul li:hover {
		/*background-color:var(--mr_medium_green);*/
}
.wpml-ls a:first-child li {
		background:transparent;
		border:none;
}
.wpml-ls span {
		margin:0 !important;
}
.wpml-ls ul li img {
		margin-right:10px;
		height:12px;
}

/* media-queries */
@media screen and (max-width: 980px) {
		.languagepicker {
				display:none;
		}
}
@media screen and (max-width: 480px) {
		.wpml-ls a {
				padding:0px 10px;
		}
}

/* ============================
   > MAINMENU
   ================== */

.menu {
		display:flex; grid-gap:38px;
		list-style:none; height:100%;
		margin:0; padding:0;
}
.menu li {
		display:flex;
		align-items:center;
}
.menu li a {
		display:block;
		font-family:var(--mr_font_medium);
		font-size:18px; line-height:normal;
		color:var(--mr_dark_grey);
		text-decoration:none;
}
.menu li.active a,
.menu li.current-menu-item a,
.menu li.current-menu-parent a,
.menu li:hover a {
		color:var(--mr_yellow);
}
.menu li:hover {
		cursor:pointer;
}
/* btn-seminari */
li.seminari a, a.btnyel {
		font-family:var(--mr_font_bold);
		font-size:14px; border-radius:4px;
		padding:14px 28px 12px; letter-spacing:2px;
		color:var(--mr_dark_grey) !important;
		background-color:var(--mr_yellow);
	 	text-transform:uppercase;
		text-decoration:none;
}

/* media-queries */
@media screen and (max-width: 1200px) {
		.menu {
				grid-gap:28px;
		}
		li.seminari a {
				padding:14px 18px 12px;
		}
}
@media screen and (max-width: 980px) {
		.menu {
				display:none;
		}
}
@media screen and (max-width: 720px) {
		li.seminari a {
				padding:12px 16px 10px;
		}
}
@media screen and (max-width: 480px) {
		li.seminari a {
				padding:10px 14px 8px;
				letter-spacing:1px;
		}
}

/* ============================
   > SUBMENU
   ================== */

.menu ul {
    display:none;
}
.menu li:hover > ul {
    display:flex;
}
.menu ul {
		position:absolute; z-index:99;
    top:100px; left:-24px; padding:0;

    box-shadow:0px 3px 3px rgba(0,0,0,0.2);
		background-color:var(--mr_green);
		display:none; list-style:none;
		flex-direction:column;
}
.menu li {
    position:relative;
}
.menu ul li {
		min-width:180px;
}
.menu ul li a {
		font-family:var(--mr_font_regular);
		font-size:16px; line-height:normal;
		color:var(--mr_white) !important;
		white-space:nowrap; flex:1;
		padding:16px 24px;
}
.menu ul li a:hover {
		color:var(--mr_yellow) !important;
}
.menu ul li a:after {
		position:absolute; content:'';
		height:1px; bottom:0; left:24px; right:24px;
		background-color:#377d4d;
}
.menu ul li:last-child a:after {
		display:none;
}
/* icons-4-menu-items */
.menu ul li.ico a {
		display:flex; grid-gap:10px;
		padding:12px 36px 12px 24px;
		align-items:center;
}
.menu ul li.ico a:before {
		display:block; content:'';
		width:50px; height:50px;

		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
}
.menu ul li.osteopatia a:before { background-image:url('images/ico-osteopatia.svg'); }
.menu ul li.agopuntura a:before { background-image:url('images/ico-agopuntura.svg'); }
.menu ul li.rootmotion a:before { background-image:url('images/ico-rootmotion.svg'); }
.menu ul li.approccio a:before { background-image:url('images/ico-approccio.svg'); }

/* codepen-examples
https://unused-css.com/blog/animated-dropdown-menu
https://codepen.io/pen
https://codepen.io/codypearce/pen/PdBXpj */

/* keyframe-animations */

/* media-queries */

/* ============================
   > MENUTRIGGER
   ================== */

.mmtrigger {
		position:relative; z-index:9;
		display:none; align-items:center;
		justify-content:center; width:60px;
		height:56px; transition-duration:0.5s;
		background:var(--mr_light_green);
}
.mmtrigger:hover {
		cursor:pointer;
}
.mmtrigger .icon,
.mmtrigger .icon:before,
.mmtrigger .icon:after {
		position:absolute;
		background:var(--mr_green);
		transition-duration:0.5s;
		width:30px; /* breite-balken */
		height:4px; /* höhe-balken */
}
.mmtrigger .icon:before,
.mmtrigger .icon:after {
		content:'';
}
.mmtrigger .icon:before { top:-10px; /* abstand-balken */ }
.mmtrigger .icon:after { top:10px; /* abstand-balken */ }

.mmtrigger.open .icon {
		transition-duration:0.5s;
		background:transparent;
}
.mmtrigger.open .icon:before {
  	transform:rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
}
.mmtrigger.open .icon:after {
  	transform:rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
}

/* media-queries */
@media screen and (max-width: 980px) {
		.mmtrigger {
				display:flex;
		}
}

/* ============================
   > MOBILE-OVERLAY
   ================== */

.mmoverlay {
		position:fixed; z-index:8;
		transition:max-height .8s ease;
		top:0; left:0; right:0; bottom:0;
		display:none; align-items:center;
		background-color:rgba(4,69,25,.9);
		/*overflow:hidden;*/ max-height:0;
		justify-content:center;
		overflow:auto; /* < scrollbars-when-menu-is-open */
}
.mmoverlay .inner {
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		grid-gap:60px;
}
/* mmoverlay-mmenu */
.mmoverlay .menu {
		display:flex; align-items:center;
		flex-direction:column; opacity:0;
		transition:all .9s ease;
}
.mmoverlay .menu li {
		flex-direction:column;
}
.mmoverlay .menu a {
		color:var(--mr_white);
		font-size:28px;
}
.mmoverlay .menu .seminari a {
		font-size:24px;
}
.mmoverlay .menu a:after {
		display:none;
}
.mmoverlay .menu a:hover {
		color:var(--mr_yellow);
}
/* mmoverlay-mmenu-submenu */
.mmoverlay .menu li:hover > ul {
		display:none;
}
.mmoverlay .menu ul {
		box-shadow:none;
		position:relative;
		background:transparent;
		margin-top:12px;
		top:0; left:0;
}
.mmoverlay .menu ul li:after {
		position:absolute; content:'';
		left:0; right:0; bottom:0; height:1px;
		background-color:#377d4d;
}
.mmoverlay .menu ul li a {
		font-size:20px; padding:12px 0;
}
.mmoverlay .menu ul li.current-menu-item a {
		color:var(--mr_yellow) !important;
}
/* mmoverlay-lang-links */
.mmoverlay .wpml-ls {
		position:relative;
		/*position:absolute; top:auto;
		bottom:-40px; left:0; right:0;*/
		display:block; /*opacity:0;*/
		border:none; padding:0;
}
.mmoverlay .wpml-ls ul {
		position:relative;
		flex-direction:row;
		justify-content:center;
		transition:none;
		height:auto;
}
.mmoverlay .wpml-ls ul li {
		background:transparent;
}
.mmoverlay .subfooter {
		margin:40px 0;
}
.mmoverlay .subfooter a {
		text-decoration:none;
		color:var(--mr_white);
		font-size:16px;
}
body.menu_mobile_opened .mmoverlay .wpml-ls {
		/*animation:fadeInBottom .4s ease forwards;
		animation-delay:1s;*/
}
/* mobile-menu-is-open */
body.menu_mobile_opened { overflow:hidden; }
body.menu_mobile_opened .mmoverlay { max-height:100dvh; }
body.menu_mobile_opened .mmoverlay .menu {
		opacity:1; transition-delay:.6s;
}

/* keyframe-animations */
@keyframes fadeInBottom {
  100% {
    opacity:1;
    bottom:20px;
  }
}

/* media-queries */
@media screen and (max-width: 980px) {
		.mmoverlay {
				display:flex;
				align-items:flex-start;
		}
		.mmoverlay .inner {
				padding-top:160px;
		}
}
@media screen and (max-width: 720px) {
		.mmoverlay .inner {
				grid-gap:40px;
		}
		.mmoverlay .menu {
				grid-gap:24px;
		}
		.mmoverlay .menu a {
				font-size:24px;
		}
		.mmoverlay .menu .seminari a {
				font-size:22px;
		}
		.mmoverlay .menu ul li a {
				font-size:18px;
				padding:10px 0;
		}
}
@media screen and (max-width: 480px) {
		.mmoverlay .inner {
				padding-top:140px;
				grid-gap:20px;
		}
		.mmoverlay .menu {
				grid-gap:20px;
		}
		.mmoverlay .menu a {
				font-size:20px;
		}
		.mmoverlay .menu .seminari a {
				font-size:18px;
		}
		.mmoverlay .menu ul li a {
				font-size:16px;
				padding:8px 0;
		}
		.mmoverlay .lang li a,
		.mmoverlay .subfooter a {
				font-size:15px;
		}
}

/* ============================
   > SPLIDE-SLIDER
   ================== */

#slider {
		position:relative;
		overflow:hidden;
		/*height:100vh;*/
}
#slider img {
		opacity:.8;
		max-width:100%;
		height:auto;
}
/* when-navbar-is-fixed */
#slider.navbarsticky {
		margin-top:100px;
}
/* splide-arrows */
.splide__arrows svg {
		display:none;
}
.splide__arrow--prev { background:url('images/ico-prev.webp') no-repeat; }
.splide__arrow--next { background:url('images/ico-next.webp') no-repeat; }
.splide__arrow--prev, .splide__arrow--next {
		background-size:contain; width:3em;
		background-position:center;
}

/* media-queries */
@media screen and (max-width: 980px) {
		#slider {
				margin-top:100px;
		}
}

/* ============================
   > STATIC-H-PIC
   ================== */

#slider .hpic,
#slider .splide__slide {
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
}
#slider .hpic {
		height:600px; opacity:.8;
}
#slider .splide__track,
#slider .splide__slide {
		height:760px;
}
#slider .splide__slide:before {
		position:absolute; content:'';
		opacity:.2; top:0; left:0; right:0;
		bottom:0; background:var(--mr_white);
}

/* media-queries */
@media screen and (max-width: 980px) {
		#slider .hpic,
		#slider .splide__track,
		#slider .splide__slide {
				height:460px;
		}
}
@media screen and (max-width: 720px) {
		#slider .hpic,
		#slider .splide__track,
		#slider .splide__slide {
				height:340px;
		}
}
@media screen and (max-width: 720px) {
		#slider .hpic,
		#slider .splide__track,
		#slider .splide__slide {
				height:230px;
		}
}

/* ============================
   > TEASER-ANIMATION
   ================== */

.teaser {
		position:absolute; display:flex;
		z-index:4; bottom:220px; left:100px;
		flex-direction:column;
}
.teaser .fline, .teaser .sline {
		position:relative; animation-duration:.6s;
		animation-fill-mode:both; line-height:111%;
		text-shadow:0px 0px 8px rgba(0,0,0,0.18);
}
.teaser .fline::before {
		font-family:var(--mr_font_bold);
		font-size:15px; letter-spacing:1px;
		display:block; color:var(--mr_yellow);
		line-height:normal; margin-bottom:12px;
		content:'Dr. Maurizio Restaldo';
		text-transform:uppercase;
}
body.home .teaser .fline::before {
		content:'Benvenuti sul mio sito';
}
body.loaded .teaser .fline {
		font-family:var(--mr_font_bold);
		font-size:60px; color:var(--mr_white);
		margin-bottom:18px;

		animation-name:slideInBottom;
		animation-delay:2s;
}
body.home.loaded .teaser .fline,
body.postid-79 .teaser .fline {
		/*color:var(--mr_green);*/
}
body.loaded .teaser .sline {
		font-family:var(--mr_font_regular);
		font-size:24px; color:var(--mr_white);
		max-width:580px;

		animation-name:slideInBottom;
		animation-delay:2.5s;
}

/* keyframe-animations */
@keyframes slideInBottom {
		0% {
				opacity:0;
				bottom:-80%;
		}
		100% {
				opacity:1;
				bottom:0%;
		}
}

/* media-queries */
@media screen and (max-width: 980px) {
		.teaser {
				display:none;
		}
}

/* ============================
   > PAGE-SEMINARI
   ================== */

#calendar {}
#calendar .grid {
    margin:80px 0;
}
/* incl-tabs.php */
.tabwrap {
		position:relative;
		margin-top:60px;
		z-index:2;
}
/* tab-header */
ul.tabs {
		display:flex; column-gap:1px;
		margin:0px; padding:0px;
		justify-content:center;
		list-style:none;
}
ul.tabs li {
		flex:1; cursor:pointer; height:200px;
		color:var(--mr_dark_grey); /*padding:40px 0;*/
		background-color:var(--mr_white);
	
		display:flex; align-items:center;
		justify-content:center;

		font-family:var(--mr_font_medium);
		font-size:22px; line-height:1;
}
ul.tabs li.current {
		background-color:var(--mr_medium_green);
		color:var(--mr_white);
}
ul.tabs li label {
		display:flex; grid-gap:30px;
		flex-direction:column;
		cursor:pointer;
}
ul.tabs li label::before {
		display:block; content:'';
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		height:75px;
}
ul.tabs li.first label:before { background-image:url('images/ico-residenziale-b.svg'); }
ul.tabs li.second label:before { background-image:url('images/ico-online-b.svg'); }
ul.tabs li.third label:before { background-image:url('images/ico-archivio-b.svg'); }
ul.tabs li.current.first label:before { background-image:url('images/ico-residenziale-w.svg'); }
ul.tabs li.current.second label:before { background-image:url('images/ico-online-w.svg'); }
ul.tabs li.current.third label:before { background-image:url('images/ico-archivio-w.svg'); }
ul.tabs li.second label:before, ul.tabs li.third label:before { height:68px; }

/* tab-content */
.tab-content {
		display:none;
		padding:50px 0;
		margin:0 auto;
}
.tab-content.current {
		/*display:inherit;*/
		display:flex; grid-gap:20px;
		flex-direction:column;
}

/* media-queries */
@media screen and (max-width: 720px) {
		ul.tabs {
				flex-direction:column;
		}
		ul.tabs li {
				font-size:20px; height:auto;
				justify-content:flex-start;
		}
		ul.tabs li label::before {
				width:50px;
		}
		ul.tabs li.second label:before,
		ul.tabs li.third label:before {
				width:42px;
		}
		ul.tabs li label {
				margin-left:20px;
				flex-direction:row;
				align-items:center;
				grid-gap:20px;
		}
}
@media screen and (max-width: 480px) {
		ul.tabs li {
				font-size:18px;
		}
		.tab-content.current {
				/*grid-gap:20px;*/
		}
		.tab-content {
				padding:20px 0;
		}
}

/* ============================
   > ACCORDION-STYLES
   ================== */

dl.accordion {
		display:flex; grid-gap:20px;
		flex-direction:column;

		overflow:hidden; z-index:2;
		position:relative; margin:0;
}
dl.accordion dt {
		position:relative;
		cursor:pointer;
}
dl.accordion dt,
dl.accordion label {
		cursor:pointer;
}
dl.accordion dd {
		display:none;
}
/* accordion-header */
dt.accordion-title {
		display:flex; /*grid-gap:100px;*/
		background-color:var(--mr_white);
		padding-left:40px;
}
dt.accordion-title label {
		font-family:var(--mr_font_medium);
		font-size:20px; line-height:normal;
		color:var(--mr_dark_grey);
	
		display:flex; grid-gap:30px;
		align-items:center; flex:1;
}
dt.accordion-title label span {
		font-family:var(--mr_font_bold);
		font-size:15px; line-height:normal;
		color:var(--mr_medium_green);
		text-transform:uppercase;
		letter-spacing:2px;
}
dt.accordion-title label.showmore {
		background-color:var(--mr_medium_green);
		color:var(--mr_white); margin-left:auto;
		padding:28px 40px; cursor:pointer;
		max-width:150px;
}
dt.accordion-title.open {
		background:#f6f6f6;
}
/* accordion-content */
dd.accordion-content {
		display:flex; margin:0;
		font-family:var(--mr_font_regular);
		background-color:var(--mr_white);
		color:var(--mr_dark_grey);
}
dd.accordion-content .inner {
		display:flex;
		flex-wrap:wrap;
		padding:40px;
}
dd.accordion-content .col {
		flex:1;
}
dd.accordion-content .col.left {
		column-gap:80px; column-count:3;
}
dd.accordion-content .col.left p {
		margin:0 0 20px;
}
dd.accordion-content .col.left {}
dd.accordion-content .col.right {
		margin-left:100px;
		max-width:400px;
}
dd.accordion-content .col.right img {
		max-width:100%; height:auto;
}
dd.accordion-content .signupnow {
		margin:40px -20px -20px;
		flex:0 1 100%; cursor:pointer;
		text-align:center;
}

/* media-queries */
@media screen and (max-width: 980px) {
		dt.accordion-title {
				flex-direction:column;
				padding:20px;
		}
		dt.accordion-title label span {
				min-width:60px;
		}
		dt.accordion-title label.showmore {
				margin-left:0; max-width:none;
				padding:10px 0; margin-top:10px;
				justify-content:center;
		}
}
@media screen and (max-width: 720px) {
		dt.accordion-title label {
				grid-gap:20px;
				font-size:18px;
				padding:2px 0;
		}
		dd.accordion-content .col.left {
				column-gap:40px; column-count:2;
		}
}
@media screen and (max-width: 480px) {
		dt.accordion-title label {
				font-size:16px;
		}
		dd.accordion-content .col.left {
				column-gap:0; column-count:unset;
		}
		dd.accordion-content .inner {
				padding:20px;
		}
}

/* ============================
   > VIDEOS
   ================== */

.video-block {
		position:relative;
		height:0; overflow:hidden;
		padding-bottom:56.25%;
}
.video-block.cmplz-blocked-content-container {
		padding-bottom:0;
}

.video-block iframe,
.video-block object,
.video-block embed,
.video-block video {
		position:absolute;
		width:100%; height:100%;
		top:0; left:0;
}

/* media-queries */

/* ============================
   > CF7-STYLES
   ================== */

/* popup-iscrizione */
.cf7 {
		max-width:720px;
		display:none;
}
.cf7 .regtype, .cf7 .kursinfo {
		font-family:var(--mr_font_medium);
		font-size:20px; line-height:normal;
		color:var(--mr_dark_green);
}
.cf7 .regtype {
		font-family:var(--mr_font_regular);
		font-size:18px;
}
.cf7 .kursinfo .datum,
.cf7 .kursinfo .ort {
		font-family:var(--mr_font_medium);
		padding-right:8px;
}
.cf7 .kursinfo .ort {
		padding-left:24px;
}
.cf7 h2 {
		font-size:36px;
		margin:12px 0;
}
.cf7 h2, .cf7 .kursinfo .datum,
.cf7 .kursinfo .ort {
		color:var(--mr_medium_green);
}
/* cf7-form-styles */
.wpcf7 .flex {
		flex-wrap:wrap;
}
.wpcf7 .grid {
		display:grid; grid-gap:20px;
		grid-template-columns:repeat(2, 1fr);
		margin-top:28px;
}
/* hidden-post_meta-field */
.wpcf7 span[data-name="wpcf-seminari_corso"],
.wpcf7 input.hidden {
		display:none;
}
/* pflichtfelder */
.wpcf7 u {
		color:var(--mr_medium_green);
		text-decoration:none;
}
/* focus-deaktivieren */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea {
		outline:none;
}
/* form-field-styles */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type='submit'],
.wpcf7 textarea {
		width:100%; font-size:16px;
		padding:16px 0 14px 18px;
		border:1px solid #383838;
		box-sizing:border-box;
		line-height:100%;
		background:#fff;
}
/* textarea-styles */
.wpcf7 label.message {
		grid-column:1 / -1;
}
.wpcf7 textarea {
		height:140px; resize:none;
}
/* placeholder-styles */
::-webkit-input-placeholder { opacity:1; }
::-moz-placeholder { opacity:1; }
:-ms-input-placeholder { opacity:1; }
:-moz-placeholder { opacity:1; }

/* custom-checkbox-styles */
div.wpcf7 label.privacy {
		display:inline-flex;
		margin-top:18px;
}
div.wpcf7 label.privacy div {
		/*margin-left:18px;
		line-height:27px;*/
}
div.wpcf7 label.privacy div,
div.wpcf7 label.privacy div a {
		font-size:15px; line-height:145%;
}
div.wpcf7 label.privacy span.privacy {
		align-self:end;
}
div.wpcf7 input[type="checkbox"] {
		background:#e1e1e1; border:none;
		-webkit-appearance:none; outline:none;
		position:relative; width:40px; height:20px;
		transition:.5s; border-radius:10px;
}
div.wpcf7 input:checked[type="checkbox"] {
		background:#b4d065;
}
div.wpcf7 input[type="checkbox"]:before {
		position:absolute; content:'';
		width:20px; height:20px; top:0; left:0;
		background:#fff; transform:scale(1.1);
		box-shadow:0 2px 5px rgba(0,0,0,.2);
		transition:.5s; border-radius:10px;
}
div.wpcf7 input:checked[type="checkbox"]:before {
		left:20px;
}
div.wpcf7 .privacy .wpcf7-list-item {
		display:inline; margin:0;
}

/* submit-button-styles */
.wpcf7 input[type="submit"] {
		width:auto; color:#fff; border:none;
		padding-left:38px; padding-right:38px;
		background-color:#8eb31a;
		border-radius:3px;
}
.wpcf7 input[type="submit"]:disabled {
		cursor:default; color:#bbb;
		background-color:#eee;
}
.wpcf7 input[type="submit"]:disabled:hover {
		/*color:#888;*/ cursor:not-allowed;
}
.wpcf7 input[type="submit"]:hover {
		transition:all .4s;
		cursor:pointer;
}

/* recaptcha-styles */
.wpcf7 .recaptcha {
		padding:18px 0 32px;
		display:block;
}
.wpcf7 .recaptcha, .wpcf7 .recaptcha a {
		font-size:13px;
		line-height:148%;
		color:#535353;
}

/* recaptcha-badge-ausblenden */
.grecaptcha-badge { visibility:hidden; }

/* cf7-response-output */
.wpcf7 form.invalid u { color:#ff0000 !important; }
.wpcf7 input.wpcf7-not-valid { border:1px solid #ff0000 !important; }
.wpcf7 span.wpcf7-not-valid-tip, div.wpcf7 div.screen-reader-response { display:none; }
.wpcf7 form .wpcf7-response-output { margin:24px 0 0; padding:18px; text-align:center; font-size:15px; }
.wpcf7 form.sent .wpcf7-response-output { border:1px solid #05e029 !important; background:#e6fce9; color:#484848; }
.wpcf7 form.invalid .wpcf7-response-output { border:1px solid #ff0000 !important; background:#ffe5e5; color:#484848; line-height:145%; }

/* media-queries */
@media screen and (max-width: 980px) {
		.wpcf7 {
				max-width:none;
		}
}
@media screen and (max-width: 720px) {
		.wpcf7 input[type="text"],
		.wpcf7 input[type="email"],
		.wpcf7 input[type='submit'] {
				font-size:15px;
		}
		.wpcf7 input[type="submit"] {
				font-size:18px;
		}
}
@media screen and (max-width: 480px) {
		.wpcf7 .grid {
				grid-template-columns:repeat(1, 1fr);
				grid-gap:8px;
		}
		.wpcf7 input[type="text"],
		.wpcf7 input[type="email"],
		.wpcf7 input[type='submit'],
		.wpcf7 textarea,
		/* privacy-schieberegler */
		.wpcf7 label.privacy div,
		.wpcf7 label.privacy div a {
				font-size:14px;
		}
		/* popup-anmeldung */
		.cf7 {
				padding:28px;
		}
		.cf7 .regtype {
				font-size:16px;
		}
		.cf7 h2 {
				font-size:22px;
		}
}

/* ============================
   > CHOOSE-TOPIC
   ================== */

.fancybox-is-modal .fancybox-bg {
		background:rgba(4,69,25,.9); /* --mr_dark_green */
}
#choosetopic {
		min-width:720px;
		background:var(--mr_light_green);
		display:none;
}
#choosetopic .inner {
		display:flex; grid-gap:50px;
		/*background:coral;*/
}
#choosetopic .col {
		flex:1; min-height:200px;
}
#choosetopic .col a {
		display:flex; align-items:center;
		justify-content:center; height:100%;
		flex-direction:column; cursor:pointer;
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		text-decoration:none;
		/*background:var(--mr_light_green);*/
}
/* focus-deaktivieren */
#choosetopic .col a:focus {
		outline:none;
}
#choosetopic .logo {
		line-height:1;
}
#choosetopic .logo strong {
		font-family:var(--mr_font_bold);
		font-size:26px; color:var(--mr_green);
		margin-bottom:8px;
}
#choosetopic .logo {
		font-family:var(--mr_font_regular);
		font-size:19px; color:var(--mr_dark_grey);
		text-align:center; white-space:nowrap;
}
#choosetopic .rootmotion {
		background-image:url('images/root-motion.svg');
}

/* media-queries */
@media screen and (max-width: 800px) {
		#choosetopic {
				min-width:0;
		}
		#choosetopic .inner {
				flex-direction:column;
				grid-gap:25px;
		}
		#choosetopic .col a {
				min-height:200px;
				/*background-color:coral;*/
		}
}

/* ============================
   > PAGE-CONTACT
   ================== */

.kontakt .wrap {
		display:flex;
}
.kontakt .wrap div {
		flex:1;
}

/* media-queries */
@media screen and (max-width: 720px) {
		.kontakt .wrap {
				flex-wrap:wrap;
				grid-gap:40px;
		}
		.kontakt .wrap div {
				flex:100%;
		}
}

/* ============================
   > FOOTER
   ================== */

#footer {
		background-color:var(--mr_green);
}
#footer .wrap {
		display:flex; grid-gap:80px;
		padding:80px 0 40px; margin:0 auto;
		justify-content:center;
}
#footer .item {
		/*flex:0 1 25%;*/
		max-width:fit-content;
}
#footer .item strong {
		display:block; margin-bottom:20px;
		font-family:var(--mr_font_medium);
		font-size:22px; line-height:1;
		color:var(--mr_yellow);
}
#footer a {
		text-decoration:none;
}
#footer .item a,
#footer .subfooter,
#footer .subfooter a,
#footer .copyright {
		font-family:var(--mr_font_regular);
		font-size:15px; line-height:normal;
		color:var(--mr_white);
}
#footer .item a {
		display:block;
		white-space:nowrap;
		padding:10px 0;
}
#footer .item a:hover {
		text-decoration:underline;
}
/* footer-logo */
#footer .logo strong {
		font-family:var(--mr_font_bold);
		font-size:24px; color:var(--mr_white);
		margin-bottom:6px;
}
#footer .logo {
		font-family:var(--mr_font_regular);
		font-size:16px; color:var(--mr_yellow);
		text-align:center; white-space:nowrap;
}
#footer .logo strong, #footer .logo {
		line-height:145%;
}
/* footer-socials */
#footer .social {
		display:flex; grid-gap:12px;
		justify-content:center;
		margin-top:24px;
		display:none; /* < ausgeblendet! */
}
#footer a.facebook, #footer a.instagram {
		background-repeat:no-repeat; display:inline-block;
		width:42px; height:41px; text-decoration:none;
}
#footer a.facebook { background-image:url('images/ico-facebook.png'); }
#footer a.instagram { background-image:url('images/ico-instagram.png'); }
#footer .subfooter, #footer .copyright { text-align:center; }
#footer .copyright a { color:var(--mr_medium_green); margin-left:20px; }
#footer .copyright { padding-bottom:60px; }

/* subfooter-u-mmoverlay */
.subfooter,
.subfooter a {
		display:flex;
}
.subfooter a:hover {
		color:var(--mr_medium_green);
		text-decoration:none;
}
.subfooter {
		justify-content:center;
}
.subfooter a::after {
		color:var(--mr_white);
		display:block; content:'|';
		padding:0 10px;
}
.subfooter a:last-child::after {
		display:none;
}

/* media-queries */
@media screen and (max-width: 1200px) {
		#footer .wrap {
				grid-gap:60px;
		}
}
@media screen and (max-width: 920px) {
		#footer .wrap {
				padding:60px 0;
				grid-gap:40px;
		}
		#footer .copyright {
				padding:60px 0;
		}
}
@media screen and (max-width: 720px) {
		#footer .wrap {
				flex-wrap:wrap;
				padding:20px 0 0;
				/*grid-gap:20px;*/
		}
		#footer .item {
				text-align:center;
				max-width:none;
		}
		#footer .item.one {
				flex:100%;
		}
		#footer .copyright {
				padding:40px 0;
		}
}
@media screen and (max-width: 480px) {
		#footer .wrap {
				padding:20px 0;
				grid-gap:20px;
		}
		/* slideout-mobile */
		#footer .wrap .item {
				display:flex; flex:100%;
				flex-direction:column;
				align-items:center;
		}
		#footer .wrap .two,
		#footer .wrap .three,
		#footer .wrap .four {
				max-height:25px; overflow:hidden;
				transition:max-height .3s ease-out;
		}
		#footer .wrap .two.open,
		#footer .wrap .three.open,
		#footer .wrap .four.open {
				max-height:155px;
		}
		#footer .wrap .two strong,
		#footer .wrap .three strong,
		#footer .wrap .four strong {
				cursor:pointer;
				margin:0 0 8px;
		}
		#footer .copyright {
				padding:20px 0;
		}
}

/* ============================
   > COMPLIANZ-GDPR
   ================== */

/* cookie-banner */
.cmplz-cookiebanner .cmplz-title {
		/*font-size:20px !important;*/
}
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn,
.cmplz-cookiebanner .cmplz-links .cmplz-link {
		/*line-height:normal !important;
		font-size:16px !important;*/
}
.cmplz-cookiebanner .cmplz-links .cmplz-link {
		color:var(--mr_red) !important;
}
.cmplz-cookiebanner .cmplz-categories {
		margin-top:15px !important;
}
.cmplz-cookiebanner .cmplz-description {
		line-height:1.2rem;
}
div#cmplz-manage-consent .cmplz-manage-consent {
		right:80px; font-size:16px;
		bottom:0 !important;
}
.cmplz-btn.cmplz-accept {
		background-color:var(--mr_red) !important;
		border:1px solid var(--mr_red) !important;
}

/* cookie-seite */
div#cmplz-document {
		max-width:none;
}
div#cmplz-document h2 {
		font-family:var(--mr_font_medium);
		font-size:22px; font-weight:normal;
		margin-top:38px; display:block;
}
div#cmplz-document h3 {
		font-weight:normal !important;
}
div#cmplz-document h2:before,
div#cmplz-document h2:after {
		display:none !important;
}
div#cmplz-document .cmplz-subtitle {
		font-family:var(--mr_font_medium);
		font-weight:normal;
}
div#cmplz-document p,
div#cmplz-document p a,
div#cmplz-document li {
		line-height:26px !important;
		font-size:16px !important;
}

/* media-queries */
@media screen and (max-width: 720px) {
		div#cmplz-document p,
		div#cmplz-document p a,
		div#cmplz-document li {
				line-height:26px !important;
				font-size:20px !important;
		}
}

/* ============================
   > WPML-STYLES
   ================== */

/* wpml-banner-dev-site-ausblenden */
.otgs-development-site-front-end {
		display:none;
}

/* ============================
   > BACKTOP
   ================== */

/* ============================
   > BACKTOP
   ================== */

.backtop {
		position:fixed; z-index:7; cursor:pointer;
		bottom:-50px; right:15px; width:50px; height:50px;
		display:flex; align-items:center; border-radius:50%;
		border-radius:4px; background:var(--mr_yellow);
		justify-content:center; opacity:0;
		transition:all .3s ease-in-out;
}
.backtop.active {
		bottom:28px; opacity:1;
}
.backtop:after {
		border:solid var(--mr_white);
		display:inline-block; content:'';
		border-width:0 2px 2px 0; padding:5px;
		margin-top:5px; transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
}
