/*---------------------------------------------------------------------------------

 Theme Name:   Vispucci!
 Theme URI:    http://www.vispucci.at
 Description:  
 Author:       Tina Weihs
 Author URI:   http://www.vispucci.at
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

body {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}


/* *******************************************
 * Vertical align when euqal columns is activated
 * *******************************************
/* */

.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}

/* *******************************************
/* Higlight Links fully with blue CD background */
/* *******************************************
 *  */
.highlight-links a {
  text-decoration: none;
  color: #fff !important; /* weiße Schrift */
  background-color: #004d8f; /* dein Blau */
  padding: 0.1em 0.3em; /* Abstand um den Text */
  border-radius: 0.15em; /* leicht abgerundet */
  transition: background-color 0.3s ease;
}

.highlight-links a:hover {
  background-color: #0066c2; /* helleres Blau beim Hover */
}



body .vispucci_header_2 .et_pb_button_module_wrapper .et_pb_button:hover:before,body .vispucci_header_2 .et_pb_promo:hover .et_pb_promo_button:after {
    transform: rotate(0)!important}


/* MOVING BUTTON */
.button-swing {
  transition: all 0.2s ease-in-out;
}
.button-swing:hover {
  animation: swing 1s ease;
  animation-iteration-count: 1;
}
@keyframes swing {
  15% {
    transform: translateX(5px);
  }
  30% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(3px);
  }
  65% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}


/*OUTLINED Lauftext 
span.font-stroke-maroon{
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #656565;
	text-stroke-width: 1px;
	text-stroke-color: #656565;
	color: transparent;
    font-style: normal;
}

span.font-stroke-moonstone{
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #4f7f89;
	text-stroke-width: 1px;
	text-stroke-color: #4f7f89;
	color: transparent;
    font-style: normal;
}


span.font-stroke-teagreen{
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #bdd9bf;
	text-stroke-width: 2px;
	text-stroke-color: #bdd9bf;
	color: transparent;
    font-style: normal;
}


span.font-stroke-white{
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #ffffff;
	text-stroke-width: 1px;
	text-stroke-color: #ffffff;
	color: transparent;
    font-style: normal;
}

span.font-stroke-blue{
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #004d8f;
	text-stroke-width: 1px;
	text-stroke-color: #004d8f;
	color: transparent;
    font-style: normal;
}


.wrapper span.font-stroke-blueGsap{
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #004d8f;
	text-stroke-width: 1px;
	text-stroke-color: #004d8f;
	color: white !important;
    font-style: normal;
}*/

/* GSAP OnScrollFilledText for Screen REaders
	  .sr-only {
	  position: absolute;
	  width: 1px;
	  height: 1px;
	  padding: 0;
	  overflow: hidden;
	  clip: rect(0, 0, 0, 0);
	  white-space: nowrap;
	  border: 0;
	}*/




#textSection {
  background: white; /* oder eine andere Farbe */
  position: relative;
  z-index: 10; /* falls nötig, über anderen Inhalten */
}


/* *******************************************
 * Mobile Menu
 * *******************************************
/*change hamburger icon to x when mobile menu is open

.et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}*/


/*adjust the new toggle element which is added via jQuery
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 54px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
*/

/*some code to keep everyting positioned properly
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}*/


/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\3b';
	color: #000f1d;
}*/

/*submenu toggle icon when open
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\3a';
}*/


/*add point on top of the menu submenu dropdown
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -4px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}*/


/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 5px;
	line-height: 0;
}

/* give the menu burger another color 
.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before{
	color: #000f1d !important;
	align-content: center !important;
	padding: 5px !important;
	font-size: 3rem !important; 
}*/

/* Position der 3 Burger Striche
.et_pb_module .mobile_menu_bar:before {
    top: 10px !important;
    left: -4px;
}*/

/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}


.et_pb_menu_0_tb_header.et_pb_menu #mobile_menu1 a {
	font-family: 'BarlowSemiCondensedLight local',Helvetica,Arial,Lucida,sans-serif !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
	font-weight: 500 !important;
}

.et_pb_menu .sub-menu li a {
  background: none !important;
}