/* CSS Document */
@charset "utf-8";
@font-face {font-family:'Lato'; src:url('../fonts/Lato-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap;}
@font-face {font-family:'Lato'; src:url('../fonts/Lato-Italic.ttf') format('truetype'); font-weight:400; font-style:italic; font-display:swap;}
@font-face {font-family:'Lato'; src:url('../fonts/Lato-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap;}
html body *:focus {outline:none;}
html { /* killing 300ms touch delay in IE */
-ms-touch-action: manipulation;
touch-action: manipulation;}
html {font-size:100%; scroll-behavior:smooth;}
html, body {width:100%; margin:0; padding:0; background:#fff;}
audio, video, div, iframe, img, input, textarea, table, p, ul, ol {
	position: relative;
	display: block;
	box-sizing: border-box;
}
body, button, input, textarea, select, table {font-family:Lato,Arial,sans-serif; font-size:18px; line-height:30px; font-weight:400; color:#444048;}
a, a:focus, a:hover {color:inherit; text-decoration:none; outline:none;}

h1, h2, h3, h4, h5, h6 {display:block; clear:both; color:#111; box-sizing:border-box;}
h1 {font-size:42px; line-height:56px; margin:30px 0 48px; padding:0;}
h2 {font-size:42px; line-height:56px; margin:30px 0 48px; padding:0; color:#ff7a4c;}
h3 {font-size:36px; line-height:42px; margin:30px 0 48px; padding:0;}
h4 {font-size:24px; line-height:36px; margin:30px 0; padding:0;}
h5 {font-size:20px; line-height:32px; margin:30px 0; padding:0;}
h6 {position:relative; padding:15px 30px; margin:0 0 20px 15%; font-size:48px; line-height:60px; width:max-content; background:rgba(0,50,55,0.55); color:#fff;}

.underline::after {content:""; display:block; padding-top:10px; width:100px; border-bottom:3px solid #ff7a4c;}
.underline:hover::after {transition:all 0.3s; width:100%;}

p {padding:0; margin:0 0 30px;}
ul, ol {margin-bottom:30px;}
.nomarbot {margin-bottom:0;}
li {margin-bottom:10px;}
ul, ol, li {text-align:left;}
table {width:100%; padding:0; margin:0 0 26px; border-collapse:collapse; text-align:left;}
td {vertical-align:top; padding:0 20px 0 0; text-align:left;}
td.tag {width:30px;}

.pflemedix {color:#111;}
.orange {color:#ff7a4c;}
.pflege {background:#f9eeea;}
.intensivpflege {background:#efd9cf;}
.light {background:#f4f6f8; color:#111;}
.dark {background:#624f64; color:#fff;}
.dark h3 {color:#fff;}
.herz {background-image:url(../images/herzen.png); background-position:94% 10%; background-repeat:no-repeat; background-attachment:fixed;}

.bigger {font-size:140%;}
.minitext {font-size:65%;}
strong {font-weight:700;}

.navi {position:sticky; top:0; left:0; margin:0; padding:0; height:154px; background:rgba(255,255,255,0.95); z-index:888; backdrop-filter:blur(4px);
box-shadow:0px 0px 10px rgba(0,0,0,0.08);}

.topnavi {position:absolute; right:0; margin:0; padding:10px 0 0; width:470px; height:50px; border-bottom:1px solid #eee; z-index:100;}
.toptel, .topmail {width:max-content; height:30px; margin:0 30px 0 5px; padding:0 0 0 45px; display:inline-block; line-height:32px; background-size:30px 30px;}
.toptel {background:url(../images/icons/phone.svg) 0 0 no-repeat;}
.topmail {background:url(../images/icons/mail.svg) 0 0 no-repeat;}
.social {width:30px; height:30px; display:inline-block; padding:0; margin:22px 30px 0 0;}

.mainnavi {position:absolute; top:105px; right:20px; margin:0; padding:0; font-size:20px; line-height:30px; font-weight:700; z-index:900 !important;}
.mainnavi li {position:relative; margin:0 20px; padding:0; list-style:none; vertical-align:top; display:inline-block;}
.mainnavi li a {padding:4px 10px 8px; margin:0; height:30px; color:#111; display:block; box-sizing:border-box; cursor:pointer;}
.mainnavi li a:hover {color:#ff7a4c;}

.mainnavi li ul {position:absolute; top:30px; left:-10px; margin:0; padding:30px 0 20px; z-index:901 !important; background:rgba(255,255,255,0.9); display:none;}
.mainnavi li ul li {margin:0; padding:0; display:block;}
.mainnavi li ul li a {padding:10px 20px; margin:0; height:auto;}
.mainnavi li:hover ul {display:block;}

input[type="checkbox"].opennavi:checked ~ .mainnavi {transform:translateX(0);}
input[type=checkbox].opennavi {transition:all 0.3s; box-sizing:border-box; display:none;}
.sidebarIconToggle {position:absolute; top:10px; right:30px; width:22px; height:22px; box-sizing:border-box; z-index:99; cursor:pointer; display:none;
transition:all 0.3s; z-index:999;}
.spinner {position:absolute; width:100%; top:8px; height:3px; background:#111; box-sizing:border-box; transition:all 0.3s;}
.horizontal {position:relative; float:left; margin-top:3px; box-sizing:border-box; transition:all 0.3s;}
.diagonal.part-1 {position:relative; float:left; box-sizing:border-box; transition:all 0.3s;}
.diagonal.part-2 {position:relative; float:left; box-sizing:border-box; transition:all 0.3s; margin-top:3px;}
input[type=checkbox].opennavi:checked ~ .sidebarIconToggle > .horizontal {box-sizing:border-box; transition:all 0.3s; opacity:0;}
input[type=checkbox].opennavi:checked ~ .sidebarIconToggle > .diagonal.part-1 {box-sizing:border-box; transition: all 0.3s; margin-top:8px; transform: rotate(135deg);}
input[type=checkbox].opennavi:checked ~ .sidebarIconToggle > .diagonal.part-2 {box-sizing:border-box; transition:all 0.3s; margin-top:-9px; transform: rotate(-135deg);}

.header {padding:0; margin:0; color:#fff; font-weight:700; background-size:100%; background-position:center center; background-repeat:no-repeat;}
.banner {width:100%; height:auto; padding:0; margin:0; clear:both; }

.header img.big {display:none;}
.header img.mini {display:block;}

.pflegedienst {background-image:url(../images/Pflegedienst-Beatmungspflege_mini.jpg);}
.leistungen {background-image:url(../images/Pflegedienst-Leistungen_mini.jpg);}
.kinder {background-image:url("../images/Pflegedienst-Kinderintensivpflege_mini.jpg");}
.erwachsenen {background-image:url(../images/Pflegedienst-Intensiv-und-Beatmungspflege_mini.jpg);}
.patienten {background-image:url(../images/Pflegedienst-Patientenuebernahme_mini.jpg);}
.team {background-image:url(../images/Pflegedienst-Team_mini.jpg);}
.job {background-image:url(../images/Pflegedienst-Job_mini.jpg);}
.kontakt {background-image:url(../images/Pflegedienst-Kontakt_mini.jpg);}

.textbanner {width:80%; max-width:1400px; padding:100px 0; margin:120px auto 220px; overflow:visible; background:url(../images/x.jpg) fixed 50% / cover !important;}
.bannercontent {width:80%; max-width:800px; margin:100px auto -200px !important; padding:50px 8%; background:#111; color:#fff;}
.bannercontent h2, .bannercontent h3, .bannercontent h4 {color:#fff;}

img {max-width:100%;}
.logo {position:absolute; top:10px; left:4%; width:270px; padding:0; margin:0; display:block; box-sizing:border-box; z-index:800 !important;}
.personal {width:100%; max-width:300px; padding:0; margin:0 0 30px; text-align:center; border-radius:7px;}
.sehrgut {width:140px; height:140px; margin:0 auto;}
.drittel .sehrgut {margin-top:-30px;}

.content {width:92%; max-width:1000px; padding:100px 0; margin:0 auto;}
.maxcontent {width:92%; max-width:1400px; padding:100px 0; margin:0 auto;}
.nospace {padding:0;}

.center {text-align:center;}
.clear {clear:both;}
.gaclear {clear:both; margin-bottom:-40px;}

.drittel {width:30%; margin:0 5% 0 0; float:left;}
.doppel {width:65%; margin:0 5% 0 0; float:left;}
.halb {width:48%; margin:0 4% 0 0; float:left;}

.halbbildright, .halbbildleft {width:50%; margin:0; padding:0; display:inline-block;}
.halbbildright {float:right;}
.halbbildleft {float:left;}
.obertextleft, .obertextright {position:absolute; top:160px; width:60%; padding:100px 100px 80px; color:#444048;
background:rgba(255,255,255,0.8); box-shadow:10px 15px 20px rgba(0,0,0,0.04); backdrop-filter:blur(4px);}
.obertextleft h3, .obertextright h3 {margin:0 0 24px; color:#444048;}
.obertextleft {left:0;}
.obertextright {right:0; width:55%; padding:100px 100px 60px 120px;}
.topspace {height:40px;}

.stimmen {font-style:italic;}
.quote {width:120px; margin:0 auto 0 40px;}

.drittelbox {width:33%; margin:40px 0.5% 40px 0; padding:40px 50px 60px; background:#faf6f9; border:0 none; float:left;}
.whiteicon {width:160px; margin:10px 0 20px; padding:0px; box-shadow:-5px -5px 8px rgba(255,255,250,1); border-radius:30px; overflow:visible;}
.whiteicon img {width:160px; margin:0; padding:20px; box-shadow:5px 5px 8px rgba(0,0,11,0.08); border-radius:30px;}

.darkbox {margin:0; padding:40px 50px 60px; background:#624f64; color:#fff;}
.darkbox h4 {color:#fff; clear:none; display:inline-block;}
.darkicon {width:160px; margin:10px 40px 20px 0; padding:0px; box-shadow:-5px -5px 6px rgba(255,255,250,0.1); border-radius:30px; overflow:visible; float:left;}
.darkicon img {width:160px; margin:0; padding:20px; box-shadow:5px 5px 8px rgba(0,0,11,0.2); border-radius:30px;}

.last {margin-right:0;}
.left {margin-left:0 !important;}
.right {text-align:right;}

.weiter {display:block; padding:0 0 0 12px; border-left:6px solid #111; color:#111; font-size:16px; font-weight:400;
-webkit-transition: border-width 0.2s ease-in-out;
-moz-transition: border-width 0.2s ease-in-out;
transition: border-width 0.2s ease-in-out;
}
.weiter:hover {border-left:30px solid #111;}

.footer {width:100%; clear:both; background:#504050;}
.footer, .footer h2, .footer h3 {color:#fff;}
.copyright {font-size:14px; color:#a0a8af;}
.footer a, .footer a:link, .footer a:visited {color:#inherit; text-decoration:none;}

hr {display:block; height:1px; border:0 none; background:#a0a8af; padding:0; margin:40px 0;}

.danke {position:absolute; top:0; left:0; width:100%; height:auto; padding:30px 5% 20px; margin:0 auto; text-align:center; 
background:#624f64; color:#fff; z-index:9001; display:none;}
.danke h2 {color:#fff;}

.cook {position:fixed; top:0; left:0; width:100%; height:auto; padding:30px 2% 20px; margin:0 auto;
background:rgba(0,0,0,0.9); font-size:20px; line-height:30px; color:#fff; text-align:center; z-index:1000; display:none;}

iframe {width:100%; height:640px; padding:0; margin:0; clear:both;}

form {margin:30px 0 0;}
textarea, input.zeile, select {width:100%; padding:10px 15px 8px; margin:0 auto 30px; border-radius:5px; background:rgba(255,255,255,0.7);
border-top:1px solid #dfe8e8; border-left:1px solid #dfe8e8; border-bottom:1px solid #fff; border-right:1px solid #fff;}
textarea {height:auto; min-height:200px; resize:vertical;}
select {line-height:30px; padding:16px 11px 14px;}
.zeile:focus::-webkit-input-placeholder {color:transparent;}
.zeile:focus::-moz-placeholder {color:transparent;}
.zeile:-moz-placeholder {color:transparent;}
textarea:focus::-webkit-input-placeholder {color:transparent;}
textarea:focus::-moz-placeholder {color:transparent;}
textarea:-moz-placeholder {color:transparent;}
input.honey {visibility:hidden; display:none;}

input.checky {display:none;}
input.checky + label span {position:relative; display:inline-block; margin:-2px 10px 0 0; vertical-align:middle; cursor:pointer;
width:25px; height:25px; background:#fff; border:1px solid #ddd; border-radius:5px;}
input.checky:checked + label {position:relative; cursor:pointer;}
input.checky:checked + label span {box-shadow:inset 0px 0px 0px 2px #fff;}
input.checky:checked + label span::after {position:absolute; left:0; top:-2px; opacity:1; 
content:"✔"; color:#111; font-size:30px; line-height:30px; font-weight:700; text-align:center;}

input.button, a.button {width:max-content; height:auto; display:block; padding:12px 30px 12px; margin:40px auto 20px; 
font-size:18px; line-height:30px; font-weight:700; text-decoration:none; text-align:center; color:#fff; cursor:pointer; 
background:#ff7a4c; box-shadow:1px 5px 8px rgba(0,0,0,0.1); border:0 none; border-radius:30px; 
-webkit-transition: box-shadow 0.12s ease-in-out;
-moz-transition: box-shadow 0.12s ease-in-out;
transition: box-shadow 0.12s ease-in-out;
}
a.darkbutton {background:#624f64;}

a.telbutton, a.darkbutton {letter-spacing:0.1em;}
input.button:hover, a.button:hover, a.telbutton:hover, a.darkbutton:hover {text-decoration:none; box-shadow:1px 5px 8px rgba(0,0,0,0.15);}
a.telbutton img, a.darkbutton img {margin:0 10px 0 0; padding:0; width:30px; float:left;}
a.button.topspace {margin-top:60px;}
a.topbutton {padding:8px 20px; margin:0 3%; display:inline-block; line-height:20px; font-weight:400;}
a.topbutton:hover {padding:8px 22px; margin:0 3%; display:inline-block;}

.totop {position:fixed; bottom:15px; right:15px; width:2px; height:2px; padding:15px 22px 25px 19px; margin:0; 
border-radius:50%; background:#ff7a4c; z-index:999; opacity:0.3; filter: alpha(opacity=30);} /* For IE8 and earlier */
.totop:hover {opacity:0.5; filter: alpha(opacity=50);} /* For IE8 and earlier */
.totop i:before, .totop i:after {content:""; position:absolute; background-color:#fff; width:3px; height:9px;}
.totop i:before {-ms-transform: translate(-2px, 0) rotate(45deg); /* IE 9 */ 
 -webkit-transform: translate(-2px, 0) rotate(45deg); /* Chrome, Safari, Opera */
 transform: translate(-2px, 0) rotate(45deg);}
.totop i:after {-ms-transform: translate(2px, 0) rotate(-45deg);
 -webkit-transform: translate(2px, 0) rotate(-45deg);
 transform: translate(2px, 0) rotate(-45deg);}

/*///////////////////// ACCORDEON /////////////////////////*/

.transition, ul.accord p, ul.accord li.accor i:before, ul.accord li.accor i:after {transition: all 0.25s ease-in-out;}

.no-select, ul.accord h3 {
 -webkit-tap-highlight-color: transparent;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
ul.accord h3 {font-size:18px; line-height:26px; padding:0 60px 20px 0; margin:0;}
ul.accord p, ul.accord li.accor ul, ul.accord li.accor ul li {position:relative; overflow:hidden; transform:translate(0, 0); text-align:justify; z-index:2;}
ul.accord {list-style:none; perspective:900; padding:0 0 30px 0; margin:0;}
ul.accord li.accor ul li {list-style:disc outside; padding:0 0 0 10px; margin:0 20px 0 0; overflow:visible; text-align:left;}
ul.accord li.accor {position:relative; padding:20px 0 0 0; margin:0; border-bottom:1px solid #eee;}
ul.accord li.accor:nth-of-type(1) {animation-delay:0.5s; }
ul.accord li.accor:nth-of-type(2) {animation-delay:0.75s;}
ul.accord li.accor:nth-of-type(3) {animation-delay:1s;}
ul.accord li.accor i {position: absolute; transform: translate(-6px, 0); margin-top:12px; right:10px;}
ul.accord li.accor i:before, ul.accord li.accor i:after {background-color:#111; content:""; position:absolute; width:3px; height:9px;}
ul.accord li.accor i:before {
 -ms-transform: translate(-2px, 0) rotate(45deg); /* IE 9 */
 -webkit-transform: translate(-2px, 0) rotate(45deg); /* Chrome, Safari, Opera */
 transform: translate(-2px, 0) rotate(45deg);
}
ul.accord li.accor i:after {
 -ms-transform: translate(2px, 0) rotate(-45deg);
 -webkit-transform: translate(2px, 0) rotate(-45deg);
 transform: translate(2px, 0) rotate(-45deg);
}
ul.accord li.accor input[type=checkbox] {position:absolute; width:100%; height:100%; z-index:1; opacity:0; cursor:pointer; z-index:800;}
ul.accord li.accor input[type=checkbox]:checked ~ h4,
ul.accord li.accor input[type=checkbox]:checked ~ p,
ul.accord li.accor input[type=checkbox]:checked ~ ul,
ul.accord li.accor input[type=checkbox]:checked ~ ol,
ul.accord li.accor input[type=checkbox]:checked ~ img,
ul.accord li.accor input[type=checkbox]:checked ~ table {
 margin:0; max-height:0; opacity:0; display:none;
 transform: translate(0, 50%);
}
ul.accord li.accor input[type=checkbox]:checked ~ i:before {
 -ms-transform: translate(2px, 0) rotate(45deg);
 -webkit-transform: translate(2px, 0) rotate(45deg);
 transform: translate(2px, 0) rotate(45deg);
}
ul.accord li.accor input[type=checkbox]:checked ~ i:after {
 -ms-transform: translate(-2px, 0) rotate(-45deg);
 -webkit-transform: translate(-2px, 0) rotate(-45deg);
 transform: translate(-2px, 0) rotate(-45deg);
}

@keyframes flipdown {
 0% {
 opacity: 0;
 transform-origin: top center;
	-ms-transform: rotateX(-90deg);
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
 }
 5% {
 opacity: 1;
 }
 80% {
 -ms-transform: rotateX(8deg);
	-webkit-transform: rotateX(8deg);
	transform: rotateX(8deg);
 }
 83% {
 -ms-transform: rotateX(6deg);
	-webkit-transform: rotateX(6deg);
	transform: rotateX(6deg);
 }
 92% {
 -ms-transform: rotateX(-3deg);
	-webkit-transform: rotateX(-3deg);
	transform: rotateX(-3deg);
 }
 100% {
 -ms-transform-origin: top center;
 -webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
 }
}

/*///////////////////// RESPONSIVE ////////////////////*/

@media (min-width: 801px) {
.header img.big {display:block;}
.header img.mini {display:none;}
.pflegedienst {background-image:url(../images/Pflegedienst-Beatmungspflege.jpg);}
.leistungen {background-image:url(../images/Pflegedienst-Leistungen.jpg);}
.kinder {background-image:url(../images/Pflegedienst-Kinderintensivpflege.jpg);}
.erwachsenen {background-image:url(../images/Pflegedienst-Intensiv-und-Beatmungspflege.jpg);}
.patienten {background-image:url(../images/Pflegedienst-Patientenuebernahme.jpg);}
.team {background-image:url(../images/Pflegedienst-Team.jpg);}
.job {background-image:url(../images/Pflegedienst-Job.jpg);}
.kontakt {background-image:url(../images/Pflegedienst-Kontakt.jpg);}
}
@media (max-width: 1300px) {
.mainnavi li a {font-size:18px;}
.mainnavi li {margin:0 10px;}
.mainnavi li a {padding:4px 5px 8px;}
.mainnavi li ul {left:-15px;}
.mainnavi li ul li {margin:0;}
.obertextright {top:160px;}
.drittelbox, .darkbox {width:100%; margin:40px auto 0; padding:20px 40px 20px; float:none;}
.drittelbox h4, .darkbox h4 {clear:none; display:inline-block; width:auto;}
.whiteicon, .darkicon {margin:20px 40px 30px 0; float:left;}
}
@media (max-width: 1240px) {
.content {padding:60px 0;}
h6 {padding:15px 20px; font-size:30px; line-height:42px;}
}
@media (max-width: 1100px) {
.obertextleft, .obertextright {top:50px;}
}
@media (max-width: 900px) {
iframe {height:400px;}
.halbbildleft, .halbbildright {width:100%; float:none;}
.obertextleft, .obertextright {position:relative; top:auto; left:0; width:90%; padding:80px 40px 60px; margin:-60px auto;}
.topspace {height:0px;}
.halb, .drittel, .doppel {width:100%; margin:0 auto; padding:0; float:none;}
.drittel .sehrgut {margin:0;}
.futterblock1, .futterblock2 {width:100%;}
.right {text-align:left;}
.gallery img {width:50%;}
.starli li {width:48%; margin:20px 0.5%;}
h1, h2 {font-size:32px; line-height:38px;}
h3 {font-size:24px; line-height:32px;}
h4 {font-size:20px; line-height:28px;}
h5 {font-size:18px; line-height:26px;}
h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {display:none;}
h4.brdis br {display:inline-block;}
}
@media (max-width: 800px) {
body {font-size:17px; line-height:28px;}
html, body {overflow-x:clip;}
.logo {width:185px;}
.navi {height:108px;}
.topnavi {width:200px; border-bottom:0 none;}
.toptel, .topmail {margin:0 15px; padding:0; width:30px;}
.nodis {display:none;}
.sidebarIconToggle {display:block;}
.mainnavi {top:50px; right:0; width:100%; max-width:330px; padding:8px 0 16px; margin:0; font-size:17px; display:block; box-sizing:border-box; background:#624f64; 
transform:translateX(350px); transition:transform 600ms ease-in-out;}
.mainnavi li {display:block; padding:0; margin:0;}
.mainnavi li a {width:100%; padding:8px 24px !important; height:auto; color:#fff;}
.mainnavi li ul {position:relative; top:0; left:0; margin:0; padding:0; background:none; display:block;}
.mainnavi li ul li a {padding:8px 24px;}
}
@media (max-width: 600px) {
.content {padding:40px 0;}
.nobr br {display:none;}
h6 {padding:10px 20px; font-size:22px; line-height:30px; margin:0 0 10px 8%;}
}
@media (max-width: 460px) {
h6 {margin:0 0 10px 4%;}
.logo {width:140px; top:5px;}
.navi {height:80px;}
.topnavi {height:40px; width:150px;}
.mainnavi {max-width:240px;}
.toptel, .topmail {margin:0 8px;}
.sidebarIconToggle {right:20px;}
}
@media (max-width: 310px) {
.topnavi {display:none;}