:root {
  
   --color_dark-green-100: #00AA00;
   --color_dark-green-80: #33BB33;
   --color_dark-green-60: #66CC66;
   --color_dark-green-40: #99dd99;
   --color_dark-green-20: #CCEECC;

   --color_bright-green-100: #84FF84;
   --color_bright-green-80: #9DFF9D;
   --color_bright-green-60: #B5FFB5;
   --color_bright-green-40: #CEFFCE;
   --color_bright-green-20: #E6FFE6;

   --color_black-100: #000000;
   --color_black-90: #3C3C3B;
   --color_black-80: #575756;
   --color_black-70: #706F6F;
   --color_black-60: #878787;
   --color_black-50: #9D9D9C;
   --color_black-40: #B2B2B2;
   --color_black-30: #C6C6C6;
   --color_black-20: #DADADA;
   --color_black-10: #EDEDED;
   --color_black-5: #F6F6F6;
   --color_white: #FFFFFF;

   --color_red: #C4131D;
	
	--font-family_arial-rounded: 'Arial Rounded MT Bold', 'Arial Black', 'Arial', sans-serif;
	--font-family_arial-bold: 'Arial Bold', 'Arial', sans-serif;
	--font-family_arial: 'Arial', sans-serif;
	--font-family_trebuchet-ms: 'Trebuchet MS', 'Arial', sans-serif;
 --font-family_arial-helv: 'Arial', 'Helvetica';
} 

::-webkit-scrollbar {
   width: 10px; 
}

::-webkit-scrollbar-thumb {
   background-color: #66cc66; 
   border-radius: 4px; 
}

::-webkit-scrollbar-track {
   background-color: #f1f1f1; 
}

@media screen and (max-width: 480px) {
  html {
     font-size: 16px;
  }
}

@media screen and (min-width: 481px) {
  html {
     font-size: calc(16px + (22 - 16) * ((100vw - 480px) / (1600 - 480)));
  }
}

@media screen and (max-width: 768px) {
  
  /* Check: IS iOS Safari */
  @supports (-webkit-touch-callout: inherit) {
     .section-headline h1 {
        hyphens: none;
        -webkit-hyphens: manual;
     }
  }
  
  /* Check: IS macOS Safari */
  @supports (not (-webkit-touch-callout: inherit)) and (stroke-color: transparent){
     .section-headline h1 {
        hyphens: none;
        -webkit-hyphens: manual;
     }	
  }
  
  /* Check: IS NOT iOS Safari AND IS NOT macOS Safari */
  @supports (not (-webkit-touch-callout: inherit)) and (not (stroke-color: transparent)) {
     .section-headline h1 {
        -webkit-hyphens: none;
        hyphens: manual; 
     }
  }
  
  .section-headline h1 {
     min-width: max(300px, 100%);
  }
  
  .section-headline-separator {
     flex-direction: column-reverse;
  }
}

@media screen and (min-width: 769px) {

  .section-headline {
     -webkit-hyphens: none;
     hyphens: none; /* don't break headline */
  }
  
  .section-headline-separator {
     flex-direction: row;
  }
  
  .section-separator {
     margin-top: 1.7%;
     margin-left: 5%;
  }
}

@media screen and (min-width: 1600px) {
  
  html {
     font-size: 22px;
  }
}


html {
   height: 100%;
   scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
}

/* Check: IS iOS Safari */
@supports (-webkit-touch-callout: inherit) {
   p {
      hyphens: none;
      -webkit-hyphens: auto;
   }
   q {
      hyphens: none;
      -webkit-hyphens: auto;
   }
}

/* Check: IS macOS Safari */
@supports (not (-webkit-touch-callout: inherit)) and (stroke-color: transparent){
   p {
      hyphens: none;
      -webkit-hyphens: auto;
   }  
   q {
      hyphens: none;
      -webkit-hyphens: auto;
   }  
}

/* Check: IS NOT iOS Safari AND IS NOT macOS Safari */
@supports (not (-webkit-touch-callout: inherit)) and (not (stroke-color: transparent)) {
   p {
      -webkit-hyphens: none;
      hyphens: auto; 
   }
   q {
      -webkit-hyphens: none;
      hyphens: auto; 
   }
}

p {
   z-index: 305;
}

.main {
  margin-top: max(75px, 10%);
  margin-bottom: 60px;
}h1, h2, h3, h4, q, li {
   z-index: 300;
}

body {
   display: flex;
   flex-direction: column;
   height: 100%;
   margin: 0;
   padding: 0;
   background-color: var(--color_white);
   font-family: var(--font-family_arial-helv);
}

button {
   z-index: 200;
   cursor: pointer;
   transition: transform 0.4s ease-out;
}

button:hover {
   transform: scale(1.05);
   filter: drop-shadow(0 0 0.3em rgba(0, 170, 0, 0.3));
}

.link {
   color: var(--color_black-90);
   transition: color 0.1s ease-out;
   text-decoration: none;
}

.link:hover {
   color: var(--color_dark-green-60);
   text-decoration: underline;
}

.trademark {
   font-size: 70%;
   vertical-align: super;
} 

.icon {
    max-height: 60px;
    max-width: 60px;
    height: 2rem;
    width: 2rem;
} 

.section-headline {
   position: relative;
   padding-bottom: min(60px, 10%);
   display: flex;
   flex-direction: column;
   z-index: 300;
   align-items: center;}

.section-headline h1 {
   margin: 0;
   padding: 0;
   font-family: var(--font-family_arial-helv);
   font-size: 3.0rem;
   line-height: 3.0rem;
   color: var(--color_dark-green-100);
}

.section-headline h2 {
   margin: 0;
   padding: 0;
   padding-left: 2.0rem;
   font-family: var(--font-family_trebuchet-ms);
   font-weight: 400;
   font-size: 1.3rem;
   color: var(--color_black-80);
}

.section-headline-separator {
   margin: 0;
   padding: 0;
   display: flex;
   align-items: center;
}

.section-separator {
   width: 100%;
   border: none;
   border-top: 1px;
   border-style: solid;
   border-color: var(--color_bright-green-100);
}

#main-header {
   position: fixed;
   width: 100%;
   top: 0;
   height: 150px;
   left: 0;
   margin-bottom: max(1%, 100px);
   max-width: 100vw;
   min-height: 60px;
   overflow-x: clip;
   transition: transform 1.0s ease-out;
   z-index: 501;
}

@media screen and (max-width: 480px) {

   .header-background svg {
      width: auto;
      padding-left: calc(192px - (192 - 40) * (100vw - 320px) / (480 - 320));
   }

   #header-anaboard-logo {
      display: none;
   }

   .header-logo {
      margin-left: 540px;
      width: 12.5% !important;
   }

   .icon-mobile-menu,
   .mobile-menu {
      width: calc(535px + (100vw - 320px) * (395 / 161));
   }

}

@media screen and (min-width: 481px) {

   .header-background svg {
      width: auto;
      height: auto;
      padding-left: calc(220px - (220 - 40) * (100vw - 481px) / (768 - 481))
   }

   #header-anaboard-bildmarke {
      display: none;
   }

   .header-logo {
      margin-left: 285px;
   }

   .icon-mobile-menu,
   .mobile-menu {
      width: calc(700px + (100vw - 481px) * (465 / 287));
   }
}

@media screen and (max-width: 768px) {

   .header-logo {
      padding-top: 17px;
   }

   .header-row-navigation {
      position: absolute;
   }

   .header-background svg {
      filter: none !important;
   }

   .header-row-navigation nav {
      height: 100%;
      display: none;
   }

   .mobile-menu {
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .icon-mobile-menu {
      height: 44px;
      margin-left: 60vw;
   }

   .header-st2 {
      filter: drop-shadow(0 0 0.3em rgba(0, 0, 0, 0.5));
   }

   .header-st0 {
      filter: drop-shadow(0 0 0.3em rgba(0, 0, 0, 0.5));
   }

   #header-drawer {
      animation: bounceAnimation 1s ease-in-out;
   }
}

@media screen and (min-width: 769px) { 

	.header-background svg {
		top: 0;
		width: min(16350px, max(6737.45px, calc(100vw*6.43)));
	    height: auto;
	    padding-left: calc(40px - (40 - 0) * (100vw - 769px) / (1024 - 769));
	}

	.header-logo {
		margin-left: 85px;
		padding-top: 17px;
	}

	.icon-mobile-menu img,
	.mobile-menu {
		display: none;
	}

	.icon-mobile-menu {
		margin-left: 100px;
	}

	.header-column-navigation {
		display: none;
	}

	.header-row-navigation {
		width: calc(1040px + (100vw - 769px) * (310 / 255));
	}

	.header-row-navigation nav {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.header-row-navigation nav ul li a {
		font-size: calc(1.4rem + (2.0 - 1.4) * ((100vw - 1024px) / (769 - 1024)));
	}

}

@media screen and (min-width: 1025px) { 

  .header-background svg {
     padding-left: 0;
  }

  .header-logo {
     right: 34%;
     margin-left: 85px;
  }

  .header-row-navigation {
     width: 100%;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .header-logo {
     margin-left: calc(285px - (285 - 215) * (100vw - 481px) / (768 - 481));
  }
}


@media screen and (min-width: 769px) and (max-width: 1025px) {
  .header-logo {
     margin-left: calc(215px - (215 - 85) * (100vw - 769px) / (1025 - 769));
  }
}

.header-inner {
  position: relative;
  width: 100%;
  height: auto;
  z-index: -1;
}

.header-background {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 60px;
  display: flex;
  justify-content: center;
  z-index: -1;
}

.header-background svg {
  position: absolute;
  min-height: 60px;
  top: 0;
  filter: drop-shadow(0 0 0.3em rgba(0, 0, 0, 0.5));
}

.header-logo {
  width: 54%;
  height: auto;
}

.header-logo img {
  max-width: 100%;
  max-height: 100%;
}

.header-row-navigation {
  height: 100%;
  min-width: 380px;
  z-index: -1;
}

.header-row-navigation nav ul {
  width: 90%;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none; 
  font-family: var(--font-family_trebuchet-ms);
  text-align: right;
}

.header-row-navigation ul li {
  margin-left: 5%;
  display: inline-block;
  white-space: nowrap;
}

.header-row-navigation ul li a {
  text-decoration: none; 
  color: var(--color_black-90); 
  font-size: 1.0rem; 
  transition: color 0.2s ease-out;
}

.mobile-menu {
  height: auto;
  transform: translateY(-84%);
  transition: transform 0.8s ease-out;
  z-index: -1;
}

.mobile-menu.extended {
  position: absolute;
  padding-top: 30px;
  width: 70%;
  margin-left: 32%;
  background-color: rgba(245, 245, 245, 0.97);
  border-left: 3px solid var(--color_bright-green-100);
  border-bottom: 3px solid var(--color_bright-green-100);
  border-bottom-left-radius: 10px;
  transform: translateY(2%);
}

.icon-mobile-menu img {
  width: 40px;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  z-index: 10000;
}


.icon-mobile-menu.extended {
  display: none;
}

.icon-mobile-menu-closing img {
  width: 32px;
  height: auto;
  max-width: 100%;
  max-height: 100%
}

.icon-mobile-menu-closing.extended {
  position: absolute;
  bottom: -35px;
}

.header-column-navigation {	
  display: none;
  padding: 0;
  margin: 0;
}

.header-column-navigation.extended {
  display: flex;
  width: 100%;
  height: auto;
  padding-bottom: 16px;
  line-height: 2.5rem;
  flex-direction: column;
  align-items: center;
}

.header_column-nav-ul {
  position: relative;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none; 
  font-family: var(--font-family_trebuchet-ms);
}

.header_column-nav-ul li {
  z-index: 501;
}

.header_column-nav-ul li:not(:last-child)::after {
  position: absolute;
  left: -10%;
  content: "";
  display: block;
  width: 120%;
  border-bottom: 1.3px solid var(--color_dark-green-40);
}

.header-column-navigation ul li a {
  text-decoration: none; 
  color: var(--color_black-90); 
  font-size: 1.0rem;
  transition: color 0.2s ease-out;
  padding: 10px 15px;
}

.header-row-navigation ul li a:hover,
.header-column-navigation ul li a:hover {
  color: var(--color_dark-green-100);
  transition: color 0.1s ease-out;
}

.header-st0.extended,
.header-st1.extended {
  display: none;
}

@keyframes bounceAnimation {
  0% { transform: translateY(0); }
  25% { transform: translateY(-20px); }
  50% { transform: translateY(0); }
  75% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}


.animate_collapsed-header_on-load {
  animation: bounceAnimation 1s ease-in-out;
}

.header-st0{fill:#84FF84;} 
.header-st1{fill:#F5F5F5;} 
.header-st2{fill:#66CC66;} 
.header-st3{fill:#FFFFFF;} 
.header-st4{fill:none;} 
#footer {
    position: relative;
    width: 100%;
    margin-bottom: 1%;
    max-width: 100vw;
    min-height: 60px;
    overflow-x: clip;
    z-index: 500;
} 
@media screen and (max-width: 480px) {

  .footer-background svg {
     width: auto;
    	padding-right: calc(192px - (192 - 40) * (100vw - 320px) / (480 - 320));
    	margin-right: 1155px;
    	filter: none !important;
  }
.footer-links {
   margin-left: 19%;
}
  /* Check: IS NOT iOS Safari AND IS NOT macOS Safari */
  @supports (not (-webkit-touch-callout: inherit)) and (not (stroke-color: transparent)) {
     .footer-links {
        padding-bottom: 30px;
     }
  }
} 

@media screen and (max-width: 792px) {
	/* Check: IS macOS Safari */
	@supports (not (-webkit-touch-callout: inherit)) and (stroke-color: transparent){
		.footer-links {
			padding-top: 37px;
		}
	}
} 

@media screen and (min-width: 793px) {

  /* Check: IS macOS Safari */
  @supports (not (-webkit-touch-callout: inherit)) and (stroke-color: transparent){
     .footer-links {
        padding-top: 30px;
     }
  }
} 

@media screen and (min-width: 481px) and (max-width: 579px) {

   .footer-links {
      margin: 0;
      width: 900px;
      margin-left: calc(9010px - (9010 - 8975) * (100vw - 481px) / (580 - 481));
   }

   /* Check: IS NOT iOS Safari AND IS NOT macOS Safari */
   @supports (not (-webkit-touch-callout: inherit)) and (not (stroke-color: transparent)) {
      .footer-links {
         padding-bottom: 30px;
      }
   }
} 

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .footer-background svg {
     width: auto;
     padding-right: calc(220px - (220 - 40) * (100vw - 481px) / (1024 - 481));
     margin-right: calc(980px + (1090 - 980) * (100vw - 481px) / (1024 - 481));
     filter: none !important;
  }
} 

@media screen and (min-width: 580px) and (max-width: 1024px) {

  .footer-links {
     margin: 0;
     width: calc(900px + (1503.350 - 900) * (100vw - 580px) / (1024 - 580));
     margin-left: calc(8975px - (8975 - 8305.79) * (100vw - 580px) / (1024 - 580));
  }

  /* Check: IS NOT iOS Safari AND IS NOT macOS Safari */
  @supports (not (-webkit-touch-callout: inherit)) and (not (stroke-color: transparent)) {
     .footer-links {
        padding-bottom: 30px;
     }
  }
} 

@media screen and (min-width: 580px) and (max-width: 1024px) {

  .footer-title {
     margin-top: 10px;
  }

} 

@media screen and (min-width: 1025px) {

  .footer-background svg {
     height: auto;
     width: min(16350px, max(6737.45px, calc(100vw*6.43)));
     padding-right: 0;
     margin-right: min(3140px, calc(1090px + (3140 - 1090) * (100vw - 1025px) / (2543 - 1025)));
  }

  .footer-links {
     margin: 0;
     width: min(1270px, calc(997px + (1271.67 - 997) * (100vw - 1025px) / (2543 - 1025)));
     margin-left: max(8502px, calc(8665px - (8665 - 8502) * (100vw - 1025px) / (2543 - 1025)));
  }

  .footer-link {
     font-size: 1.6rem !important;
  }

  .footer-links {
     font-size: 1.8rem !important;
  }

  /* Check: IS NOT iOS Safari AND IS NOT macOS Safari */
  @supports (not (-webkit-touch-callout: inherit)) and (not (stroke-color: transparent)) {
     .footer-links {
        padding-bottom: 35px;
     }
  }

  /* Check: IS macOS Safari */
  @supports (not (-webkit-touch-callout: inherit)) and (stroke-color: transparent){
     .footer-links {
        padding-top: 35px;
     }
  }

  /* Check: IS iOS Safari */
  @supports (-webkit-touch-callout: inherit) {
     .footer-links {
        padding-top: 25px;
     }
  }
} 

@media screen and (max-width: 1425px) {

   /* Check: IS iOS Safari */
   @supports (-webkit-touch-callout: inherit) {
      .footer-links {
         padding-top: 40px;
      }
      
      .footer-link {
         font-size: 1.7rem !important;
      }
      
      .footer-links {
         font-size: 2rem !important;
      }
      
      .footer-links p {
         margin-left: 10px !important;
      }
   }
} 

.footer-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 60px;
    display: flex;
    justify-content: center;
    z-index: -1;
} 

.footer-background svg {
  top: 0;
  position: absolute;
  min-height: 60px;
} 

.footer-links {
    font-family: var(--font-family_arial-bold);
    font-weight: 600;
    font-size: 2.0rem;
    color: var(--color_dark-green-80);
    
    display: flex;
    justify-content: center;
    align-items: center;
}

  /* Check: IS NOT iOS Safari AND IS NOT macOS Safari */
  @supports (not (-webkit-touch-callout: inherit)) and (not (stroke-color: transparent)) {
     .footer-links {
        margin-top: 35px;
        padding-bottom: 35px;
     }
  }

.footer-links-wrapper {
   display: flex;
   justify-content: space-around;
	  width: 400px;
	  height: 50px;
} 

.footer-links p {
  margin: 0;
  padding: 0;
  display: inline-block;
}

/* Check for anything but iOS Safari and apply specific styles */
@supports not (-webkit-touch-callout: inherit) {
  .footer-links p {
     padding-left: 20px;
  }
}

.footer-links {
  font-family: var(--font-family_arial-bold);
  font-weight: 600;
  font-size: 2.0rem;
  color: var(--color_dark-green-80);
}

.footer-link {
  font-family: var(--font-family_trebuchet-ms);
  font-weight: 400;
  font-size: 1.8rem;
  color: var(--color_black-90);
}

/* Check for anything but iOS Safari and apply specific styles */
@supports (-webkit-touch-callout: inherit) {
  .footer-links {
     font-size: 0.9rem;
  }
  .footer-link {
     font-size: 0.7rem;
     padding-left: 5px;
  }
}

#footer-link-wrapper {
   display: flex;
   justify-content: space-evenly;
   align-items: center;
   width: 100%;
   height: 100%;
}

.footer-title {
   position: absolute;
   right: 60px;
   top: 40px;
   text-align: right;
   color: var(--color_black-90);
   padding-bottom: 10px;
}

.footer-site-info {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   align-items: baseline;
   gap: 15px;
}

.footer-ana {
   margin: 0;
   padding: 0;
   font-size: 1.2rem;
   font-weight: 600;   font-family: var(--font-family_arial-bold);
   color: var(--color_dark-green-100) !important;
}

.footer-online-anamnese {
   margin: 0;
   padding: 0;
   font-size: 1.0rem;
   font-weight: 600;
   color: var(--color_black-80);
}

.footer-copyright {
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
}

.footer-bg_path-3{fill:#FFFFFF;} 
.footer-bg_path-2{fill:#84FF84;} 
.footer-bg_path-1{fill:#66CC66;} 
.portal-wrapper {
    width: 87.5%;
    margin: 0 auto;
    margin-bottom: 90px;
    max-width: 2200px;
} 

.o-portal {
    display: flex;
    justify-content: space-around;
    align-content: center;
    flex-wrap: wrap;
} 

@media screen and (max-width: 980px) {
    .o-portal {
        flex-direction: column;
        gap: 120px;
    }
    .home-login {
        width: 75%;
    }
} 

@media screen and (min-width: 981px) {
    .o-portal {
        flex-direction: row;
    }
    .home-login {
        width: 35%;
    }
} 

.home-login {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: left;
} 

.home-login-img {
    width: 100%;
} 

.home-login-headline {
    color: var(--color_dark-green-100);
    font-size: 2.5rem;
    font-weight: 400;
    margin: 0;
    padding: 1em 0 0.5em 0;
} 

.home-login-text {
    color: var(--color_black-80);
    font-size: 1.75rem;
    font-weight: 400;
    margin: 0;    padding-bottom: 1em
;} 

.login-input-form {
    display: block;
} 

.home-input {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: border-color 0.2s ease-in-out;
    -webkit-transition: border-color 0.2s ease-in-out;
    -ms-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
    background: #fff;
    border: solid 1px #e0e0e0;
    border-radius: 5px;
    color: var(--color_black-60);
    display: block;
    outline: 0;
    padding: 0.5em;
    text-decoration: none;
    width: 100%;
    height: 15%;
    font-size: 1.75rem;
    font-weight: 400;
    font-family: var(--font-family_arial-helv);
    margin-bottom: 15px;
} 

.home-login-button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url(https://anaboard.de/File/abbg01.png);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url(https://anaboard.de/File/abbg01.png);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url(https://anaboard.de/File/abbg01.png);
    background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url(https://anaboard.de/File/abbg01.png);
    background-color: #00AA00;
    border-radius: 5px;
    border: 0;
    color: #fff;
    cursor: pointer;
    width: 85%;
    height: 60px;
    text-align: center;
    font-size: 1.5rem;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: -0.025em;
    margin-top: 20px;
    margin-bottom: 20px;
} 

.home-reset-password {
    text-decoration: none;
    margin-top: 15px;
} 

.home-reset-password center {
    color: var(--color_black-70);
    font-size: 1.0rem;
} 

.form-input-title {
    color: var(--color_black-60);
    font-size: 1.75rem;
    font-weight: 600;
    padding-bottom: 10px;
} 

#office-request-form-input {
    margin-bottom: 20px;
} 

#impressum {
  margin-bottom: 90px;
}

.impressum_inner {
  position: relative;
  width: 76.56%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.impressum_inner h3 {
  margin-bottom: 0;
  font-family: var(--font-family_arial-bold);
  font-weight: 600;
  font-size: 1.2rem;
  color: var(--color_dark-green-80);
}

.impressum_inner h4 {
  margin-bottom: 0;
  font-family: var(--font-family_arial-bold);
  font-weight: 600;
  font-size: 1.2rem;
}

.impressum_inner p {
  width: 90%;
  font-family: var(--font-family_trebuchet-ms);
  font-size: 1.0rem;
  color: var(--color_black-90);
}

.impress_img-container {
  min-width: 200px;
  max-width: 480px;
  height: auto;
}

.impress_img-container img {
  max-width: 100%;
  max-height: 100%;
}

#impress_disclaimer,
#impress_copyright {
  margin-top: 60px;
}

.privacy_inner {
  position: relative;
  width: 76.56%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
} 
.privacy_inner h3 {
  margin-bottom: 0;
  font-family: var(--font-family_arial-bold);
  font-weight: 600;
  font-size: 1.2rem;
  color: var(--color_dark-green-80);
} 
.privacy_inner h4 {
  margin-bottom: 0;
  font-family: var(--font-family_arial-bold);
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--color_black-80);
} 
.privacy_inner p,
.privacy_inner li {
  padding-left: 32px;
  width: 90%;
  font-family: var(--font-family_trebuchet-ms);
  font-size: 1.0rem;
  color: var(--color_black-90);
} 
.privacy_inner li {
  margin-top: 10px;
} 
.part {
  margin-top: 60px;
} 
@media screen and (max-width: 980px) {
    #main-o-portal {
        gap: 20px !important;
    }
    .main-overview-patients {
        width: 75%;
    }
    .main-overview-forms {
        width: 75%;
    }
    .main-overview-documents {
        width: 75%;
    }
} 

@media screen and (min-width: 981px) {
    .main-overview-patients {
        width: 30%;
    }
    .main-overview-forms {
        width: 27%;
    }
    .main-overview-documents {
        width: 27%;
    }
} 

.main-overview-patients {
    min-width: fit-content;
    height: fit-content;
    background-color: var(--color_black-10);
    border-radius: 1.5rem;
    margin: 24px 16px 24px 0px;
    padding: 24px 48px 24px 48px;
} 

.main-overview-forms {
    min-width: 224px;
    padding-top: 20px;
    align-self: center;
} 

.main-overview-documents {
    min-width: 224px;
    padding-top: 20px;
    align-self: center;
} 

.main-patients-list {
    margin-top: 10px;
    margin-bottom: 20px;
} 

.main-patients-list-patient {
    display: flex;
    flex-direction: row;
    text-decoration: none;
} 

.descriptive-subheadline {
    color: var(--color_dark-green-100);
    font-size: 2.1rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
} 

.main-patients-patient-icon {
    height: 60px;
    width: 60px;
    margin-right: 10px;
} 

.main-patients-patient-name {
    margin: 0;
    padding: 0;
    font-family: var(--font-family_arial-helv);
    font-size: 1.4rem;
    align-self: center;
    color: var(--color_black-80);
} 

.main-patients-settings {
    display: flex;
    flex-direction: row;
    text-decoration: none;
} 

.main-patients-settings-icon {
    height: 60px;
    width: auto;
    margin-right: 10px;
} 

.main-patients-settings-text {
    margin: 0;
    padding: 0;
    font-family: var(--font-family_arial-helv);
    font-size: 1.5rem;
    align-self: center;
    color: var(--color_black-90);
} 

.main-category-background-img {
    background-color: #00A600;
    width: 100%;
    height: auto;
    text-align: left;
} 

.main-category-description {
    position: relative;
    width: 100%;
    height: auto;
} 

.main-category-description-text {
    position: absolute;
    top: -120px;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px 5px 5px 5px;
    text-align: center;
    background-color: rgba(255,255,255,0.9);
    color: var(--color_black-90);
    text-shadow: 0.5px 0.5px 0.5px #000000;} 

#main-forms-task-counter, 
#main-docs-task-counter {
    width: 100%;
    height: auto;
    top: -60px;
} 

#main-forms-task-counter-count, 
#main-docs-task-counter-count {
    width: 2rem;
    height: 2rem;
    padding: 0.4em 0.4em 0.4em 0.4em;
    right: 15px;
    filter: drop-shadow(0 0 0.3em rgba(0, 0, 0, 0.5));
} 

.task-counter {
    position: relative;
} 

.task-counter-count {
    position: absolute;
    display: inline-block;
    margin: 0;
    border-radius: 50%;
    text-align: center;
    background-color: #FF0000;
    color: var(--color_white);
    font-weight: 600;
} 

#forms-o-portal {
    flex-wrap: nowrap !important;
} 

.forms-form-list {
    min-width: fit-content;
    width: 40%;
    height: fit-content;
    align-self: flex-start;
    padding-top: 50px;
} 

.forms-form-info {
    margin-top: 20px; 
    padding-left: 10px; 
} 

#forms-patient-task-counter-count {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.2em 0.2em 0.2em 0.2em;
    right: -45px;
    top: 10px;
} 

.forms-patients-back {
    display: flex;
    flex-direction: row;
    text-decoration: none;
} 

.forms-list-item-info {
    display: flex;
    align-items: center;
    flex-direction: row;
} 

#forms-list-form-info {
    padding-left: 2.0rem;
    flex-wrap: nowrap;
} 

#forms-list-office-icon, 
#forms-list-form-icon, 
#forms-patients-back-icon, 
#forms-list-form-start-icon {
    margin-right: 10px; 
} 

#forms-list-office-info {
    flex-wrap: wrap; 
    margin-bottom: 10px; 
} 

#forms-list-office-date {
    margin-left: 10px; 
    font-size: 1.0rem !important; 
} 

.forms-list-office-text {
    margin: 0; 
    font-family: var(--font-family_arial-helv); 
    font-size: 1.4rem; 
    align-self: center; 
    color: var(--color_black-90);
} 

.forms-list-form-name {
    margin: 0; 
    font-family: var(--font-family_arial-helv); 
    font-size: 1.0rem; 
    align-self: center; 
    color: var(--color_black-70);
} 

#forms-list-form-start {
    margin-top: 10px;
    padding-left: 130px;
    text-decoration: none;
    flex-wrap: nowrap;
    padding-left: 4.0rem;
} 

.forms-list-form-start-text {
    margin: 0; 
    font-family: var(--font-family_arial-helv); 
    font-size: 1.4rem; 
    align-self: center; 
    color: var(--color_black-80);
    font-weight: 600;
} 

#forms-list-no-form {
    margin-top: 10px;
    margin-left: 10px;
} 

@media screen and (max-width: 980px) {
    .main-overview-patients {
        align-self: center;
    }
    .forms-form-list {
        align-self: center;
    }
} 

@media screen and (min-width: 981px) {
    .forms-form-list {
        align-self: flex-start;
    }
} 

#docs-list-document-icon {
    margin-right: 10px; 0;
} 

#docs-list-document-name {
    margin: 0;
    font-family: var(--font-family_arial-helv);
    font-size: 1.2rem;
    align-self: center;
    color: var(--color_black-70);
    font-weight: 600;
    text-decoration: none;
} 

#docs-list-document-date {
    margin: 0;
    font-family: var(--font-family_arial-helv);
    font-size: 1.0rem;
    align-self: center;
    color: var(--color_black-70);
} 

#docs-task-counter {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 10px;
    align-self: end;
} 

#docs-task-counter-count {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.2em 0.2em 0.2em 0.2em;
    right: -45px;
    top: 10px;
} 

.settings-patients-change-password-button {
    display: flex;
    flex-direction: row;
    text-decoration: none;
    margin-bottom: 15px;
} 

@media screen and (max-width: 980px) {
    .settings-setting-list {
        align-self: center;
        width: 75%;
    }
} 

@media screen and (min-width: 981px) {
    .settings-setting-list {
        width: 50%;
    }
} 

.settings-setting-list {
    height: fit-content;
}
.settings-current-patient {
    display: flex;
    flex-direction: column;
}
.settings-current-patient-identity {
    display: flex;
    flex-direction: row;
    margin-top: 15px;}
.settings-patient-address {
    padding-left:4.0rem;
}
.settings-patient-street,.settings-patient-city {
    margin: 0;
    font-family: var(--font-family_arial-helv);
    font-size: 1.0rem;
    align-self: center;
    color: var(--color_black-70);
}
#settings-patient-office-city {
    margin-left: 10px;
    font-size: 1.0rem !important;
}
.settings-patient-office {
    margin-top: 60px;
}
#settings-patient-office-info {
    margin-top: 10px;
}
.settings-account-message {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.settings-account-message-text {
    margin: 0;
    font-family: var(--font-family_arial-helv);
    font-size: 1.0rem;
    align-self: center;
    color: var(--color_black-70);
}
.get-document-obj {
    width: 100%;
    height: 100%;
    min-width: 320px;
    min-height: 1175px;
    margin-bottom: 150px;
}