/*
Theme Name: Enfold Child 5
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: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/*Add your own styles here:*//* open-sans-300 - latin */

:root{
--color-dark:#205751;
--color-light:#829f9c;
--color-white:#ffffff;


--headline-dark:#ffffff;
--headline-light:#ffffff;
--headline-white:#666666;
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: 
  url('./fonts/open-sans-v44-latin-300.ttf') format('truetype'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Licorice';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/licorice-v8-latin-regular.woff2') format('woff2'); 
}
h1:before,
h2:before{
content:"";
display:inline-block;
width:48px;
height:48px;
display: block;
margin: 0 auto 18px auto !important;
background-color: currentColor;
mask-image: url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color.svg");
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-image: url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color.svg");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
.style-green h1:before,
.style-green h2:before{
mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color.svg");
-webkit-mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color.svg");
}
.style-blue h1:before,
.style-blue h2:before{
mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-universe.svg");
-webkit-mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-universe.svg");
}
.style-brown h1:before,
.style-brown h2:before{
mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-earth.svg");
-webkit-mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-earth.svg");
}
.style-olive h1:before,
.style-olive h2:before{
mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-fragrance.svg");
-webkit-mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-fragrance.svg");
}
.no-icon h1:before,
.no-icon h2:before{
display:none;
}
.overlay-icon{
position:relative;
overflow:hidden;
}
.overlay-icon:after{
content:"";
display:inline-block;
width:350px;
height:350px;
opacity:0.1;
display: block;
position:absolute;
top:20px;
right:39%;
background-color: #fff;
mask-image: url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color.svg");
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-image: url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color.svg");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
#willkommen,
#therapieformen{
	position:relative;
}
#therapieformen:after,
#willkommen:after{
	position:absolute;
opacity:0.08;
    right: -138px !important;
    top: 50px !important;
    width: 550px;
    height: 550px;
}
#kontakt :after{
	position:absolute;
opacity:0.08;
    right: 104px !important;
    top: 550px !important;
    width: 550px;
    height: 550px;
}
.style-green .overlay-icon:after{
mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color.svg");
-webkit-mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color.svg");
}
.style-blue .overlay-icon:after{
mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-universe.svg");
-webkit-mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-universe.svg");
}
.style-brown .overlay-icon:after{
mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-earth.svg");
-webkit-mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-earth.svg");
}
.style-olive .overlay-icon:after{
mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-fragrance.svg");
-webkit-mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-fragrance.svg");
}
#header .header-reading-progress.medium-bar{
background-color:var(--color-light)!important;	
}
.section-dark{
background-color:var(--color-dark);	
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
.section-light{
background-color:var(--color-light);	
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
.section-white{
background-color:var(--color-white);	
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}

.main_color input[type='submit'],
.section-dark .avia-button{
background-color:var(--color-white);
color:var(--color-dark)!important;
}

.main_color input[type='submit']:hover,
.section-dark .avia-button:hover{
color:var(--color-dark);
background-color:var(--color-white);
}
.section-light .avia-button{
background-color:var(--color-white);
color:var(--color-dark);
}
.section-light .avia-button:hover{
color:var(--color-dark);
}
.karte-ziehen,
#top .main_color .avia-color-theme-color-highlight,
.section-white .avia-button{
background-color:var(--color-dark);
color:var(--color-white);
}
.karte-ziehen:hover,
.section-white .avia-button:hover{
color:var(--color-white);
}
.design-preview-bar{
padding:16px 6px;
margin-bottom:5px;
border-radius:8px;
background:rgba(0,0,0,0.05);
font-size:16px;
color:#666!important;
}

.design-preview-bar strong{
margin-right:6px;
color:#666!important;
}
#saveDesignBtn,
#screenshotBtn{
background-color:var(--color-dark);
color:var(--color-white);
}

.karte-ziehen,
#saveDesignBtn,
#screenshotBtn,
.main_color input[type='submit'],
.avia-button{
    padding: 16px 24px!important;
    font-size: 16px!important;
    min-width: 200px;
    font-weight: 300!important;
    text-transform: uppercase;
    border: 0px !important;
	border-radius:6px!important;
	cursor:pointer;
}
.karte-ziehen:hover,
.main_color input[type='submit']:hover,
.avia-button:hover{
    opacity: 0.9;
}
.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark .av-subheading p{
color:var(--headline-dark);	
}
.section-light h1,
.section-light h2,
.section-light h3,
.section-light .av-subheading p{
color:var(--headline-light);	
}
.section-white .av-subheading p{
color:var(--headline-white);	
}
.section-white h2,
.section-white h3{
color:var(--color-dark);	
}
.logo-name::before {
  content: "Magic Universe";
}
body.style-brown .logo-name::before {
  content: "Wild Earth";
}
body.style-blue .logo-name::before {
  content: "Magic Universe";
}
body.style-green .logo-name::before {
  content: "Green Diamond";
}
body.style-olive .logo-name::before {
  content: "Mystic Garden";
}

body.style-brown{
--color-dark:#96826C;
--color-light:#C7BCAF;
--color-white:#fff;
transition:background-color 2s ease, color 2s ease,font-family 4s ease!important;
}
body.style-green{
--color-dark:#085E56;
--color-light:#9FBDBA;
transition:background-color 2s ease, color 2s ease,font-family 4s ease!important;
}
body.style-blue{
--color-dark:#073A48;
--color-light:#0D5A73;
transition:background-color 2s ease, color 2s ease,font-family 4s ease!important;
}
body.style-olive{
--color-dark:#618C30;
--color-light:#84BD43;
transition:background-color 2s ease, color 2s ease,font-family 4s ease!important;
}

.socket_color,
.header_color .container_wrap_meta{
background:var(--color-dark);
}
#font-switcher{
padding:5px 5px;
border-radius:6px;
border:1px solid #ddd;
background:white;
font-size: 22px!important;
color: #666!important;
}
#top .main_color select {
    border-color: #666;
    background-color: #fff;
    color: #666;
    font-size: 20px;
}

body.font1 h1,
body.font1 h2,
body.font1 .zitat p strong,
body.font1 .overlay-text,
body.font1 .overlay-text-dark{
font-family:"Licorice", serif;
text-transform: none!important;
font-size: 72px;
font-weight:300;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font1 .overlay-text,
body.font1 .overlay-text-dark{
font-size: 160px!important;
}
body.font2 h1,
body.font2 h2,
body.font2 .zitat p strong,
body.font2 .overlay-text,
body.font2 .overlay-text-dark{
font-family:"BlackSingature", serif;
text-transform: none!important;
font-size: 120px;
font-weight: 300;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font2 .overlay-text,
body.font2 .overlay-text-dark{
font-size: 250px!important;
}
body.font3 h1,
body.font3 h2,
body.font3 .zitat p strong,
body.font3 .overlay-text,
body.font3 .overlay-text-dark{
font-family:"Eyesome Script", serif;
text-transform: none!important;
font-size: 60px;
font-weight: 300;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font3 .overlay-text,
body.font3 .overlay-text-dark{
font-size: 160px!important;
}

body.font4 h1,
body.font4 h2,
body.font4 .zitat p strong,
body.font4 .overlay-text,
body.font4 .overlay-text-dark{
font-family:"Jaceline", serif;
text-transform: none!important;
font-size: 130px;
font-weight: 300;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font4 .overlay-text,
body.font4 .overlay-text-dark{
font-size: 330px!important;
}
body.font5 h1,
body.font5 h2,
body.font5 .zitat p strong,
body.font5 .overlay-text,
body.font5 .overlay-text-dark{
font-family:"Opencare", serif;
text-transform: none!important;
font-size: 80px;
font-weight: 300;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font5 .overlay-text,
body.font5 .overlay-text-dark{
font-size: 200px!important;
}
body.font6 h1,
body.font6 h2,
body.font6 .zitat p strong,
body.font6 .overlay-text,
body.font6 .overlay-text-dark{
font-family:"Open Sans", serif;
font-size: 48px;
font-weight:300;
text-transform:uppercase!important;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font6 .overlay-text,
body.font6 .overlay-text-dark{
font-size: 100px!important;
}
body.font7 h1,
body.font7 h2,
body.font7 .zitat p strong,
body.font7 .overlay-text,
body.font7 .overlay-text-dark{
font-family:"Bell MT", serif;
font-size: 48px;
font-weight: 300;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font7 .overlay-text,
body.font7 .overlay-text-dark{
font-size: 120px!important;
}
h1,h2{
font-family:"Licorice", serif;
font-weight: 300;
text-transform: none!important;
font-size: 80px;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
h3{
font-family:"Open Sans", serif;
font-weight: 300;
text-transform: uppercase;
font-size: 32px;	
}

.av-subheading p{
font-weight: 300;
font-size:24px;	
margin:18px 0 0 0!important;
}
body{
font-family:"Open Sans", sans-serif;
font-weight: 300;
font-size:18px;
}
.design-hint{
font-size:17px;
margin-bottom:10px;
color:#666;
}
#design-switcher{
position:fixed;
right:20px;
top:250px;
z-index:99999999999999999999999999999;
background:white;
padding:14px;
border-radius:6px;
box-shadow:0 6px 20px rgba(0,0,0,0.15);
display:flex;
flex-direction:column;
gap:10px;
}
#design-switcher h3{
	color:#666;
}
.color-switch{
display:flex;
gap:18px;
margin:0 0 18px 0;
}

.color-dot{
width:28px;
height:28px;
border-radius:50%;
cursor:pointer;
box-shadow:0 0 0 1px #ddd;
z-index:9999999999999999999999999999999999;
}
.color-dot:hover{
transform:scale(1.2);
}
.color-dot.active{
  transform: scale(1.25);
  box-shadow: 0 0 0 3px white, 0 0 0 5px #333;
}
.green{background:#085E56;}
.blue{background:#1B4857;}
.brown{background:#AF9E8B;}
.olive{background:#618C30;}

#font-switcher{
padding:6px;
border-radius:6px;
border:1px solid #ddd;
font-size:13px;
}
.avia-caption-content p{
	font-size:28px;
}
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea {
background-color: transparent!important;
color: #fff!important;
border-radius:3px;
border: 2px solid #fff!important;
padding: 16px;
font-size:18px;
}
#top label{
color: #fff!important;
}
.wpcf7 form .wpcf7-response-output {
color: #fff !important;
}


.zitat p{
	font-family:Open Sans;
	font-size:28px!important;
	font-weight:300;
	line-height:100px;
}
.zitat p strong{
	font-family:Licorice;
	font-size:64px;
	font-weight:300!important;
}
p{
	font-family:Open Sans;
	font-size:18px;
	font-weight:300;
	line-height:28px;
}
.site-logo{
display:flex;
align-items:center;
gap:12px;
margin:0 auto;
text-align:center;
display:block;
}

.logo-text{
display:flex;
flex-direction:column;
line-height:1.1;
}

.logo-name{
font-family:var(--font-heading);
font-size:44px;
font-weight:300;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
.logo-subline{
font-family:'Open Sans', sans-serif;
font-size:22px;
opacity:1;
color:#666!important;
margin:28px 0 0 0;
}

/* Template-Farben für die Designs */




body.style-green { --template-color: #085E56; }   /* Green Diamond */
body.style-blue  { --template-color: #073A48; }   /* Magic Universe */
body.style-brown { --template-color: #96826C; }   /* Wild Earth */
body.style-olive { --template-color: #618C30; }   /* Mystic Garden */

.logo-icon{
width:80px;
height:80px;
background-color:currentColor!important;
mask-size:contain;
mask-repeat:no-repeat;
mask-position:center;
-webkit-mask-size:contain;
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
margin:0 auto 24px auto!important;
text-align:center;
display:block;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
.iconlist-char {
	margin:0 0 0 -15px!important;
  display: inline-block;
  width: 40px;
  height: 40px;
  mask-image: url('pfad/zum/icon.svg'); /* dein Icon */
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url('pfad/zum/icon.svg');
 
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--template-color); /* nimmt die Template-Farbe */
  vertical-align: middle;
  margin-right: 0.5em; /* Abstand zum Text */
  transition: background-color 0.3s ease;
}
#top .av-iconlist-small .iconlist_icon{
	color:transparent!important;
}
.section-light .iconlist-char ,
.section-dark .iconlist-char {
  background-color: #ffffff !important;
}

.section-white .iconlist-char {
  background-color: var(--template-color);
}
.html_top_nav_header.html_large .av-logo-container {
    height: 0;
}
.style-green .iconlist-char,
.style-green .logo-icon{
mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color.svg");
-webkit-mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color.svg");
}
.style-blue .iconlist-char,
.style-blue .logo-icon{
mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-universe.svg");
-webkit-mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-universe.svg");
}
.style-brown .iconlist-char,
.style-brown .logo-icon{
mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-earth.svg");
-webkit-mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-earth.svg");
}
.style-olive .iconlist-char,
.style-olive .logo-icon{
mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-fragrance.svg");
-webkit-mask-image:url("https://grafikspiegel.de/templates/magic-universe/wp-content/uploads/sites/5/2026/03/icon-color-fragrance.svg");
}


.style-green .site-logo{
color:#085E56;
}
.style-blue .site-logo{
color:#073A48;
}
.style-brown .site-logo{
color:#AF9E8B;
}
.style-olive .site-logo{
color:#618C30;
}
body.font1 .highlight,
body.font1 .logo-name{
font-family:"Licorice"!important;
font-size: 64px;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;

}
body.font2 .highlight,
body.font2 .logo-name{
font-family:"BlackSingature"!important;
font-size: 106px;
margin: 48px 0 0px 0;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;

}
body.font3 .highlight,
body.font3 .logo-name{
font-family:"Eyesome Script"!important;
    font-size: 55px;
    margin: 0 0 0px 0;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font4 .highlight,
body.font4 .logo-name {
    font-family: "Jaceline" !important;
    font-size: 118px;
    margin: 36px 0 0px 0;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;

}
body.font5 .highlight,
body.font5 .logo-name{
font-family:"Opencare"!important;
font-size:66px;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font6 .highlight,
body.font6 .logo-name{
font-family:"Open Sans"!important;
    font-size: 39px;
    text-transform: uppercase;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font7 .highlight,
body.font7 .logo-name{
font-family:"Bell MT"!important;
    text-transform: uppercase;
    font-size: 35px;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
.logo-name{
font-family:inherit;
transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
.avia-menu-text{
	    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}
.main_color {
	border-color:transparent!important;
	border:0px!important;
}

.header_color .phone-info,
#top .header_color .sub_menu ul li,
#top .header_color .sub_menu ul li a{
	color:#fff!important;
	font-size:16px;
	font-weight:300;
	text-transform:uppercase;
}

body,
h1,
h2,
h3,
p,
.logo-icon,
.section-dark.
.section-light,
.section-white {
  transition: 
    background-color 0.6s ease,
    color 0.6s ease,
    font-family 0.4s ease!important;
}
.overlay-text{
	position:absolute;
	top:20%;
	left:20%;
	font-size:90px!important;
	font-weight:700;
	color:rgba(0,0,0,0.02);
}
.overlay-text-dark{
	position:absolute;
	bottom:20px;
	left:0px;
	font-size:180px!important;
	font-weight:700;
	color:rgba(255,255,255,0.06)!important;
}
/* ===============================
DESIGN SWITCHER PANEL
================================ */

#design-switcher{

position:fixed;
top:0;
right:0;

width:320px;
height:100%;

background:rgba(255,255,255,0.95);

backdrop-filter:blur(10px);

box-shadow:-10px 0 30px rgba(0,0,0,0.15);

padding:30px 20px;

z-index:9999;

overflow:auto;

transition:transform .35s ease;

}

/* geschlossen */

#design-switcher.minimized{
  transform: translateX(260px); /* Switcher nach rechts verschieben */
}


/* ===============================
SCHLIESSEN BUTTON
================================ */

#switcher-close{

position:absolute;

top:12px;
right:12px;

border:none;
background:none;

font-size:20px;

cursor:pointer;

opacity:.7;

}

#switcher-close:hover{

opacity:1;

}


/* ===============================
KONFIGURATOR BUTTON (DESKTOP)
================================ */



/* ===============================
TITEL
================================ */

#design-switcher h3{

font-size:20px;
margin-bottom:10px;

}


/* ===============================
FARBWAHL
================================ */

.color-switch{

display:flex;

gap:10px;

margin:20px 0;

}

.color-dot{

width:22px;
height:22px;

border-radius:50%;

cursor:pointer;

border:2px solid transparent;

}

.color-dot.active{

border-color:#000;

}

/* Farben */

.color-dot.green{background:#085E56;}
.color-dot.blue{background:#073A48;}
.color-dot.brown{background:#96826C;}
.color-dot.olive{background:#618C30;}


/* ===============================
FONT SWITCHER
================================ */

#font-switcher{

width:100%;

padding:8px;

margin-bottom:20px;

}


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


#switcher-icon{
	font-size:48px!important;
}
#switcher-title{
	    font-size: 20px;
    font-weight: 600;
vertical-align:top;
}

#top #header .mega_menu_title a {
    color: #666!important;
    font-size: 18px;
    line-height: 1.1em;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    font-weight: 300!important;

}
#top #header .mega_menu_title a:hover{
	color:#444!important;
	text-decoration:none;
}
.content, .sidebar {
    padding-top: 16px;
    padding-bottom: 16px;
}
.avia-section {
    padding: 50px 0;
}
.flex_cell{
    padding: 50px;
}
#karte{
	background-color:var(--color-dark);	
color:white;
padding:20px;
border-radius:20px;
text-align:center;
font-family:'Open Sans', sans-serif;
width:254px;
height:355px;
margin:50px auto;
}
.karte-ziehen{
	margin:0px auto;
	    display: block;
}
#karte.overlay-icon:after{
    right: 6% !important;
    widtH: 220px;
    height: 220px;
    top: 20%;
}
p.spruch{
font-size: 28px;
    line-height: 68px;
	    margin: 0px;
}
.highlight{
font-size:1.4em;
font-family:var(--headline-dark);	
}
#design-switcher,
#switcher-header{
		cursor:pointer!important;
}
img.wp-smiley, img.emoji {

    height: 0.7em !important;
    width: 0.7em !important;
}
/* ===============================
MOBILE VERSION
================================ */
@media only screen and (min-width: 768px) and (max-width: 989px) {
    .responsive .logo img {
		display:none!important;
	}
	.responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
		height:0px;
	}
}
@media (max-width:768px){
	.responsive .logo img, .responsive .logo svg{
		display:none!important;
	}
#design-switcher{
position:fixed;
bottom:65px;
left:0;
right:0;
top:auto;
width:100%;
height:auto;
padding:20px;
transform:translateY(100%);
transition:transform .35s ease;

}

#design-switcher.active{
transform:translateY(0);
}

/* minimiert = unten versteckt */
#design-switcher.minimized{
transform:translateY(100%);
}

}
/***********************NEU***************************/
/*
.section-dark{
	background-color:#205751;	
}
.section-light{
	background-color:#829f9c;	
}
.section-white{
	background-color:#fff;	
}
.section-dark h1,
.section-dark h2,
.section-light h1,
.section-light h2{
	color:#fff;	
}	
.section-white h1,
.section-white h2{
	color:#666;	
}

body.style-wildearth .section-dark ,
body.style-wildearth .socket_color,
body.style-wildearth .header_color .container_wrap_meta{
background:#AF9E8B;
}
body.style-wildearth .section-light {
background:#DDD6CE;
}
body.style-greendiamond .section-dark,
body.style-greendiamond .socket_color,
body.style-greendiamond .header_color .container_wrap_meta {
background:#085E56;
}
body.style-greendiamond .section-light {
background:#9FBDBA;
}
body.style-magicuniverse .section-dark ,
body.style-magicuniverse .socket_color,
body.style-magicuniverse .header_color .container_wrap_meta{
background:#1B4857;
}
body.style-magicuniverse .section-light {
background:#98C5C8;
}
body.style-greenfragrance .section-dark ,
body.style-greenfragrance .socket_color,
body.style-greenfragrance  .header_color .container_wrap_meta{
background:#618C30;
}
body.style-greenfragrance .section-light {
background:#999;
}
body.font-style1 h1,
body.font-style1 h2 {
font-family: 'Licorice', serif;
}

body.font-style2 h1,
body.font-style2 h2 {
	font-family: 'BlackSingature', serif;
	text-transform: none!important;
    font-size: 120px;
}

body.font-style3 h1,
body.font-style3 h2,
body.font-style3 .zitat p strong {
font-family: 'Eyesome Script', serif;
text-transform: none!important;
    font-size: 80px;
}
body.font-style4 h1,
body.font-style4 h2,
body.font-style4 .zitat p strong {
font-family: 'Jaceline', serif;
text-transform: none!important;
    font-size: 130px;
}
body.font-style5 h1,
body.font-style5 h2,
body.font-style5 .zitat p strong {
font-family: 'Opencare', serif;
text-transform: none!important;
    font-size: 80px;
}
body.font-style6 h1,
body.font-style6 h2,
body.font-style6 .zitat p strong {
font-family: 'The Suavity', serif;
text-transform: none!important;
    font-size: 65px;
	font-weight:300!important;
}



.design-switcher{

position:fixed;
top:250	px;
right:20px;
z-index:999999999999999999;

background:white;
padding:10px;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.15);

}

.design-switcher button{

width:30px;
height:30px;
border-radius:50%;
border:none;
margin:5px;
cursor:pointer;

}
*/
/***********************ALT**********************/
/*
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: 
       url('./fonts/open-sans-v44-latin-300.ttf') format('truetype'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: 
       url('./fonts/open-sans-v44-latin-300italic.ttf') format('truetype'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: 
       url('./fonts/open-sans-v44-latin-regular.ttf') format('truetype'); 

@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: 
       url('./fonts/open-sans-v44-latin-italic.ttf') format('truetype'); 
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src:
       url('./fonts/open-sans-v44-latin-700.ttf') format('truetype'); Browser 2.2+ 
}

@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src:
       url('./fonts/open-sans-v44-latin-700italic.ttf') format('truetype'); 
}


.sub-menu{
	width:300px!important;
}

#angebot .avia-image-container img.avia_image {
    box-shadow: none;
    z-index: -1;
}
.av-styling-circle .avia_image:before{
    background: url(https://grafikspiegel.de/templates/wp-content/uploads/watercolor-green.png) no-repeat;
    width: 320px;
    height: 173px;
    display: block;
    content: "";
    margin: 0 auto;
	padding:50px 0 0 0;
}
.entry-content-wrapper div li {
    text-transform: uppercase!important;
    font-weight: 100!important;
    font-size: 17px!important;
}
.main_color input[type='submit'],.tnp-widget input.tnp-submit,
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    background-color: transparent!important;
    color: #fff!important;
border-radius:3px;
border: 2px solid #fff !important;
}
#top label{
    color: #fff!important;}
.wpcf7 form .wpcf7-response-output {

    color: #fff !important;
}
#top .all_colors #kontakt p{
    color: #fff!important;}
.header_color .sub_menu>ul>li>a,.phone-info div{
 color: #fff!important;
font-weight:100;
font-size:14px;
text-transform:uppercase;
}
.av-main-nav ul li a{
text-transform:uppercase;
font-weight:100;
}
@media only screen and (max-width: 1150px) {.av-main-nav > li.menu-item-avia-special {
    display: block;
}
.av-main-nav > li {
    display: none;
}}
@media only screen and (max-width: 767px) {
#top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3{

padding: 0px 0 0 0!important;
}
.responsive #top #wrap_all .flex_cell {
    padding: 0px!important;
}
 
#top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0px 0px!important; 
}
.responsive #top #wrap_all .av-flex-cells .no_margin {
        display: block;
        margin: 0;
        min-height: 600px!important;
}

#top #wrap_all .avia-slideshow .av-slideshow-caption .avia-caption-title {
    font-size: 50px!important;
    color: #ffffff;
}
}
*/
	
	
	
	
	
	
	
	
	
	
	
	
	
/*
.avia-image-container .avia_image, .avia-image-container .avia-image-overlay-wrap {
    transition: all 0.7s;
    margin: 34px 0 0 4px;
}
.main_color .avia-content-slider .slide-image{
	background-color: transparent!important;
    display: none;	
}
.av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag {
    font-weight: 300;
    font-size: 36px;
}
#top .avia-button{
background-color: transparent!important;
}
#top .main_color .avia-color-theme-color-highlight{
color:#402f57;
}

#top #wrap_all .all_colors h1.av-special-heading-tag,
#top #wrap_all .all_colors h4,#top #wrap_all .all_colors h2,#top.page-id-129 #wrap_all .all_colors h1,
#top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3
{
	color:#c3a343;
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent),
url(https://grafikspiegel.de/templates/wp-content/uploads/gold3.webp) repeat;
background: -o-linear-gradient(transparent, transparent);
-webkit-background-clip: text;
    background-position: left center !important;

}
.zitat p{
	color:#ffffff;
}
#top #wrap_all .all_colors #newsletter.av-special-heading-h2,
#top #wrap_all .all_colors #therapiemethoden.av-special-heading-h2{
    background: transparent;
}
#top #wrap_all .all_colors #kundenstimmen h2,
#top #wrap_all .all_colors #angebote h2
{
    background: transparent;
	color:#402F57;
	-webkit-text-fill-color:#402F57;
}
.socket_color input[type='submit'],
#top .avia-button{
background: -webkit-linear-gradient(transparent, transparent),
url(https://grafikspiegel.de/templates/wp-content/uploads/gold3.webp) repeat!important;
border:0px!important;
color:#fff!important;
    background-position: center center !important;
	    border-radius: 50px!important;
}
#top .avia-slideshow-button.avia-color-light {
    padding: 20px 16px;
    font-size: 17px;
}
#top #wrap_all .avia-button.avia-color-light, #top #wrap_all .avia-button.avia-color-dark,
.socket_color input[type='submit']{width:200px;
height:60px;}
#top .socket_color .input-text, #top .socket_color input[type='text'], #top .socket_color input[type='input'], #top .socket_color input[type='password'], #top .socket_color input[type='email'], #top .socket_color input[type='number'], #top .socket_color input[type='url'], #top .socket_color input[type='tel'], #top .socket_color input[type='search'], #top .socket_color textarea, #top .socket_color select {
background:  transparent!important;

	border:2px solid #fff!important;
color:#fff!important;
	    border-radius: 6px!important;
}
#top #wrap_all .all_colors .none h2, #top #wrap_all .all_colors .none h3, #top #wrap_all .all_colors h3.slide-entry-title{
    background: transparent!important;
    margin: 40px auto 0 auto!important;
}
#top.page-id-129  #wrap_all .all_colors  h2, #top.page-id-129  #wrap_all .all_colors  h3, #top.page-id-129  #wrap_all .all_colors h3.slide-entry-title{
    background: transparent!important;
    width: 100%;
	height:auto;
	color:#fff;
}
#top.page-id-128  #wrap_all .all_colors p,
#top.page-id-129  #wrap_all .all_colors p,
#top.page-id-129  #wrap_all .all_colors li{
	color:#999;
	text-transform:none!important;
}
.slideshow_caption {
    padding: 150px 50px 50px 50px;
}
#kundenstimmen .av-subheading.av-subheading_below p,
#zielgruppe .av-subheading.av-subheading_below p,
#angebote .av-subheading.av-subheading_below p,
#willkommen .av-subheading.av-subheading_below p,
#projektablauf .av-subheading.av-subheading_below p,
#kontakt .av-subheading.av-subheading_below p{
	color:#fff;
}
.avia-content-slider .slide-entry-excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    COLOR: #fff;
    margin: 36px;
}
#top #wrap_all .all_colors h3.slide-entry-title{
	text-align:center;
	font-weight:300;
}
.html_modern-blog .avia-content-slider .slide-meta,
.html_modern-blog #top .post-entry .blog-categories{
	display:none!important;
}

 #top #wrap_all  .all_colors .preis h3:before{
	background:transparent!important;
		    height: 0;
    padding: 45px 0 0 0;
}
.preis .av-subheading.av-subheading_below p{
    margin: -70px 0 35px 0;
    text-transform: none;
    font-size: 16px !important;
}
#angebot .avia-image-container img.avia_image {
    box-shadow: none;
    z-index: -1;
}
#top.page-id-181 #wrap_all .all_colors h2,#top.page-id-181 #wrap_all .all_colors h3{
background:transparent;
color:#666;
margin:0;
height:auto;
font-family:Open Sans;
width:auto;
}
.av-styling-circle .avia_image:before{
    background: url(https://grafikspiegel.de/templates/wp-content/uploads/watercolor-rosa.png) no-repeat;
    width: 300px;
    height: 276px;
    display: block;
    content: "";
    margin: 0 auto;
	padding:50px 0 0 0;
}
.entry-content-wrapper div li:before {
background: url(https://grafikspiegel.de/templates/wp-content/uploads/stein.png) no-repeat!important;
    width: 60px;
    height: 60px;
    display: block;
    content: "";
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 0;
}
.entry-content-wrapper div li {
    text-transform: uppercase!important;
    font-weight: 100!important;
    font-size: 15px;
}
.entry-content-wrapper div li::marker{
	  content:"";
}
#top #wrap_all .avia-slideshow .av-slideshow-caption.av-6mc98-366d97f0bdbb2259ab86e6aa855c6aff__0 .avia-caption-title {
    font-size: 46px!important;
    color: #ffffff;
}
.av-subheading.av-subheading_below p{
			font-size: 22px!important;
			text-transform:uppercase;
	color:#999;
}
.entry-content-wrapper div.toggle_content li:before{
	background:transparent!important;
	  list-style-type: square;
}
.main_color input[type='submit'],.tnp-widget input.tnp-submit,
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    background-color: transparent!important;
    color: #fff!important;
border-radius:3px;
border: 2px solid #fff !important;
}
#top label{
    color: #fff!important;}
.wpcf7 form .wpcf7-response-output {

    color: #fff !important;
}
#top .all_colors #kontakt p{
    color: #fff!important;}
.header_color .sub_menu>ul>li>a,.phone-info div{
 color: #fff!important;
font-weight:100;
font-size:14px;
text-transform:uppercase;
}
.av-main-nav ul li a{
text-transform:uppercase;
font-weight:100;
}
@media only screen and (max-width: 1150px) {.av-main-nav > li.menu-item-avia-special {
    display: block;
}
.av-main-nav > li {
    display: none;
}
}
@media only screen and (max-width: 767px) {

.responsive #top #wrap_all .flex_cell {
    padding: 0px!important;
}
     #top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3 {
        padding: 60px 0 0 0 !important;
    }
#top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0px 0px!important; 
}
.responsive #top #wrap_all .av-flex-cells .no_margin {
        display: block;
        margin: 0;
        min-height: 300px!important;
}
#top #wrap_all .avia-slideshow .av-slideshow-caption .avia-caption-title {
    font-size: 50px!important;
    color: #ffffff;
}
}
@media only screen and (max-width: 479px) {
    #top #wrap_all .av-special-heading.av-uw0u-260bbbfb360fb2733cde43848378cbe2 .av-special-heading-tag {
        font-size: 54px!important; 
    }
}
*/