FA.frame-layout-3 { padding:1px 20px 10px; background-color:rgba(34,73,43,0.08); border-radius:20px; }
@media (min-width:768px) {
    .frame-layout-3 { padding:20px 40px; border-radius:25px; }
}
.sliderBox { padding:10px 50px; }
.flexslider.cite { border:solid 1px #aaa; border-radius:20px; box-shadow:2px 2px 8px 0 rgba(0,0,0,0.2); }
.flexslider.cite .slideItemBox { padding:0 50px 20px; }
.flexslider.cite .flex-control-paging li a { border-radius:5px; height:10px; width:14px; background-color:#ddd; box-shadow:none; transition:all 0.5s; }
.flexslider.cite .flex-control-paging li a.flex-active { width:50px; background-color:#f39200; transition:all 0.5s; }
@media (min-width:1200px) {
    .flexslider.cite .slideItemBox { padding:0 150px 20px; }
}
.iconTextBox { background-color: rgba(34,73,43,0.08); border-radius:20px; padding:25px; margin-bottom:20px; }
.iconTextBox .icon { text-align:center; margin-bottom:20px; }
.iconTextBox .icon .fa { width:100px; height:100px; border-radius:50%; text-align:center; line-height:100px; font-size:50px; color:#fff; background:#22492c; }
.lessonsListBox { background-color:rgba(34,73,43,0.08); padding:20px; border-radius:20px; }
.lessonItem img { vertical-align:bottom; width:100%; }
.lessonItem p:last-child,
.lessonItem ul:last-child { margin-bottom:0; }
.frame-type-regioranger_lessonteaser:not(:last-child)::after { content:''; display:block; width:80%; height:8px; margin:20px auto; background-color:rgba(34,73,43,0.08); border-radius:5px; }

.relatedCourseList { padding:15px; background-color:rgba(34,73,43,0.08); border-radius:20px; }
.relatedCourseList > h2 { text-align:center; margin:5px 0 15px; }
.relatedCourseTeaser + .relatedCourseTeaser { margin-top:25px; }
.relatedCourseTeaser { position:relative; }
.relatedCourseTeaser a,
.relatedCourseTeaser a:visited,
.relatedCourseTeaser a:hover { color:#000; text-decoration:none; }
.relatedCourseTeaser img { border-radius:20px 20px 0 0; }
.relatedCourseTeaser .text { background-color:rgba(34,73,43,0.15); padding:10px 20px 15px 20px; border-radius:0 0 20px 20px; }
.relatedCourseTeaser .subline { font-weight:400; }
@media (min-width:768px) {
    .relatedCourseList { padding:20px; }
    .relatedCourseTeaser img,
    .relatedCourseList { border-radius:25px; }
    .relatedCourseTeaser .text { position:absolute; bottom:0; left:0; background-color:#fff2; padding:20px; background-color:#fffa; padding:20px; width:60%; border-top-right-radius:25px; border-bottom-radius:0; transition:all 0.6s; }
    .relatedCourseTeaser a:hover .text { padding:30px 40px; background-color:#fffd; width:calc(60% + 40px); transition:all 0.6s; }
}

.socialmedia-iconmonstr-instagram-4::before {
    content:'\e901';
}
.socialmedia li { float:left; margin:11px 0 15px .4rem; }
.socialmedia a { display:inline-block; width:32px; line-height:32px; background-color:#fff; text-align:center; border-radius:50%; }
.socialmedia .fa { font-size:20px; line-height:32px; }
.socialmedia .socialmedia-item { margin:0 0 9px 0; }

input[type="radio"] { margin-right:4px; }

.greyTextBox { border:solid 1px #aaa; border-radius:20px; box-shadow:2px 2px 8px 0 rgba(0,0,0,0.2); padding:30px 5vw 20px; margin-top:1.5rem; }
.greyTextBox > div > *:first-child { margin-top:0; }
@media (min-width:768px) {
    .greyTextBox { padding:30px 50px 20px; }
}
@media (min-width:1025px) {
    .greyTextBox > div { max-height:166px; overflow:auto; }
}

header .hero { height: auto; }
.ce-content { width: 100%; }

/* Shopping cart */
.navbar-megamenu button.searchbar-toggler { margin-left: 0; border: 1px solid transparent; }
.navbar-megamenu .searchbar-toggler i, .navbar-megamenu .navbar-toggler-icon { color: #22492C; }
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(34, 73, 44, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-megamenu img.cart { width: 22px; position: relative; top: -16%; }
.navbar-megamenu span.cart-shopping-amount {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    line-height: 13px;
    width: 19px;
    height: 19px;
    color: #fff;
    top: 6px;
    right: 95px;
    z-index: 10;
    background-color: #f39200;
    position: absolute;
    border-radius: 100px;
}

@media (min-width: 576px) {
    .navbar-brand {
        margin-right: 1rem;
    }
}

@media (min-width: 992px) {
    .navbar-megamenu .container { max-width: 980px; }
    .navbar-megamenu img.cart { width: 22px; position: static; }
    .navbar-megamenu span.cart-shopping-amount {
        top: 1px;
        right: -5px;
    }
}

@media (max-width: 991.98px) {
    .navbar-megamenu a:not(.navbar-toggler) { padding: 0.55rem 0.75rem; height: 40px; margin: 0.4rem 0; border: 1px solid transparent; }
}

/* cleverreach newsletter popup */

.cr_popup .cr_site{margin:0;padding:75px 0 0 0;text-align:center;background-color:#eeeeee;}
.cr_popup .cr_font{font-size: 14px;font-family: Arial;}
.cr_popup  .cr_body h2, .cr_popup .cr_header h2{font-size:22px;line-height:28px;margin:0 0 10px 0;}
.cr_popup .cr_body h1, .cr_popup .cr_header h2{font-size:28px;margin-bottom:15px;padding:0;margin-top:0;}
.cr_popup .wrapper, .cr_popup .cr_page{margin:0 auto 10px auto;text-align:left;border-radius:4px;}
.cr_popup .cr_header{text-align:center;background: transparent !Important;}
.cr_popup .cr_body label{float:none;clear:both;display:block;width:auto;margin-top:8px;text-align:left;font-weight:bold;position:relative;}
.cr_popup .cr_button{display:inline-block;font-family:'Helvetica', Arial, sans-serif;width:auto;white-space:nowrap;height:32px;margin:5px 5px 0 0;padding:0 22px;text-decoration:none;text-align:center;font-weight:bold;font-style:normal;font-size:15px;line-height:32px;cursor:pointer;border:0;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;vertical-align:top;}
.cr_popup .cr_button:hover,.cr_popup .cr_button-small:hover{opacity:0.8;filter:alpha(opacity=70);}
.cr_popup .cr_button{background-color:#333;color:#ffffff;}
.cr_popup .powered{padding:20px 0;width:560px;margin:0 auto;}
.cr_popup .cr_ipe_item label{line-height:150%;font-size:14px;}
.cr_popup .cr_ipe_item textarea {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;font-family: Helvetica;font-size: 16px;}
.cr_popup .cr_ipe_item input {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;padding: 5px;font-family: Helvetica;font-size: 16px;}
.cr_popup .cr_ipe_item select {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;display: block;margin: 0;padding: 5px;width: 100%;font-family: Helvetica;font-size: 16px;}
.cr_popup .cr_ipe_item input.cr_ipe_radio, .cr_popup input.cr_ipe_checkbox {-moz-binding: none;-moz-box-sizing: border-box;background-color: -moz-field !important;border: 2px inset threedface !important;color: -moz-fieldtext !important;cursor: default;height: 13px;padding: 0 !important;width: 13px;}
.cr_popup .cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 5px;}
.cr_popup .submit_container{text-align:center}
.cr_popup .imprint{font-size:0.8em;}
.cr_popup .cr_captcha{padding-left:130px;}
.cr_popup .cr_error{font-size:1.1em;padding:10px;}
.cr_popup .clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}
.cr_popup .clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }
.cr_popup { display: flex; justify-content: center; align-items: center; }
.cr_popup .editable_content { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.cr_popup .editable_content > p:first-of-type { margin-bottom: 150px; }
.cr_popup .layout_form { max-height: 70%; display: flex; align-items: center; }
.cr_popup .cr_page { max-width: 790px; height: 100%; display: flex; align-items: center; position: relative; }
.cr_popup .formbox{ line-height:150%; font-family: 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; color:#333333; padding:40px; background-color:#ffffff; border-radius: 6px 6px 6px 6px; }
.cr_popup .cr_body { color:#000000; background-color:#22492c; background-image: linear-gradient(rgba(34, 73, 44, 0.5), rgba(34, 73, 44, 0.5)), url('/typo3conf/ext/regioranger/Resources/Public/Images/Hero-2.jpg'); background-size: cover; margin: 0 15px; }
.cr_popup .cr_header {color:#ffffff;}
.cr_popup .cr_site a {color:#f39200;}
.cr_popup .cr_font {font-size:16px;color:#ffffff;}
.cr_popup #cr_embed_close_form { position: absolute; right: -14px; top: -13px;}
.cr_popup .cr_input_fields { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.cr_popup .cr_ipe_item{ padding: 0; width: 31%; }
.cr_popup .cr_ipe_item input { width: 100% !important; border: none; border-radius: 4px; }
.cr_popup .cr_ipe_item.inactive {display:none;}
.cr_popup .cr_ipe_item button { width: 100%; margin: 15px 0; background-color: var(--primary); color: white; font-weight: 400; font-family: 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif; }

@media (max-width: 767.98px) {
    .cr_popup .editable_content > p:first-of-type { margin-bottom: 30px; }
    .cr_popup .cr_input_fields {  flex-direction: column; }
    .cr_popup .cr_ipe_item { width: 80%; }
    .cr_popup .cr_ipe_item button { margin: 30px 0; }
}

/* reduce footer's size */

.footer-section { padding-bottom: 4rem; }

/* Changes to page */

#page { padding-top: 6.6rem;}

@media (max-width: /*575.98px*/ 991.98px) {
    #page { padding-top: 3rem; }
}

/* Changes to header */

header#header input::placeholder { color: gray; }
header#header .navbar-toggler { border: none; }
header#header input:focus { outline: none; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); border-radius: 4px; }
header#header .navbar-shrinked .nav { align-items: center; }
header#header .navbar-shrinked .nav span.cart-shopping-amount { top: 24px; }
.navbar-shrinked .navbar-user { display: none !important; }

@media (max-width: 575.98px) {
    .breadcrumb-shrinked { position: fixed; top: 33px; left: 0; right: 0; z-index: 1029; }
}
@media (min-width: 576px) {
    header#header .tx-ws-flexslider .caption-text h1 { font-size: 2.2rem; }
    .breadcrumb-shrinked { position: fixed; top: 90px; left: 0; right: 0; z-index: 1029; }
    .hero .caption-text .slidercontainer { max-width: unset; }
}
@media (min-width: 768px) {
    .navbar-shrinked { margin-top: 0; }
}
@media (min-width: 992px) {
    header#header .tx-ws-flexslider .caption-text h1 { font-size: 3.1rem; } 
}
@media (min-width: 1200px) {
    .hero .caption-text .slidercontainer { max-width: 1140px; }
} 

/* General changes */

a:hover, .navbar-light .navbar-nav .nav-link:hover { color: #22492c; }
.powermail_field_description { font-size: 0.85rem; color: #555; margin-top: 5px; margin-bottom: 10px; }

/* Blog Changes */

.news .category-menu-view {
    gap: 10px;
    margin-top: 1rem;
}

.news .category-menu-view a {
    padding: 0.3em 0.7em;
    background-color: #22492c;
    color: #fff;
    border-radius: 0.25rem;
}

.news .category-menu-view a:hover {
    text-decoration: none;
}

.news .category-menu-view a.active {
    background-color: #f39200;
}

.news .category-menu-view,
.news .news-list-item {
    margin-bottom: 3rem;
}

.news .label {
    padding: 0.3em 0.5em;
}
.news .label-info {
    background-color: #22492c;
}

.news .extra {
    margin-bottom: 1rem;
} 

.news .lead p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.news-list-item .img-responsive {
    width: 100%;
    margin-bottom: 0.5rem;
}

.call-to-action {
    background-color: #22492c;
    color: #fff;
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 2rem;
    margin-bottom: 1rem;
}

.call-to-action h5 {
    margin: 0;
}

.call-to-action .btn-sm {
    padding: 0.25rem 1rem;
    font-size: 1rem;
    font-weight: 700;
}

.call-to-action.orange {
    background-color: #f39200;
}

.call-to-action.orange .btn-sm {
    background-color: #22492c;
}
.call-to-action.orange .btn-sm:hover {
    background-color: #1D3E25
}

.col-md-4 .call-to-action {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 250px;
    gap: 20px;
    border-radius: 10px;
    margin-top: 1.5rem;
}


.news-single .author-element {
    background-color: rgb(34 73 44 / .1);
    padding: 20px;
    margin-top: 1rem;
}

.news-single .author-element .image-box {
    display: flex;
    justify-content: center;
}

.news-single .author-element img {
    max-width: 250px;
}

.news-single img.image-embed-item {
    border-radius: 50%;
}

.news-single .shariff {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.news-single img {
    width: 100%;
}

.news-single .shariff .orientation-horizontal li {
    margin-bottom: unset;
}

.news-single .article .col-md-8 table {
    width: 100%;
}

.news-single .btn-back {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

@media only screen and (min-width: 768px) {
    .news-single .shariff .orientation-horizontal.button-style-standard li {
        max-width: 140px;
    }
    .call-to-action.mobile {
        display: none;
    }
    .col-md-4 .call-to-action {
        display: flex;
    }
}

.shariff .orientation-horizontal {
    gap: 10px;
}

@media only screen and (min-width: 360px) {
    .shariff .orientation-horizontal li {
        margin-right: unset;
    }
}

/* Powermail form styling (ported from the pre-upgrade Basic.css, no longer shipped by powermail 13) */

.tx-powermail .powermail_fieldset .powermail-errors-list {
    display: none;
    margin: 5px 0 20px 0;
    padding: 0;
    list-style-type: none;
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    width: 100%;
    float: right;
    clear: left;
}
.tx-powermail .powermail_fieldset .powermail-errors-list.filled {
    display: block;
}
.tx-powermail .powermail_fieldset .powermail-errors-list > li {
    color: #A43431;
    padding: 5px 10px;
}
.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset div.error {
    background-color: #EBCCD1;
    color: #A43431;
}
.tx-powermail .powermail_fieldset .powermail_field_error_container .powermail-errors-list {
    width: 100%;
    margin-bottom: 0;
    background-color: #EBCCD1;
    border: none;
}
.tx-powermail .powermail_fieldset .powermail_field_error_container .powermail-errors-list > li {
    padding-left: 5px;
}

.tx-powermail .powermail_progressbar {
    width: 100%;
    height: 5px;
    float: right;
    border: 1px solid #EEEEEE;
    clear: both;
}
.tx-powermail .powermail_progressbar.disable {
    display: none;
}
.tx-powermail .powermail_progressbar > .powermail_progress {
    background: #1E5799;
    width: 0%;
    max-width: 100%;
    animation: powermail-progress 5s 1 forwards;
}
.tx-powermail .powermail_progressbar > .powermail_progress > .powermail_progress_inner {
    height: 5px;
    width: 100%;
    overflow: hidden;
    background: url("images/icon_loading.gif") repeat-x;
    opacity: 0.25;
}
.tx-powermail .powermail_confirmation .powermail_progressbar {
    width: 100%;
}
@keyframes powermail-progress {
    from { width: 0%; }
    to { width: 100%; }
}

.tx-powermail ul.powermail_fieldwrap_file_list {
    background-color: white;
    border: 1px solid #bbb;
    float: right;
    padding: 3px;
    width: 100%;
    list-style: none;
    border-radius: 4px;
    margin: 0;
}
.tx-powermail ul.powermail_fieldwrap_file_list > li {
    margin: 5px;
}
.tx-powermail ul.powermail_fieldwrap_file_list > li .deleteAllFiles {
    color: #bbb;
    cursor: pointer;
}
.tx-powermail ul.powermail_fieldwrap_file_list > li .deleteAllFiles:hover {
    text-decoration: underline;
}

.tx-powermail .powermail_message {
    padding: 5px 0 10px 20px;
    min-height: 65px;
    background-color: #EBCCD1;
    border: 1px solid #A43431;
    background-position: 98% 10px;
    background-repeat: no-repeat;
    list-style: circle;
}
.tx-powermail .powermail_message li {
    padding: 5px 50px 0 0;
    border: none;
    background: none;
}
.tx-powermail .powermail_message.powermail_message_ok {
    background-image: url("images/icon_ok.png");
    background-color: #CDEACA;
    border: 1px solid #3B7826;
}
.tx-powermail .powermail_message.powermail_message_ok li {
    color: #3B7826;
}
.tx-powermail .powermail_message.powermail_message_error {
    background-image: url("images/icon_error.png");
}
.tx-powermail .powermail_message.powermail_message_error li {
    color: #A43431;
}
.tx-powermail .powermail_message.powermail_message_note {
    background-image: url("images/icon_ok.png");
    background-color: #FCF8E3;
    border: 1px solid #FFCA4B;
}
.tx-powermail .powermail_message.powermail_message_note li {
    color: #FFCA4B;
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation {
    margin-top: 2em;
}
.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next,
.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous {
    background-color: #aaa;
    display: inline-block;
    padding: 5px 30px;
    text-decoration: none;
    color: white;
    border: 1px solid #bbb;
    font-weight: bold;
}
.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next {
    background-color: #1E5799;
    float: right;
}

.tx-powermail .powermail_form.nolabel > h3 {
    display: none;
}
.tx-powermail .powermail_fieldset.nolabel > legend {
    display: none;
}
.tx-powermail .powermail_fieldwrap.nolabel > label {
    display: none;
}
.tx-powermail .powermail_fieldwrap.nolabel > fieldset > legend {
    display: none;
}