@charset "UTF-8";
/* CSS Document */
@import 'fonts.css';

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-size:100%; margin:0; padding:0; }
a { outline:none; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
del,ins { text-decoration:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup,sub { vertical-align:baseline; }
legend { color:#000; }
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input,button,textarea,select { font-size:100%; }

/* Clearfix */
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}

*, *:before, *:after {padding: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
figure, figure:before, figure:after {padding: 0; margin: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

body {margin:0; font-family: 'Fira Sans', sans-serif; color: rgba(63,63,63,1); background: url(../images/layout/topo-bg.svg) rgba(236,236,236,1);}
body.fixed, .has-lightbox body {height: 100%; overflow: hidden;}

/***************************** FORMAT *****************************/
h1, h2 {font-size: 1.5em; margin-bottom: 1.25em; font-weight: 600;}
h3, h4 {font-size: 1.25em; margin-bottom: 0.25em;}
h5, h6 {font-size: 1.125em; margin-bottom: 0.25em;}
h1, h2, h6 {text-transform: uppercase;}
h4, h6 {font-weight: 600;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; border: 0 !important; text-decoration: none;}
h1 span, h2 span {display: inline-block; padding: 0 1rem 0.5rem 1rem; border-bottom: 0.25rem solid rgba(97,183,50,1);}
.art-head, .ws-details h2, .cd-head h1, .cd-head h2, .cd-head h3, .cd-head h4 {padding-bottom: 0.5rem; border-bottom: 0.25rem solid rgba(97,183,50,1);}
.art-head * {margin-bottom: 0;}

/*.col h3 {margin-bottom: 0.5em;}*/
.col h3 {margin-bottom: 0;}
.col h3 + p, .col h3 + ul, .col h3 + ol {margin-top: 0.5em;}

.block-cols h1 span, .block-cols h2 span {padding: 0; border-bottom: none;}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 {margin-top: 1.75em;}
hr + h2, hr + h4, hr + h6 {margin-top: 0.75em;}

p, ul, ol {font-weight: 400; line-height: 1.625em;}
p + p, ul + p, ol + p, .video + p, .video + ul, .video + ol {margin-top: 0.75em;}
p + ul, p + ol {margin-top: 0.5em;}
.no-marg + .no-marg, .no-marg + p, p + .no-marg {margin-top: 0;}

blockquote p, .big {font-size: 1.125em;}
.small {font-size: 0.875em;}

b, strong, .bold, .btn, .btn-out, .nl-wrap a {font-style: normal; font-weight: 600;}
hr {margin: 1.5rem 0; border: none; height: 0.125rem; background: rgba(63,63,63,0.25);}

.color-text {color: rgba(97,183,50,1);}
.white, .white *, .btn {color: rgba(255,255,255,1);}
.alert {color: rgba(225,0,0,1);}

.uppercase, .btn, .btn-out {text-transform: uppercase;}
.center-text h1, .center-text h2 {text-align: center;}
.right-al {text-align: right;}
span.right-al {position: relative; float: right;}

ul {list-style-type: none;}
ul li {padding: 0 0 0.5rem 0.5rem; line-height: 1.5em; position: relative;}
ul li:before {content: '\00b7'; position: absolute; left: 0; top: 0;}

ol {list-style: none; counter-reset: list-count;}
ol li {padding: 0 0 0.75rem 1.375rem; line-height: 1.5em; position: relative; counter-increment: list-count;}
ol li:before {content: counter(list-count) '.'; position: absolute; left: 0; vertical-align: bottom;}

.downloads li {padding: 0 0 0 0.5rem;}
.downloads li:before {content: '\203A'; position: absolute; left: 0; top: 0;}

.metas ul, .bc ul {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.metas ul li {display: inline-block; padding: 0 0.125rem 0 0.25rem;}
.metas ul li:before {left: -0.25rem;}
.metas ul li:first-of-type, .bc ul li:first-of-type {padding: 0 0.25rem 0 0;}
.metas ul li:first-of-type:before, .bc ul li:first-of-type:before {content: ''; padding: 0 0.25rem 0 0;}
.bc ul li {display: inline-block; padding: 0 0.125rem 0 0.5rem;}
.bc ul li:before  {content: '\203A';}

.blog-cats a, .blog-cats span {display: block; padding: 0.125rem 0.5rem;}
.blog-cats span {color: rgba(186,186,186,1);}

.listing {text-align: left;}
.listing ul li, .list-head {padding: 0.5rem; /*display: flex; flex-wrap: wrap;*/}
.listing ul li:nth-of-type(2n+1), .alektionen tr:nth-of-type(2n+1) {background: rgba(236,236,236,1);}
.listing ul li:nth-of-type(2n+2) {background: rgba(255,255,255,1);}
* + .listing, .listing + * {margin-top: 1.5em;}
.list-head + .listing {margin-top: 0;}

.alektionen td, .alektionen th {padding: 0.25rem 0;}
.alektionen td:first-child, .alektionen th:first-child {padding: 0.25rem 0 0.25rem 0.25rem;}

.course-price, .course-price * {line-height: 1.625em;}

/* extra clearfix for the float */
.listing ul li:before, .listing ul li:after {content: " "; display: table;}
.listing ul li:after {clear: both;}
/* extra clearfix for the float */

footer {font-size: 0.875em;}
footer ul {line-height: 1em; position: relative;}
footer ul li, .blog-cats li, .no-bull li {padding: 0;}
footer ul li a {display: block; padding: 0.5rem 0; font-weight: 600;}

#main-header ul li:before, footer ul li:before, .blog-cats li:before, .pagination ul li:before, .center-text li:before, .listing ul li:before, .no-bull li:before {content: '';}

/***************************** LINKS/SPANS *****************************/
a, button, input[type='submit'] {-webkit-transition: color .3s, background .3s, border .3s; transition: color .3s, background .3s, border .3s;}
a {text-decoration: none; color: inherit;}
a:hover, .nl-wrap a, input[type='submit'].white:hover, .main-cats .active a {color: rgba(97,183,50,1);}
.color-bg a:hover, a.btn:hover, .btn-out:hover, .nl-wrap a:hover, .color-text a:hover, a.color-text:hover {color: rgba(63,63,63,1);}

a.phone, a.phone:hover {color: rgba(63,63,63,1); font-weight: 400; cursor: text;}
.white a.phone, .white a.phone:hover {color: rgba(255,255,255,1);}

.pfeil, .pdf {position: relative;}
.pfeil:after, .pdf:before {content: '\203A'; font-size: 1.125em;}
.pfeil:after {margin-left: 0.25rem;}
.pdf:before {margin-right: 0.25rem;}

.btn, .btn-out {display: inline-block; padding: 0.75rem 10%; margin-top: 1.5rem;}
.btn-out {border: 0.25rem solid rgba(97,183,50,1); padding: 0.5rem 10%; color: rgba(97,183,50,1);}
nav .btn {padding: 0.75rem;}
.col-acc .btn-out {padding: 0.5rem 0.75rem; margin-top: 0;}
.btn-fp {padding: 0.5rem 0.75rem;}
.btn-block {display: block; width: 100%; height: 100%; padding: 0.5rem 0.75rem;}

.check, .uncheck {width: 1.25rem; height: 1.25rem; margin-left: 0.375rem; position: relative; float: right;}
.uncheck:before, .uncheck:after {width: 1.25rem; height: 0.25rem; content: ''; display: block; position: absolute; top: 0.625rem; background: rgba(194,25,36,1);}
.uncheck:before {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.uncheck:after {-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);}

.point {margin-bottom: 0.25em;}
.point, .point:before {display: inline-block;}
.point:before {content: ''; width: 1.25rem; height: 1.25rem; margin-right: 0.25rem; border-radius: 50%; vertical-align: middle; position: relative; top: -0.125rem;}
.point-schwarz:before {background: rgba(0,0,0,1);}
.point-rot:before {background: rgba(240,50,40,1);}
.point-blau:before {background: rgba(40,150,230,1);}

.date {position: relative; padding: 0 0 0 0.5rem;}
.lb-img {display: block;}

.download {position: relative; padding-left: 1.25em;}
.download:before {width: 0.875em; height: 100%; left: 0; top: 0; display: block; position: absolute; content: url(../images/layout/icon-pdf.svg);}

/***************************** LAYOUT *****************************/
/* BASIC */
.wrapper {height: auto; margin: 0 auto; max-width: 32rem; position: relative;}
main {display: block; position: relative; background: rgba(255,255,255,1); overflow-x: hidden;}

img, svg {width: 100%; height: auto; display: block;}
.stretch-w img, .thumb-v img {width: 100%; height: auto;}
.stretch-h img, .thumb-h img {width: auto; height: 100%;}

.dark-bg {background: rgba(63,63,63,1);}
.color-bg, .btn {background: rgba(97,183,50,1);}
.light-bg {background: rgba(236,236,236,1);}

.hidden {display: none;}

svg, path, polygon, a.hov-dark:hover path, a.hov-dark:hover polygon {fill: rgba(63,63,63,1); transition: .3s fill;}
.white svg, .white path, .white polygon {fill: rgba(255,255,255,1)}
a:hover path, a:hover polygon {fill: rgba(97,183,50,1);}

.video {width: 100%; height: 0; padding-bottom: 56.25%; position: relative;}
.video iframe, .video video, .thumb-h .lb-img, .thumb-v .lb-img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.video + .video, .small-pad * + .video, .single-page * + .video, .text-img + *, * + .text-img {margin-top: 1em;}

/* color alternatives */
.red h1 span, .red h2 span, .red #main-nav, .red .col-inner,
.red .acc-entry:last-of-type, .red .cd-head * {border-bottom-color: rgba(194,25,36,1);}

.red .head-bar, .red .footer-bottom,
.red .col:nth-of-type(1) .col-inner, .red .col:nth-of-type(2) .col-inner, .red .col:nth-of-type(3) .col-inner,
.red .acc-entry {border-top-color: rgba(194,25,36,1);}

.red .color-bg, .red .btn, .red .acc-head .arrow::before, .red .acc-head .arrow::after,
.red .close:hover:before, .red .close:hover:after {background: rgba(194,25,36,1);}
{background: rgba(194,25,36,1);}

.red .color-text, .red a:hover,
.red #main-nav a:hover, .red #main-nav .active .top-level,
.red .nl-wrap a, .red input[type='submit'].white:hover, .red .main-cats .active a, .red .btn-out
{color: rgba(194,25,36,1);}

.red a:hover path, .red a:hover polygon {fill: rgba(194,25,36,1);}

.red .color-bg a:hover, .red a.btn:hover, .red .btn-out:hover, .red .nl-wrap a:hover, .red .color-text a:hover, .red a.color-text:hover
{color: rgba(63,63,63,1);}

.red .btn-out
{border-color: rgba(194,25,36,1);}

/* HEADER */
#main-header {width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 2;}
#main-header a {display: block;}
.branding {position: relative;}
.logo {position: absolute; top: 0; left: 1rem; z-index: 10; transition: height .3s;}
.logo a {width: 100%; height: 100%; position: relative;}
.logo img {width: auto; height: 100%;}

.logo-dav {width: auto; height: 4.25rem;}
.logo-wide {width: auto; height: 2rem; padding-top: 0.5rem;}

#main-nav-wrap.fixed .logo {display: none;}
.no-img {padding-bottom: 4.625rem;}

#main-header + section {margin-top: 7.125rem;}
.spacer {width: 100%; height: 1.75rem;}

/* headbar */
.head-bar {text-align: right; white-space: nowrap;}
.head-bar, .footer-bottom {border-top: 0.25rem solid rgba(97,183,50,1);}
.head-bar * {line-height: 1;}

.quicklinks {border-bottom: 0.125rem solid rgba(236,236,236,1);}
.quicklinks li {display: inline-block; padding: 0;}
.quicklinks a {padding: 0.5rem;}

.contact {float: left;}
.membership {float: right;}

.contact a, .membership a {position: relative; padding: 0.5rem 0.5rem 0.5rem 2rem;}
.contact img, .membership img, .contact svg, .membership svg {position: absolute; left: 0.25rem;}
.contact img, .contact svg {width: 1rem; top: 0.5rem;}
.membership img, .membership svg {width: 1.25rem; top: 0.375rem;}

/* NAVI */
nav ul {list-style-type: none;}
nav ul li {line-height: 1em;}

#main-nav-wrap {width: 100%; height: auto; display: block; position: relative; z-index: 1;}
#main-nav-wrap.fixed {position: fixed; top: 0; left: 0;}

#main-nav {width: 100%; min-height: 2.75rem; position: relative; background: rgba(255,255,255,1); border-bottom: 0.25rem solid rgba(97,183,50,1); z-index: 1;}
#main-nav ul {width: 100%; height: auto;}
.menu {display: none; padding: 4.5rem 1rem 0 1rem;}

#main-nav ul li {padding: 0;}
.menu-item {border-top: 1px solid rgba(97,183,50,1);}
.menu-item:first-of-type {border-top: none;}
.red .menu-item {border-top-color: rgba(194,25,36,1);}

#main-nav ul li a, #main-nav ul li span {display: block; font-weight: 600;}
#main-nav a:hover, #main-nav .active .top-level, .sub-level.active {color: rgba(97,183,50,1);}
.top-level {padding: 1rem 0; position: relative;}

.mob span.top-level:after {display: block; content: ''; width: 0; height: 0; position: absolute; top: 1rem; right: 0; border-width: 1rem 0.5rem 0 0.5rem; border-style: solid; border-color: transparent; border-top-color: rgba(63,63,63,1); transition: transform .3s;}
.mob .open span.top-level:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}

.fixed #main-nav > ul {padding-top: 2rem;}

.sub-nav {display: none; padding: 0 0 1.5rem 1rem;}
.sub-level {padding: 0.5rem 0;}

/* nav pull */
a#pull {display: block; width: 2.5rem; height: 2.5rem; padding: 0.625rem 0 0.625rem 0.75rem; position: absolute; top: 0; right: 1rem; z-index: 12;}

.burger-wrap {position: relative;}

.burger, .burger:before, .burger:after {width: 1.75rem; height: 0.25rem; display: block; position: absolute; background: rgba(0,0,0,1);
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.burger {left: 0; top: 0;}
.burger:before {top: 0.5rem; content: '';}
.burger:after {top: 1rem; content: '';}

.open .burger {background: none;}
.open .burger:before {top: 0.5rem; width: 1.75rem;
-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.open .burger:after {top: 0.5rem; width: 1.75rem;
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}

/* search */
#search-pull {display: block; width: 1.75rem; position: absolute; top: 0.375rem; right: 4rem;}
.header-search {width: 100%; position: absolute; padding: 2rem 1rem 0.25rem 1rem; display: none;}
.fixed .header-search {padding-top: 0;}

.search-form input {display: block; float: left; min-height: 2.375rem; height: 100%;}
.search-input {width: 70%;}
.search-form input[type="submit"] {width: 30%;}

/* contact panel */
.contact-panel {width: 100%; height: 100%; position: fixed; top: 0; right: 0; z-index: 10; -webkit-transform: translateX(100%); transform: translateX(100%); transition: all .3s;}
.contact-panel.open {-webkit-transform: translateX(0); transform: translateX(0);}
.contact-inner {width: 100%; height: 100%; padding: 4rem 1rem 1rem 1rem; position: relative;}
.contact-inner .contact-pull {display: block; width: 2rem; height: 2rem; position: absolute; right: 1rem; top: 1rem;}
.contact-pull .close {top: 0; right: 0;}

/* SLIDER */
/*.headslider {margin-top: 2.75rem;}*/
.headimg {position: relative;}
.headslider, .headimg {overflow: hidden; max-height: 80vh;}
.headslider figure, .headimg figure {height: 0; position: relative; padding-bottom: 56.25%; overflow: hidden;}
.headslider img, .headimg img, .lb-thumb img, .col-img img, .thumb-h img, .thumb-v img  {position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.headslider figcaption {display: none;}

/* CONTENT */
header, .col, .single-text {width: 100%;}
.content {padding: 0;}
.blocks {padding-bottom: 1rem;}
.block, .single-page, .teaser-page {padding: 1.5rem 1rem;}

.blog-cont .block {padding: 1.5rem 1rem 0 1rem;}

.center-text .listing {max-width: 40rem; margin-left: auto; margin-right: auto;}

/* text images */
.thumb, .thumb-h, .thumb-v {position: relative;}
* + .thumb, * + .thumb-h, * + .thumb-v, .intro + .block-cont, .intro + .single-text {margin-top: 1rem;}
.thumb-h, .thumb-v {height: 0; padding-bottom: 75%; overflow: hidden;}

/* columns */
.col-inner {border-bottom: 0.25rem solid rgba(97,183,50,1); position: relative;}
.col:nth-of-type(1) .col-inner {border-top: 0.25rem solid rgba(97,183,50,1);}
.col-text {padding: 1.5rem 0;}
.col-img + .col-text {padding: 1rem 0;} /*war bis 17.06.2021 - padding-top: 1rem*/

.col-img {height: 0; position: relative; padding-bottom: 75%; overflow: hidden;}

/* accordion */
.acc-entry {border-top: 0.25rem solid rgba(97,183,50,1);}
.acc-entry:last-of-type {border-bottom: 0.25rem solid rgba(97,183,50,1);}

.col-acc .acc-entry {border: none;}
.col-acc .acc-entry + .acc-entry {margin-top: 0.25rem;}

.acc-cont {padding: 0 0 0.5rem 0; display: none;}
.no-js .acc-cont {display: block;}
.col-acc .acc-cont {padding: 0.5rem 0;}

.acc-head button {display: block; width: 100%; padding: 0.5rem 2rem 0.5rem 0; position: relative; text-align: left;}
.acc-head:hover {cursor: pointer;}
.acc-head .arrow {width: 2rem; height: 1.25rem; position: absolute; top: 0.5rem; right: 0; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); transition: transform .3s;}
.acc-head .arrow:before, .acc-head .arrow:after {width: 0.25rem; background: rgba(97,183,50,1);}

.col-acc .acc-head button {padding: 0.5rem 2.5rem 0.5rem 0.5rem;}
.col-acc .acc-head .arrow {right: 0.25rem;}
.col-acc .acc-head .arrow:before, .col-acc .acc-head .arrow:after {background: rgba(255,255,255,1);}

.open .acc-head .arrow {-webkit-transform: rotate(0); transform: rotate(0);}

.acc-details {padding: 0.75rem; margin: 0.75rem 0; background: rgba(236,236,236,1);}
.course-dates + .course-price {margin-top: 0.75rem;}

.tab-nav {display: none;}

/* workshops */
/* old edoobox */
.acc-head.ws-head .arrow {top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);}
.open .acc-head.ws-head .arrow {-webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0);}

.ws-icon, .status, .legende {display: none;}
.ws-title {padding: 0 2rem 0 0;}
.ws-title .title {padding-top: 0.5rem;}

.ws-details .navbar {display: none;}
.ws-details table {width: 100%;}
.ws-details .btn {text-align: center; margin-top: 0;}

.col-md-5 tr, .col-md-5 td {display: block}
.col-md-5 tr + tr {margin-top: 0.5rem;}

.widget[data-widget="adetails"], .course-details {padding: 3.25rem 0.75rem 0.75rem 0.75rem; background: rgba(236,236,236,1); position: relative;}
.widget[data-widget="adetails"]:before, .course-details:before {display: block; width: 100%; position: absolute; left: 0; top: 0; content: 'Details'; font-size: 1.25em; font-weight: 600; text-align: center; text-transform: uppercase; color: rgba(255,255,255,1); background: rgba(63,63,63,1); padding: 0.5rem 0;}

.widget[data-func="alektionen"] {padding-top: 2rem; clear: left;}

.details-footer {margin-top: 1.5rem;}
/* old edoobox */
/* new freeclimber */
.status_topic {display: none;}
.trafficlight_body .status_text {padding: 0; text-align: left; font-family: 'Fira Sans', sans-serif;}
.center-text .trafficlight_body .status_text {text-align: center;}
.trafficlight_body .barometer {padding: 0;}
.center-text .trafficlight_body {margin: 0 auto;}
/* new freeclimber */

/* lightbox */
.lb-thumb {width: 50%; float: left; position: relative;}
.lb-thumb:nth-of-type(2n+1) {padding: 0 0.25rem 0.5rem 0;}
.lb-thumb:nth-of-type(2n+2) {padding: 0 0 0.5rem 0.25rem;}
.lb-thumb a {width: 100%; height: 0; display: block; position: relative; padding-bottom: 56.25%; overflow: hidden;}

.lb-label {position: absolute; right: 0.5rem; bottom: 0.5rem; padding: 0.25rem 0.375rem 0.125rem 0.375rem; line-height: 1em; background: rgba(255,255,255,0.75);}
.icon, .count {display: inline-block; vertical-align: middle;}
.count {padding: 0 0 0.25rem 0.125rem;}
.icon {width: 1.25rem;}

.cap-text {display: block; padding-bottom: 0.375rem;}
.img-author {position: absolute; bottom: 0; right: 1rem; padding-bottom: 1rem; color: rgba(220,220,220,1); text-shadow: 0 0 0.25rem rgba(0,0,0,0.66); z-index: 1;}
.sl-caption .img-author {bottom: 100%;}

.single .lb-thumb {width: 100%; float: none; padding: 0 0 0.5rem 0;}

/* maps */
.map-wrap {width: 100%; height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden;}
.map {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0;}
.popup-cont {display: none;}

* + .map-wrap {margin-top: 1.5rem;}
.map-wrap + * {margin-top: 1rem;}

/* single page/side column */
.sidecol .third + .twothird, .sidecol .twothird + .third, .sidecol .col + .col {margin-top: 1.25rem;}

/* FORMS */
.form-wrap {max-width: 30rem; margin: 0 auto; padding: 3rem 1rem; position: relative;}
#ajax .form-wrap {border-bottom: 0.25rem solid rgba(97,183,50,1);}
h1 + .form-wrap {padding-top: 1rem;}

.cb {line-height: 1.5em;}

.form-row {position: relative;}
.form-row + .form-row, input + .form-row, .form-row .field-group + .field-group {margin-top: 1rem;}
.form-row:last-of-type {text-align: center;}

.booking-form .form-row:last-of-type {text-align: left;}

.row-head {width: 100%; padding: 0.75rem 0 0.25rem 0;}

.input-full, .input-half, .input-wrap {position: relative;}
.input-half {width: 50%; float: left;}
.input-half:nth-of-type(2n+1) {padding-right: 0.25rem;}
.input-half:nth-of-type(2n+2) {padding-left: 0.25rem;}

.t-check-out {display: none;}

.booking-form-wrap, .legends {padding-top: 1rem; margin-top: 2rem; border-top: 0.0625rem solid rgba(220,220,220,1); position: relative;}
.legend p + p {margin-top: 0;}
.legend + .legend {margin-top: 0.5rem;}

.field-group {display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -ms-flex-wrap: wrap; justify-content: flex-start;}
.field-group .field {-webkit-box-flex: 1 0 auto /*initial*/; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto /*initial*/; position: relative;}
.even {justify-content: space-between;}

.field-group .col-l, .field-group .col-xl {width: 100%; margin-top: 0.5rem;}
.field-group .col-m {-ms-flex: 2; -webkit-flex: 2; flex: 2;}
.field-group .col-s {-ms-flex: 1; -webkit-flex: 1; flex: 1; width: auto;}

.bags {border-top: 0.125rem solid rgba(255,255,255,1); padding: 0.125rem 1rem;}

#booking-manager form {height: 100%;}
#booking-manager .col-l + .col-s {padding-top: 1rem;}

/* inputs */
input, textarea, select, .dates {padding: 0.5rem 0.25rem; border: 0.0625rem solid rgba(220,220,220,1);}
input, textarea, select {width: 100%; height: 100%;}
.sm-label {width: auto; padding: 0.125rem 0.25rem; display: inline-block; background: rgba(186,186,186,1);}
.sm-label + input {height: auto;}
.cb select {padding: 0.125rem 0.25rem;}
.dates {padding-left: 2.5rem;}
input[type='checkbox'], input[type='radio'], input[type='submit'] {width: auto; border: none;}
input[type='checkbox'], input[type='radio'] {padding: 0;}

button, input[type='submit'] {/*line-height: 1.5em;*/ border: none; border-radius: none; -webkit-appearance: none;}
button:hover, input[type='submit']:hover {color: rgba(63,63,63,1); cursor: pointer;}
button {background: none;}
button:disabled {opacity: 0.5;}
button.btn:disabled:hover {color: rgba(255,255,255,1);}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number]{-moz-appearance: textfield;}

label {display: block;}
label:hover {cursor: pointer;}
input[type='checkbox'], input[type='radio'] {width: auto; height:1rem; position: absolute; background: transparent; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

input[type='checkbox']:checked + label:before,
input[type='checkbox']:not(:checked) + label:before,
input[type='radio']:checked + label:before,
input[type='radio']:not(:checked) + label:before
{content:''; display: inline-block; width: 1.25rem; height:1.25rem; position: absolute; vertical-align: middle; bottom: 0.125rem; border: 1px solid rgba(110,110,110,1); background: rgba(255,255,255,1);}

input[type='checkbox']:not(:checked):hover + label:before,
input[type='radio']:not(:checked):hover + label:before
{background: rgba(97,183,50,1); box-shadow: inset 0 0 0 0.25rem rgba(255,255,255,1);}

input[type='checkbox']:checked + label:after, .check:after {content:''; width: 1rem; height:0.5rem; position: absolute; vertical-align: middle; top:0.375rem; border-left: 0.25rem solid rgba(97,183,50,1); border-bottom: 0.25rem solid rgba(97,183,50,1); transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

input[type='radio']:checked + label:before
{background: rgba(97,183,50,1); box-shadow: inset 0 0 0 0.125rem rgba(255,255,255,1);}

input[type='checkbox'], input[type='checkbox']:checked + label:before, input[type='checkbox']:not(:checked) + label:before,
input[type='radio'], input[type='radio']:checked + label:before, input[type='radio']:not(:checked) + label:before
{left: 0; top: 0.125rem;}

input[type='checkbox']:checked + label:after {left: 0.125rem;}
input[type='checkbox'] + label , input[type='radio'] + label {padding-left: 1.75rem; margin-bottom: 0;}

.user-input input {position: absolute; z-index: -10; bottom: 0; background: rgba(0,255,255,0); border: none;}

.error input, input.error, input[type='checkbox'].error + label:before, .error .dates {border: 1px solid rgba(240,0,20,1);}

.select-wrap {position: relative;}
.select-wrap:before, .select-wrap:after {pointer-events: none;}
.select-wrap:before {display: block; content: ''; width: 1.5rem; height: 100%; position: absolute; right: 0; top: 0; background: rgba(97,183,50,1);}
.select-wrap:after {display: block; content: ''; width: 0; height: 0; position: absolute; right: 0.375rem; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); border-style: solid; border-width: 0.75rem 0.375rem 0 0.375rem; border-color: rgba(255,255,255,1) transparent transparent transparent;}

:disabled, .disabled, .disabled * {background: rgba(236,236,236,1); pointer-events: none;}
.disabled input[type='checkbox'] + label, .disabled input[type='radio'] + label
{background: rgba(255,255,255,1); color: rgba(200,200,200,1);}
.disabled input[type='checkbox'] + label:before, .disabled input[type='radio'] + label:before
{border-color: rgba(200,200,200,1);}
#bookmore.disabled {opacity: .33; background: rgba(255,255,255,1);}

.validity {position: absolute; right: 1rem; bottom: 0; width: 1rem; height: 1.75rem;}
input:invalid + span::after {position: absolute; content: "✖"; padding-left: 5px; color: rgba(194,25,36,1);}
input:valid + span::after { position: absolute; content: "✓"; padding-left: 5px; color: rgba(97,183,50,1);}

.bday-wrap {border: 0.0625rem solid rgba(220,220,220,1); background: rgba(220,220,220,1); flex-wrap: nowrap;}
.bday-wrap .field {flex-shrink: 1;}
.bday-part {border: none;}

.sr-only:not(:focus):not(:active) {clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px;}

/* input color shizzle */
.red input[type='checkbox']:not(:checked):hover + label:before,
.red input[type='radio']:not(:checked):hover + label:before,
.red input[type='radio']:checked + label:before
{background: rgba(194,25,36,1);}

.red input[type='checkbox']:checked + label:after {border-left-color: rgba(194,25,36,1); border-bottom-color: rgba(194,25,36,1);}

.red .select-wrap:before {background: rgba(194,25,36,1);}

/* newsletter */
.nl-wrap {font-size: 0.875em; line-height: 1.5em;}

.nl-wrap button {font-size: 1.25em;}
button:hover {color: rgba(63,63,63,1); cursor: pointer;}

.nl-wrap label, .nl-wrap .input {font-size: 1.25em;}
.nl-wrap .input {margin-top: 0.25rem;}

p + #newsletter {margin-top: 2rem;}

/* reservation */
.uniform__potty {position: absolute; left: -9999px;}

.form-legal {margin-top: 2.5rem;}
.uniform-errors {border: 1px solid rgba(240,0,20,1); padding: 0.5rem; margin: 0.75rem 0;}
.uniform-errors__item + .uniform-errors__item {margin-top: 0.75rem;}

.form-success, .form-approval, #datepicker .dp-alert {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.9); z-index: 1;}

.form-success, .form-approval {padding: 3rem 1rem;}
.form-approval .form-row, .form-results {margin-top: 2rem;}

.form-intro {padding-top: 2rem; border-top: 0.125rem solid rgba(63,63,63,0.25);}

/* BLOG */
.art-prev {position: relative;}
.art-prev + .art-prev {margin-top: 1rem;}
.blog .art-prev {border-bottom: 0.25rem solid rgba(97,183,50,1);}

.art-img {width: 100%; padding-bottom: 50%; position: relative;}
.art-img figure, .art-img a {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.art-img figure {background: transparent center center / cover no-repeat;}
.art-img figure.fallback, .fallback {background: url(../images/layout/fallback.svg) center center / cover no-repeat;}

.small-prev .metas {padding: 0.25rem 0.5rem;}
.small-prev .text {padding: 0.5rem 0 0 0;}

.blog .art-teaser {padding: 0.5rem;}

.blog-cats + .blog-cont {margin-top: 1.5rem;}
.blog-cats ul {padding: 0.5rem 0 0 0; display: none;}
.art-head + .metas {padding-top: 0.5rem;}
.art-intro {padding-top: 1rem;}

.cat-head {padding: 0.5rem 2rem 0.5rem 0.5rem; position: relative;}

.blog-cont .small-pad figure + *, .single-page figure + * {margin-top: 1rem;}

/* catpull */
.plus {width: 2rem; height: 100%; position: absolute; right: 0; top: 0;}
.plus:before, .plus:after {display: block; content: ''; width: 1.125rem; height: 0.25rem; background: rgba(255,255,255,1); position: absolute; top: 50%; left: 50%; transition: all .3s;}
.plus:before {-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.plus:after {-ms-transform: translate(-50%,-50%) rotate(90deg); -webkit-transform: translate(-50%,-50%) rotate(90deg); transform: translate(-50%,-50%) rotate(90deg);}
.open .plus:after {-ms-transform: translate(-50%,-50%) rotate(0); -webkit-transform: translate(-50%,-50%) rotate(0); transform: translate(-50%,-50%) rotate(0);}

/* PAGINATION */
.pagination {width: 100%; padding-top: 1rem;}
.pagination ul {width: 100%; white-space: nowrap;}
.pagination ul li {padding: 0; display: inline-block; min-width: 1.5rem; line-height: 1.25em; text-align: center; background: rgba(97,183,50,1);}
.pagination ul li a, .pagination ul li span {display: block; width: 100%; padding: 0.25rem;}
.pagination ul li a:hover {color: rgba(255,255,255,0.5);}
.pagination ul li.disabled {opacity: 0.5;}
.pagination ul li a.active {color: rgba(255,255,255,0.75);}

.accordion + .pagination {margin-top: 1rem;}

/* article navigation */
.entry-nav {width: 100%; padding-top: 2.5rem;}
.entry-nav-wrap {margin-top: 0.5rem; padding-top: 1rem; border-top: 0.25rem solid rgba(97,183,50,1);}
.red .entry-nav-wrap {border-top-color: rgba(194,25,36,1);}

.art-nav {margin-bottom: 1rem; overflow: hidden;}

.art-nav a {display: block; white-space: nowrap; margin-top: 0.5rem; line-height: 1em; position: relative;}
.art-nav p {line-height: 1.25em;}
.art-nav .btn {display: none; margin-top: 0;}

.entry-nav .text-center {text-align: left;}

/* SEARCH */
.search-result {margin-top: 1.5rem;}
.search-result + .search-head, .search-head + .search-head {margin-top: 1.5rem; padding-top: 1.5rem; border-top: 0.125rem solid rgba(63,63,63,0.25);}
.bc {padding: 0.25rem 0.5rem; margin-bottom: 0.5rem;}

/* FOOTER */
#main-footer {background: rgba(255,255,255,1) url(../images/layout/footer-bg.svg) center top / 145% auto no-repeat; padding-top: 5rem;}
.footer-bottom {padding: 0.5rem 1rem;}

.fb {display: inline-block; padding-left: 1.75rem; background: url(../images/layout/fb-icon.svg) left center / auto 60% no-repeat;}

.partners {text-align: center; padding: 0.5rem 10%; vertical-align: middle; background: linear-gradient(to right, rgba(207,207,207,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(207,207,207,1) 100%);}
.partner {width: 48%; display: inline-block; vertical-align: middle; padding: 0.5rem 1rem;}
.partner img {width: auto; max-width: 100%;}

/* back top*/
.arrow:before, .arrow:after {width: 0.125rem; height: 1rem; content: ''; position: absolute; display: block; background: rgba(255,255,255,1); top: 0;}

.arrow:before {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 0.625rem;}
.arrow:after {-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 0.625rem;}

#back-top {width: 2.5rem; height: 2.5rem; position: fixed; right: 1rem; bottom: 1rem; display: none; z-index: 100;}
#back-top a, #back-top a:active {width: 2.5rem; height: 2.5rem; display: block; padding: 0.625rem 0.25rem; background: rgba(0,0,0,0.3); border-radius: 50%; -webkit-border-radius: 50%; transition: background 0.3s; -webkit-transition: background 0.3s;}
#back-top a:hover {background: rgba(0,0,0,1);}
#back-top .arrow {width: 2rem; height: 1.25rem; position: relative;}

#back-top a:hover .arrow {animation: pulse 0.5s 1;}

@-webkit-keyframes pulse {
0%, 100% {transform: scale(1);}
50% {transform: scale(1.1);}
}
@-moz-keyframes pulse {
0%, 100% {transform: scale(1);}
50% {transform: scale(1.1);}
}
@keyframes pulse {
0%, 100% {transform: scale(1);}
50% {transform: scale(1.1);}
}

/* HIDDEN */
#ajax, #close-modal {display: none;}

#ajax {width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: auto; z-index: 100; -webkit-overflow-scrolling: touch; background: rgba(255,255,255,0.95);}
#ajax .wrapper {width: 100%; height: 100%;}

.hidden .full {padding: 0;}

/* close button */
.close {width: 2rem; height: 2rem; position: absolute; top: 1.5rem; right: 1rem; cursor: pointer; z-index: 101;}
.close:before, .close:after {width: 2rem; height: 0.25rem; content: ''; display: block; position: absolute; top: 0.875rem; background: rgba(63,63,63,1);}
.dark-bg .close:before, .dark-bg .close:after {background: rgba(255,255,255,1);}
.close:hover:before, .close:hover:after {background: rgba(97,183,50,1);}
.close:before {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.close:after {-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);}

/* responsiveness
--------------------------------------------- */
@media screen and (max-width:48em) {
.no-mob {display: none;}
}

/* medium */
@media screen and (min-width:48em) {
/***************************** FORMAT *****************************/
h1, h2 {font-size: 1.75em;}
h3, h4 {font-size: 1.375em;}
h5, h6, .col h3 {font-size: 1.25em;}

.center-text {text-align: center;}

footer ul li {display: inline-block;}
footer ul li:before, .legal ul + ul li:first-of-type:before {content: '\00b7'; top: 20%; left: -0.25rem;}
footer ul li:first-of-type:before {content: '';}
footer ul li a {padding: 0.5rem 1rem;}
.legal ul li:last-of-type a {padding-right: 0;}
.legal ul li:first-of-type a {padding-left: 0;}
.legal ul {display: inline-block;}
.legal ul + ul {margin-left: 1rem;}
.legal ul + ul li:first-of-type a {padding-left: 1rem;}

/***************************** LAYOUT *****************************/
/* BASIC */
.wrapper {max-width: 44rem;}

/* HEADER */
.logo {left: 2rem;}
.logo-dav {height: 5.125rem;}

#main-header + section {margin-top: 6rem;}
.spacer {height: 2.625rem;}

/* headbar */
.head-bar {font-size: 1rem;}

.quicklinks {border-bottom: none; float: right; padding-right: 11.75rem;}
.quicklinks a {padding: 1rem 0.75rem;}

.contact {float: right;}
.contact a, .membership a {padding: 1rem 0.75rem 1rem 2.5rem;}

.contact img, .contact svg {top:0.75rem; width: 1.5rem;}
.membership img, .membership svg {top: 0.625rem; width: 1.75rem;}

.membership {float: none; position: absolute; right: 0;}

/* NAVI */
#main-nav > ul {padding: 5.5rem 2rem 0 2rem;}

/* search */
.header-search {padding: 0 0.25rem 0.25rem 11.25rem;}
.search-input {width: 80%;}
.search-form input[type="submit"] {width: 20%;}

/* contact panel */
.contact-panel {width: 50%; height: 100%;}
.contact-inner {padding: 4rem 2rem 2rem 2rem;}

/* SLIDER */
.headslider figcaption {display: block; position: absolute; top: 0; left: 0; width: 75%; padding: 3.5rem 2rem; font-size: 1.25em;}

/* CONTENT */
.blocks {padding-bottom: 2rem;}
.block, .single-page {padding: 2.5rem 1.25rem;}
.no-pad, .teaser-page {padding: 2.5rem 1rem 1.5rem 1rem;}

.blog-cont .block {padding: 1.5rem 1.25rem 0 1.25rem;}

.course-details {width: 50%;}

.intro + .block-cont, .intro + .single-text {margin-top: 1.5rem;}

/* text images */
.thumb, .thumb-h, .thumb-v {width: 40%; float: left; margin: 0 1rem 0.25rem 0;}
* + .thumb, * + .thumb-h, * + .thumb-v {margin-top: 1rem;}
.thumb-h, .thumb-v {padding-bottom: 30%;}


/* columns */
.columns, .blog-teasers {display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -ms-flex-wrap: wrap; justify-content: flex-start/* center */;}

.big-pad + .block-cols .columns.centered {justify-content: center;}

.col, .small-prev {-webkit-box-flex: initial; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: initial; position: relative; float: left;}

.pad-small, .single-text, .pad-big {padding: 0 0.75rem;}
.col-s {width: 33.33%; max-width: 33.33%;}
.col-m {width: 50%; max-width: 50%;}
.col-l {width: 66.66%; max-width: 66.66%;}

.sidecol .col-s, .sidecol .col-l {width: 100%; max-width: 100%;}

.big-pad + .block-cols .columns.centered .col {padding: 0 0.625rem;}

.col:nth-of-type(2) .col-inner,
.col-s:nth-of-type(3) .col-inner {border-top: 0.25rem solid rgba(97,183,50,1);}

.col-inner {height: 100%;}
.col-text {padding: 2rem 0;}
.col-btn {padding-bottom: 5rem;}
.col-btn .col-text {padding: 2rem 0 1rem 0;}
.col-inner .btn {width: auto; white-space: nowrap; position: absolute; bottom: 1.5rem; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 0;}

/* accordion */
.acc-details .course-dates + .course-price {margin-top: 0;}
.acc-details .course-dates, .acc-details .course-price {width: 50%; float: left;}

/* workshops */
.ws-date, .ws-title {float: left;}
.ws-date {padding-right: 1rem; text-align: center;}
.ws-date span {display: block;}

.ws-title {padding: 0.25rem 3rem 0 4.5rem; width: 87%; position: relative;}
.ws-title h4 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.ws-icon {display: block; width: 3.625rem; height: 3.625rem; position: absolute; left: 0; top: 0; background: center center / cover no-repeat;}

.pic-indoor {background-image: url('../images/pictogramme/klettern.svg');}
.pic-outdoor {background-image: url('../images/pictogramme/hochtouren.svg');}
.pic-steig {background-image: url('../images/pictogramme/klettersteig.svg');}
.pic-freeride {background-image: url('../images/pictogramme/ski.svg');}
.pic-ski {background-image: url('../images/pictogramme/ski.svg');}
.pic-skitour {background-image: url('../images/pictogramme/skitour.svg');}
.pic-tour {background-image: url('../images/pictogramme/schneeschuh.svg');}
.pic-wandern {background-image: url('../images/pictogramme/wandern.svg');}
.pic-mountainbike {background-image: url('../images/pictogramme/mountainbike.svg');}
.pic-fallback {background-image: url('../images/pictogramme/fallback.svg');}

.status {display: block; width: 1.75rem; height: 100%; position: absolute; top: 0; right: 0.5rem; background: center center / 100% auto no-repeat;}
.status-check {background-image: url('../images/layout/icon-check.svg');}
.status-wait {background-image: url('../images/layout/icon-waiting.svg');}

.legende {display: block; padding: 0.375rem; margin-top: 0.25rem;}
.legende span {vertical-align: middle;}
.legende .status {width: 1.5rem; height: 1.5rem; display: inline-block; position: relative; right: auto; margin-right: 0.125rem;}

/* lightbox */
.lb-thumb:nth-of-type(2n+1) {padding: 0 0.5rem 1rem 0;}
.lb-thumb:nth-of-type(2n+2) {padding: 0 0 1rem 0.5rem;}

.threecol .lb-thumb {width: 33.33%;}
.threecol .lb-thumb:nth-of-type(3n+1) {padding: 0 0.66rem 1rem 0;}
.threecol .lb-thumb:nth-of-type(3n+2) {padding: 0 0.33rem 1rem 0.33rem;}
.threecol .lb-thumb:nth-of-type(3n+3) {padding: 0 0 1rem 0.66rem;}

.single .lb-thumb {padding: 0 0 1rem 0;}

/* FORMS */
.field-group .col-l {-ms-flex: 2; -webkit-flex: 2; flex: 2; width: auto; max-width: 100%; margin-top: 0;}
.field-group .col-xl {-ms-flex: 3; -webkit-flex: 3; flex: 3; width: auto; margin-top: 0;}
.field-group .field {padding: 0 0.25rem;}

.field-group .field:first-of-type {padding-left: 0;}
.field-group .field:last-of-type {padding-right: 0;}
.field-group .field:only-of-type {padding: 0;}

#booking-manager .col-l + .col-s {padding: 0 0 0 1rem;}

/* BLOG */
.blog .art-prev + .art-prev {margin-top: 1.5rem;}
.blog-teasers .art-prev + .art-prev {margin-top: 0;}

.small-prev {width: 50%; max-width: 50%;}
.small-prev:nth-of-type(2n+1) {padding: 0 0.75rem 1.5rem 0;}
.small-prev:nth-of-type(2n+2) {padding: 0 0 1.5rem 0.75rem;}

.small-prev .text {padding: 0.5rem 0.5rem 0 0.5rem;}

.blog .art-teaser {padding: 1rem;}

/* PAGINATION */
.pagination ul li {min-width: 1.875rem;}
.pagination ul li a, .pagination ul li span {padding: 0.25rem 0.5rem;}

/* article navigation */
.entry-nav {padding: 3.5rem 0.75rem 0 0.75rem;}

.entry-nav .fl-right {text-align: right; float: right;}
.entry-nav .fl-left {float: left;}

.art-nav {width: 50%; margin-bottom: 0;}
.art-nav span.title {display: inline-block; vertical-align: middle; margin: 0 0.25rem;}
.art-nav .btn {display: block; width: 2.25rem; height: 2.25rem; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.art-nav p + a {padding-top: 0.125rem;}
.prev-art a {padding-left: 2.75rem;}
.next-art a {padding-right: 2.75rem;}
.prev-art .btn {left: 0;}
.next-art .btn {right: 0;}

.art-nav .prev:before, .art-nav .prev:after, .art-nav .next:before, .art-nav .next:after {display: block; width: 1rem; height: 0.25rem; content: ''; background: rgba(255,255,255,1); position: absolute;}
.art-nav .prev:before, .art-nav .next:after {-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.art-nav .next:before, .art-nav .prev:after {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.art-nav .prev:before, .art-nav .prev:after {right: 32.5%;}
.art-nav .next:before, .art-nav .next:after {left: 32.5%;}
.art-nav .prev:before, .art-nav .next:before {top: 0.75rem;}
.art-nav .prev:after, .art-nav .next:after {bottom: 0.75rem;}

/* SEARCH */
.search-result + .search-result {margin-top: 2.5rem;}
.search-result + .search-head, .search-head + .search-head {margin-top: 2.5rem; padding-top: 2.5rem;}

/* FOOTER */
#main-footer {background-size: 100% auto;}

.partners {padding: 1.5rem 10%;}
.partner {width: auto; max-width: 24%; padding: 0 1.25rem;}
.partner img {width: auto; max-width: 100%;}
.slim {max-width: 14%;}
.wide {max-width: 34%;}
}

/* large */
@media screen and (min-width:64em) {
/***************************** FORMAT *****************************/
h1 span, h2 span {padding: 0 1.25rem 1rem 1.25rem;}
.art-head {padding-bottom: 1rem;}

.col h3 {font-size: 1.375em;}

/***************************** LAYOUT *****************************/
/* BASIC */
.wrapper {max-width: 60rem;}

/* HEADER */
.logo {left: 3rem;}
.logo-dav {height: 6.625rem;}
.logo-wide {height: 3.5rem; padding-top: 0.625rem;}
#main-nav-wrap.fixed .logo {display: block;}
#main-nav-wrap.fixed .logo-dav {height: 4rem;}
#main-nav-wrap.fixed .logo-wide {height: 3.25rem; padding-top: 1rem;}

#main-header + section {margin-top: 7.5rem;}
.spacer {height: 2.625rem;}

/* NAVI */
#main-nav {min-height: 3.5rem; padding: 0 2.5rem 0 14rem; overflow: hidden;}
#main-nav > ul {display: block; padding: 0;}
.menu {text-align: right; white-space: nowrap;}

.menu-item {display: inline-block; border-top: none; position: static; vertical-align: top;}
.top-level {padding: 1.625rem 0.25rem 1.375rem 0.25rem;}
.fixed #main-nav > ul {padding-top: 0;}

.menu span:hover {cursor: pointer;}
.menu li:hover span:after {display: block; content: ''; width: 0; height: 0; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-width: 1rem; border-style: solid; border-color: transparent; border-bottom-color: rgba(63,63,63,1);}

span.top-level:after {border: none;}

.menu li:hover > .hover-nav {display: block;}
.sub-nav {position: static; z-index: 10; text-align: left;}
.sub-nav:before {display: block; content: ''; height: 90%; width: 100%; position: absolute; left: 0; background: rgba(63,63,63,1);}

.sub-menu, .sub-menu li {position: relative; z-index: 10;}
.sub-menu {padding-top: 1.5rem; color: rgba(255,255,255,1);
/* DIRTY FIX - muss besser werden */ width: 0 !important; overflow: visible;}

/* nav pull */
a#pull {display: none;}

/*search */
#search-pull {top: 1.25rem; right: 0.5rem;}

.header-search {padding: 0 0.25rem 0.25rem 14.875rem;}

/* contact panel */
.contact-panel {width: auto; height: auto; top: 4rem;}

/* SLIDER */
.headslider figcaption {padding: 5rem 3rem;}

/* CONTENT */
.blocks {padding-bottom: 5rem;}
.block {padding: 0 2rem;}
.small-pad {padding-top: 2.5rem; padding-bottom: 2.5rem;/*padding: 2.5rem 2rem 2.5rem 2rem;*/}
.single-page {padding: 4rem 2rem 6rem 2rem;}
.teaser-page {padding: 4rem 1rem 2rem 1rem;}

.big-pad {padding-top: 5rem; padding-bottom: 5rem;/*padding: 5rem 6rem;*/}
.big-pad + .big-pad {padding-top: 0;}
.big-pad:first-of-type, .small-pad:first-of-type {padding-top: 4rem}

.no-pad {padding: 3rem 1rem 1rem 1rem;}

.blog-cont .small-pad {padding: 1.5rem 2rem 0 2rem;}
.blog-cont .no-pad {padding: 1.5rem 1rem 0 1rem;}
/*.blog-cont .single-text,*/ .no-pad .art-subhead {padding: 0 2rem;}
.blog-cont .small-pad:first-of-type {padding-top: 0;}

.cat-head .plus {display: none;}

.course-details {width: 100%;}

.pad-small, .blog-cont .single-text, .blog-cont .pad-big {padding: 0 1rem;}
.blog-cont .no-pad .single-text {padding: 0 2rem;}

/* accordion */
.single-text, .pad-big {padding: 0 4rem;}
/*.cols + .block .accordion {width: 70%; padding: 0 1.5rem 0 1rem;} */ /* removed 24.10.2025 - macht irgendwie garkeinen Sinn */
.cols + .block .tabs {padding: 0;}

.acc-cont {padding: 0 0 0.75rem 0;}
.acc-head button {padding: 0.75rem 2.5rem 0.75rem 0;}
.col-acc .acc-head button {padding: 0.75rem 2rem 0.75rem 0.75rem;}

.col-acc .acc-cont {padding: 1rem 3rem 1rem 0.75rem;}

.acc-head .arrow {top: 0.75rem;}
.col-acc .acc-head .arrow {right: 0.5rem;}

.acc-details .course-dates, .acc-details .course-price {width: 33.33%;}

/* tabs */
.tabs {width: 100%;}

.tab-nav, .tabs .acc-entry:first-of-type .acc-cont {display: block;}
.tab-nav .columns {flex-wrap: nowrap; -ms-flex-wrap: nowrap;}
.tabs .acc-head {display: none;}
.tabs .acc-entry {border-top: none; top: 0; left: 0;}
.tabs .acc-entry:last-of-type {border-bottom: none;}

.tabs .acc-cont {background: rgba(236,236,236,1); padding: 2rem;}

.tab-nav .col, .tab-nav .col:nth-of-type(n) {padding: 0;}
.tab-nav .col {width: auto; max-width: 100%; flex-grow: 1;}
.tab-nav button {padding: 0.5rem 1rem; width: 100%; height: 100%; background: rgba(186,186,186,1); color: rgba(255,255,255,1); position: relative;}
.tab-nav .active, .tab-nav .active:hover {background: rgba(236,236,236,1); color: rgba(97,183,50,1);}
.tab-nav button:hover {background: rgba(97,183,50,1);}
.tab-nav button:before {display: block; content: ''; position: absolute; width: 100%; height: 33.33%; left: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);}
.tab-nav .active:before {display: none;}
.tab-nav li {border-right: 0.125rem solid rgba(255,255,255,1);}
.tab-nav li:last-of-type {border-right: none;}

.red .tab-nav button:hover {background: rgba(194,25,36,1);}
.red .tab-nav .active, .red .tab-nav .active:hover {background: rgba(236,236,236,1); color: rgba(194,25,36,1);}

/* single page */
.sidecol .col + .col {margin-top: 0;}
.col-md-7, .col-md-5 {float: left;}

.sidecol .col-s {width: 30%; max-width: 30%;}
.sidecol .col-l {width: 70%; max-width: 70%;}

.maincol-right .col-l {padding-left: 1.5rem;}
.maincol-left .col-l {padding-right: 1.5rem;}


.col-md-5 {width: 33.33%;}
.col-md-7 {width: 66.66%; padding-right: 2.25rem;}

.widget:before, .widget:after {content: " "; display: table;}
.widget:after {clear: both;}

.widget[data-widget="adetails"] {padding: 3.75rem 1.25rem 1.25rem 1.25rem; background: rgba(236,236,236,1); position: relative;}

/* FORMS */
.booking-section .booking-form-wrap {width: 67.5%;}

/* BLOG */
.blog .art-prev + .art-prev {margin-top: 2rem;}
.blog .intro {padding-bottom: 1rem;}
.blog .art-img, .blog .art-teaser {width: 50%;}
.blog .art-teaser {float: right;}
.blog .art-img {height: 100%; position: absolute; top: 0; left: 0; padding-bottom: 0;}

.small-prev {width: 33.33%; max-width: 33.33%;}
.small-prev:nth-of-type(3n+1) {padding: 0 1rem 1.5rem 0;}
.small-prev:nth-of-type(3n+2) {padding: 0 0.5rem 1.5rem 0.5rem;}
.small-prev:nth-of-type(3n+3) {padding: 0 0 1.5rem 1rem;}

.blog-cats + .blog-cont, .blog-cats {margin-top: 0; float: right;}
.blog-cont {width: 75%; padding-right: 1.5rem;}
.blog-cats {width: 25%; /*padding: 0 3rem 0 0;*/}
.blog-cats ul {display: block;}

.blog-art {padding-top: 3rem;}
.blog-art .blog-cats {padding: 0 3rem 0 0;}

.art-head + .metas {padding-top: 1rem;}
.art-intro {padding-top: 1.5rem;}

.entry-nav {padding: 3rem 1rem 0 1rem /*1rem 0.75rem 0 1rem*/;}

/* SEARCH */
/*.search-result {margin-top: 1.5rem;}*/

/* FOOTER */
#main-footer {padding-top: 7rem;}

.address, .legal {width: 50%;}
.address {float: left;}
.legal {float: right; text-align: right;}
}

@media screen and (min-width:74em) {

/***************************** LAYOUT *****************************/
/* BASIC */
.wrapper {max-width: 70rem;}

/* NAVI */
.top-level {padding: 1.625rem 0.75rem 1.375rem 0.75rem;}

/* CONTENT */
.single-text, .pad-big {padding: 0 6rem;}

.intro + .block-cont {margin-top: 2rem;}

.acc-details .course-dates, .acc-details .course-price {width: 25%;}

/* workshops */
.ws-title {width: 90%;}

/* FOOTER */
#main-footer {padding-top: 9rem;}
}

@media screen and (min-width:120em) {
body {font-size: 1.2em}

ol li {padding-left: 1.75rem;}

/***************************** LAYOUT *****************************/
/* BASIC */
.wrapper {max-width: 90rem;}

/* HEADER */
.logo-dav {height: 7rem;}
.spacer {height: 3rem;}

.header-search {padding-left: 14.5rem;}

/* NAVI */
.top-level {padding: 1.625rem 1rem 1.375rem 1rem;}

/* SLIDER */
.headslider {margin-top: 4.375rem;}

/* CONTENT */
/*.big-pad {padding: 5rem 14rem;}*/
.intro + .block-cont {margin-top: 2.25rem;}

.blog-cont .small-pad {padding-top: 2.5rem;}
.blog-cont .no-pad .single-text {padding: 0 2.5rem;}

.entry-nav {padding: 3.5rem 1.5rem 0 1.5rem;}

/* columns */
.pad-small, .blog-cont .single-text, .blog-cont .accordion {padding: 0 1.5rem;}

.single-text, .pad-big {padding: 0 10rem;}

/* FOOTER */
#main-footer {padding-top: 12rem;}
.footer-bottom {padding: 0.5rem 1.5rem;}

footer ul li a {padding: 0.75rem 1rem;}
.fb {padding-left: 2.25rem;}
}
/* end responsiveness
--------------------------------------------- */
.no-head, * + .no-head {padding-top: 0;}
.dark-bg + .no-head {padding-top: 1rem;}

.blocks .single-page {padding-bottom: 0;}