/*
Theme Name: Enfold Child
Description: <strong>Wordpress Design Enfold Child</strong> - <br/> Ramon Volmering<br/> <a href='http://www.wordpress-design.info'>Zur Webseite</a><br/>
Author URI: http://www.wordpress-design.info
Template: enfold
Version: 1.1
*/



/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */


/* Logo – ERSETZT den alten Logo-CSS-Block komplett (Animation steckt jetzt im SVG) */
#header .logo.ak-logo-wrap a{display:flex;align-items:center;height:100%}
#header .logo.ak-logo-wrap svg{width:300px;max-width:65vw;height:auto;display:block;overflow:visible}
.header-scrolled #header .logo.ak-logo-wrap svg{width:230px}

/* Akzentwort in Überschriften */
#top h1 strong, #top h2 strong{font-weight:400;color:#6B1E2E}
#top .alternate_color h1 strong, #top .alternate_color h2 strong{color:#FAF7F4}

/* Labels (h6) mit Strich davor */
#top h6{display:flex;align-items:center;gap:14px;color:#6B1E2E}
#top h6::before{content:"";width:24px;height:1px;background:currentColor}
#top .alternate_color h6{color:#FAF7F4}
#top h6[style*="center"]{justify-content:center}



/* Tabelle */
#top .ak-facts,
#top .ak-facts table,
#top table.ak-facts{
  width:100%;
  background:transparent!important;
  border:0!important;
  border-top:1px solid #D9CCC1!important;
  border-collapse:collapse;
  margin:0;
  box-shadow:none;
}
#top .ak-facts tr,
#top .ak-facts tr:nth-child(odd),
#top .ak-facts tr:nth-child(even){
  background:transparent!important;
}
#top .ak-facts td,
#top .ak-facts th{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #D9CCC1!important;
  padding:18px 0!important;
  font-size:15px!important;
  line-height:1.5;
  text-align:left;
  vertical-align:top;
  letter-spacing:0;
  text-transform:none;
}
/* linke Spalte: Bezeichnung */
#top .ak-facts td:first-child,
#top .ak-facts th:first-child{
  font-weight:300!important;
  color:#7A6C6F!important;
  width:40%;
}
/* rechte Spalte: Wert */
#top .ak-facts td:last-child,
#top .ak-facts th:last-child{
  font-weight:400!important;
  color:#2A2224!important;
  text-align:right;
}
/* Mobil untereinander */
@media (max-width:767px){
  #top .ak-facts td,
  #top .ak-facts th{display:block;width:100%!important;text-align:left!important}
  #top .ak-facts td:first-child,
  #top .ak-facts th:first-child{border-bottom:0!important;padding-bottom:0!important}
}


/* Unter dem Buch */
#top .ak-book-block .avia_textblock,
#top .ak-book-block.avia_textblock{display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:baseline}
#top .ak-book-block h3{margin:0;grid-row:1}
#top .ak-book-block p{margin:0!important}
#top .ak-book-block p:nth-of-type(1){grid-row:2;font-size:14px;color:#7A6C6F}
#top .ak-book-block p:nth-of-type(2){grid-row:1;grid-column:2;font-size:12px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
#top .alternate_color .ak-book-block p:nth-of-type(1){color:#FAF7F4}


/* Footer: alles weiß statt rosé */
#footer h3, #footer .widgettitle,
#footer a, #socket a{color:#FAF7F4!important}

sup {
    line-height: 0; /* Verhindert, dass der Superscript den Zeilenabstand beeinflusst */
}


p, span {	
	-moz-hyphens: auto;
	hyphens: auto;
}

::-moz-selection {
  color: #ffffff;
  background:rgba(155,155,155,0.70);
}

::selection {
  color: #ffffff ;
  background: rgba(155,155,155,0.70);
}





/* Kleine Leiste über dem Menü */

#header_meta .phone-info,
#header_meta nav.sub_menu {
	font-size: 14px !important;
}

.sub_menu img {
	margin-top: -4px !important;
}





/* Blog-Darstellung usw  */

.single-post .post-meta-infos .text-sep-date,
.category .text-sep-cat,
.category span.blog-author {
	display: none;
}




/* Bug Fix Aussehen & Funktionsverbesserungen  */

.slideshow_caption {
	width: 100% !important;
}

#top .av-large-testimonial-slider .avia-slideshow-arrows a {
	opacity: 1 !important;
}

:focus {
    outline: none !important;
}





/* schmale Farbsektion  */

#small-section,
#small-section .av-section-color-overlay{
height: 10px !important;
	min-height: 10px !important;

}


/* Animation Pulse */

.banner {
  animation: pulse 3s infinite;
  margin: 0 auto;
  display: table;
  margin-top: 50px;
  animation-direction: alternate;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}


/* Datepicker  */

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev span, #top .avia-datepicker-div.ui-datepicker .ui-datepicker-next span {
    display: none;}
a.ui-datepicker-prev.ui-corner-all:before {
    content: '<<';
    display: block;}

a.ui-datepicker-next.ui-corner-all:before {    content: '>>';
    display: block;}


.avia_ajax_form option,
a.ui-state-hover
{
	color:#333333 !important;	
}
#top .ui-datepicker-calendar tr td:nth-child(6), 
#top .ui-datepicker-calendar tr td:nth-child(7)
{
    pointer-events: none;
}

 
#top .ui-datepicker-calendar tr td:nth-child(6) a, 
#top .ui-datepicker-calendar tr td:nth-child(7) a{
    background-color:#B5B5B5 ;
    color: #3D3D3D;
}


/* Borlabs */

.BorlabsCookie th {
	width: 20% !important;
}

.avia_codeblock .BorlabsCookie h3 {
	margin-top: 70px !important;
}


/* Borlabs Block Layout

#BorlabsCookieBox {

left: 50% !important;
bottom: 0px !important;
position: fixed !important;
z-index: 9999999999999999999999999999;

}
*/


/* G Forms */

.gform_wrapper .gf_progressbar_percentage {
    background-color: #288acb !important;
    background-image: none !important; /* Entfernt Standard-Verläufe */
}

h2.gform_submission_error {
    font-size: 18px !important;
}

/* Styling für Weiter-Button UND Absenden-Button */
.gform_wrapper .gform_page_footer input[type="button"].gform_next_button,
.gform_wrapper .gform_page_footer input[type="submit"].gform_button,
.gform_wrapper .gform_footer input[type="submit"] {
    background-color: #288acb !important; 
}



.gform_wrapper input[type="checkbox"]:checked::before {
    color: #288acb !important;
    padding-left: 2px; 
}


.gform_wrapper input[type="radio"].gfield-choice-input::before {
      background: #288acb !important;
}

.gform_confirmation_message {
    font-size: 18px !important;
    font-weight: 600 !important;
}


.daten-kl p {
    font-size: 12px !important;
}








/*
Mobile Styles
================================================== */


@media only screen and (max-width: 3600px) and (min-width: 1025px){

.ipad,
.smart
	{
     display: none;
}
	

	
}


/*
I Pad quer
================================================== */

@media only screen and (max-width: 1024px) and (min-width: 491px) {
	
/* Bug Fix Aussehen & Funktionsverbesserungen  */	
	
.av-main-nav > li.menu-item-avia-special {
    display: block;
}
.av-main-nav > li {
    display: none;
}
	
.responsive #top #wrap_all .flex_column,
.responsive #top #wrap_all .av-break-at-tablet .flex_cell {
		
			}
	
	#footer .av_one_fourth {
    width: 100%;
    margin-left:0;
}
	
	#footer .av_one_third {
    width: 100%;
    margin-left:0;
}


.BorlabsCookie th {
	width: 30% !important;
}
	
	

.desk,
.smart
	{
     display: none;
}
	


	
}



/*
Smartphone
================================================== */

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

	
/* Bug Fix Aussehen & Funktionsverbesserungen  */
	.av-burger-menu-main { 
     display: block!important; 
}	
	
	
.responsive #scroll-top-link {
  display: block !important;
	color: #ffffff;
border: 1px solid #fffffff;
background-color: #4D4D4D;
	
}
	
.avia-testimonial-image {
	margin-left: 35% !important;
}
.responsive #top #wrap_all .flex_column,
.responsive #top #wrap_all .av-break-at-tablet .flex_cell {
	
			}
	
.avia-testimonial-meta-mini {
	text-align: center !important;
	}
	
.sub_menu img {
	margin-top: 4px !important;
}
	

	
.desk,
.ipad

	{
     display: none;
}
	



}







/*
Mobile Styles EXTRA
================================================== */

/*
I Pad Pro
================================================== */


@media only screen and (max-width: 1366px) and (min-width: 1025px) {
	
	
}
	
	



/*
I Pad hochkant
================================================== */

@media only screen and (max-width: 768px) and (min-width: 491px ) {


}