.page-id-766 .btn--indoor.btn--gutschein {
display: inline-flex !important;
}
.pakete__content {
max-width: 100%;
gap: 2.4rem;
}
.pakete__footer {
gap: 1rem;
} html:has(body.page-template-template-party) {
margin-top: 0 !important;
}
body.page-template-template-party .site {
padding-top: 99px;
}
body.page-template-template-party:has(.header.fixed) .site {
padding-top: 83px;
}
body.page-template-template-party {
background-color: #10101f;
color: #fff;
}
body.page-template-template-party .header {
background-color: #16162c;
}
body.page-template-template-party .logo img.logo-black {
display: none;
}
body.page-template-template-party .menu__open i,
body.page-template-template-party .menu__open:before,
body.page-template-template-party .menu__open:after {
background-color: #fff;
}
body.page-template-template-party .menu {
background-color: #16162c;
}
body.page-template-template-party .menu__close:after, 
body.page-template-template-party .menu__close:before {
background-color: #fff;
}
body.page-template-template-party .menu__header {
border-bottom: 1px solid hsla(0, 0%, 82%, .2);
}
body.page-template-template-party .menu .contacts__item img {
filter: invert(1);
}
body.page-template-template-party .menu .contacts__item span {
color: #fff;
}
body.page-template-template-party .menu__footer {
border-top: 1px solid hsla(0, 0%, 82%, .2);
}
body.page-template-template-party .header .menu-item:has(.current-menu-item)>a {
color: #0fbeb2;
}
body.page-template-template-party .header .menu-item.current-menu-item>a:before {
background-image: url(data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 1.5L7 7.5L1 1.5H13Z' fill='%230FBEB2' stroke='%230FBEB2' stroke-width='2' stroke-linejoin='round'/%3e%3c/svg%3e);
}
body.page-template-template-party .header .sub-menu {
background-color: #16162c;
border-color: hsla(0, 0%, 82%, .2);
}
body.page-template-template-party .header .menu-item>a {
color: #fff;
}
body.page-template-template-party .header .menu-item>a {
color: #fff;
}
body.page-template-template-party .header .menu-item.menu-item-has-children>a:before {
background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 1.5L7 7.5L1 1.5H13Z' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='2' stroke-linejoin='round'/%3e%3c/svg%3e");
}
body.page-template-template-party .header .sub-menu {
background-color: #16162c;
border-color: hsla(0, 0%, 82%, .2);
}
body.page-template-template-party .logo img.logo-white {
display: block;
}
body.page-template-template-party .btn--gutschein {
display: -ms-flexbox;
display: flex;
}
body.page-template-template-party .header .menu-item.menu-item-has-children:hover>a:before {
background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 1.5L7 7.5L1 1.5H13Z' fill='%230FBEB2' stroke='%230FBEB2' stroke-width='2' stroke-linejoin='round'/%3e%3c/svg%3e");
}
body.page-template-template-party .header .menu-item:has(.current-menu-item)>a {
color: #0fbeb2;
}
body.page-template-template-party .footer {
border-top: 1px solid hsla(0, 0%, 82%, .2);
background-color: #10101f;
}
body.page-template-template-party .menu-item>a {
color: #fff;
}
body.page-template-template-party .menu-item:hover>a {
color: #0fbeb2;
}
.hero-party {
min-height: 1000px;
position: relative;
display: flex;
align-items: flex-end;
padding: 138px 0;
}
.hero_subtitle {
font-family: Bebas Neue;
font-weight: 400;
font-size: 40px;
line-height: 48px;
letter-spacing: 30%;
color: #FFBD31;
}
.hero_wrapper h1 {
font-weight: 600;
font-size: 60px;
line-height: 120%;
text-transform: uppercase;
}
.intro-party {
background: #1C1C38;
padding: 10rem 0;
}
.intro-party_columns {
display: flex;
gap: 30px;
}
.intro-party_columns > div {
flex: 1;
}
.intro_subtitle {
font-family: Bebas Neue;
font-size: 30px;
line-height: 1;
letter-spacing: 30%;
text-transform: uppercase;
color: #0FBEB2;
margin-bottom: 18px;
}
.intro-party_column h2 {
font-weight: 600;
font-size: 46px;
line-height: 120%;
text-transform: uppercase;
margin-bottom: 3rem;
}
.intro-party_column h2 span {
color: #FFBD31;
}
.intro-party_column p {
font-size: 20px;
color: #D1D1D1;
}
.intro-party_column p:not(:last-child) {
margin-bottom: 30px;
}
.visual_columns {
display: flex;
gap: 10px;
}
.visual_columns > div {
width: 12px;
height: 50px;
background: #0FF8E8;
}
.visual_columns > div:nth-child(even) {
background: transparent;
outline: 1px solid #FE0182;
}
.intro_features {
border: 1.5px solid transparent;
border-radius: 10px;
background:
linear-gradient(#191830, #191830) padding-box,  
linear-gradient(185deg, #FEAB01 0%, #FE0182 80%, #9747FF 100%) border-box;
padding: 80px;
margin-top: 6rem;
}
.intro_features h4 {
font-family: Bebas Neue;
font-size: 30px;
line-height: 36px;
letter-spacing: 30%;
text-transform: uppercase;
color: #0FBEB2;
margin-bottom: 36px;
}
.b_star svg {
vertical-align: top;
}
.benefits-party {
padding: 10rem 0;
}
.benefits-party_columns {
display: flex;
gap: 30px;
}
.benefits-party_column {
flex: 1;
}
.benefits_pretitle {
font-family: Bebas Neue;
font-size: 30px;
line-height: 1;
letter-spacing: 30%;
text-transform: uppercase;
color: #0FBEB2;
margin-bottom: 30px;
}
.benefits-party_column h2 {
font-weight: 600;
font-size: 46px;
line-height: 120%;
text-transform: uppercase;
}
.benefits-party_column h2 span {
color: #FFBD31;
}
.benefits-party_column p {
font-size: 20px;
color: #D1D1D1;
}
.benefits-party_column p:not(:last-child) {
margin-bottom: 30px;
}
.benefits-section {
margin-top: 6rem;
padding: 8rem;
background: #1C1C38;
border-radius: 10px;
}
.benefits-inner {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.single_benefit {
width: calc(50% - 12px);
font-size: 20px;
line-height: 30px;
color: #D1D1D1;
display: flex;
gap: 16px;
}
body.page-template-template-party .block__title {
font-weight: 600;
font-size: 4.6rem;
text-transform: uppercase;
}
.games-party {
padding: 10rem 0;
}
.games_quote {
background: #1C1C38;
padding: 24px 24px 24px 20px;
border-radius: 10px;
border-left: 4px solid #FE0182;
margin-top: 6rem;
}
.games_quote_inner {
display: flex;
gap: 16px;
align-items: center;
font-weight: 500;
font-size: 20px;
line-height: 36px;
text-align: left;
}
.start-party {
margin-bottom: 10rem;
}
.block__header.block_header_wide {
margin-bottom: 6rem;
}
.block__header.block_header_wide .block__subtitle,
.block__header.block_header_wide .block__text,
.block__header.block_header_wide .block__title {
max-width: 970px;
}
.block__header.block_header_wide .block__subtitle {
line-height: 36px;
margin-bottom: 18px;
}
.block__header.block_header_wide .block__title {
line-height: 56px;
margin-bottom: 16px;
}
.block__header.block_header_wide .block__text {
font-size: 20px;
color: #F8F8F8;
margin-top: 0;
}
.start-party_items {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.start-party_item {
flex: 1;
min-width: 30%;
border: 1.5px solid #FFBD31;
border-radius: 3px;
padding: 35px 33px 57px;
min-height: 440px;
}
.spi_inner {
display: flex;
flex-direction: column;
gap: 25px;
height: 100%;
}
.spi_icon {
display: inline-flex;
}
.spi_content h3 {
font-weight: 700;
font-size: 20px;
line-height: 24px;
margin-bottom: 16px;
}
.spi_content p {
font-size: 18px;
line-height: 26px;
color: #D1D1D1;
}
.spi_link {
margin-top: auto;
padding-left: 10px;
}
.spi_link a {
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #0FBEB2;
display: inline-block;
position: relative;
transition: .3s;
}
.spi_link a:after {
content: '';
width: calc(100% + 20px);
height: 2px;
background: #0FBEB2;
position: absolute;
top: calc(100% + 11px);
left: -10px;
transition: .3s;
}
.spi_link a:hover {
color: #fff;
}
.spi_link a:hover:after {
background: #fff;
}
.escape-party {
background-image: url(//escapefieber-bonn.de/wp-content/themes/escapetheme/images/bg_dotted.png);
background-repeat: repeat;
background-position: center center;
height: 233px;
}
.outline-text {
font-family: Bebas Neue;
font-size: 230px;
line-height: 1;
text-transform: uppercase;
color: transparent;
-webkit-text-stroke: 0.5px rgba(15, 190, 178, 0.5);
position: relative;
top: -63px;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.price-party {
padding-bottom: 128px;
}
.price-party_items {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.price-party_item {
min-width: 45%;
flex: 1;
background: #1C1C38;
border-left: 4px solid #FE0182;
border-radius: 10px;
padding: 40px 60px 40px 56px;
}
.ppi_inner {
display: flex;
flex-direction: column;
gap: 24px;
}
.ppi_header {
display: flex;
gap: 16px;
}
.ppi_header picture {
display: inline-flex;
height: 50px;
}
.ppi_header h3 {
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
color: #FFBD31;
margin-bottom: 8px;
}
.ppi_header p {
font-weight: 500;
line-height: 20px;
}
.ppi_content {
font-size: 20px;
color: #D1D1D1;
}
.ppi_content span {
color: #0FBEB2;
}
.party-banner {
padding: 10rem 0 0;
}
@property --angle{syntax:'<angle>';initial-value:208.52deg;inherits:false}
.banner{padding:.8rem;border-radius:1rem;overflow:hidden;background-image:linear-gradient(var(--angle),#FEAB01 12.99%,#FE0182 32.58%,#9747FF 57.18%,#4685FF 79.5%,#00D0FE 100.46%);animation:rotateGradient 6s linear infinite}
@keyframes rotateGradient{to{--angle:568.52deg}}
.banner__wrapper{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3rem 0;padding:6rem 7rem 6rem 8rem;border-radius:1rem;overflow:hidden;background-color:#10101F;z-index:1}
@media (max-width:1100px){.banner__wrapper{flex-direction:column;padding:6rem}}
@media (max-width:768px){.banner__wrapper{padding:4rem 2rem}}
.banner__wrapper:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(84.65deg,rgba(23,0,52,.8) 30.91%,rgba(68,0,154,.8) 98.86%);z-index:-1}
.banner__block:first-child{width:60%;max-width:54.6rem}
@media (max-width:1100px){.banner__block:first-child{width:100%}}
.banner__block:last-child{width:40%}
@media (max-width:1100px){.banner__block:last-child{width:100%}}
.banner__title{display:flex;align-items:center;justify-content:space-between;gap:1.8rem;font-weight:700;font-size:3.6rem;line-height:1.3;color:#FFBD31;text-transform:uppercase;text-align:center}
@media (max-width:1100px){.banner__title{font-size:2.6rem}}.banner__title:before,.banner__title:after{content:'';display:block;width:2.8rem;height:2.8rem;background-repeat:no-repeat;background-position:center;background-size:contain}.banner__title:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.6043 0.331348C13.6567 -0.110449 14.2978 -0.110449 14.3503 0.331348L14.79 4.03763C15.3579 8.82343 19.1311 12.5967 23.9169 13.1645L27.6232 13.6043C28.065 13.6568 28.065 14.2978 27.6232 14.3503L23.9169 14.7901C19.1311 15.3579 15.3579 19.1312 14.79 23.9169L14.3503 27.6232C14.2978 28.0651 13.6567 28.0651 13.6043 27.6232L13.1645 23.9169C12.5967 19.1312 8.82342 15.3579 4.03762 14.7901L0.331347 14.3503C-0.110449 14.2978 -0.110449 13.6568 0.331347 13.6043L4.03762 13.1645C8.82342 12.5967 12.5967 8.82343 13.1645 4.03763L13.6043 0.331348Z' fill='url(%23paint0_linear_5952_2734)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_5952_2734' x1='19.8061' y1='1.177' x2='3.97438' y2='30.3109' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FEAB01'/%3e%3cstop offset='0.223958' stop-color='%23FE0182'/%3e%3cstop offset='0.505208' stop-color='%239747FF'/%3e%3cstop offset='0.760417' stop-color='%234685FF'/%3e%3cstop offset='1' stop-color='%2300D0FE'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e")}.banner__title:after{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.6043 0.331348C13.6567 -0.110449 14.2978 -0.110449 14.3503 0.331348L14.79 4.03763C15.3579 8.82343 19.1311 12.5967 23.9169 13.1645L27.6232 13.6043C28.065 13.6568 28.065 14.2978 27.6232 14.3503L23.9169 14.7901C19.1311 15.3579 15.3579 19.1312 14.79 23.9169L14.3503 27.6232C14.2978 28.0651 13.6567 28.0651 13.6043 27.6232L13.1645 23.9169C12.5967 19.1312 8.82342 15.3579 4.03762 14.7901L0.331347 14.3503C-0.110449 14.2978 -0.110449 13.6568 0.331347 13.6043L4.03762 13.1645C8.82342 12.5967 12.5967 8.82343 13.1645 4.03763L13.6043 0.331348Z' fill='url(%23paint0_linear_5952_2737)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_5952_2737' x1='21.5449' y1='11.4773' x2='3.35302' y2='-0.159379' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FEAB01'/%3e%3cstop offset='0.223958' stop-color='%23FE0182'/%3e%3cstop offset='0.463645' stop-color='%239747FF'/%3e%3cstop offset='0.760417' stop-color='%234685FF'/%3e%3cstop offset='1' stop-color='%2300D0FE'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e")}
.banner__text{margin-top:1.6rem;font-weight:400;font-size:2rem;line-height:1.5;color:#FFF}
@media (max-width:1100px){.banner__text{text-align:center}}
@media (max-width:768px){.banner__text{font-size:1.6rem}}
.banner__img img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin-left:auto}
@media (max-width:1100px){.banner__img img{margin-right:auto}}
.wpcf7 .hidden-fields-container{display:none}
.contact-party {
padding: 10rem 0;
}
.contact-party_columns {
display: flex;
gap: 40px;
}
.contact-party_column {
width: calc(50% - 20px);
}
.subtitle_lable {
font-family: Bebas Neue;
font-size: 30px;
line-height: 36px;
letter-spacing: 30%;
text-transform: uppercase;
color: #0FBEB2;
margin-bottom: 18px;
}
.contact_content h3 {
font-weight: 600;
font-size: 46px;
line-height: 61px;
text-transform: uppercase;
margin-bottom: 18px;
}
.contact_content p {
font-size: 20px;
color: #D1D1D1;
}
.contact_content p:not(:last-child) {
margin-bottom: 20px;
}
.c_image {
margin-top: 6rem;
}
.contact_form {
background: #1C1C38;
border-radius: 3px;
padding: 60px 30px 60px 60px;
}
.contact_form_inner {
display: flex;
flex-direction: column;
gap: 24px;
}
.contact_form_inner h3 {
font-weight: 500;
font-size: 36px;
line-height: 44px;
color: #0FBEB2;
}
.contact_form_text {
font-size: 20px;
color: #D1D1D1;
}
.contact_phone-email {
display: flex;
flex-direction: column;
gap: 24px;
}
.contact_phone-email > div {
display: flex;
gap: 16px;
align-items: center;
}
.contact_phone-email a {
color: #fff;
font-weight: 500;
font-size: 20px;
line-height: 1;
}
.contact_phone-email .contact_email a {
font-weight: 600;
}
.contact_form_wrapper form {
display: flex;
flex-direction: column;
gap: 16px;
}
.contact_form_wrapper form input,
.contact_form_wrapper form textarea {
border: 1px solid #fff;
border-radius: 6px;
background: transparent;
line-height: 26px;
font-family: Montserrat;
font-size: 18px;
width: 100%;
padding: 10px 20px;
}
.contact_form_wrapper form input {
height: 50px;
}
.contact_form_wrapper form textarea {
height: 195px;
margin: 8px 0;
resize: none;
}
.contact_form_wrapper form button[type="submit"] {
background: unset;
min-width: 320px;
border: 2px solid #FFBD31;
border-radius: 5px;
font-weight: 500;
font-size: 20px;
color: #fff;
height: 49px;
padding: 10px 20px;
cursor: pointer;
transition: 0.3s;
}
.contact_form_wrapper form button[type="submit"]:hover {
background: #FFBD31;
}
.faq-party {
padding: 10rem 0 20rem;
background-image: url(//escapefieber-bonn.de/wp-content/themes/escapetheme/images/bg_faq_dotted.png);
background-repeat: repeat;
background-position: center center;
}
.faq_link {
margin-top: 6rem;
text-align: center;
}
.faq_link a {
color: #0FBEB2;
font-weight: 500;
font-size: 20px;
line-height: 1;
display: inline-block;
position: relative;
transition: .3s;
}
.faq_link a:after {
content: '';
width: calc(100% + 40px);
height: 2px;
background: #0FBEB2;
position: absolute;
top: calc(100% + 11px);
left: -20px;
transition: .3s;
}
.faq_link a:hover {
color: #fff;
}
.faq_link a:hover:after {
background: #fff;
}
@media (max-width: 992px) {
.hero-party { min-height: 700px; }
.contact_form_wrapper form button[type="submit"] { min-width: unset; }
}
@media (max-width: 767px) {
.hero_subtitle { font-size: 34px; }
.hero_wrapper h1 { font-size: 42px; word-wrap: break-word; }
.intro-party { padding: 5rem 0; }
.intro-party_columns { flex-direction: column; }
.intro-party_column h2 { font-size: 34px; }
.intro-party_column h2 br { display: none; }
.intro_features { padding: 30px; }
.benefits-inner { flex-direction: column; }
.benefits-party { padding: 5rem 0; }
.benefits-party_columns { flex-direction: column; }
.benefits-party_column h2 { font-size: 34px; }
.benefits-section { padding: 3rem; }
.single_benefit { width: 100%; }
.games-party { padding: 5rem 0; }
body.page-template-template-party .block__title { font-size: 3.4rem; }
.start-party_items { flex-direction: column; }
.start-party_item { min-height: unset; }
.price-party_items { flex-direction: column; }
.outline-text { font-size: 150px; }
.contact-party { padding: 5rem 0; }
.contact_content h3 { font-size: 34px; line-height: 48px; }
.contact-party_columns { flex-direction: column; }
.contact-party_column { width: 100%; }
.contact_form { padding: 30px; }
}
.layout_light ~ .intro-party {
background: #fff;
color: #1C1C38;
}
.layout_light ~ .intro-party .intro-party_column p {
color: #494949;
}
.layout_light ~ .intro-party .visual_columns > div:nth-child(even) {
outline: 1px solid #FFBD31;
}
.layout_light ~ .party-banner {
background: #fff;
}
.layout_light ~ .contact-party {
background: #fff;
color: #1C1C38;
}
.layout_light ~ .contact-party .contact_content p {
color: #494949;
}
.layout_light ~ .contact-party .contact_form {
background: transparent;
border: 2px solid #FFBD31;
}
.layout_light ~ .contact-party .contact_form_text {
color: #494949;
}
.layout_light ~ .contact-party .contact_phone-email a {
color: #10101F;
}
.layout_light ~ .contact-party .contact_form_wrapper form input, 
.layout_light ~ .contact-party .contact_form_wrapper form textarea {
border-color: #10101F;
}
.layout_light ~ .contact-party .contact_form_wrapper form button[type="submit"] {
background: #FFBD31;
color: #180233;
}