/*
Theme Name: ProAlpin
Theme URI: jacor.de
Description: Theme für ProAlpin
Author: jacor.de
Author URI: jacor.de
Template: Divi
Version: v1.1
*/


body.page #et-main-area .et_builder_inner_content .et_pb_section:first-child {
	padding-top:200px;
}

body.page #et-main-area .et_builder_inner_content .et_pb_section.et_pb_section_0_tb_footer {
	padding-top:150px;
}

.cta_so_full {
	background-color:#1d1e4e;
	color:#ffffff;
	font-size:20px;
	width:100%;
	text-transform: uppercase;
	line-height:1em;
	display:block;
	text-align: center;
	padding:20px;
	transition: background-color .3s ease;
}

.cta_so_full:hover {
	background-color:#2c2d5f;
}

.cta_so {
	background-color:#1d1e4e;
	color:#ffffff;
	font-size:20px;
	text-transform: uppercase;
	line-height:1em;
	display:inline-block;
	text-align: center;
	padding:20px;
	transition: background-color .3s ease;
}

.cta_so:hover {
	background-color:#2c2d5f;
}

.pro_hero .hero-facetbar {
	max-width: 100%;
	border-radius:0px !important;
	border:2px solid #3d3d3d;
}

.pro_hero .hero-facetbar .hero-facetbar__item, .pro_hero .hero-facetbar .hero-facetbar__submit {
	flex:1;
}

.pro_hero .hero-facetbar__label {
	font-family: 'Figtree',Helvetica,Arial,Lucida,sans-serif;
	font-size:20px;
	font-weight:900;
}

.pro_hero .hero-facetbar select.facetwp-dropdown {
	font-size:20px;
}

.pro_hero .hero-facetbar .facetwp-dropdown {
	padding:0px;
}

.pro_hero .hero-facetbar__submit {
	justify-content: center;
}

#menu-mainmenu li.menubutton {
	align-self: center;
    height: auto;
}

#menu-mainmenu li.menubutton a {
  	background-color: #f0c400;
  	color: #1D1E4E !important;
  	font-weight: 700;
  	padding: 20px !important;
  	text-decoration: none;
  	transition: background-color 0.3s ease;
}

#menu-mainmenu li.menubutton a:hover {
  	background-color: #cda909;
  	opacity: 1;
}

.et_pb_menu .et-menu>li {
	padding-left:15px;
	padding-right:15px;
}

.pro_hero .hero-facetbar__icon {
	display:none;
}

.pro_hero .hero-facetbar__submit {
	position: relative;
	font-weight:700;
	text-transform: uppercase;
}

.pro_hero .hero-facetbar__submit span:before {
	content:"";
	background-image:url("img/proalpin_search.svg");
	width:22px;
	height:22px;
	display:block;
	position: absolute;
	margin-top:2px;
	margin-left:-30px;
	background-size: cover;
}

.pro_sot {
	width:auto;
	text-align: center;
	padding-top:30px;
}

.pro_sot img:first-child {
	padding-right:20px;
}


.pro_footerlinks a {
	color:#ffffff !important;
	text-decoration: underline;
	padding:0px 20px;
	border-right: 1px solid #ffffff;
	line-height:1em;
}

.pro_footerlinks a:last-child {
	border-right:0px;
}

/* Überschrift */
.rank-math-question {
    margin: 0;
    padding: 20px 0px 10px 0px;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:2px solid #3d3d3d !important;
}

/* Icon-Styling */
.rank-math-list span.et-pb-icon {
    position: absolute;
    right: 0px;
    top: calc(50% + 8px);
    transform: translateY(-50%);
    transition: transform 0.3s ease;
    font-size: 40px;
    color: #333;
}

/* Drehen beim Öffnen */
.rank-math-list-item.open span.et-pb-icon {
    transform: translateY(-50%) rotate(180deg);
}

/* Antwort */
.rank-math-answer {
    display: none;
    padding: 20px;
    animation: fadeIn 0.3s ease;
    font-size:18px;
}

/* Animierter Fade-Effekt */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Chevron-Stil und Position */
.rank-math-question {
    position: relative;
    padding-right: 50px; /* Platz für Icon */
    cursor: pointer;
}

.rank-math-question .vc_tta-controls-icon-chevron {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
}

/* Gedreht bei offener Frage */
.rank-math-list-item.open .vc_tta-controls-icon-chevron {
    transform: translateY(-50%) rotate(180deg);
}

.content-inner h3.rank-math-question {
	margin-top:10px;
	margin-bottom:0px;
}

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
	color:#ffffff !important;
	font-size:40px;
}

ul#mobile_menu1 {
	background-color:#ffffff !important;
	border-top:0px;
}

ul#mobile_menu1 li a {
	color:#1d1e4e !important;
}

@media(max-width:767px) {
	.pro_hero h1 {
		font-size:30px !important;
	}
	h2 {
		font-size:35px !important;
	}
	body.page #et-main-area .et_builder_inner_content .et_pb_section:first-child {
		padding-top:130px;
	}
	.pro_hero .et_pb_text_0 {
		padding-bottom:20px !important;
	}
	.pro_sot img:first-child {
		padding-right:0;
	}
	.pro_sot img {
		max-width:60px;
	}
	.pro_sot {
		padding-top:0px;
	}
	.pro_footerlinks a {
		width: 100%;
        display: block;
        border-right: 0px;
        line-height: 1.6em;
	}
	.pro_start_gutschein {
		background-position: left center !important;
	}
}

.rank-math-breadcrumb p {
	font-size:13px;
}