@charset "UTF-8";
/*
Theme Name: kd Child
Version: 1.0
Author: Kreativdeck
Author URI: https://www.kreativdeck.de
Description: Kreativdeck - Child-Theme für KD-Theme (Enfold)
Template: kd
*/
/* @group TYPOGRAPHY
========================================== */

/* webfonts 
------------------------------------------ */
@font-face {
	font-family: 'Playfair Display';
    src: url('https://www.mirage-hh.de/wp-kreativdeck/themes/kd-child/fonts/playfair-display-v21-latin-700.woff') format('woff');
    	 font-weight: 700;
    	 font-style: normal;
    	 font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
    src: url('https://www.mirage-hh.de/wp-kreativdeck/themes/kd-child/fonts/open-sans-v17-latin-300.woff') format('woff');
    	 font-weight: 300;
    	 font-style: normal;
    	 font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
    src: url('https://www.mirage-hh.de/wp-kreativdeck/themes/kd-child/fonts/open-sans-v17-latin-regular.woff') format('woff');
    	 font-weight: 400;
    	 font-style: normal;
    	 font-display: swap;
}

/* body, p, strong  
------------------------------------------ */
body, p{font: normal normal 400 15px/26px 'Open Sans', Helvetica, Arial, sans-serif !important;-webkit-font-smoothing:antialiased !important;-ms-font-smoothing:antialiased !important;-moz-font-smoothing:antialiased !important;font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing: 2px;}

strong {font-weight: 900}
.main_color strong {
    color: #cccccd;
    font-weight: 900;
}
#top .av_inherit_color a {
	text-underline-position: under;
}

/* & Zeichen 
------------------------------------------ */
.special_amp { color: inherit!important; font-family: inherit; font-size: inherit;font-style: normal; }


/* headings 
------------------------------------------ */
h1, h2, h3, h4, h5, h6 {font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0px !important;}
.av-subheading.av_custom_color {
    opacity: 1;}

/* === @end === */


/* @group HEADER
========================================== */
/* SVG Logo 
------------------------------------------ */
/*.logo img {
    width: 198px;
        height: 116px;
}
@media only screen and (max-width: 767px) {
	.responsive .logo img {height: 116px !important;width: auto;}}
.logo {z-index:9999!important;
max-width:280px;}*/

/* Shrinking Header*/
/*.header-scrolled .logo {
  width: 99px;
      height: 59px;
}*/



/* Naviagtion 
------------------------------------------ */
/* Menü Hover Opacity entfernen */
#top .av_header_transparency .main_menu ul:first-child > li > a:hover, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:hover {
    opacity: 1;
}
.av-main-nav>li>a {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 300;
}
/*#top #header .av-main-nav li.current-menu-item > a > .avia-menu-text {
    color: #ceeadc !important;
}*/
/* Polylang */
li.lang-item a {
    display: inline;
	font-size: 11px !important;
	padding: 0 8px;
}
li.lang-item-first a {
    border-right-style: solid;
    border-right-width: 1px;
	border-color: #fff !important;
        padding-right: 5px;
}
.current-lang a {
    color: #bd1851 !important;
}
/* === @end === */

	.slideshow_align_caption {
		padding-left: 20%;
    padding-right: 20%;
	}

@media only screen and (max-width: 1024px) {
	.slideshow_align_caption {
		padding-left: 0;
    padding-right: 0;
	}
}
@media only screen and (max-width:479px){
  .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
  	height: 450px !important;
  }

  }
  

/* @group CONTENT
========================================== */
.avia-button-no .avia-promocontent {
    color: #fff;
}
/* Full BUTTON */
.front_btn.avia-button-wrap.avia-button-center.el_before_av_button_big {
    margin-bottom: 10px !important;
}
/*a.avia-button.avia-button-fullwidth {
    text-align: left;
}*/
.avia-button-fullwidth .av-button-description {
    opacity: 1 !important;
}
@media only screen and (max-width: 480px) {
	.custom_col .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }
.custom_col .flex_column.av_one_full { padding: 0 !important; }
.custom_col .av-masonry-entry { width: 50% !important; }}
}

::selection {
    background-color: #fff;
    color: #111;
}
/* Masonary */
.av-masonry-outerimage-container {
	bottom: 1px;
}
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,0.4) !important;
}
/*#top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,0.9) !important;
}*/
.custom_col h3.av-masonry-entry-title.entry-title {
    background: rgba(0,0,0,0.3);
}
/* Buttons */
.avia-color-custom.avia-size-large.avia-position-center {
    text-transform: uppercase;
}
.btn_c .avia-color-theme-color {
    background-image: linear-gradient(to right,#bb1851,#6a1029);
}
.btn_gradient .avia-button.avia-size-large, .btn_gradient .avia-button-fullwidth {
	background-image: linear-gradient(to right,#bb1851,#6a1029);
    border: none;
	text-transform: uppercase;
}
.btn_gradient .avia-button-fullwidth {
	color: #fff !important;
}
.btn_gradient .avia-button.avia-size-large:hover, .btn_gradient .avia-button-fullwidth:hover {
    background-image: linear-gradient(to right,#6a1029, #bb1851);
}

/* === @end === */

/* @group Footer
========================================== */
.footer_color {
    border: none;
}
#socket {
    
    font-size: 10px;
    text-align: left;
    text-transform: uppercase;
    color: #bebec0;
    letter-spacing: 2px;
	border-color: #7b7b7b
}
span.band {
    color: #8fb7e2;
}
#powered_by:hover {color: #ea912b;}
@media only screen and (max-width: 767px) {
.copyright {
    width: 100%;
    text-align: center;
}}
@media only screen and (max-width: 768px) {
	.br_stop {
		display: none;
	}
}
@media only screen and (min-width: 482px){
.br-stop {
    display: none;
}}
@media screen and (max-width: 570px){.dash_footer {display: none;}}
@media screen and (max-width: 570px){span.footer_break {display: block;}}
@media screen and (max-width: 1066px){.dash_footer1 {display: none;}}


/* === @end === */