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



/*Add your own styles here:*/


h1 {
	margin-bottom: 2rem;		
}

p {
	margin-bottom: 1.5rem;	
	line-height: 1.4;
}


#header_main .logo a {
  display: flex;
  align-items: center;
  height: 88px; /* Passe an deine Header-Höhe an */
}

#header .logo svg {
	width: 140px !important;
}

#header_main {
  border-top: 2px solid #cf122e;
}



.av-logo-container {
  position: relative;
}


#header_main_alternate {
	background-color: #f8f8f8;
	border-bottom: 0;
}

.header_color div {
	border-top: 0;
}



#top form {
	margin-bottom: 0;
}

.ik-div-search {
	width: 30%;
	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
	right: 60px;
}

.ik-form-search {
    display: flex;
    align-items: center;
    gap: 0; /* Abstand zwischen Feld und Button */
}

.ik-form-search input[type="text"] {
    flex: 1; /* Suchfeld nimmt den verfügbaren Platz */
    padding: 6px 10px;
    font-size: 14px !important;
	color: #222222 !important;
    border: 1px solid #e1e1e1;
    border-radius: 8px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	margin-bottom: 0 !important;
	background-color: #f2f2f2 !important;
}

.ik-form-search button {
    padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
    font-size: 14px;
    border: 1px solid #e1e1e1;
    background: #fff;
    border-radius: 8px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
    cursor: pointer;
}

.language-switcher {
	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
	right: 0;
}



.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul {
	padding-top: 12px;
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
	height: 25px;
	line-height: 25px;
}

header .av-main-nav>li {
    padding-right: 60px;
}

header .av-main-nav>li>a {
    padding-left: 0;    
    padding-right: 0;
}

header .av-main-nav ul {
	margin-top: 0;
}

/* Farbe und Höhe des animierten Menü-Unterstrichs */
.avia-menu-fx {
    display: none;
}

.av-main-nav > li > ul {
	border-top: 0;
}

#top #header .av-main-nav > li > a:hover,

#top #header .av-main-nav > li.current-menu-item > a {
	border-bottom: 2px solid #cf122e;
}


/* Logo-Bildgröße anpassen */
#header .logo svg {
  max-height: 62px;
  height: auto;
  width: auto;
}

.title_container .breadcrumb {
	left: 50px;
}

.page-id-15 .title_container,
.page-id-19 .title_container {
	display: none;
}

.title_container .breadcrumb .trail-end,
.title_container .breadcrumb .sep {
	color: #212121;
}

.title_container .breadcrumb .breadcrumb-title {
	display: none;
}




.container_wrap {
	border-top: 40px;
}

.ik-columns--balloon-above {
	height: 260px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 1rem;
}



.ik-balloon--above-column {
	position: absolute;
	top: -20px;
	left: 100px;
	z-index: 2;
}

.ik-text-block--balloon-above {
	padding-left: 50%;
}

.avia-button {
	border-width: 0 !important;
}

#top #wrap_all .avia-button:visited {
	background-color: #64666a;
}

.wpcf7 input,
.wpcf7 textarea {
    border-radius: 8px !important;
	background-color: #f2f2f2 !important;
	font-size: 16px !important;
	color: #868686 !important;
}

.wpcf7 .wpcf7-submit {
	background-color: #cf122e !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
}

.wpcf7 .wpcf7-submit:hover {
	/*background-color: #ce3149 !important;*/
	background-color: #dd7a87 !important;
}

.wpcf7 .wpcf7-not-valid-tip {
	color: #cf122e !important;
	font-size: 13px !important;
}

.wpcf7 .wpcf7-text + .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-number + .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-textarea + .wpcf7-not-valid-tip {
	margin-top: -10px;
}

.wpcf7 .ik-label-mandatory {
	font-weight: 400 !important;
}

.wpcf7 .ik-star-mandatory {
	font-size: 16px !important;
	font-weight: 700 !important;
}

.wpcf7 .wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0;
}

.wpcf7 .ik-label-mandatory a {
	color: #cf122e !important;
	text-decoration: underline !important;
}

.wpcf7 .ik-label-mandatory a:hover {
	color: #96c120 !important;
}


/* Desktop - Slider Anfang */

/* Vertikale Zentrierung der Caption im Enfold Slider */
.av_slideshow_full .slideshow_align_caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.slideshow_align_caption {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 30px 60px;
  border-radius: 6px;
  text-align: left;
}

.avia-slideshow-dots a {
	margin-left: 6px;
	margin-right: 6px;
}

.avia-slideshow-button {
  background-color: #cf122e !important;  /* Dein Rot */
  color: #ffffff !important;             /* Weißer Text */
  font-size: 18px !important;            /* 15px (Standard) + 3px */
  font-weight: bold;
  padding: 12px 24px;
  border-radius: 4px;
  text-transform: uppercase;
  border: none !important;
}

/* Hover-Effekt (etwas dunkleres Rot) */
.avia-slideshow-button:hover {
  background-color: #a60e24 !important;
  color: #ffffff !important;
}
/* Desktop - Slider Ende */

/* footer */
#footer {
	border-top: 2px solid #767676;
}

/* Footer above Socket - Social Media */
#above-socket-widget-area-wrap {
	padding-bottom: 3.625rem;
	background-color: #f2f2f2;
	border: none;
}

#above-socket-widget-area h3 {
	margin-bottom: 1.25rem;
}

.footer__social-item {
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-right: 1.5rem;
}

.footer__social-item .fa-brands {
	font-size: 40px;
	color: #cf122e;
}

.footer__social-item .fa-brands:hover {
	color: #dd7a87;
}




/* Footer Socket */
#socket {
    font-size: 0.875rem;
    padding-top: 25px; 
    padding-bottom: 25px;
}

.socket_color li {
   border-color: #000000;
}

#socket .menu {
	margin-left: 0;
}

/* Footer Socket: Copyright nach rechts, Menü nach links */
#socket .copyright {
    float: right;
    text-align: right;
}

#socket .sub_menu_socket {
    float: left;
    text-align: left;
}

#socket .sub_menu_socket li:first-child {
	padding-left: 0;
}


@media only screen and (min-width: 768px) and (max-width: 1000px) {
	header .av-main-nav>li {
    	padding-right: 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.slideshow_align_caption {
    margin: 0 auto !important;
    padding: 20px 30px !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
  }

  .slideshow_align_caption h1,
  .slideshow_align_caption h2,
  .slideshow_align_caption h3 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
  }

  .slideshow_align_caption .avia-button {
    font-size: 15px !important;
    padding: 10px 20px !important;
    display: inline-block !important;
  }
	
}


@media only screen and (max-width: 1000px) {
	#socket .copyright {
		float: none;
		text-align: left;
	}
	
	#socket .sub_menu_socket {
		float: none;
		margin-bottom: 20px !important;
	}
	
	.responsive #socket .sub_menu_socket {
		margin: 0;
	}
}

@media only screen and (max-width: 767px) {
	.ik-div-search {
		display: none;
	}
	.slideshow_align_caption { 
		margin: 0 auto !important;
		padding: 15px 20px !important;
		font-size: 17px !important;
		line-height: 1.4 !important;
	  }
	
	.slideshow_align_caption p { 
		font-size: 15px !important;
	}

	  .slideshow_align_caption h1,
	  .slideshow_align_caption h2,
	  .slideshow_align_caption h3 {
		font-size: 19px !important;
		line-height: 1.3 !important;
		margin-bottom: 10px !important;
	  }


  .slideshow_align_caption .avia-button {
		font-size: 14px !important;
		padding: 8px 16px !important;
  }	
	
	.language-switcher {
		z-index: 105;
	}
	
	.language-switcher img {
		width: 22px;
	}
	
	#menu-item-search {
		padding-right: 30px !important;
	}
	
}

@media only screen and (min-width: 768px) {
	#menu-item-search {
		display: none !important;
	}
	.slideshow_align_caption {
    	width: 640px;
  	}
}


@media only screen and (min-width: 1001px) {
	.sub_menu_socket .avia3-menu {
		padding-top: 4px;
	}
}

@media only screen and (min-width: 1400px) {
	.av_slideshow_full .slideshow_align_caption {
	  top: 75%;
	  transform: translateY(-75%);
	}
}