/* @override 
	https://dev8.firmendesign.net/wp-content/themes/enfold-child/style.css?* */

/*
Theme Name: Enfold Child
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 wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold

.header_color	 = weiss
.main_color      = weiss 
.alternate_color = hell	    = #2a363b Grau
.footer_color    = hell     = #48665c Grün 
.footer_color    = dunkel   = #324840 Dunkelgrün
.socket_color    = weiss   

Grün - #48665c
Dunkelgrün - #324840
Pink - #b62a65



/*Add your own styles here:*/

	
/* 
========================================================================================= 
Typo
========================================================================================= 
*/

/* Typo ......................................... */
h1, h2, h3, h4, h5 {
	letter-spacing: 0px!important;
	text-transform: none!important;
	line-height: 1.2em;
}


/* Desktop */
@media only screen 
and (min-width: 1025px) 
{
h1, h1.av-special-heading-tag.light-bold { font-size: 50px!important; }
h2, h2.av-special-heading-tag.light-bold { font-size: 40px!important; }
h3, h3.av-special-heading-tag.light-bold { font-size: 25px!important; }
h4 { font-size:25px!important; }
h5 { font-size:20px!important; }

}


/* Tablet */
@media only screen
and (min-width : 768px) 
and (max-width : 1024px) 
{
h1, h2, h3, h4, h5 { letter-spacing: 0px!important; }
h1, h1.av-special-heading-tag.light-bold { font-size: 40px!important; }
h2, h2.av-special-heading-tag.light-bold { font-size: 30px!important; }
h3, h3.av-special-heading-tag.light-bold { font-size: 20px!important; }
h4 { font-size: 16px!important; }
h5 { font-size: 15px!important; }*/
}



/* Mobile */
@media only screen
and (min-width : 320px) 
and (max-width : 767px) 
{ 
h1, h2, h3, h4, h5 { letter-spacing: 0px!important; font-weight: 500!important; }
h1 { font-size: 30px!important; }
h2 { font-size: 25px!important; } 
/*h3 { font-size: 20px!important; }
h4 { font-size: 18px!important; }
h5 { font-size: 15px!important; }*/
} 
 



/* Special Heading Oberzeile Größe …*/
.av-subheading_above { font-size: 18px!important; }





/* Verlauf in H1, h2, h3 Schrift */
.main_color h1, 
.main_color h2 {
	background-image:linear-gradient(90deg, #48665c 0%, #b62a65 40%)!important;
	 -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}


.footer_color h1, 
.footer_color h2 {
  background: none !important;
  color: white !important;
  -webkit-text-fill-color: white !important;
  -webkit-background-clip: initial !important;
}


/* light to bold - Add Javascript: Intersection Observer ........................................ */
@media only screen and (min-width: 768px) 
{
h1,h2   { font-weight: 100; transition: font-weight 0.5s ease, transform 0.3s ease; }
.light-bold { font-weight: 500!important; letter-spacing: 0px!important; }
}
/* light to bold - Add Javascript: Intersection Observer , see: 
https://imjignesh.com/how-to-trigger-css-animation-on-scroll/ .......................*/






/* Zitat Jörg --------------------------------------- */

/* Enfold  qoute Balken raus --------------------------------------- */
blockquote  {
	border-style: solid;
	border-left-width: 0px;
	border-left-color: #b62a65!important;
	padding: 30px 0 0;
    position: relative;
	margin: 0
	hyphens: none!important;
	word-break: normal;
	overflow-wrap: normal;
}
blockquote p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.3em;
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
}
blockquote:before {
  position: absolute;
  content: "\201C";
  color: #b62a65;
  font-size: 5em;
  line-height: 0.1em;
  margin-right: 4em;
  vertical-align: -1.4em;
  left: -40px;
  top: 45px;
}

/* Zitat Jörg --------------------------------------- */






/* Listenpunkt mit Haken --------------------------------------- */

.docks-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.docks-list ul li {
  position: relative;
  padding-left: 15px; /* Platz für das Symbol */
  margin-bottom: 1em;
}

.docks-list ul li::before {
  content: "✔";
  position: absolute;
  left: -13px;
  top: 0.2em;
  color: #b62a65;
  font-weight: bold;
  font-size: 1.1em;
}
/* Listenpunkt mit Haken --------------------------------------- */







/* Masonry --------------------------------------- */

#top .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos-content {
    display: table-cell;
	text-align: left; 
    vertical-align: bottom;
}


.docks-masonry h3.av-masonry-entry-title { font-size: 20px!important; line-height: 1.3em; }
.docks-masonry .av-masonry-entry-content { font-size: 15px!important; line-height: 1.3em;}



/* Text kleiner bei Tablet hochkant --------------------------------------- */
@media only screen 
and (min-width: 600px) 
and (max-width: 900px) 
and (orientation: portrait) {
.docks-masonry .av-masonry-entry-title { 
	font-size: 18px!important; 
}
}
@media only screen
and (min-width : 440px) 
and (max-width : 1200px) { 
.docks-masonry .av-masonry-entry-content { display: none; }
}

.docks-masonry .av-masonry-entry-content { font-size: 16px; line-height: 1.3em; }

.docks-names strong { font-size: 20px; }
.docks-names p { line-height: 21px; 	margin: 0 0 20px; }


/* Enfold, Spezielle Überschrift "&" Zeichen ändern */
.special_amp {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: normal;
  color: inherit!important;
}

/* 
========================================================================================= 
Typo
========================================================================================= 
*/




/* 
========================================================================================= 
Menüleiste Header
========================================================================================= 
*/

/* Mobil Telnummer in blau */
@media only screen and (max-width: 768px) {
#top .av_header_transparency .phone-info.with_nav a { color: #b62a65!important; }
#top .av_header_transparency .phone-info { display: none; }
}


/* Toplogo SVG ---------------------------------- */
.logo  {
	height: 60px!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
}


/* Active Menu Item with Header */
#top .av-main-nav > li > a {  color: #48665c!important; }
#top .av-main-nav > li > a:hover .avia-menu-text,
#top .av-main-nav > li.current-menu-item > a .avia-menu-text,
#top .av-main-nav > li li.current-menu-item > a .avia-menu-text { color: #b62a65!important; }
.header_color .main_menu ul:first-child > li.current-menu-item > a .avia-menu-text, 
.header_color .main_menu ul:first-child > li.current_page_item > a .avia-menu-text { color: #48665c!important; }


/* MainMenu - Abstände zwischen Menüpunkte----------- */
.av-main-nav > li > a { padding: 0 10px; }


/* MainMenu - Umrandung rund ------------------------ */
#top .av-menu-button > a .avia-menu-text {
    border: 1px solid;
    border-radius: 20px;
	padding-right: 15px;
	padding-left: 15px;
}


/* MainMenu - letzter Menüpunkt bündig ------------ */
#top #avia-menu #menu-item-847 a {
	padding-right: 0px;
	padding-left: 10px;
}


/* Display Hamburger Menu on Ipad Landscape and Ipad pro Portrait */
@media only screen and (max-width: 1200px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

/* 
========================================================================================= 
Menüleiste Header
========================================================================================= 
*/




/* 
========================================================================================= 
Global
========================================================================================= 
*/


/* Mobile und iPad hoch */

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

/* In allen Spalten auf Mobile die Rundung raus ...................... */
.flex_column { 
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important; 
}
.docks-flex_column.flex_column { 
	-webkit-border-radius: 0 !important;
    border-radius: 0 !important;
	margin-bottom: 0px!important;
}

/* In den drei weissen Spalten auf Mobile weniger Padding ...................... */
.docks-flex_column .flex_column { padding: 30px 25px !important; }

/* Reduce color section paddings for mobile */
.avia-section-huge .content, 
.avia-section-huge { padding: 30px 0px !important; }
#docks-starter.avia-section-huge { padding: 0px !important; }

/* Alle Flex Spalten von 50px auf 30px */
.footer_color.docks-flex_column { padding: 50px 30px 50px 30px !important; }
.av-layout-grid-container.flex_cell { padding-top: 30px!important; padding-bottom: 30px; }
.responsive #top #wrap_all .flex_cell { padding: 30px !important; }


.hide-ipad-hoch { display: none; }

} /* Ende Mobile und iPad hoch */




/* Unten rechts in der Ecke > Nach Oben Button */
#scroll-top-link {
    position: fixed;
    border-radius: 999px;
    background-color:none!important;
	border: 3px solid #b62a65;
}


/* SVG Docks Logo */
.logo-300 {
	width: 350px;
	margin-bottom: 0px;
}
.logo-200 {
	width: 200px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0;
}


.hide { display: none!important; }


/* Kreis mit Verlinkung rausnehmen: ---------------------------------- */
.image-overlay { display: none !important; }



/* Alle Bilder ohne runde Ecken: ---------------------------------- */
img,
.small-preview img, 
.big-preview img,
body div .avia-button, 
.avia_image { border-radius: 0!important; }


/* Alle Bilder im Trapez mit runden Ecken ---------------------------------- */
.docks-trapez-verlauf .avia-image-container-inner, 
.docks-trapez-verlauf .avia_image, 
.docks-trapez-verlauf .av-image-caption-overlay, 
.docks-trapez-verlauf .av-caption-image-overlay-bg,
.docks-trapez-verlauf .avia-slideshow {
    border-radius: 25px!important;
}




/* Hide spinning wheel on slider background videos ---------------------------------- */
.mejs-overlay-loading-bg-img { display: none !important; }



/* Main Color > Grüner Button ---------------------------------- */
.docks-button .avia-button {
	background: rgba(72, 101, 92, 0.8); /* deine Farbe, leicht transparent */
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-radius: 999px!important;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.4),
              inset 2px 3px 5px rgba(255,255,255,0.4),
              inset -2px -3px 5px rgba(0,0,0,0.4);
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	transition: all 0.3s ease;
	padding-right: 30px;
	padding-left: 30px;
	border: none;
}
/* Footer Color > Weisser Button ---------------------------------- */
.footer_color .docks-button .avia-button {
	color: #48665c!important;
	background: rgba(255, 255, 255, 0.8); 
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.4),
              inset 2px 3px 5px rgba(255,255,255,0.9),
              inset -2px -3px 5px rgba(0,0,0,0.9);
	padding-right: 30px;
	padding-left: 30px;
}


.docks-button .avia-button:hover  {
	background-color: #b62a65!important;
	color: #ffffff!important;
}




/* Animation Marken ......................................... */
.brand-bubble-container {
  position: relative;
  height: 65vh;
  overflow: visible;
 }
.brand-bubble {
	font: bold 1.5rem "Courier New", Courier, mono;
	color: #ffffff!important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.9);
	position: absolute;
	display: inline-block;
	padding: 1rem 1.5rem;
	white-space: nowrap;
	background: rgba(72, 101, 92, 0.8);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-radius: 999px!important;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.4),
              inset 2px 3px 5px rgba(255,255,255,0.4),
              inset -2px -3px 5px rgba(0,0,0,0.4);
	transition: all 0.3s ease;
	animation: float ease-in-out infinite;
}
.brand-bubble:hover {
	background-color: #b62a65!important;
	color: #ffffff!important;
}

@keyframes float {
  0%   { transform: translate(0px, 0px); }
  50%  { transform: translate(var(--tx), var(--ty)); }
  100% { transform: translate(0px, 0px); }
}

@media screen and (max-width: 768px) 
{
.docks-blur { height: 650px!important; }
.brand-bubble {
	font-size: 14px;
	padding: 0.6rem;
    position: static;
    animation: none !important;
    backdrop-filter: none;
	margin: 4px;
	text-align: center!important;
}
.brand-bubble::after { content: none; }
}
/* Hintergrund Bild > Map unscharf */
.docks-blur .av-parallax-inner {
	filter: blur(3px); 
	transform: scale(1.5);
	position: absolute;
	bottom: 2%;
	left: 7%;
}

/* Ende Animation Marken ......................................... */





/* Bilder mit Rundung unten links */
.docks-img-radius-80 .avia-image-container-inner  {
    overflow: hidden;
    border-bottom-left-radius:80px;
}




/* 
========================================================================================= 
Ende Global
========================================================================================= 
*/





/* 
========================================================================================= 
Startseite
========================================================================================= 
*/


/* 111 Erste Color Section > 1310px Breite mit Rundung unten Links --------------- */
@media only screen and (min-width: 1025px) {
#docks-starter {
	z-index: 2!important;
	position: relative;
	max-width: 1210px;
	border-bottom-left-radius:100px;
	margin: 0 auto!important;
	float: none;
	width: 100%;
}
#docks-starter .av-section-color-overlay { display: none; }
}



/* Tool Rotierender Überschrift > Typwriter > weisses Feld unsichtbar machen ---------------------------------- */
.av-rotator-text-single { background:transparent!important; }




/* 222 Color Section mit Trapezform und Verlauf ---------------------------------- */
@media only screen and (min-width: 1025px) {
.docks-trapez-verlauf {
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
	margin-top: -125px;
	margin-bottom: 0px;
}  
.docks-trapez-verlauf.docks-1310px .container {
	width: 1310px!important;
    min-width: 1310px!important;	
}
}
/* Color Section mit Trapezform und Verlauf > fullwidth ---------------------------------- */
.docks-trapez-verlauf .container {
    width: 100%;
    max-width: 100%;	
}



/* Masonry > alle Bilder und Beiträge mit runden Ecken ------------------- */
.av-masonry-entry.av-masonry-item-loaded figure { border-radius: 15px!important; }





/* 333 Untere Color Section > 1310px Breite mit Rundung unten Links ------------------- */
@media only screen and (min-width: 1025px) {
.docks-colorsection {
	max-width: 1210px;
	border-bottom-left-radius:100px;
	margin: 0 auto!important;
	padding: 0!important;
	float: none;
	width: 100%;
}}
.docks-colorsection .container { padding: 0px; }
.avia-image-container.avia-align-left { margin-right: 0px; }
/* Untere Color Section > 1310px breite mit Rundung ---------------------------------- */




/* Remove bottom border line from 'color section' ---------------------------- */
.container_wrap { border-top: none !important; }



/* In den Spalten auf Mobile weniger padding...................... */
@media only screen and (max-width: 767px){
.docks-colorsection .flex_column {
	padding-right: 0 !important;
	padding-left: 0 !important;
	padding-bottom: 50px!important;
	/*margin-bottom: 50px!important;*/
}
}

	
/* .docks-arrow - Pfeil direkt nach dem <p> mit dem Text */
.docks-arrow .av-image-caption-overlay-center p::after {
  content: "›";
  display: inline-block;
  margin-left: 0.5em;
  transition: transform 0.3s ease;
  font-size: 1.2em; /* Optional: Pfeilgröße */
}

/* Hover: Bildcontainer bewirkt, dass Pfeil sich bewegt */
.avia-image-container:hover .av-image-caption-overlay-center p::after {
  transform: translateX(5px);
}



/* Seiten Brillen, etc… */
.avia-content-slider img { 	border-bottom-left-radius:0px!important; }
@media only screen and (min-width: 768px) 
{
.avia-content-slider h3  { 	font-size: 1.4vw!important; letter-spacing: 0!important; }
}
.avia-content-slider h4  { 	font-size: 20px!important; letter-spacing: 0!important; margin: 0; }



/* Seiten Brillen, etc… Inhaltsslider auf Mobile nur eine Spalte …….. ……..*/
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
width: 100%;
margin-left: 0;
}
}





/* 
========================================================================================= 
Docks Slider > zieht die Portfolios
========================================================================================= 
*/

/* .docks-slider > Post Slider mit Hover black und weisser Schrift ------------ */
@media only screen and (min-width: 1025px) {
.avia-content-slider.docks-slider  { border-bottom-left-radius: 60px; }
}
.avia-content-slider .slide-image { margin-bottom: 0px; }
.avia-content-slider.docks-slider .slide-image::after { 
	content:'';
	background: rgba(0,0,0,0.7);
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	top: 0;
	opacity: 0;
}

.avia-content-slider.docks-slider .slide-entry:hover .slide-image::after { 	
	opacity: 1; transition: all 0.3s ease; }
	
.avia-content-slider.docks-slider .slide-entry .slide-content {
    color: white;
	position: absolute !important;
	opacity: 0;
	bottom: 0;
	margin: 0 30px;
	transform: translateY(0px);
}
.avia-content-slider.docks-slider .slide-entry:hover .slide-content { 
	opacity: 1!important; transform: translateY(-30px); transition: all 0.3s ease; }
	
.avia-content-slider.docks-slider .slide-entry .slide-content .entry-content-header h3 { 
	color: white !important;
	display: block;
	font-size: 20px!important;margin: 0!important;
	padding: 0!important;
	font-weight: 600!important;
	letter-spacing: 0!important;
}

.avia-content-slider.docks-slider .slide-content .minor-meta { display: none!important; }
.docks-slider a.more-link { color: white; font-size: 14px; }

.docks-slider .slide-entry.av_one_third { margin-left: 1%; width: 32.66666666666%; }
.docks-slider .slide-entry.av_one_third.first { margin-left: 0%; width: 32.666666666%; }

.docks-slider div.slide-meta { display: none!important; }

#top .avia-content-slider .avia-slideshow-arrows a {
margin: -30px 5px 0;
top: 36px;
}

/* Ende .docks-slider > Post Slider mit Hover black und weisser Schrift ------------ */

/* 
========================================================================================= 
Docks Slider > zieht die Portfolios
========================================================================================= 
*/




/* 
=========================================================================================
 Akkordeon
========================================================================================= 
*/

.single_toggle {
	box-shadow: 0 0 10px #cbcbcb;
	padding-bottom: 50px;
	margin-bottom: 20px!important;
}


/* 
=========================================================================================
 Ende Akkordeon
========================================================================================= 
*/





/* 
========================================================================================= 
Ende Startseite
========================================================================================= 
*/




/* 
========================================================================================= 
Brillen
========================================================================================= 
*/

/* Masonry > Portfolios ohne inhalt nicht aufrufbar ------------ */
a.post-1877 /*munic*/,
a.post-1875 /*Lindberg*/,
a.post-1873 /*lunor*/,
a.post-1871 /*ic!Berlin*/,
a.post-1868 /*coblens*/,
a.post-1866 /*prada*/,
a.post-1864 /*cartier*/
 {
  pointer-events: none !important;
  cursor: default !important;
}

a.post-1877 .av-inner-masonry-content,
a.post-1875 .av-inner-masonry-content,
a.post-1873 .av-inner-masonry-content,
a.post-1871 .av-inner-masonry-content,
a.post-1868 .av-inner-masonry-content,
a.post-1866 .av-inner-masonry-content,
a.post-1864 .av-inner-masonry-content  {	
	background: rgba(250, 250, 250, 0.4)!important; /* deine Farbe, leicht transparent */
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-radius: 20px!important;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4),
              inset 2px 3px 5px rgba(255,255,255,0.4),
              inset -2px -3px 5px rgba(0,0,0,0.4);
}




/* 
========================================================================================= 
Sonnenbrillen
========================================================================================= 
*/

.docks-sonnenbrillen {
	/*background-color: white;*/
	padding: 20px;
	margin-bottom: 20px;
	background: rgba(250, 250, 250, 0.4); /* deine Farbe, leicht transparent */
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-radius: 20px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4),
              inset 2px 3px 5px rgba(255,255,255,0.4),
              inset -2px -3px 5px rgba(0,0,0,0.4);
}
.docks-sonnenbrillen p {
	font-size: 16px;
	line-height: 21px;
}
.docks-trapez-verlauf .av-image-caption-overlay-center {
    vertical-align: bottom;
    padding: 20px;
	text-align: left;
	line-height: 1.3em;
}
.docks-trapez-verlauf .avia-image-container.avia-align-center {
    display: block;
    margin: 0 auto 20px auto;
    text-align: center;
    clear: both;
}
.docks-trapez-verlauf .avia-caption {
    position: absolute;
    z-index: 10;
    bottom: 10px;
    left: 20px;
    padding: 10px 20px 10px 3px;
    color: #fff;
    border-radius: 0px;
}






/* 
========================================================================================= 
Ende Brillen
========================================================================================= 
*/








/* 
=========================================================================================
Anfahrt & Kontakt
========================================================================================= 
*/

/* Seite > Über uns / Das Team > Unser Store im Herzen Münchens ausblenden ---------------------------- */
.page-id-1189 .docks-hide { display:none; }


/* Modul Anfahrt > die Map anschneiden und vergrössern  ---------------------------- */
@media only screen and (min-width: 1025px) {
.av-hotspot-image-container.docks-map {
	transform: scale(1.2);
	position: relative;
	right: 20%;
}
.intro h3.av-special-heading-tag.light-bold  {
	font-size: 3vw!important;
	line-height: 1.2em!important;
}
.intro p {
	font-size: 2vw!important;
	line-height: 1.2em!important;
}
}

@media only screen and (max-width: 989px) {
.intro p,
.intro h3.av-special-heading-tag.light-bold { text-align: center; }
.avia-button-wrap.docks-button {
  display: inline-block;
  float: none !important;
  left: 50%;
  position: relative;
  transform: translate(-50%);
}
.docks-head-center h1.av-special-heading-tag { text-align: center!important; }

.av-hotspot-fallback-tooltip { display:none!important; }
.av-image-hotspot_inner  { color: #b62a65!important; }

} 


/* 
=========================================================================================
 Ende Anfahrt & Kontakt
========================================================================================= 
*/







/* 
=========================================================================================
 Footer
========================================================================================= 
*/


.footer_color p a { animation: pulse 5s infinite; }
@keyframes pulse { 
  0%   { color: #fff; }
  50%  { opacity: 1; color: #999; }
  100% { color: #fff; }
}
.footer_color p a:hover {  color: #b62a65!important; }

  
  
.footer_color strong { color: white; }





/* Proven Expert ............................... */
.pe-pro-seal-position-left {
	left: 10px!important;
	bottom: 100px !important;
	z-index: 1!important;
}
/* Proven Expert Siegel hinter Footer … */
#docks-moving-ellipse { 	z-index: 2!important; }
/* Proven Expert auf Datenschutzseite ausblenden ............................... */
.page-id-3 .pe-pro-seal-position-left { display: none; }
/* Proven Expert auf Mobile ausblenden ............................... */
@media only screen and (max-width: 767px) {
.pe-pro-seal-position-left { display: none; }
}
/* Ende Proven Expert ............................... */





/* Docks Logo im Footer ........................   */
.docks-logo-footer { width: 158px; }




/* Menü > Widget im Footer ........................   */

/* Menü-Überschrift ausblenden */
.avia-builder-widget-area h3 {
	font-size: 20px!important;
}
/* Hauptmenüpunkt (z.B. Optiker) */
.avia-builder-widget-area .menu > li > a {
	font-size: 18px !important;
	padding: 10px 0 10px 5px !important;
}
/* Entfernt den Punkt vor Listenelementen */
.avia-builder-widget-area .menu li::before {
    content: none !important;
    display: none !important;
}
/* Submenü-Punkte */
.avia-builder-widget-area .menu li ul.sub-menu li a {
	font-size: 18px !important;
	padding: 10px 0 10px 5px !important;
}
/* Letzter Submenüpunkt ohne Border */
.avia-builder-widget-area .menu li ul.sub-menu li:last-child  {
	border-bottom: none!important;
}
/* Entfernt aktive Hervorhebung vom Hauptmenüpunkt */
.avia-builder-widget-area .menu li.current-menu-item > a,
.avia-builder-widget-area .menu li.current_page_item > a,
.avia-builder-widget-area .menu li.current-menu-ancestor > a {
	background: none !important;
	color: inherit !important;
}
#top .content .flex_column .widget_nav_menu li a:hover,
#top .content .flex_column .widget_nav_menu ul:first-child > .current-menu-item,
#top .content .flex_column .widget_nav_menu ul:first-child > .current_page_item {
	background-color: transparent !important; 
}

/* Menü > Widget im Footer ........................   */







/*  Footer > Verlauf, Logo Rapport und animierte Overlays ........................... */

/*  Footer > Verlauf  ................................... */
.footer_color,
#docks-moving-ellipse.footer_color  { 
	background: linear-gradient(to bottom right, #48665c 0%, #324840 80%); 
	background: -webkit-linear-gradient(to bottom right,#48665c 0%, #324840 70%); 
	background: -moz-linear-gradient(to bottom right,#48665c 0%, #324840 70%); 
}



#docks-moving-ellipse.footer_color  {
  position: relative;
  z-index: 0;
  overflow: hidden;
}



/*  Footer > Logo Rapport ................................... */
#docks-moving-ellipse.footer_color.docks-rapport .overlay-2 {
  background-image: url('images/icon-rapport-Docks.png');
  background-repeat: repeat;
  background-size: auto;
  opacity: 0.51;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}



/*  Footer > Zwei pulsierende Overlays ................................... */
@media only screen and (min-width: 1025px) 
{
#docks-moving-ellipse .overlay-1::after,
#docks-moving-ellipse .overlay-1::before {
	content: ""; 
	position: absolute;
	width: 90%;
	height: 90%;
	border-radius: 90%; /* ELLIPSE! */
	background: radial-gradient(circle, rgba(99,127,115,0.4) 0%, rgba(0,51,51,0.7) 100%);
	background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(0,51,51,0.6) 100%);
	mix-blend-mode: multiply;
	opacity: 1;
	z-index: 1;
	animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);	
	filter: blur(1px); /* Weichzeichnen */
	overflow: hidden!important; /* <<< verhindert das Austreten */
    contain: content!important;  /* optional – hilft dem Browser beim Rendern */
	opacity: 1!important;
 }
/* Rechte Ellipse */
#docks-moving-ellipse .overlay-1::after {
	position: absolute;
	top: 30%;
	left: 10%;
	animation: pulse1 10s infinite;	
}
/* Linke Ellipse */
#docks-moving-ellipse .overlay-1::before {
	position: absolute;
	top: 20%;
	right: 40%;
	animation: pulse2 15s infinite;	}

/* Animationen */
@keyframes pulse1 {
  0%   { transform: scale(1) translate(0, 0); opacity: 0.9; }
  50%  { transform: scale(1.8) translate(25%, 30%); opacity: 0.3; }
  100% { transform: scale(1) translate(0, 0); opacity: 0.9; }
}
}

@keyframes pulse2 {
  0%   { transform: scale(1) translate(0, 0); opacity: 0.3; }
  50%  { transform: scale(1.5) translate(-25%, 30%); opacity: 0.9; }
  100% { transform: scale(1) translate(0, 0); opacity: 0.3; }
}

} /* Ende @media (min-width: 1025px)*/

/*  Ende Footer > Verlauf Rapport und animierte Overlays ........................... */









/* Button transparent > gibbet nich mehr… ……….   */
@media only screen and (min-width: 1025px) {
.docks-button-termin .avia-button {
	position: fixed;
	bottom: 8%;
	right: -50;
	left: 41%;
	background: rgba(72, 101, 92, 0.6)!important; /* deine Farbe, leicht transparent */
	backdrop-filter: blur(5px)!important;
	-webkit-backdrop-filter: blur(1px)!important;
	border-radius: 999px!important;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5),
              inset 2px 3px 5px rgba(255,255,255,0.4),
              inset -2px -3px 5px rgba(0,0,0,0.4)!important;
	color: #ffffff!important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5)!important;
	transition: all 0.3s ease!important;
	backdrop-filter: blur(5px)!important;
	border: none!important;
	z-index: 100!important;
}
}





/* 
=========================================================================================
Ende Footer
========================================================================================= 
*/





/* 
=========================================================================================
Socket
========================================================================================= 
*/


/* Size of Social Icon on the footer socket .......................... */
#socket .social_bookmarks { height: 30px; bottom: 2px; }
#socket .social_bookmarks li { width: 30px; margin-right: 10px!important; }
#socket .social_bookmarks li a { width: 30px; line-height: 30px; }
#socket .social_bookmarks li a { font-size: 18px; }


.socket-proven {
	clear: both;
	display: inline;
	text-align: center;
	position: absolute;
	margin: 0 auto 0 17px !important;
	bottom: 1px;
}


/* 
=========================================================================================
Ende Socket
========================================================================================= 
*/

/*@media only screen and (min-width: 1025px) {
div#av_section_1.docks-starter {
	z-index: 1!important;
	position: relative;
	max-width: 1210px;
	border-bottom-left-radius:100px;
	margin: 0 auto!important;
	float: none;
	width: 100%;
}
}*/



/* 
=========================================================================================
Google Fonts vom eigenen Server laden ...................................
========================================================================================= 
*/


body { font-family: "Open Sans"!important; }

h1, h2, h3, h4, h5, h6, blockquote { font-family: "Roboto Slab"!important; }



/* roboto-slab-100 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-slab/roboto-slab-v22-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-slab/roboto-slab-v22-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab/roboto-slab-v22-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab/roboto-slab-v22-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-200 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/roboto-slab/roboto-slab-v22-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-slab/roboto-slab-v22-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab/roboto-slab-v22-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab/roboto-slab-v22-latin-200.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-slab/roboto-slab-v22-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-slab/roboto-slab-v22-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab/roboto-slab-v22-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab/roboto-slab-v22-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-slab/roboto-slab-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-slab/roboto-slab-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab/roboto-slab-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab/roboto-slab-v22-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-500 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-slab/roboto-slab-v22-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-slab/roboto-slab-v22-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab/roboto-slab-v22-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab/roboto-slab-v22-latin-500.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-600 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/roboto-slab/roboto-slab-v22-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-slab/roboto-slab-v22-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab/roboto-slab-v22-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab/roboto-slab-v22-latin-600.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-slab/roboto-slab-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-slab/roboto-slab-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab/roboto-slab-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab/roboto-slab-v22-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-800 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/roboto-slab/roboto-slab-v22-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-slab/roboto-slab-v22-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab/roboto-slab-v22-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab/roboto-slab-v22-latin-800.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-900 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-slab/roboto-slab-v22-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-slab/roboto-slab-v22-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab/roboto-slab-v22-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab/roboto-slab-v22-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab/roboto-slab-v22-latin-900.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}




/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}  


/* 
=========================================================================================
Ende Google Fonts vom eigenen Server laden ...................................
========================================================================================= 
*/




/* Rasterzeile mit Hintergrundbild und Trapezform  */
/*#docks-rasterzeile {
	background: url('https://dev8.firmendesign.net/wp-content/uploads/csm_docks-bg-1_6f438b153e.jpg');
	background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
@media only screen and (min-width: 1025px) {
#docks-rasterzeile {
	clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
	margin-top: -250px;
	margin-bottom: 0px;
	padding-top: 300px;
		padding-bottom: 300px;
}
}
#docks-rasterzeile .avia_image p {
	font-size: 24px;
	line-height: 28px;
}	
#docks-rasterzeile p small {
	font-size: 16px;
	line-height: 20px!important;
}
*/