/*
Theme Name: RRNO
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Frese & Wolff
Author URI: https://frese-wolff.de
Template: enfold
*/

h1, h2 {font-size: clamp(2rem, 5vw, 2.8rem);}
strong {color:#003050 !important;}
li, p, .hyphen {hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;}
p a, p a:visited {line-height: 1em;}

@media only screen and (max-width:767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin, .responsive #top #wrap_all .flex_column, .responsive #top .container .av-content-small {margin-bottom: 0px;}
}

.page-id-22 #top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .avia-menu-text, .page-id-22 #top #header.header_color.av_header_transparency .av-main-nav > li > a:focus .avia-menu-text, {color: #003050 !important;}

.break-dsk {display: inline;}

@media (max-width: 767px) {
  .mobileblock {
    display: block;
  }
}
@media (min-width: 768px) {
  .break-dsk, .displayblock {
    display: block;
  }
}

@media only screen and (min-width: 640px) {
.deskleft-20 {margin-left:-20px !important;}
.deskleft-40 {margin-left:-40px !important;}
.deskleft-60 {margin-left:-60px !important;}
.deskleft-80 {margin-left:-80px !important;}
.deskleft-100 {margin-left:-100px !important;}}

/* Circles */
@media only screen and (max-width: 767px) {
  .circles-large-small-left-right {
  position: absolute;
  top: 35%;
  right: 0%;
  width: 251px;
  z-index: 0;
  pointer-events: none;
  opacity: 0.6;
	}}

@media only screen and (min-width: 768px) {
  .circles-large-small-left-right {
  position: absolute;
  top: 25%;
  right: -1%;
  transform: translateY(-50%);
  width: 495px;
  z-index: 0;
  pointer-events: none;
  transition: transform 0.05s ease-out;
	}}

body.scrolled .circles-large-small-left-right {transform: translateY(calc(-70% + var(--parallax-shift, 0px)));}

@media only screen and (max-width: 767px) {
  .circles-large-small-top-bottom--right {
  position: absolute;
  top: 69%;
  right: -35%;
  width: 515px;
  z-index: 0;
  pointer-events: none;
  opacity: 0.2;
	}}

@media only screen and (min-width: 768px) {
  .circles-large-small-top-bottom--right {
  position: absolute;
  top: 68%;
  right: -25%;
  transform: translateY(-50%);
  width: 475px;
  z-index: 0;
  pointer-events: none;
  transition: transform 0.1s ease-out;
	}}

body.scrolled .circles-large-small-top-bottom--right {
	transform: translateY(calc(-60% + var(--parallax-shift, 0px)));
}

@media only screen and (max-width: 994px) {
  .circles-large-small-left-right--left {
  position: absolute;
  top: 60%;
  left: 50%;
  width: 475px;
  z-index: 0;
  pointer-events: none;
  transition: transform 0.1s ease-out;
  opacity:0.5;
	}}

@media only screen and (min-width: 995px) {
  .circles-large-small-left-right--left {
  position: absolute;
  top: 20% !important;
  left: -38%;
  width: 475px;
  z-index: 0;
  pointer-events: none;
  transition: transform 0.1s ease-out;
	}}

body.scrolled .circles-large-small-left-right--left {
  transform: translateY(calc(-65% + var(--parallax-shift, 0px)));
}

.circles-small-large-left-right--center {
  position: absolute;
  right: 40%;
  transform: translateY(12%);
  width: 475px;
  z-index: 0;
  pointer-events: none;
}

.double-circles-white--kontakt {
  position: relative;
  z-index: 0; /* Wichtig, damit ::before darunter liegt */
  overflow: hidden; /* Optional, falls Bild nicht überlaufen soll */
}

.double-circles-white--kontakt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 420px;
  height: 545px; /* oder mehr, je nach Bildinhalt */
  background-image: url('https://mdf-system.de/wp-content/uploads/circles-large-small-top-bottom-white.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(-178px, -283px) rotate(-10deg) scale(0.6);
  transition: transform 0.6s ease-in-out;
  z-index: -1;
}

/* Breakpoint > 1440px */
@media only screen and (min-width: 1440px) {
  .double-circles-white--kontakt::before {
    transform: translate(-49px, -150px);
  }
}

.double-circles-white--vorteile {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.double-circles-white--vorteile {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.double-circles-white--vorteile::before {
  content: "";
  position: absolute;
  width: 340px;
  height: 442px;
  background-image: url('https://mdf-system.de/wp-content/uploads/circles-large-small-top-bottom-white.svg');
  background-repeat: no-repeat;

  /* Startposition für <= 1620px */
  transform: translate(-190px, -240px) rotate(-113deg);
  transition: transform 0.6s ease-in-out;
  z-index: -1;
}

/* Breakpoint > 1620px */
@media only screen and (min-width: 1621px) {
  .double-circles-white--vorteile::before {
    transform: translate(-61px, -150px) scale(1.2);

  }
}

@media only screen and (max-width: 767px) {
	.sandra-auffarth-header {background-position: 70% 0% !important;}
}
@media only screen and (max-width: 767px) {
	.sandra-auffarth-middle {background-position: 35% 0% !important;}
}

.double-circles-white {
  background-position: -555px -520px !important;
  background-size: 780px;
}
.faq--blue {
background-image: url(https://mdf-system.de/wp-content/uploads/circles-large-small-top-bottom-white.svg);
background-position: 111% 111%!important;
background-attachment: scroll;
background-size: 680px !important;
}

.faq--fragen {
background-image: url(https://mdf-system.de/wp-content/uploads/circles-small-large-left-right.svg);
background-position: -340px 60% !important;
background-attachment: scroll;
background-size: 34% !important;
}

/* Menu */
#header_main {border-bottom-width: 0px;}

/* Transparent Mobile Menu */
@media only screen and (max-width: 767px) { 
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
    background: transparent !important;
    position: absolute!important;
}} 

/* Transparent Tablet Menu */
@media only screen 
and (min-width: 768px)
and (max-width: 992px) { 
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
    background: transparent !important;
    position: absolute!important;
}}

@media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
    opacity: 0 !important;
}
.responsive #top .av_header_transparency .logo img.alternate {
    display: block !important;
}}

/* Logo Colors */
@media only screen and (max-width: 767px) {
.uuid-9833df17-7d65-47a7-82f2-fd1c9cc6ca63, 
.uuid-8f166385-6a51-483a-ac5e-6235a5291a2e,
.uuid-4ab5f6a3-223a-42c4-a4f5-0e92ff753436 {fill: #fff !important;}
}

/* Logo Size */
.logo img, .logo svg {padding: 5px 1px 5px 0;}

@media only screen and (max-width: 767px) {
/* SVG im Suchmenü einfärben */
  #menu-item-search svg path {
    fill: #ffffff !important;
  }
}

/* Postion Search Icon*/
@media only screen and (max-width:989px) {
#top #menu-item-search {padding-top: 7px !important;}}

/* Startseite */
/* pquote Testimonial */
/* p.quote {
	letter-spacing: -.01em;
	font-synthesis: none;
	font-size: max(2rem,min(7.887vw + 1.151rem,3.25rem));
	line-height: 1.1;
	font-weight: 700;
	hyphens: none; -webkit-hyphens: none; -ms-hyphens: none;
	margin:0;
}*/

p.quote {
	letter-spacing: -.01em;
	font-synthesis: none;
	font-size: max(2rem, min(1.22rem + 3.48vw, 4rem));
	line-height: 1.1;
	font-weight: 700;
	hyphens: none; -webkit-hyphens: none; -ms-hyphens: none;
	margin:0;
}

li {hyphens: none; -webkit-hyphens: none; -ms-hyphens: none;}

/* Formular */
.alternate_color .required {color: var(--enfold-main-color-primary);}
div .main_color .button {background-color:#003050; color:#FFF;}
div .main_color .button:hover {background-color:#7090ac; color:#FFF;}

#top .alternate_color .input-text, #top .alternate_color input[type='text'], #top .alternate_color input[type='input'], #top .alternate_color input[type='password'], #top .alternate_color input[type='email'], #top .alternate_color input[type='number'], #top .alternate_color input[type='url'], #top .alternate_color input[type='tel'], #top .alternate_color input[type='search'], #top .alternate_color textarea, #top .alternate_color select {background-color: #FFF;}

#top label {font-weight: 500; font-size: .92em;}

.alternate_color .primary-background, .alternate_color .primary-background a, div .alternate_color .button, .alternate_color #submit, .alternate_color input[type='submit'], .alternate_color .small-preview:hover, .alternate_color .avia-menu-fx, .alternate_color .avia-menu-fx .avia-arrow, .alternate_color.iconbox_top .iconbox_icon, .alternate_color .iconbox_top a.iconbox_icon:hover, .alternate_color .avia-data-table th.avia-highlight-col, .alternate_color .avia-color-theme-color, .alternate_color .avia-color-theme-color:hover, .alternate_color .image-overlay .image-overlay-inside:before, .alternate_color .comment-count, .alternate_color .av_dropcap2, .responsive #top .alternate_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .alternate_color .av-open-submenu.av-subnav-menu li > ul a:hover, .alternate_color .av-colored-style .av-countdown-cell-inner, .alternate_color .wc-block-components-button:not(.is-link) {
background-color: #7090ac;
color: #FFF;
border-color: var(--enfold-alternate-color-button-border);
}

.alternate_color .button:hover, .alternate_color .ajax_controlls a:hover, .alternate_color #submit:hover, .alternate_color .big_button:hover, .alternate_color .contentSlideControlls a:hover, .alternate_color #submit:hover, .alternate_color input[type='submit']:hover {
background-color: #a9bccd;
color: #003050;
border-color: var(--enfold-alternate-color-button-border2);
}

/* Uber uns */
.cv h3 {font-size:36px;}
.cv h3 img {border-radius:500px; margin-right:40px;}
.cv h4 {font-size:24px;}
.cv {background-position: -150px 110% !important; background-size: 500px;}

@media screen and (max-width: 767px) {
	.cv {background-position: 480px 112% !important; background-size: 299px !important;}
}

.portrait-wrapper {
  display: flex;
  align-items: center; /* vertikale Zentrierung */
  gap: 20px; /* Abstand zwischen Bild und Text */
}

.portrait {
  width: 253px;
  height: 253px;
  border-radius: 50%; /* rundes Bild */
  object-fit: cover;}

.name h3 {
  margin: 0;
  font-size: 2.5rem;
  line-height: 1.2;
  color: white;}

.last-name h3 {color: #a9bccd !important;}

@media screen and (max-width: 520px) {
	.portrait-wrapper {flex-direction: column; align-items: flex-start; /* linksbündig */}
	.portrait {margin-bottom: 15px;}
	.name h3 {text-align: left;}
}
/* FAQ */
.single_toggle {margin: 12px 0 -2px 0;}
.togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler {margin-bottom: 0px;}
.toggle_content {font-size: 16px; font-weight: 400;}
.toggle_content p, p.toggle_content {margin:0 0 20px;}
.toggle_content  {padding: 0 30px 11px 30px; border-style: solid;
border-width: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.main_color .toggle_content {background-color:#EEF2F5;}
.js_active .toggler {padding: 9px 5px 9px 35px; border-width: 0px;}
.main_color .toggler {background-color:#EEF2F5;}

/* Toggle Headline */
.toggler {font-weight: 500;}

/* Custom Arrow Icons */
.toggler .toggle_icon {
 background-image: url(https://mdf-system.de/wp-content/uploads/arrow-square-short.svg);
 background-size: cover;
 transform: rotate(0deg);
 }
.activeTitle .toggle_icon {
 background-image: url(https://mdf-system.de/wp-content/uploads/arrow-square-short.svg)!important;
 background-size: cover;
 transform: rotate(90deg);
 }
.toggle_icon {
  position: absolute;
  width: 16px;
  height: 16px;
  border-width: 0px;
  top: 50%;
  left: 10px;
  margin-top: -8px;
  }
.toggle_icon .hor_icon, .toggle_icon .ver_icon, .toggler:hover .toggle_icon *, .vert_icon {display: none;}

.togglecontainer {margin: 10px 0;}

/* Blog */
.avia-arrow, .main_color .container .av-inner-masonry-content {background-color:#003050 !important;}
.av-masonry-entry-title {color:#FFFFFF !important;}

.av-masonry-entry .av-masonry-entry-title {font-size: 21px;}
.intro {font-weight:500;}
.av-masonry-date {display:none;}

.box {
background-color: #FFF;
border-radius: 3px;
padding: 25px;
margin:40px 0;
}

/* Footer */
p.copyright {
	font-size: 0.7em;
	display: block;
	margin-block-start: 0em;
	margin-block-end: 0em;
}

.footer-nav ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: center;
  gap: 0.e5m;
}

.footer-nav li {
  font-size: 0.7em;
  position: relative;
  padding: 0 0em;
  white-space: nowrap;
}

.footer-nav a {
  text-decoration: none;
  color: #003050;
}

/* Zentriert auf Mobile */
@media (max-width: 767px) {
	p.copyright, .footer-nav ul {
    font-size: 16px;
    justify-content: center;
    text-align: center;
  }
}

h1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title, .html_elegant-blog #top .minor-meta, #av-burger-menu-ul li {
font-family: 'Poppins',Helvetica,Arial,sans-serif;
font-weight:500;}
body.poppins-v23-latin {font-family: 'Poppins',Helvetica,Arial,sans-serif;font-weight:300;}
.av-main-nav>li>a {font-weight: 500;}
b, strong {font-weight: 500;}
.avia_textblock a {text-decoration: underline !important;}

/* Font Integration */
/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../../uploads/fonts/poppins-v23-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-400 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../../uploads/fonts/poppins-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../../uploads/fonts/poppins-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../../uploads/fonts/poppins-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}