OpenJUMP - das Zeitticket im JUMP House

/* ----------------------------------------- */ /* Inhalts-Template: Header-Menü Topitem | Templ. Part - Start */ /* ----------------------------------------- */ @media (max-width: 991px){#header-topbar ul.jh-dd-navi {display: block !important;}} #header-topbar .caret{padding:0px !important;color:inherit !important;} #header-topbar .dropdown-menu li a:hover {background-color:transparent !important;} #header-topbar .nav li a.jh-dd-hh:hover, #header-topbar .centeractive .caret:hover{background-color:transparent !important;color:#f15d22 !important;} #header-topbar li ul li a, #header-topbar li ul li span{width:auto !important;} .topitemsmenu {padding:0px !important;} .topitemsmenu a{text-transform:uppercase !important;padding:3px 3px !important;font-size:11px;line-height:30px;font-weight: 400 !important;} .topitemsmenu a:hover{text-decoration:none;color:#ffffff;} .centeractive, .centeractive:hover{background-color:#ffffff !important;color:#231f20 !important;} .centeractive .glyphicon, .centeractive .glyphicon:hover{background-color:#ffffff !important;color:#231f20 !important;} .shownright, .shownpadding{color:#f15d22 !important;} .shownright:hover {color:#ffffff !important;background-color:#f15d22 !important;} #header-topbar-left-content .custom-content {width:100%;} .langswitch{float:right;position:relative;padding-right:8px;padding-top:2px;} .langswitch a{padding:0px !important;} .langswitch .aligncenter{margin: 5px 0 0 0 !important;} .social_box {float:right;position:relative;padding-right:8px;padding-top:3px;} div.social_box {padding-top:0;margin-top:0;margin-bottom:0;} div.social_box ul.mx-social {padding-top:0;margin-top:0;margin-bottom:0;} #header-topbar ul.mx-social li {height:32px;margin-left:5px;} div.social_box ul.mx-social a.mx-icon-facebook {background-position:-128px -32px} div.social_box ul.mx-social a.mx-icon-youtube {background-position:-192px -96px} div.social_box ul.mx-social a.mx-icon-instagram {background-position:-224px -96px}#header-wrap:has(> .fixed-enabled) { padding-bottom: 100px; }/* ----------------------------------------- */ /* Inhalts-Template: Header-Menü Topitem | Templ. Part - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: Bereiche | Allg. Templ. - Start */ /* ----------------------------------------- */ .buttonholder .btn-custom{padding:18px 25px;text-transform:uppercase;font-size:16px;width:100%;} .buttonholder a i, .buttonholder .btn i, .buttonholder span i {margin-right: 10px;font-size:20px} .startrow1 h1, .startrow1 h2, .startrow1 h3, .startrow1 h4, .startrow1 h5, .rowh2 {color:#ffffff !important;} .startrow1 p{font-size: 150%;line-height: 150%;text-align: center;color: #ededed;margin: 0 0 15px;} .single .post-entry .post-content {margin-left: 0px !important;} #comments, .entry-header, .single-post-date-type{width:0px !important;height:0px !important;visibility:hidden !important;overflow:hidden !important;} .vc_toggle {margin: 0 0 10px !important;padding: 0 0 10px !important;} .termintabelle {font-size:85%;} .termintabelle h4 {padding: 0 20px !important; line-height: 40px; color: #FFFFFF !important; background: #f15d22 url(/wp-content/uploads/transparent_dots__white.png) no-repeat 150% center !important; background-size: 200px;} .banner1top p {color: #ffffff; text-align: center; font-size: 140%; padding: 0px;font-weight:bold;} .benefits ul {list-style: none;padding: 0;margin: 15px 0px 0px 0px;} .benefits li {padding-left: 1em; text-indent: -1em;margin-bottom:10px;} .benefits li::before {content: "■ ";color: #f15d22;font-size:130%;}.angebot_text p, .angebot_text ul li {font-size: 115%;line-height: 150%; color: #ededed !important;} .banner1top p {color: #ffffff; text-align: center; font-size: 140%; padding: 0px;font-weight:bold;} p.description-text {display: block; padding: 15px; background: #f15d22; color: #FFFFFF;}.gallery {padding-top: 25px !important;padding-bottom:25px !important;background-image: url(https://www.jumphouse.de/wp-content/uploads/transparent_dots__white.png),url(/wp-content/uploads/sport-mit-schulklassen-trmpolinhalle-hg.jpg) !important;background-position: 80% -170px,center !important;background-repeat: no-repeat !important;background-size: 400px,cover !important;}@media only screen and (max-width: 780px) { .gallery .vc_column_container.vc_col-sm-2 { width: 50%; float: left; } .gallery .vc_column_container.vc_col-sm-2:nth-child(2n+1) { clear: left; } }/* ----------------------------------------- */ /* Inhalts-Template: Bereiche | Allg. Templ. - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: Bereiche (Standorte) Auflisten | Templ. Part. - Start */ /* ----------------------------------------- */ .locations {position:relative;border-bottom:1px solid #dddddd;overflow:visible;} .locations::before {position:absolute;content:" ";border-right-width:0;border-color:transparent transparent transparent #edeeee;height: 0;width: 0;border-width:15px;border-style:solid;right:50%;top:0;transform: translate(50%) rotate(90deg);transform: translate(50%) rotate(90deg);} .locations ul {display:block;padding: 20px 0;background: rgb(212,212,212); background: -moz-linear-gradient(left, rgba(212,212,212,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-linear-gradient(left, rgba(212,212,212,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(to right, rgba(212,212,212,1) 0%,rgba(232,232,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#e8e8e8',GradientType=1 ); margin:0;text-align:center;}.locations ul li.showed {display: inline-block;} .locations ul li {list-style:none;text-align:center;display:none;width:calc((100% - 40px) / 1);padding:10px} .locations ul li a {position:relative;display:block;color:#ffffff;padding:80px 0 0;width:100%;border-radius:5px;overflow:hidden;box-shadow:0px 0px 20px rgba(0,0,0,0.3);opacity:1;} .locations ul li a span {position:relative;z-index:100;background:#f15d22;color:#ffffff;display:block;text-transform:uppercase;line-height:25px;font-size:14px;} .locations ul li a img {position:absolute;top:0;bottom:0;left:0;opacity:1;} .locations ul li:hover a {opacity:0.8;}.location_head h2.headline {position:relative;font-size:18px !important;text-align:center;margin-top:0;display:block;padding: 20px;color:#f15d22 !important;margin-bottom:0;font-weight:600;background: rgb(217,217,217);border-top: 1px solid rgba(217,217,217,1); background: -moz-linear-gradient(left, rgba(217,217,217,1) 1%, rgba(235,235,235,1) 50%, rgba(234,234,234,1) 100%); background: -webkit-linear-gradient(left, rgba(217,217,217,1) 1%,rgba(235,235,235,1) 50%,rgba(234,234,234,1) 100%); background: linear-gradient(to right, rgba(217,217,217,1) 1%,rgba(235,235,235,1) 50%,rgba(234,234,234,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#eaeaea',GradientType=1 );}@media only screen and (min-width: 400px) {.locations ul li {width:calc((100% - 50px) / 2);}} @media only screen and (min-width: 600px) {.locations ul li {width:calc((100% - 80px) / 3);}} @media only screen and (min-width: 1000px) {.locations ul li {width:calc((100% - 100px) / 4);}} @media only screen and (min-width: 1500px) {.locations ul li {width:calc((100% - 100px) / 6);}} @media only screen and (min-width: 1600px) {.locations ul li {width:calc((100% - 130px) / 7);}}/* ----------------------------------------- */ /* Inhalts-Template: Bereiche (Standorte) Auflisten | Templ. Part. - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: FAQ Lasche - Start */ /* ----------------------------------------- */ div.faqmenu {position: fixed;top: 45%;left: 0;z-index: 999;padding-top:4px;background: url(/wp-content/uploads/orange_stripe.png) no-repeat top left;background-size: 100% 4px;}div.faqmenu:hover {background: url(/wp-content/uploads/lila_stripe.png) no-repeat top left;background-size: 100% 4px;}div.faqmenu a {position: relative;display: block;padding: 10px 20px 10px 10px;background: #5a4099;color: #FFFFFF;font-size: 12px;width: 105px;line-height: 15px;-webkit-transition: background 0.3s;-ms-transition: background 0.3s;transition: background 0.3s;}div.faqmenu a:hover {background: #f15d22;}div.faqmenu a::after {font: normal normal normal 14px/1 FontAwesome;content: "\f054";position: absolute;right: 10px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: right 0.3s;-ms-transition: right 0.3s;transition: right 0.3s;}div.faqmenu:hover a::after {font: normal normal normal 14px/1 FontAwesome;content: "\f054";position: absolute;right: 5px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}@media screen and (min-width:1400px) { div.faqmenu a {width:130px;line-height:17px;font-size:14px;} } @media screen and (max-width:800px) { div.faqmenu {top: auto; bottom:80px;} }/* ----------------------------------------- */ /* Inhalts-Template: FAQ Lasche - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: Footer Standorte Template - Start */ /* ----------------------------------------- */ .botmen {padding:0px !important;margin: 0 0 10px 0px !important} .botmen li {border-bottom: 1px solid #58585a;padding-bottom: 5px;margin-bottom: 5px;line-height: 1.42857143; list-style-type: none;} .botmen a:hover{text-decoration:none;color:#ffffff;}/* ----------------------------------------- */ /* Inhalts-Template: Footer Standorte Template - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: Footer Kontakt Template - Start */ /* ----------------------------------------- */ ul.mx-social {margin-top:1em;} ul.mx-social a.mx-icon-facebook {background-position:-128px -32px} ul.mx-social a.mx-icon-youtube {background-position:-192px -96px} ul.mx-social a.mx-icon-instagram {background-position:-224px -96px}/* ----------------------------------------- */ /* Inhalts-Template: Footer Kontakt Template - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: Footer Legal Template - Start */ /* ----------------------------------------- */ .botmen {padding:0px !important;margin: 0 0 10px 0px !important} .botmen li {border-bottom: 1px solid #58585a;padding-bottom: 5px;margin-bottom: 5px;line-height: 1.42857143; list-style-type: none;} .botmen a:hover{text-decoration:none;color:#ffffff;}/* ----------------------------------------- */ /* Inhalts-Template: Footer Legal Template - Ende */ /* ----------------------------------------- */