H2 “Better together” @Sportsarea Grimming, Schladming-Dachstein

/* ----------------------------------------- */ /* Content Template: tour-items - start */ /* ----------------------------------------- */ #inner-contents .icons { margin: 12% 0; } #inner-contents .icons a i { font-size: 14px; color: #fff; margin-left: 5px; } #inner-contents .icons a { background: rgba(255,140,38,1.00); color: #fff; padding: 6px 15px; border-radius: 4px; } #inner-contents .icons h4 { font-size: 17px; } #inner-contents .icons i { color: rgba(255,140,38,1.00); font-size: 33px; text-align: center !important; } #sub-h { background: #ffe0ce !important; min-width: 100%; padding: 0 20%; } #sub-h h5 { font-size: 17px; line-height: 20px; padding-top: 4px; } #hd-contents{ padding:1% 7% 1% 3%; } @media(min-width:750px) and (max-width:1099px){ #sub-h { background: #ffe0ce !important; min-width: 100%; padding: 0 6%; } } @media(max-width:749px){ #sub-h { background: #ffe0ce !important; min-width: 100%; padding: 0 3%; } #hd-contents{ padding:1% 3% 1% 3%; } #sub-h h5 { font-size: 14px; line-height: 17px; padding-top: 4px; } } #inner-contents{ padding:5% 0; } .slider { width: 100%; margin: 0; } .slider-wrapper { width: 100%; height: 500px; position: relative; } .slide { float: left; position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 1s linear; object-fit:cover; background-position:center; background-size:cover; } .slider-wrapper > .slide:first-child { opacity: 1; } .accordion a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 1rem 3rem 1rem 1rem; color: #7288a2; font-size: 20px; font-weight: 600; border: 2px solid #e5e5e5; margin-bottom: 10px; } .accordion a:hover, .accordion a:hover::after { cursor: pointer; color: #166982; } .accordion a.active { color: #166982; border-bottom: 1px solid #166982; } .accordion a::after { content: '+'; position: absolute; float: right; right: 1rem; top: 10px; font-size: 30px; font-weight: 700; color: #7288a2; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; } .accordion a.active::after { content: '-'; color: #2F2F2F; font-size: 35px; font-weight: 700; color: #7288a2; top: 4px; } .accordion .content { opacity: 0; padding: 0 1rem; max-height: 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; clear: both; -webkit-transition: all 0.2s ease 0.15s; -o-transition: all 0.2s ease 0.15s; transition: all 0.2s ease 0.15s; } .accordion .content p { font-size: 1rem; font-weight: 300; } .accordion .content.active { opacity: 1; padding: 1rem; max-height: 100%; -webkit-transition: all 0.35s ease 0.15s; -o-transition: all 0.35s ease 0.15s; transition: all 0.35s ease 0.15s; } .unstyledList, .tabBlock-tabs { list-style: none; margin: 0; padding: 0; width:100%; } .tabBlock { padding: 2px; } .tabBlock-tab { background-color: #fff; border: 3px solid rgba(226,226,226,1.00); color: #333333; cursor: pointer; display: inline-block; font-weight: 600; margin-bottom: -2px; color: #333 !important; padding: 6px; position: relative; -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; } .tabBlock-tab:hover{ background: rgba(255,140,38,1.00); color: #fff; border: 3px solid rgba(255,140,38,1.00); } @media screen and (min-width: 700px) { .tabBlock-tab { padding: 10px 20px; } } .tabBlock-tab.is-active { position: relative; background: rgba(255,140,38,1.00); border: 3px solid rgba(255,140,38,1.00); color: #fff !important; z-index: 1; } .tabBlock-tab.is-active::before { background-color: #FF8206; } .tabBlock-tab.is-active::after { background-color: #FF8206; } .tabBlock-content { background-color: #fff; border: 3px solid rgba(226,226,226,1.00); padding:10px; } .tabBlock-pane > :last-child { margin-bottom: 0; } /* ----------------------------------------- */ /* Content Template: tour-items - end */ /* ----------------------------------------- */