/* @override 
	https://foto.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


/*Add your own styles here:*/

/* Newsbereich Typo Farbe  */
.header_color .slide-content,
.header_color .slide-content a { color: #495150!important; margin-top: 15px!important;
	font-size: 15px;
}
.header_color .slide-content a:hover { color: #df006a!important; }

.news .slide-content,
.news .slide-content a { color: white!important; font-weight: bold!important; }
.news .slide-meta { display: none; }


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


.hide { display: none!important; }


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



/* Alle Bilder ohne runde Ecken: ---------------------------------- */
img { border-radius: 0 !important; }
.small-preview img, 
.big-preview img { border-radius: 0px!important; }





/* Runde Ecken weg ......................................... */
body div .avia-button, .avia_image { border-radius: 0!important; }






/* Typo ......................................... */
/* 
h1, h2, h3, h4, h5 {
	letter-spacing: 0px!important;
	text-transform: none!important;
	font-weight: 600!important;
	line-height: 110%;
}
 */

/* Desktop */
/* 
h1 { font-size:40px!important; }
h2 { font-size:35px!important; }
h3 { font-size:30px!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: 1px!important; }
h1 { font-size: 35px!important; }
h2 { font-size: 30px!important; }
h3 { font-size: 25px!important; }
h4 { font-size: 20px!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; }
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; }
} 
 */


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





/* 
========================================================================================= 
News
========================================================================================= 
*/


.hh-custom-blog-image .small-preview, 
.hh-custom-blog-image .big-preview img {
   border-radius: 0!important;
  width: 130px !important;
  height: 100% !important;
  box-shadow: 3px 3px 5px #999;
  margin: 0 auto;
}

@media screen {
    .recentcomments a, .widget_recent_entries li a, a.news-title {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        text-transform: none;
        font-weight: normal;
        font-style: normal;
    }
}


/* 
========================================================================================= 
Ende News
========================================================================================= 
*/





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



/* Startseite > BRANDS ON STAGE */
/* .intro.big.home h1 {
	font: italic max(10vw, 30px) "Time New Roman" !important;
	line-height: .9em!important;
	font-weight: 300!important;background-color: #fff;
    background-image: linear-gradient(-45deg, #fff 40%, #c8c8f5 55%, #fff 70% );
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
	display: block;
}
 */


/* Seite Home */
.intro h1 { font-size:4vw!important; }
.intro h2 { font-size:3vw!important; }
.intro-mobil h1 { font-size:8vw!important; }
.intro-mobil h2 { font-size:6vw!important; }






/* 
.raster h5 {
	letter-spacing: 2px!important;
	text-transform: uppercase!important;
	font-weight: 200!important;
	line-height: 120%;
}
 */



/* #top .av-control-minimal .avia-slideshow-arrows a::before { border: none; } */





/* Color Section > Custom breite ---------------------------------- */
/* 
#av_section_1.start {
	max-width: 80%;
	position: relative;
	border-bottom-left-radius:100px;
	margin-right: 10%;
	margin-left: 10%;
	z-index: 1000000!important;
}
 */




/* Color Section > fullwidth mit Trapezform: ---------------------------------- */
@media only screen and (min-width: 1025px) {
  .fullwidthsection {
    position: relative;
    bottom: 200px;
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
  }
}
.fullwidthsection .container {
    width: 100%;
    max-width: 100%;	
}





/* Werke > Post Slider mit Hover black und weisse Schrift ---------------------------------- */
/* 
.avia-content-slider.werke  { border-bottom-left-radius:80px; }

.avia-content-slider .slide-image { margin-bottom: 0px; }

.avia-content-slider.werke .slide-image::after { 
	content:'';
	background: rgba(0,0,0,0.8);
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	top: 0;
	opacity: 0;
}
 */

/* 
.avia-content-slider.werke .slide-entry:hover .slide-image::after { 	opacity: 1; }

.avia-content-slider.werke .slide-entry .slide-content {
    color: white;
    left: 30px;
    padding: 0;
    position: absolute !important;
	bottom: 40px;
	opacity: 0;
}
.avia-content-slider.werke .slide-entry:hover .slide-content { opacity: 1!important; }

.avia-content-slider.werke .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.werke .slide-content .minor-meta { display: none!important; }
.werke a.more-link { color: white; font-size: 14px; }

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

.werke div.slide-meta { display: none!important; }
 */

/* Ende Werke > Post Slider: ---------------------------------- */



/* Horzontaler Slider - Höhe einstellen */
/* 
.av-horizontal-gallery.docks-slider {
	clear:both;
	position: relative;
	z-index: 1;
	overflow: hidden;
	min-height: 40vh!important;
	left: 0;
}
.av-horizontal-gallery-large-gap .av-horizontal-gallery-wrap {
    margin-right: 50px;
}
 .av-horizontal-gallery.docks-slider .av-horizontal-gallery-inner {
	position: relative;
	white-space: nowrap;
	opacity: 1;
	min-height: 40vh!important;
}

}
 */





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











/* 
=========================================================================================
 Seite Projekte
========================================================================================= 
*/





/* 
=========================================================================================
 Ende Seite Projekte
========================================================================================= 
*/





/* 
=========================================================================================
Portfolio Projektseiten – Masonry Gallery
========================================================================================= 
*/


/* Akkordeon-Container relativ positionieren */
#top .togglecontainer { position: relative; }

/* Akkordeon-Inhalt absolut über den Bildern positionieren */
#top .togglecontent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: white; /* oder halbtransparent, z. B. rgba(255,255,255,0.9) */
    z-index: 10;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 20px;
}



/* Enfold Galerie – Abstand zwischen Bildern */
#top .avia-gallery.hh-custom-galerie img {
    padding-right: 50px!important;   /* Horizontaler Abstand */
    padding-bottom: 100px!important; /* Vertikaler Abstand */
    width: 100%;           /* Belassen wie im Original */
    border-style: solid;   /* Optional: falls du Rahmen brauchst */
    border-width: 1px;     /* Optional: Rahmenbreite */
    border-radius: 0;      /* Optional: abgerundete Ecken deaktivieren */
    float: left;           /* Für das Layout nötig */
}



/* Enfold Galerie Masonry – Abstand zwischen Bildern */
#top .av-masonry.hh-custom-masonry a.av-masonry-entry {
    padding-right: 50px;
	padding-bottom: 100px;
}
#top .av-masonry.hh-custom-masonry .av-inner-masonry-content {
	padding: 10px 10px 10px 0;
}
/* Enfold Galerie Masonry – Bildname kleiner */
#top .hh-custom-masonry .av-inner-masonry-content .entry-title {
    font-size: 12px !important;
    line-height: 17px !important;
	text-transform: none!important;
	font-weight: normal!important;
	font-style: normal!important;
	text-decoration: none!important;
	letter-spacing: 0!important;
}
/* Ende Enfold Galerie Masonry – Abstand zwischen Bildern */


/* 
=========================================================================================
Ende Portfolio Projektseiten – Masonry Gallery
========================================================================================= 
*/

/* Alternativ

/* 
=========================================================================================
Portfolio Projektseiten – Horizontal Gallery
========================================================================================= 
*/

.single-portfolio h1 		{ font-size:30px!important; line-height: 32px!important; }
.single-portfolio h1 small 	{ font-size:20px!important; line-height: 22px!important; }
.single-portfolio h2 		{ font-size:20px!important; line-height: 22px!important; }
.single-portfolio h3 		{ font-size:18px!important; line-height: 20px!important; }
.single-portfolio p  		{ font-size:15px!important; line-height: 17px!important; }

@media only screen /* Tablet */
and (min-width : 768px) 
and (max-width : 1024px) 
{
.av-horizontal-gallery { min-height: 70vh!important; }
.av-horizontal-gallery-inner { min-height: 70vh!important; }

.single-portfolio h1 		{ font-size:20px!important; line-height: 22px!important; }
.single-portfolio h1 small 	{ font-size:16px!important; line-height: 18px!important; }
.single-portfolio h2 		{ font-size:16px!important; line-height: 18px!important; }
.single-portfolio h3 		{ font-size:15px!important; line-height: 17px!important; }
.single-portfolio p  		{ font-size:13px!important; line-height: 15px!important; }
}


/* 
Horzontaler Slider - Schaltflächen, Dots etc für alle Slider
========================================================================================= 
*/

/* Horzontaler Slider - Höhe einstellen */
.av-horizontal-gallery {
	clear:both;
	position: relative;
	z-index: 1;
	overflow: hidden;
	min-height: 80vh!important;
	left: 0;
}
.av-horizontal-gallery-inner {
	position: relative;
	white-space: nowrap;
	opacity: 0;
	min-height: 80vh!important;
}
/* Horzontaler Slider - Dots raus!  Enfold Slide Show volle Breite.............................................*/
.previous-next-area .avia-slideshow-dots { display: none; }

#top .previous-next-area .avia-slideshow-arrows a {
	display: block;
	color: #fff!important;
	visibility: visible;
	position: absolute;
	width:49%!important;
	height: 100%!important;
	line-height: 1px!important;
	font-size: 1px!important;
	top: 0px;
	margin: 0;
	z-index: 99;
	overflow: hidden;
	text-indent: -600%;
	padding: 0!important;
	opacity: 0.01;
}

/* Vor Zurück Schaltflächen – Farbe raus! .............................................*/
.previous-next-area.avia-slideshow-arrows a:before { background: rgba(0,0,0,0 )!important; }


/* Schatten raus – Enfold Slide Show volle Breite.............................*/
.previous-next-area .avia-shadow { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0); }


/* 
Horzontaler Slider - Schaltflächen, Dots etc für alle Slider
========================================================================================= 
*/




/* Enfold Gallery für Handy, Hover raus! ....................*/
#top .avia-gallery .avia-gallery-thumb a:hover { opacity: 1; }




/* Unterseiten Portfolio > Mobile Untermenu raus */
@media only screen
and (min-width : 320px) 
and (max-width : 767px) 
{ 
.hide-on-mobile { display: none; }
}



/* 
=========================================================================================
Ende Portfolio Projektseiten – Horizontal Gallery
========================================================================================= 
*/







/* 
=========================================================================================
 Seite About
========================================================================================= 
*/







/* 
=========================================================================================
 Ende Seite About
========================================================================================= 
*/















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


body { font-family: "Open Sans"!important; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans"!important; }


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


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