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

 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;
}


/*-------------------------*/
/* Buttons SAY HELLO */

.et_pb_button_module_wrapper .et_pb_button.freddie_button_under_pressure span {
    display: block
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_under_pressure svg {
    height: 62px;
    transform: rotate(121deg) rotateY(180deg);
    width: 62px;
    overflow: visible !important;
    display: block
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_under_pressure .circle__progress {
    fill: none;
    stroke: #b32e35 !important;
    stroke-width: 2
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_under_pressure .svg_container {
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translate(0.5px,-50%)
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_under_pressure .svg_container .lines {
    position: absolute;
    right: 6px;
    bottom: 3px;
    width: 16px;
    height: 3px
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_under_pressure .svg_container .line {
    height: 4px;
    width: 0;
    background-color: #b32e35 !important;
    vertical-align: middle;
    display: block;
    transform-origin: left center;
    position: absolute
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_under_pressure .svg_container .line_1 {
    transform: rotate(29deg);
    margin-bottom: -5px;
    margin-left: 0;
    left: 0
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_under_pressure .svg_container .line_2 {
    transform: rotate(67deg);
    margin-left: 0;
    right: 0;
    bottom: -10px;
    transform-origin: right center
}


/* dont stop me button*/

#page-container .et_pb_button_module_wrapper .et_pb_button.freddie_button_dont_stop_me span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 15
}

#page-container .et_pb_button_module_wrapper .et_pb_button.freddie_button_dont_stop_me .circle_and_icon {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

#page-container .et_pb_button_module_wrapper .et_pb_button.freddie_button_dont_stop_me .button_circle {
    background-color: #b32e35 !important;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    transform: scale(0.5)
}

#page-container .et_pb_button_module_wrapper .et_pb_button.freddie_button_dont_stop_me .button_icon {
    z-index: 15;
    position: relative;
    transform: scale(0)
}

#page-container .et_pb_button_module_wrapper .et_pb_button.freddie_button_dont_stop_me img {
    display: block
}



/* freddie_button_delilah me button*/
#page-container .et_pb_button_module_wrapper .et_pb_button.freddie_button_delilah span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 15
}

#page-container .et_pb_button_module_wrapper .et_pb_button.freddie_button_delilah .button_circle {
    background-color: #b21e35 !important;
    border-radius: 50%;
    width: 29px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px
}

#page-container .et_pb_button_module_wrapper .et_pb_button.freddie_button_delilah .line {
    height: 2px;
    width: 0;
    background-color: #000;
    display: block;
    position: absolute;
    bottom: -3px
}





/*@media all and (max-width:767px) {
	div#page-container {

		
		overflow: hidden visible;
		-webkit-overflow-scrolling: hidden visible;
	}
}*/


/*::selection {
  background: #b0004b;
  color: #fff;
}*/


/**
 * ----------------------------------------
 * Navigation
 * ----------------------------------------


@media (min-width: 768px) and (max-width: 980px) {
	.hide_burger .et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu{
		display: flex!important;
	}
}


.hide_burger .et_mobile_nav_menu {
	 display: none;
}

.wp-element-caption {
	text-transform: uppercase !important;
} */


/**
 * ----------------------------------------
 * animation color-change-3x
 * ----------------------------------------

.color-change-3x {
	-webkit-animation: color-change-3x 8s linear infinite alternate both;
	        animation: color-change-3x 8s linear infinite alternate both;
}


@-webkit-keyframes color-change-3x {
  0% {
    background: #333333;
  }
  50% {
    background: #b0004c;
  }
  100% {
    background: #a85789;
  }
} */

/**
 * ----------------------------------------
 * Inline Modules
 * ----------------------------------------
 

@media (min-width: 981px) {


	.inline-row .inline-modules .et_pb_blurb {   
		float: left;    
		width: fit-content!important;
	}
	
	.inline-row .inline-modules .et_pb_module {    
		width: 100%;    
		float: left;
	}
	
	.inline-row .et_pb_column_0{
		display:block!important;
	}
}

@media (max-width: 768px) {
	.prices-heading { padding-bottom: 40px;}
}*/

/* SHAPE Header leichtes grau 
div.dsm_shapes_wrapper.dsm_shapes_rectangle {
  border-radius: 50px;
}*/



/**
 * ----------------------------------------
 * Buttons
 * ----------------------------------------

.vispucci {
    color: #F6F5FB!important;
    border-width: 0px!important;
    border-color: #2B2B32;
    border-radius: 25px;
    font-size: 17px;
    background-color: #A85789;
    padding: 20px 50px 20px 30px !important;
    margin-left: 0px!important;
}


.vispucci:after {
    color: #fff;
    line-height: inherit;
    font-size: inherit!important;
    opacity: 1;
    margin-left: 0.3em;
    left: auto;
    font-family: ETmodules!important;
    font-weight: 400!important;
    content: "\45";
}

.vispucci:hover {
	letter-spacing: 1px;
}

.vispucci:active {
	position:relative;
	top:1px;
} */


/*********************************/
/******** Calendly Button stylen ******/
/*********************************/


/*.vispucci-calendly {
	font-family: 'Roboto',sans-serif !important;
	color: #F6F5FB!important;
    border-width: 0px!important;
    border-color: #2B2B32;
    border-radius: 30px;
    font-size: 17px;
    background-color: #B0004C;
    padding: 20px 50px 15px 30px !important;
    margin-right: 40px!important;
    margin-bottom: 20px!important;
}

.vispucci-calendly .et_pb_code_inner a {
	color: #fff!important;
	width: 100px;
}

.vispucci-calendly:hover {
	letter-spacing: 0.9px;
}

.vispucci-calendly:hover {
    color: #F6F5FB!important;
    border-color: #2B2B32!important;
    letter-spacing: 0.8px!important;
    background-image: initial;
    background-color: #B0004C;
    padding-right: 50px!important;
    padding-left: 30px!important;
}

.vispucci-calendly .et_pb_code_inner a:after {
  	color: #fff;
    line-height: inherit;
    font-size: inherit!important;
    opacity: 1;
    margin-left: 0.3em;
    left: auto;
    font-family: ETmodules!important;
    font-weight: 400!important;
    content: "\45";
}

#calendly .et_pb_code_inner a {
  color: #333333!important;
}

#calendly .et_pb_code_inner a:hover {
	letter-spacing: 0.8px !important;
}


.rcb-content-blocker {
	width: 600px;
}*/




/* Inline Buttons  */
/*place button modules next to each other in the same column
.inline-buttons .et_pb_module {
    display: inline-block;
}*/

/**
 * ----------------------------------------
 * Multi Step Form
 * ----------------------------------------


h2.fw-step-part-title {
	font-family: 'Playfair Display',Georgia,"Times New Roman",serif !important;
	font-weight: 900 !important;
}
#multi-step-form .fw-wizard-step-header h2 {
	font-family: 'Playfair Extrabold Italic lokal',Georgia,"Times New Roman",serif !important;
	font-weight: 800 !important;
}

div.fw-step-block h3{
	font-size: 15px;
  	text-transform: none;
  	letter-spacing: 2px;
}

.fw-summary-container button.fw-toggle-summary{
	background:rgba(187,132,167,0.65) !important;
	width: 300px !important;
	border-radius:25px;
	display:inline-block;
	cursor:pointer;
	color:#fff!important;
	font-family: 'Open Sans regular lokal',sans-serif !important;
	font-size:17px !important;
  	font-weight: 500 !important;
	letter-spacing: 1px;
	padding: 0.3em 0.5em;
	padding-right: 30px!important;
	padding-left: 30px!important;
} */
/*
svg.svg-inline--fa{
	display: none;
}*/

/* Button Absenden am Ende des Formulars
#multi-step-form .fw-btn-submit {
	width: 300px !important;
	background: #b0004b !important;
	border-radius:25px;
	/*border:2px solid #333333 !important;
	display:inline-block;
	cursor:pointer;
	color:#fff!important;
	font-family: 'Open Sans regular lokal',sans-serif !important;
	font-size:17px !important;
  	font-weight: 500 !important;
	letter-spacing: 1px;
	padding: 0.3em 0.5em;
	padding-right: 30px!important;
	padding-left: 30px!important;
}*/

/*Button vorwärts
button.fw-button-next {
  border-radius: 25px;
}*/
/*Button rückwärts
button.fw-button-previous {
  border-radius: 25px;
}

.fw-text-input {
	padding-left: 20px !important;
}*/


/* Force short pages to fill the screen. In other words, make the footer sticky. 
#page-container {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
}
.et-tb-has-template #page-container #et-boc {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
}
#et-main-area {
    display:flex;
    flex-flow: column;
}
#et-main-area, #main-content  {
    flex: 1 0 auto;
}
.logged-in #page-container {
  min-height: calc(100vh - 35px);
}
.logged-in.et-tb-has-template #page-container #et-boc{
  min-height: calc(100vh - 35px);
}*/

/**
 * ----------------------------------------
 * BLOG STYLING
 * ----------------------------------------


h2#summary {
	line-height:1.8em !important;
	margin-top: 100px;
	margin-bottom: 50px;

	font-family: 'Roboto Light lokal',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 300 !important;
    font-size: 1.6rem !important;
    color: #2B2B32!important;
    letter-spacing: 1px;
}

@media (max-width: 768px) {
	h2#summary {
		margin-top: 60px;
		margin-bottom: 50px;
		line-height:1.5em !important;
	}
}

.summary {
	line-height:1.8em !important;
	margin-top: 100px;
	margin-bottom: 50px;
	font-family: 'Roboto Light lokal',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 300 !important;
    font-size: 1.6rem !important;
    color: #2B2B32!important;
    letter-spacing: 1px;
}

@media (max-width: 768px) {
	.summary {
		margin-top: 60px;
		margin-bottom: 50px;
		line-height:1.5em !important;
	}
}

.et_pb_title_featured_container .et_pb_image_wrap img {
    margin-top: 40px;
}


.et_pb_post_content .et-l--post .et_builder_inner_content h3{
	padding-top: 30px;
}

.et_pb_post_content .et-l--post .et_builder_inner_content h4{
	padding-top: 30px;
}

#dark-CTA .et_pb_text_inner h2 {
	font-family: 'Playfair Extrabold Italic lokal',Georgia,"Times New Roman",serif !important;
	font-weight: 900 !important;
    color: #F6F5FB !important;
}

body #main-content .et_builder_inner_content>p {
     line-height: 1.9em !important; 
}*/

/* BLOG EINTRAG WEBDESIGN CHECKLISTE STYLING */
/*#checklist ul li a{
	    color: #B0004C!important;
	    list-style: url('https://vispucci.at/wp-content/uploads/2023/10/tri.png');
}
#checklist ul li a ::marker {
    list-style: url('https://vispucci.at/wp-content/uploads/2023/10/tri.png');
    padding: 0 0 23px 1em;
    line-height: 26px;
}

.padding {
	padding-top: 30px;
}
.wp-block-rank-math-toc-block {
	background-color: rgba(233,233,234,0.66) !important;  
	padding: 20px 20px 20px 20px;
}*/