/* @override 
	https://friesenstuben1883.de/wp-content/themes/enfold-child/style.css?ver=7.1.3 */

 
/*
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 = grün	      = #c9dbd5
.footer_color    = darkgreen  = #97a29a
.socket_color    = braun      = #4a4543


Grün - #c9dbd5 und Grünhell - #e2f0eb
Dunkelgrün - #97a29a
Braun - #4a4543 


/*Add your own styles here:*/


/* Instgramm Iconn in Menü ........................ */
.avia-menu.av_menu_icon_beside {
    padding-right: 10px;
    margin-right: 10px;
    border-right-width: 0px;
    border-right-style: solid;
    transition: border-color .2s ease-in-out;
}
#top .social_bookmarks li.avia-svg-icon img[is-svg-img="true"], 
#top .social_bookmarks li.avia-svg-icon svg:first-child {
    height: 1em;
    width: 1em;
    margin-top: 5px!important;
}
#top #wrap_all .av-social-link-instagram a:hover {
    color: #fff!important;
    background-color: #97a29a!important;
    border-radius:50px;
}
/* Kontakt - Instagramm Icon .....................*/
.avia-svg-icon.av-mi79ylvk-ffcb33e39f35a0fa6b03fabe943dd172 svg:first-child:hover  {
    stroke: #97a29a;
    fill: #4a4543!important;
}



/* Socket - Buchungs Button .....................*/
#top .av-menu-button > a .avia-menu-text {
	border: 1px solid;
    border-radius: 0px;
	padding: 2px 8px !important;
	margin-left: 10px;
}




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


/* imprima-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Imprima';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/imprima-v19-latin-regular.woff2') format('woff2'); 
}



/* Typo ......................................... */
h1, h2, h3, h4, h5, .av-special-heading-tag {
	letter-spacing: 2px!important;
	text-transform: uppercase!important;
	line-height: 1.1em;
}

/* Slide-Show ..........*/
h2.avia-caption-title {
	text-transform: none !important;
	font-weight: 400;
	letter-spacing: 0px!important;
}
#top .avia-slideshow-button {
    border-radius: 0px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
    font-weight: 400;
	font-size: 18px;
	letter-spacing: 1px!important;
	padding: 5px 10px 5px 10px!important;
	border-width: 2px !important;
	border-style: solid !important;
}

/* Desktop */
@media only screen 
and (min-width: 1025px) 
{
/* Special Heading Oberzeile Größe ...... */
.av-subheading_above { font-size: 24px!important; line-height: 1.1em; }
/* Special Heading Intro ...... */
.intro h1.av-special-heading-tag  { font-size: 6vw!important; }
.intro h2.av-special-heading-tag  { font-size: 4vw!important; }
.intro.avia_textblock p  { font-size: 2vw!important;   line-height: 1.4em; }
.intro .avia_textblock p { font-size: 1.5vw!important; line-height: 1.4em; }

h1, h1.av-special-heading-tag { font-size: 50px!important; }
h2,h2.av-special-heading-tag  { font-size: 40px!important; }
h3, h3.av-special-heading-tag { 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, .av-special-heading-tag { letter-spacing: 1px!important; }
h1, h1.av-special-heading-tag { font-size: 40px!important; }
h2, h2.av-special-heading-tag { font-size: 30px!important; }
h3, h3.av-special-heading-tag { 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, .av-special-heading-tag { letter-spacing: 1px!important; }
h1 { font-size: 28px!important; }
h2 { font-size: 24px!important; } 
h3 { font-size: 20px!important; }
h4 { font-size: 16px!important; }
h5 { font-size: 14px!important; }
} 
 
@media only screen 
and (max-width: 376px) 
{
#top .avia-slideshow-button {
    margin-top: 10px;
    font-size: 16px;
	padding: 5px 10px 5px 10px!important;
}
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption { padding-top: 0px !important; }
}




/* 
========================================================================================= 
Menüleiste Header Grün - #48665c / Dunkelgrün - #97a29a / Braun - #4a4543 
========================================================================================= 
*/

/* Active Menu Item with Header */
#top .av-main-nav > li > a { font-size: 15px; color: #4a4543; text-transform: uppercase; font-weight: 400; }
#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: #97a29a!important; }

.header_color .main_menu ul:first-child > li.current-menu-item > a .avia-menu-text, 
.header_color .av_header_transparency .main_menu ul:first-child > li.current_page_item > a .avia-menu-text { 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: #97a29a!important; }


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


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


/* MainMenu - letzter Menüpunkt bündig ...................... */
#top #avia-menu #menu-item-32 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
========================================================================================= 
*/



.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; }





/* 
Grün - #c9dbd5
Grünhell - #e2f0eb
Dunkelgrün - #97a29a
Braun - #4a4543 

Main Color > Grüner Button ......................*/

.friesen-button .avia-button,
.friesen-button-socket .avia-button {
	letter-spacing: 1px!important;
	text-transform: uppercase!important;
	font-size: 20px!important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
.friesen-button .avia-button {
	background-color: #e2f0eb;
	color: #4a4543!important;
	transition: all 0.3s ease;
	padding: 15px;
	border: 3px solid #4a4543 !important;
}
.friesen-button .avia-button:hover  {
	background-color: #4a4543!important;
	color: #e2f0eb!important;
}
.friesen-button-socket .avia-button {
	background-color: #e2f0eb;
	color: #4a4543!important;
	transition: all 0.3s ease;
	padding: 15px;
	border: 3px solid #4a4543 !important;
}
.friesen-button-socket .avia-button:hover  {
	background-color: #97a29a!important;
	color: #e2f0eb!important;
}





/* Bild mit Hotspots ...................... */
@media only screen and (min-width: 1025px) {
.av-hotspot-image-container{
	transform: scale(1);
	position: relative;
	left: 11%;
	overflow: hidden!important;
}
#top .avia-tooltip.transparent_dark, 
#top .avia-tooltip.transparent_dark .avia-arrow {
    background: rgba(151, 162, 154, 0.8);
	color: #fff;
    border: none;
}
.av-hotspot-fallback-tooltip {
	padding-right: 30px!important;
}
.av-hotspot-fallback-tooltip div.avia-arrow {
    background-color: #e2f0eb;
}
.av-hotspot-fallback-tooltip-inner,
.av-hotspot-fallback-tooltip-count {
	background-color:  #e2f0eb !important;
}
.avia-tooltip {
    padding: 8px!important;
    margin-top: -18px;
    margin-left: -4px;
    background: #000;
    background: rgba(0,0,0,.8);
    color: #fff;
    width: 140px;
    border-radius: 2px;
    text-align: center;
}



/* Footer Color > Weisser Button ...................... */
.footer_color .friesen-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;
}



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



/* In den Colorsection auf Mobile weniger Padding ...................... */
@media only screen and (max-width: 767px){
.avia-section-huge .content, .avia-section-huge .sidebar {
    padding-top: 50px;
    padding-bottom: 50px;
}
}


.bargum-blur {
	background-color: rgb(255 255 255 / 50%)!important;
	backdrop-filter: blur(5px);  }

/*@media only screen and (max-width: 767px) {
    #top #wrap_all #main .avia-section  {
        background-image: none !important;
    }
}*/





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









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