/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 26, 2024 */
@font-face {
    font-family: 'alwynlight';
    src: url('/fonts/alwyn_light-webfont.woff2') format('woff2'),
         url('/fonts/alwyn_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alwynregular';
    src: url('/fonts/alwyn_regular-webfont.woff2') format('woff2'),
         url('/fonts/alwyn_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* carattere-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Carattere';
  src: url('/fonts/carattere-v7-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*!
 * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/fonts/fa-webfonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-webfonts/webfonts/fa-solid-900.ttf") format("truetype"); }


.tg {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.tg td{border-bottom: 1px solid black;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:8px 9px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Alwyn, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
.tg .tg-dvpl{border-color:inherit;text-align:right;vertical-align:top}

body {
background-color: #f7f6f4;
}

#leftside{
position: sticky;    
top: 0;
}

.sticky-bottom{
position:fixed;    
bottom: 0;
}

#Pflegegrad1-table {
background-color: #d2ece6;
}
#Pflegegrad2-table {
background-color: #b5dce0d1;
}
#Pflegegrad3-table {
background-color: #d6f1f1;
}
#Pflegegrad4-table {
background-color: #cff0dd;
}
#Pflegegrad5-table {
background-color: #e4f7c1;
}

#textsquare3, #text-square {
padding-top: 5%;
}

.headbox {
padding: 2% 6% 1% 6%;
width: 88%;
}

.fa, .fas, .fa-solid {
  font-weight: 900; }

.fa-envelope::before {
    content: "\f0e0";
}

.fa-phone::before {
    content: "\f095";
}

}
.fa, .fas, .fa-solid {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

i:hover {color:#d0e09e; text-decoration:none}

.iconfont {
font-family: 'Font Awesome 6 Free';
font-size:20px;
text-align: center;
color: #fff;
}

h1 {
font-family: 'alwynlight', sans-serif;
    font-weight: 300;
    text-decoration: none;
    font-size: 42px;
    color: #86c5c6;
    text-transform:;
line-height: 1em;
margin-bottom: 0;
margin-top: 0;
}

h2 {
font-family: 'alwynlight', sans-serif;
font-weight: 300;
text-decoration: none;
font-size: 25px;
color: #66a6a7;
margin-bottom: 0.2em;
    line-height: 1em;
    margin-top: 0;
}

h4 {
color: #fff;
font-family: 'alwynregular', sans-serif;
font-weight: bolder;
    text-align: left;
    background-color: #66a6a7;
    padding: 10px 20px 10px 20px;
    border-radius: 20px;
}

.pflegegrad {
font-family: 'alwynregular', sans-serif;
font-weight: 300;
text-decoration: none;
font-size: 30px;
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
text-align:left;
}

p, .fliess, .fliess-table-dots, .fliess-table-squares {
    font-family: 'alwynlight', sans-serif;
    font-weight: 300;
    line-height: 1.5em;
    color: #6f6f6f;
    letter-spacing: 0.01em;
    font-size: 15px;
text-align: left;
    margin: 0;
}
.fliess-table-dots, .fliess-table-squares {padding-left: 2%;}
}
.fliess-table-dots {list-style:dots}
.fliess-table-squares {list-style:square}

.fliess-table-dots li::marker {color: #66a6a7}
.fliess-table-squares li::marker {color: #66a6a7}

.fliess-bigger {
font-family: 'alwynlight', sans-serif;
color: #222323;
letter-spacing: 0.01em;
font-size: 18px;
text-align: left;
margin-top: 0;
margin-bottom: 0;
line-height: 1em;
}

.bottom-conti {
position: fixed;
bottom: 0;
right:0;
left:0;
z-index: 1;
}

.carattere, .subheadname, .navigation {margin-top: 0; margin-bottom: 0;}

.carattere {
    color: #66a6a7;
    font-family: "Carattere", cursive;
    font-weight: lighter;
    text-decoration: none;
    font-size: 48px;
    text-align: center;
    line-height: 1em;
transform: skew(-5deg);
}

.fon-alt {
    color: #fff;
    font-family: 'alwynlight', sans-serif;
    font-weight: 300;
    font-size: clamp(1.4em, 100vw, 1.8vw);
    text-align: center;
line-height: 1.1em;
}
.mail-alt {
    color: #fff;
    font-family: 'alwynlight', sans-serif;
    font-weight: 300;
    font-size: clamp(0.9em, 100vw, 1.2vw);
    text-align: center;
}

.fon, .mail {
color: #fff;
font-family: 'alwynlight', sans-serif;
font-weight: 300;
line-height:1.2em;
text-align: center;
hyphens: auto;
}

.mail {
font-size: clamp(0.80rem, calc(0.000rem + 1.9vw), 1.00rem);
}
.fon {
font-size: 16px;
}


.fon2 {
    color: #fff;
    font-family: 'alwynlight', sans-serif;
    font-weight: 300;
    font-size: clamp(1.1em, 100vw, 1.6vw);
    text-align: center;
   margin-bottom: 0;
}

.more {
color: #fff;
font-family: 'alwynregular', sans-serif;
font-weight: bolder;
}

.open {
    color: #398d8f;
    font-family: 'alwynlight', sans-serif;
    font-weight: 300;
    font-size: 15px;
    text-align: center;
line-height:1em:
}

.navigation {
    color: #469596;
    font-family: 'alwynlight', sans-serif;
    font-weight: 300;
    font-size: 15px;
    text-align: center;
    line-height: 1.6em;
}
#fwNav1 .fwLastChild {
    border-bottom: 0;
    margin-top: -7px;
}

#fwNav1 .fwNavItem a {
    display: block;
    color: #838388;
    text-decoration: none;
    padding: 3px 0px 0px 3px;
}

#fwNav1 .fwNavItem a:hover {
border-bottom: 2px solid #7DBDBE;;
text-transform: uppercase;
}

#fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover {
    display: block;
    color: #7DBDBE;;
    font-weight: normal;
    text-transform: uppercase;
}

.subheadname {
    color: #838388;
    font-family: 'alwynlight', sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
}

.shadow {
box-shadow: 0px 12px 16px rgba(0,0,0,0.4);
}

.rounded {
background-color: rgba(255,255,255,0.7);
border-radius: 30px 30px 30px 30px;
}

.rounded2 {
background-color: #00848f;
border-radius: 30px 30px 30px 30px;
}

.btn {
  display: inline-block;
  line-height: 35px;
  height: 35px;
  text-align: center;
  padding: 0 20px;
  width: auto;
  background-color: #66a6a7;
  text-decoration: none;
  color: #fff;
}

.square-quadrat {
    padding-bottom: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 16%;
    margin-bottom: -8%;
}

.square {
    padding-bottom: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 3%;
padding-left:17px;
padding-right:17px;
}

.square-outer {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
}

.flex-end {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.align-flex-end {
display:flex;
align-items: flex-end;
justify-content: center;
}

.justi-flex-end {
display: flex;
justify-content: flex-end;
align-items: center;
}

.align-flex-end2 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-center2 {
    display: block;
    align-items: center;
    justify-content: center;
}

.flex-between-squares {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.flex-center-top {
display:flex;
align-items: center;
justify-content: space-between;
}

.flex-center-right {
display:flex;
align-items: center;
justify-content: flex-end;
}

.flex-center-stretch {
display:flex;
align-items: center;
justify-content: stretch;
}

.flex-stretch, .flexstretch2{
display:flex;
align-items:stretch;
justify-content:stretch;
}

.leftside-flex {
display: block;
}

.leftside-inner-flex {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
}

.row-reverse {
display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    justify-content: flex-end;
}

.button-center, .nav-center{
    display: flex;
    align-items: center;
    justify-content: center;
}

.100vh {min-height: 100vh}





@keyframes easeInOutSine {
0% {transform: translateX(0) translateY(0);}
100% {transform: translateX(100%) translateY(0);}
}


.ws_effect.ws_domino {
position: absolute;
width: 100%;
height: 100%;
top: 0;
overflow: hidden;
}

.ws_zoom {
position: absolute;
top: 0;
left: 0;
}
.ws_parts {
position: absolute;
top: 0;
left: 0;
}

.ws_list {
display: none;
}




@media screen and (orientation: landscape) {
.leftside {width: 25%;}
.rightside {width: 75%;}
}

@media screen and (orientation: portrait) {
.leftside {width: 100%}
.rightside {width: 100%}
}

@media screen and (max-width:1024px) {
.carattere {
font-size: 40px;
}

.flex-center-stretch {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}
.leftside-flex {
display: flex;
align-items: stretch;
justify-content: flex-end;
}
}

@media screen and (max-width:768px) {
.fwNavContainer1.fwMenuOn {
    margin-top: 0;
    bottom: auto;
    padding-bottom: 40px;
    background-color: #f7f6f4;
}
h1, h2, .pflegegrad {text-align: center}

.row-reverse, .flex-stretch, .flexstretch2, .flex-between, .flex-center-stretch{
display:block;
}
.flex-center2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
#bottom-conti {
position: relative;
}
.shadow {
box-shadow: 0px 12px 16px rgba(0,0,0,0);
}
.carattere {
font-size: 49px;
}
.fliess {
text-align: justify; 
hyphens: auto;
}
.justi-flex-end {
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: center;
}
.more {
font-size: 0.8em;
}
}


@media screen and (max-width:600px) {
h1 {font-size: 30px}
h2 {font-size: 21px}
.fliess-bigger {font-size: 16px;}
.headbox {
padding-top: 3%;
padding-bottom: 3%;
}
.carattere {
font-size: 40px;
}
.open {
font-size: 12px;
}
.tg .tg-0pky {
vertical-align: center;
width: 60%;
}
.tg .tg-dvpl {
vertical-align: center;
widtH: 40%;
}
}

@media screen and (max-width:480px) {
.pflegegrad {font-size: 26px}
}