/* Confaits Renov: layout repairs, with the existing desktop presentation retained. */
img[width][height] { height: auto; }
#header .navbar-brand img { width: auto; }
#footer .f-widget-title > img { width: auto; height: auto; object-fit: contain; }
.section-title h1.cr-home-title { font-size: 40px; line-height: 1.2; margin-bottom: 0; position: relative; color: inherit; }
:where(a, button, input, textarea):focus-visible { outline: 3px solid #e52319; outline-offset: 4px; }
.cr-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.burger-icon, .nav__expand { border: 0; background: transparent; font: inherit; }
.bar1, .bar2, .bar3 { display: block; transition-duration: 180ms; }
.slick-slider, .slick-list, .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { touch-action: pan-y pinch-zoom; }
.arrow-modern button { border: 0; padding: 0; background: transparent; cursor: pointer; }
button.cd-top { border: 0; cursor: pointer; }
#contact textarea.input-text { min-height: 160px; height: auto; padding: 14px 10px; resize: vertical; }
#contact .input-text { font-size: 16px; }
#contact input[type=submit]:disabled { opacity: .65; cursor: wait; }
.cr-form-feedback { margin-top: 20px; padding: 14px 16px; border-left: 3px solid #b22018; background: #fff3f2; color: #77201b; }
.cr-form-feedback[data-success=true] { border-color: #317447; background: #edf7ef; color: #235533; }
.cr-form-feedback:empty { display: none; }
#footer a, .feature_link a { overflow-wrap: anywhere; }
@media (min-width: 768px) {
  #header .navbar .nav > li.subnav:focus-within > ul { opacity: 1; visibility: visible; transform: translateY(0); }
}
@media (min-width: 768px) and (max-width: 991px) {
  #header .navbar-default .navbar-nav > li > a { font-size: 16px; margin-left: 12px; margin-right: 12px; }
}
@media (max-width: 767px) {
  #header, #header.sticky-menu { position: fixed !important; top: 0; left: 0; width: 100%; animation: none; transition: none; }
  #header .topheader { display: none; }
  #header .navbar-default { padding: 0 16px; }
  #header .navbar > .container { position: relative; padding: 0; min-height: 80px; align-items: center; }
  #header .navbar-header { height: 80px; display: flex; align-items: center; }
  #header .navbar-brand { padding: 0; margin: 0; }
  #header .navbar-brand img { display: block; height: 60px; width: auto; margin: 0 !important; }
  #header .burger-icon { width: 48px; height: 48px; padding: 3px 6px; flex: 0 0 48px; }
  #header .burger-icon span { width: 35px; }
  #header .navbar-default #navbarCollapse { position: absolute; top: 80px; left: -16px; right: -16px; margin: 0; width: auto; max-height: calc(100vh - 80px); max-height: calc(100dvh - 80px); overflow-y: auto; overscroll-behavior-y: contain; box-shadow: 0 12px 18px #0002; }
  #header #navbarCollapse.cr-open { display: block; animation: cr-menu-in 160ms ease-out; }
  #header .nav > li > a, #header .nav > li > a:hover { padding: 13px 20px; min-height: 48px; }
  #header .nav > li.subnav > a { padding-right: 64px; }
  #header .nav__expand { min-width: 48px; min-height: 48px; padding: 12px 16px; }
  #header .nav__expand[aria-expanded=true] i { transform: rotate(180deg); }
  #header .navbar-default .navbar-nav > li > ul { padding: 0; margin: 0; background: #f7f7f7; }
  #header .navbar-default .navbar-nav > li > ul.cr-sub-open { display: block; }
  #header .navbar-default .navbar-nav > li > ul > li > a { min-height: 44px; padding: 10px 24px; font-size: 16px; }
  main { padding-top: 80px; }
  .headerspace, .headerspace-small { display: none; }
  .banner-text-left.lernen_banner { padding: 40px 0 !important; }
  #slider-modern .container-black { padding: 28px 24px; margin: 32px 0; }
  .section-title h1.cr-home-title { font-size: 26px; line-height: 32px; }
  .wrap-bg { padding-top: 48px; padding-bottom: 48px; }
  .section-title p { margin-top: 20px; }
  main p[align=justify], main p[style*="text-align:justify"] { text-align: left !important; }
  #services-two .themeioan_ul_icon { margin-bottom: 12px; }
  .btn-custom { white-space: normal; line-height: 1.5; }
  #testimonials .call-to-action-btn { margin-bottom: 28px; }
  #testimonials .arrow-modern { position: static; display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
  #testimonials .arrow-modern i { width: 48px; height: 48px; line-height: 48px; }
  #testimonials .themeioan_testimonial { padding-left: 0; padding-right: 0; }
  #members .row.justify-content-center { margin-left: -6px; margin-right: -6px; }
  #members .row.justify-content-center > .col-6 { padding-left: 6px; padding-right: 6px; margin-bottom: 12px !important; }
  #members .item { margin: 0; }
  #members .item a { display: block; }
  #members .item img { display: block; width: 100%; height: auto; }
  #features.cr-projects .course-single { flex: 0 0 50%; max-width: 50%; padding-left: 8px; padding-right: 8px; }
  #features.cr-projects .row { margin-left: -8px; margin-right: -8px; }
  #features.cr-projects .blog-content { width: 100%; margin: 0; padding: 16px 10px; }
  #features.cr-projects .blog-content .title { font-size: 17px !important; line-height: 1.4 !important; overflow-wrap: break-word; }
  #features iframe { height: 300px; display: block; margin-top: 24px; }
  #footer .footer-top > .container > .row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px 20px; margin: 0; padding: 40px 0 24px; }
  #footer .footer-top > .container > .row > div { max-width: none; width: auto; padding: 0; }
  #footer .footer-top > .container > .row > div:first-child { grid-column: 1 / -1; }
  #footer .footer-top > .container > .row > div:nth-child(2) { grid-column: 1 / -1; grid-row: 3; text-align: center; }
  #footer .f-widget-title h4::before { display: none; }
  #footer .f-widget-title h4 { margin-bottom: 16px; }
  #footer .sigle-address p { margin-bottom: 10px; }
  #footer .sigle-address a { display: inline-block; padding: 4px 0; }
  #footer .copyright { padding-top: 20px; }
  #footer .copyright img { width: 142px; height: auto; margin-bottom: 16px; }
  .cd-top { width: 44px; height: 44px; right: 16px; bottom: 16px; }
}
@keyframes cr-menu-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  #header, #header *, .slick-track, .cd-top, #members img, .blog-photo img { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}