@charset "UTF-8";
/*                   */
/*****  Frohnau  *****/
/*                   */
/* CSS Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

body {
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}

picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
}

/* Load Fonts */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v44-cyrillic_latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v44-cyrillic_latin-600.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("/media/vendor/fontawesome-free/webfonts/fa-solid-900.woff2") format("woff2"), url("/media/vendor/fontawesome-free/webfonts/fa-solid-900.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* Variablen */
:root {
  --white: #fdfdfd;
  --color-text: #32312f;
  --color-text-alt: #53524e;
  --color-hl: #204e74;
  --bg-dark: #CBCBCB;
  --bg-mid: #E0E0E0;
  --bg-light: #F1F1F1;
  --red: #ec1d24;
  --font-base: "Open Sans", Helvetica, Arial, sans-serif;
  --font-name: Helvetica, Arial, "Open Sans", sans-serif;
  --sp10: 0.625rem;
  --sp20: 1.25rem;
  --sp30: 1.875rem;
  --sp40: 2.5rem;
  --sp50: 3.125rem;
}

/* Helfer */
/* Basis */
html {
  font-size: 100%;
}

body {
  background-image: url("../images/bg-body.png");
  font-family: var(--font-base);
  color: var(--color-text);
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  color: var(--color-hl);
  font-weight: 400;
  margin-bottom: 1.5rem;
}

h1,
.h1 {
  font-size: 1.8rem;
  line-height: 1.3;
  margin-bottom: 2rem;
}

h2, .h2 {
  font-size: 1.5rem;
  line-height: 1.6;
}

h3, .h3 {
  font-size: 1.15rem;
  line-height: 1.8;
}

p {
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

a {
  color: inherit;
  text-decoration: none;
}

strong,
b {
  font-weight: 600;
}

.alert-message {
  font-size: 12px;
  overflow: hidden;
}

.visually-hidden {
  display: none;
}

.orthopaede-header.h1 {
  font-family: var(--font-name);
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 16px;
  background: var(--bg-light);
}

/* Kopfbereich */
table thead {
  background: var(--bg-light);
}

table th {
  text-align: left;
  font-weight: 600;
  padding: 12px 15px;
  border-bottom: 2px solid #ddd;
}

/* Zellen */
table td {
  padding: 12px 15px;
  border-bottom: 1px solid var(--bg-mid);
  border-top: 1px solid var(--bg-mid);
}

/* Zebra-Streifen */
/* Hover */
table tbody tr:hover {
  background: var(--bg-mid);
}

/* Responsive */
.table-wrapper {
  overflow-x: auto;
}

/* Layout - Mobile First */
aside,
div#maximenuck150, div#maximenuck153, div#maximenuck154,
.mod-breadcrumbs__wrapper {
  display: none;
}

#main-container {
  max-width: 87.5rem;
  margin: auto;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.25);
  background-color: var(--white);
}

.com-content-article {
  padding: var(--sp40) 0.625rem 0.625rem;
}

/* Header */
header {
  display: flex;
  position: relative;
  background-color: var(--bg-mid);
}
header #site-branding {
  padding: var(--sp10);
  flex: 0 0 4.375rem;
}
header #header-content {
  padding-top: var(--sp10);
}
header #header-content .orthopaede-header.h1 {
  font-size: 1.5rem;
  line-height: 1;
  font-variant: small-caps;
  opacity: 0.9;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 8px;
}
header #header-content .row2 {
  font-size: 0.875rem;
  font-weight: 600;
  opacity: 1;
  margin-bottom: 3px;
  color: var(--color-hl);
  line-height: 1.3;
}
header #header-content .row3 {
  font-size: 0.75rem;
  margin-bottom: var(--sp10);
  font-weight: 600;
  line-height: 1.3;
}
header #header-content div.mod-languages li {
  margin: 0 var(--sp10) 0 0;
}
header #header-content div.mod-languages li a {
  padding: 0;
}
header #header-content div.mod-languages li img {
  width: 2rem;
}
header #header-content div.mod-languages li.lang-active {
  background-color: transparent;
}

/* Footer */
footer {
  background-color: var(--bg-mid);
  padding: 2rem var(--sp10) 6rem;
}
footer .footer_menu {
  margin-top: 2rem;
}
footer .footer_menu ul {
  list-style: none;
  padding: 0;
}
footer .footer_menu ul li {
  margin-bottom: 0.125rem;
}
footer .footer_menu ul li a {
  line-height: 2;
  color: var(--color-text-alt);
}
footer address {
  font-style: normal;
  color: var(--color-text-alt);
}

/* address block */
.adress-block {
  margin-bottom: var(--sp10);
  line-height: 1.8;
}
.adress-block span {
  padding-left: 1.8rem;
}
.adress-block h3 {
  font-weight: 600;
}
.adress-block .address {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11C9 11.7956 9.31607 12.5587 9.87868 13.1213C10.4413 13.6839 11.2044 14 12 14C12.7956 14 13.5587 13.6839 14.1213 13.1213C14.6839 12.5587 15 11.7956 15 11C15 10.2044 14.6839 9.44129 14.1213 8.87868C13.5587 8.31607 12.7956 8 12 8C11.2044 8 10.4413 8.31607 9.87868 8.87868C9.31607 9.44129 9 10.2044 9 11Z' stroke='%2332312F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.657 16.657L13.414 20.9C13.039 21.2746 12.5306 21.485 12.0005 21.485C11.4704 21.485 10.962 21.2746 10.587 20.9L6.343 16.657C5.22422 15.5381 4.46234 14.1127 4.15369 12.5608C3.84504 11.009 4.00349 9.40047 4.60901 7.93868C5.21452 6.4769 6.2399 5.22749 7.55548 4.34846C8.87107 3.46943 10.4178 3.00024 12 3.00024C13.5822 3.00024 15.1289 3.46943 16.4445 4.34846C17.7601 5.22749 18.7855 6.4769 19.391 7.93868C19.9965 9.40047 20.155 11.009 19.8463 12.5608C19.5377 14.1127 18.7758 15.5381 17.657 16.657Z' stroke='%2332312F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.adress-block .phone {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.86765 0.75H7.10294L9.22059 6.04412L6.57353 7.63235C7.70749 9.93162 9.56838 11.7925 11.8676 12.9265L13.4559 10.2794L18.75 12.3971V16.6324C18.75 17.194 18.5269 17.7326 18.1298 18.1298C17.7326 18.5269 17.194 18.75 16.6324 18.75C12.5022 18.499 8.60663 16.7451 5.68076 13.8192C2.75489 10.8934 1.00099 6.99784 0.75 2.86765C0.75 2.30601 0.973109 1.76738 1.37024 1.37024C1.76738 0.973109 2.30601 0.75 2.86765 0.75Z' stroke='%2332312F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2px 0;
}
.adress-block .fax {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7083 17.7083H19.7917C20.3442 17.7083 20.8741 17.4888 21.2648 17.0981C21.6555 16.7074 21.875 16.1775 21.875 15.625V11.4583C21.875 10.9058 21.6555 10.3759 21.2648 9.98519C20.8741 9.59449 20.3442 9.375 19.7917 9.375H5.20833C4.6558 9.375 4.12589 9.59449 3.73519 9.98519C3.34449 10.3759 3.125 10.9058 3.125 11.4583V15.625C3.125 16.1775 3.34449 16.7074 3.73519 17.0981C4.12589 17.4888 4.6558 17.7083 5.20833 17.7083H7.29167M17.7083 9.375V5.20833C17.7083 4.6558 17.4888 4.12589 17.0981 3.73519C16.7074 3.34449 16.1775 3.125 15.625 3.125H9.375C8.82247 3.125 8.29256 3.34449 7.90186 3.73519C7.51116 4.12589 7.29167 4.6558 7.29167 5.20833V9.375' stroke='%2332312F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.29167 15.625C7.29167 15.0724 7.51117 14.5425 7.90187 14.1518C8.29257 13.7611 8.82247 13.5416 9.37501 13.5416H15.625C16.1775 13.5416 16.7074 13.7611 17.0981 14.1518C17.4888 14.5425 17.7083 15.0724 17.7083 15.625V19.7916C17.7083 20.3442 17.4888 20.8741 17.0981 21.2648C16.7074 21.6555 16.1775 21.875 15.625 21.875H9.37501C8.82247 21.875 8.29257 21.6555 7.90187 21.2648C7.51117 20.8741 7.29167 20.3442 7.29167 19.7916V15.625Z' stroke='%2332312F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 -2px;
}
.adress-block .mail {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='17' viewBox='0 0 21 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.750076 2.90873C0.750076 2.3362 0.977513 1.78712 1.38235 1.38228C1.78719 0.977437 2.33628 0.75 2.90881 0.75H18.0199C18.5924 0.75 19.1415 0.977437 19.5464 1.38228C19.9512 1.78712 20.1786 2.3362 20.1786 2.90873V13.7024C20.1786 14.2749 19.9512 14.824 19.5464 15.2288C19.1415 15.6337 18.5924 15.8611 18.0199 15.8611H2.90881C2.33628 15.8611 1.78719 15.6337 1.38235 15.2288C0.977513 14.824 0.750076 14.2749 0.750076 13.7024V2.90873Z' stroke='%2332312F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.750076 2.90869L10.4644 9.38488L20.1786 2.90869' stroke='%2332312F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.adress-block .www {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 7.00002C18.6762 5.767 17.5604 4.75666 16.252 4.05882C14.9435 3.36098 13.4829 2.99727 12 3.00002C10.5196 2.99902 9.06194 3.36362 7.75635 4.06142C6.45076 4.75922 5.3377 5.76863 4.51601 7.00002' stroke='%2332312F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5 3C10.7207 4.24866 10.1069 5.59324 9.67401 7M12.5 3C13.28 4.24856 13.8944 5.59314 14.328 7M19.5 17C18.6762 18.233 17.5604 19.2434 16.252 19.9412C14.9435 20.639 13.4829 21.0027 12 21C10.5196 21.001 9.06194 20.6364 7.75635 19.9386C6.45076 19.2408 5.3377 18.2314 4.51601 17' stroke='%2332312F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5 21C10.7207 19.7513 10.1069 18.4068 9.674 17M12.5 21C13.28 19.7514 13.8944 18.4069 14.328 17M2 10L3 14L4.5 10L6 14L7 10M17 10L18 14L19.5 10L21 14L22 10M9.5 10L10.5 14L12 10L13.5 14L14.5 10' stroke='%2332312F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* Two column layout */
.columns {
  display: flex;
  flex-direction: column;
  column-gap: 2.5rem;
  margin-bottom: 2rem;
  row-gap: 1rem;
}
.columns .column {
  min-width: 0;
}
.columns .column img {
  margin-bottom: 2rem;
}
.columns .column figure {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 0.813rem;
}
.columns .column figure img {
  margin-bottom: 0;
}

/* setzt border unter dem ersten abschnitt, nur wenn weitere abschnitte folgen */
div:has(> .columns ~ .columns) > .columns:first-of-type {
  border-bottom: 2px solid var(--bg-mid);
}

/* one column block */
.one-column {
  margin-top: var(--sp40);
  margin-bottom: var(--sp40);
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  padding: var(--sp40) var(--sp10);
}

/* full width section */
.full-width {
  gap: 0;
  background-color: var(--bg-light);
  margin-bottom: var(--sp40);
}
.full-width .column ul.content-list {
  margin-bottom: 1rem;
}
.full-width .column:first-child ul.content-list {
  margin-bottom: 0;
  padding-bottom: 0.6rem;
}
.full-width .column:last-child ul {
  margin-top: 0;
  padding-top: 0;
}

/* intro section */
.section-intro {
  margin: 0 0 1.5rem;
}

/* lists with links */
ul.content-list {
  background-color: var(--bg-light);
  list-style: none;
  margin: 1rem -10px;
  padding: 1.5em 0 1.5em 3.5em;
  margin-bottom: var(--sp40);
}
ul.content-list li {
  position: relative;
  margin-bottom: 0.6rem;
  font-weight: 600;
}
ul.content-list li::before {
  content: "";
  position: absolute;
  left: -1.6rem;
  top: 0.32em;
  width: 16px;
  height: 16px;
  background: url("../images/list-polygon.svg") no-repeat center/contain;
}
ul.content-list li:last-child {
  margin-bottom: 0;
}
ul.content-list.transparent {
  background-color: transparent;
}

/* regular lists */
ul.plain {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  padding-left: 2rem;
  list-style: none;
}
ul.plain li {
  position: relative;
  margin-bottom: 0.6rem;
  font-weight: 600;
}
ul.plain li::before {
  content: "";
  position: absolute;
  left: -1.2rem;
  top: 0.67em;
  width: 8px;
  height: 8px;
  background: url("../images/list-bullet.svg") no-repeat center/contain;
}
ul.plain li:last-child {
  margin-bottom: 0;
}

/* Map */
.map {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  margin-bottom: 2.5rem;
}

.map-wrapper {
  position: relative;
  width: 100%;
  height: 420px;
}

#map {
  width: 100%;
  height: 100%;
}

.map-info {
  position: absolute;
  top: 20px;
  left: 20px;
  background: #fff;
  padding: 14px 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  z-index: 10;
  max-width: 345px;
}

.map-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  padding: 6px 10px;
  background: var(--color-hl);
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
  font-size: 13px;
}
.map-button svg {
  display: inline;
  position: relative;
  top: 3px;
  margin-left: 8px;
}

.map-button:hover {
  background: #e5e5e5;
}

/* Form */
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
  padding: 0;
}

.red {
  color: rgb(215, 62, 49);
}

.convertforms .cf-input {
  line-height: var(--sp30);
}

.cf-heading {
  margin-bottom: 0;
}

.full-width.one-column.contact.regular-page-form {
  margin-bottom: 0;
  margin-bottom: calc(var(--sp10) * -1);
}

.form-wrap .full-width.one-column.contact.regular-page-form {
  margin-bottom: var(--sp50);
}

/* checkbox */
.cf-checkbox-group {
  display: flex;
  align-items: flex-start !important;
}

.cf-checkbox-group input[type=checkbox] {
  margin-top: 5px; /* optional feinjustieren */
}

.cf-checkbox-group label {
  margin-left: 10px;
}

.cf-checkbox-group input[type=checkbox] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 30px !important;
  height: 30px;
  border-radius: 0;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-top: 4px;
  margin-right: var(--sp10);
}

.cf-checkbox-group input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 1px;
  width: 10px;
  height: 20px;
  border: solid var(--color-hl);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* radio btn */
.cf-radio-group input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  width: 30px !important;
  height: 30px;
  border-radius: 50%; /* wichtig für rund */
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-top: 1px;
  margin-right: 10px;
}

.cf-radio-group input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  background: var(--color-hl);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.cf-radio-group label {
  margin-left: 10px;
}

/* login */
.mod-login {
  max-width: 420px;
  margin: 40px 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

.mod-login__userdata {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}

.mod-login .form-group {
  margin: 0;
  width: 100%;
}

.mod-login .input-group {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid var(--bg-mid);
  overflow: hidden;
  transition: border-color 0.2s ease;
}

.mod-login .input-group:focus-within {
  border-color: var(--bg-dark);
}

.mod-login .form-control {
  flex: 1;
  height: 52px;
  padding: 0 14px;
  border: 0;
  background: transparent;
  font-size: 15px;
  color: var(--color-text);
  outline: none;
}

.mod-login .form-control::placeholder {
  color: #9a978f;
}

.mod-login .input-group-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 52px;
  border: 0;
  background: transparent;
  color: var(--color-text);
  opacity: 0.6;
}

.mod-login .input-password-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 52px;
  border: 0;
  border-left: 1px solid var(--bg-mid);
  background: transparent;
  color: var(--color-text);
  opacity: 0.6;
  cursor: pointer;
}

.mod-login .input-password-toggle:hover {
  opacity: 1;
}

.mod-login .form-check {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mod-login .form-check-input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--color-hl);
}

.mod-login .form-check-label {
  font-size: 14px;
  color: var(--color-text);
}

.mod-login .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border: 0;
  background: var(--color-hl);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  cursor: pointer;
  width: auto;
}

.mod-login .btn-primary:hover {
  background: #183c59;
}

.mod-login .btn-primary:active {
  transform: translateY(1px);
}

.icon-eye::before {
  content: "\f06e";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-eye-slash::before {
  content: "\f070";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-fw::before {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}

/* team */
.team-member {
  padding-bottom: 0.5rem;
  margin-bottom: 2.5rem;
  border-bottom: solid 2px var(--bg-mid);
}
.team-member img {
  margin-bottom: 1rem;
}
.team-member:last-child {
  border-bottom: none;
}

/* suche */
.com_finder .finder {
  padding: 3.125rem 3.125rem 1rem;
}

.com_finder form {
  margin-bottom: 30px;
}
.com_finder form fieldset {
  border: none;
  border-bottom: 2px solid var(--bg-mid);
}

.com_finder input[type=search],
.com_finder input[name=q] {
  width: 100%;
  min-height: 52px;
  padding: 0 18px;
  border: 1px solid var(--bg-mid);
  font-size: 16px;
}

.com_finder button {
  min-height: 46px;
  padding: 0 18px;
  border: 0;
  cursor: pointer;
}

.com_finder .result__title-url,
.com_finder .result__title-text {
  margin-bottom: 1rem;
}
.com_finder .result__title-text {
  color: var(--color-hl);
}

.com-finder .result-text,
.com_finder .result-text {
  line-height: 1.6;
  opacity: 0.9;
}

.result__item + .result__item {
  list-style: none;
  padding: 18px 0;
  border-top: 2px solid var(--bg-mid);
}

.com-finder__filter {
  margin-top: 2rem;
}

/* #header-languages */
/* Tablet */
@media (min-width: 768px) {
  img {
    width: auto;
    height: auto;
  }
  /* Header */
  header #site-branding {
    flex: 0 0 5.375rem;
  }
  header #header-content {
    padding-top: var(--sp20);
  }
  header #header-content .orthopaede-header.h1 {
    font-size: 2rem;
  }
  header #header-content .row2 {
    font-size: 1rem;
  }
  header #header-content .row3 {
    font-size: 0.875;
  }
  .com-content-article {
    padding: 2.5rem 2.5rem 0;
  }
  /* Map */
  .map {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  /* Listen */
  ul.content-list {
    margin-left: 0;
    margin-right: 0;
  }
  header #header-content #header-languages {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
  }
  .full-width {
    background-color: var(--bg-light);
    margin-left: calc(var(--sp40) * -1);
    margin-right: calc(var(--sp40) * -1);
    padding: 0 var(--sp20);
  }
  .full-width .column:first-child ul,
  .full-width .column:last-child ul {
    margin: 1rem 0;
    padding: 1.5em 0 1.5em 3.5em;
  }
  .mod-breadcrumbs__wrapper {
    display: block;
  }
  .breadcrumb {
    font-size: 80%;
    list-style-type: none;
    padding-top: var(--sp10);
    padding-left: var(--sp40);
  }
  .breadcrumb li {
    display: inline;
  }
  .breadcrumb li.breadcrumb-item::after {
    content: "/";
    margin: 0 0.4rem;
  }
  .breadcrumb li:last-child.breadcrumb-item::after {
    display: none;
  }
  .columns {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .columns .column {
    flex: 1;
  }
  .columns .column img {
    width: calc(100% + var(--sp40));
    margin-right: calc(var(--sp40) * -1);
    max-width: none;
  }
  .columns .column:first-child img {
    margin-left: calc(var(--sp40) * -1);
  }
  /* one column block */
  .one-column {
    padding: var(--sp40) var(--sp40);
  }
  /* form block */
  /* footer */
  footer {
    padding: 2rem var(--sp40) 6rem;
  }
}
/* Desktop */
@media (min-width: 1280px) {
  div#mobile-menu-de,
  div#mobile-menu-en,
  div#mobile-menu-ru {
    display: none;
  }
  .layout {
    display: flex;
  }
  .layout aside {
    display: block;
    flex: 0 0 16.25rem;
    background-color: var(--bg-mid);
  }
  .layout #main {
    flex: auto;
  }
  header #site-branding {
    flex: 0 0 16.25rem;
    padding: 1.6rem 4rem 0;
    height: 12.5rem;
    overflow: visible;
  }
  header #site-branding img {
    width: 100%;
  }
  header #header-content {
    flex: 1;
    position: relative;
    margin-top: 1.6rem;
    padding-top: var(--sp10);
  }
  header #header-content .orthopaede-header.h1 {
    font-size: 3rem;
  }
  header #header-content .row2 {
    font-size: 1.5rem;
  }
  header #header-content .row3 {
    font-size: 1.125rem;
  }
  div#maximenuck150, div#maximenuck153, div#maximenuck154 {
    line-height: 1.8;
    display: block;
    font-size: 1rem;
  }
  div#maximenuck150 ul.maximenuck, div#maximenuck153 ul.maximenuck, div#maximenuck154 ul.maximenuck {
    padding: 0;
  }
  div#maximenuck150 ul.maximenuck li.level1.parent > a::after, div#maximenuck153 ul.maximenuck li.level1.parent > a::after, div#maximenuck154 ul.maximenuck li.level1.parent > a::after {
    border-width: 7px 5px 0 5px;
    border-color: var(--color-text) transparent transparent transparent;
    top: 7px;
    right: 7px;
    transition: border-top-color 0.25s ease, transform 0.2s ease;
  }
  div#maximenuck150 ul.maximenuck li.level1.parent:hover > a::after, div#maximenuck153 ul.maximenuck li.level1.parent:hover > a::after, div#maximenuck154 ul.maximenuck li.level1.parent:hover > a::after {
    transform: translateY(1px);
    border-top-color: var(--red);
  }
  div#maximenuck150 div.floatck, div#maximenuck153 div.floatck, div#maximenuck154 div.floatck {
    margin-left: -26px;
    margin-top: 10px;
    border-top: 4px solid var(--white);
  }
  div#maximenuck150 div.maxidrop-main, div#maximenuck153 div.maxidrop-main, div#maximenuck154 div.maxidrop-main {
    width: auto;
    flex-wrap: nowrap;
  }
  div#maximenuck150 ul.maximenuck,
  div#maximenuck154 ul.maximenuck,
  div#maximenuck153 ul.maximenuck {
    display: flex !important;
    gap: 0.35rem;
    background-color: var(--bg-mid);
  }
  div#maximenuck150 ul.maximenuck::after,
  div#maximenuck154 ul.maximenuck::after,
  div#maximenuck153 ul.maximenuck::after {
    display: none;
  }
  ul.maximenuck li.maximenuck.level1 {
    width: 25%;
    text-align: left !important;
    font-weight: 600;
    padding: var(--sp10);
    padding-left: 1.2rem;
    background-color: var(--bg-dark);
    border-left: 0.4rem solid var(--red);
    transition: background-color 0.25s ease;
  }
  ul.maximenuck li.maximenuck.level1:hover {
    background-color: color-mix(in srgb, var(--bg-dark) 70%, transparent);
  }
  #main-navigation div#maximenuck150 li a, div#maximenuck153 li a, div#maximenuck154 li a {
    display: block;
  }
  #main-navigation div#maximenuck150 .maximenuck2 li, div#maximenuck153 .maximenuck2 li, div#maximenuck154 .maximenuck2 li {
    background-image: none;
    padding: 0;
    margin: 0;
  }
  #main-navigation div#maximenuck150 .floatck ul.maximenuck2, div#maximenuck153 .floatck ul.maximenuck2, div#maximenuck154 .floatck ul.maximenuck2 {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 5px 0 !important;
    list-style: none;
    background: rgba(224, 224, 224, 0.65) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
    border-bottom: 2px solid var(--red) !important;
  }
  #main-navigation div#maximenuck150 .floatck ul li, div#maximenuck153 .floatck ul li, div#maximenuck154 .floatck ul li {
    width: auto;
    border-left: 0.4rem solid transparent;
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }
  #main-navigation div#maximenuck150 .floatck ul li:hover, div#maximenuck153 .floatck ul li:hover, div#maximenuck154 .floatck ul li:hover {
    background-color: rgba(203, 203, 203, 0.5) !important;
    border-left-color: var(--red);
  }
  #main-navigation div#maximenuck150 .floatck ul li a, div#maximenuck153 .floatck ul li a, div#maximenuck154 .floatck ul li a {
    padding: var(--sp10) 1.3rem !important;
  }
  #content .mod-breadcrumbs li {
    list-style: none;
  }
  .mod-breadcrumbs li:first-child {
    display: none;
  }
  #sidebar-navigation {
    margin-top: 7rem;
  }
  #sidebar-navigation ul {
    list-style: none;
    padding: 0;
  }
  #sidebar-navigation ul li a {
    display: block;
    font-weight: 600;
    padding: var(--sp10);
    padding-left: 1.2rem;
    background-color: var(--bg-dark);
    border-left: 0.4rem solid var(--red);
    transition: background-color 0.25s ease;
    margin-bottom: 0.4rem;
  }
  #sidebar-navigation ul li a:hover {
    background-color: color-mix(in srgb, var(--bg-dark) 70%, transparent);
  }
  #sidebar-search {
    padding: var(--sp40) var(--sp20);
  }
  #sidebar-search input {
    width: 100%;
    border: none;
    padding: 0.5rem var(--sp10);
  }
  #sidebar-contact {
    background-color: var(--bg-light);
    padding: var(--sp30) var(--sp20);
    margin-top: var(--sp40);
    font-size: 1.125rem;
  }
  #sidebar-contact .contact-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-hl);
    margin-bottom: 1rem;
  }
  #sidebar-contact .phone {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.35294 1H8.05882L10.4118 6.88235L7.47059 8.64706C8.73054 11.2018 10.7982 13.2695 13.3529 14.5294L15.1176 11.5882L21 13.9412V18.6471C21 19.2711 20.7521 19.8696 20.3108 20.3108C19.8696 20.7521 19.2711 21 18.6471 21C14.058 20.7211 9.72959 18.7724 6.47862 15.5214C3.22765 12.2704 1.27888 7.94204 1 3.35294C1 2.7289 1.2479 2.13042 1.68916 1.68916C2.13042 1.2479 2.7289 1 3.35294 1Z' stroke='%23204E74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 2px 0;
    padding-left: 1.8rem;
  }
  .breadcrumb {
    padding-top: 1.6rem;
    padding-left: var(--sp50);
  }
  .com-content-article {
    padding: 3.125rem 3.125rem 1rem;
  }
  /* Map */
  .map {
    margin-right: -3.125rem;
    margin-left: -3.125rem;
  }
  .map-wrapper {
    height: 520px;
  }
  /* Form */
  .full-width.one-column.contact.regular-page-form {
    margin-bottom: 0;
    margin-bottom: -1rem;
  }
  /* one column block */
  .one-column {
    padding: var(--sp40) var(--sp50);
  }
  /* column layout */
  .columns .column img, .columns .column .slider {
    width: calc(100% + var(--sp50));
    margin-right: calc(var(--sp50) * -1);
  }
  .columns .column:first-child img {
    margin-left: calc(var(--sp50) * -1);
  }
  .full-width {
    margin-left: calc(var(--sp50) * -1);
    margin-right: calc(var(--sp50) * -1);
  }
  footer {
    padding-left: calc(16.25rem + var(--sp10));
    padding-bottom: 2rem;
    display: flex;
    column-gap: 2.5rem;
  }
  footer address,
  footer .footer_menu {
    flex: 1;
  }
  footer .footer_menu {
    margin-top: calc(var(--sp50) + 2.5rem);
  }
  footer .footer_menu ul li {
    margin-bottom: 0;
  }
  footer .footer_menu ul li a {
    line-height: 1.6rem;
  }
  /* visitorcounter  */
  .visitorcounter {
    width: 100%;
    margin: 0;
    padding: 0 var(--sp20);
  }
  .visitorcounter p {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}

/*# sourceMappingURL=/templates/praxis-frohnau/css/template.css.map */