/* CSS Document */
@charset "utf-8";
@font-face {font-family:'OpenSans'; src:url('../fonts/OpenSans-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap;}
@font-face {font-family:'OpenSans'; src:url('../fonts/OpenSans-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap;}
@font-face {font-family:'Cookie'; src:url('../fonts/Cookie-Regular.ttf') format('truetype'); font-weight:400; font-style:italic; 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;}
audio, video, div, h1, h2, h3, h4, h5, h6, p, table, iframe, img {position:relative; display:block; box-sizing:border-box;}
body, button, textarea, input, table {font-family: 'OpenSans', Arial, sans-serif;}
body {margin:0; padding:0; font-size:18px; line-height:28px; font-weight:400; background:#fffafb; color:#777070; overflow-x:hidden !important;}
a, a:focus {color:#369d56; text-decoration:none; outline:none;}
a:hover {color:#369d56; outline:none;}

h1, h2, h3, h4, h5, h6 {font-weight:400;}
h1, h2, h3, .green {color:#369d56;}
h1 {font-size:42px; line-height:54px; margin:26px 0; padding:0;}
h2 {font-size:42px; line-height:54px; margin:26px 0; padding:0;}
h3 {font-size:38px; line-height:48px; margin:26px 0 60px; padding:0;}
h4 {font-size:54px; line-height:60px; margin:36px 0 26px; padding:0; font-family:'Cookie', Georgia, serif; font-style:italic;}
h5 {font-size:21px; line-height:30px; margin:26px 0; padding:0 0 0 26px; color:#444040; border-left:5px solid #369d56;}
h6 {font-size:42px; line-height:48px; margin:26px auto; padding:0; font-family:'Cookie', Georgia, serif; font-style:italic;}

strong {font-size:120%;}
em {font-size:80%; line-height:80%; font-style:italic;}

p {padding:0; margin:0 0 26px;}
li {margin-bottom:26px;}
ul, 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 10px 0; text-align:left;}
td.tag {width:30px;}

hr {widt:100%; height:3px; padding:0; margin:60px 0; border:0 none; clear:both; background:#369d56; background-image:linear-gradient(90deg,#369d56 0,#9c7 100%);}

.logo {width:100%; max-width:260px; padding:0; margin:0 10px 0 0; float:left;}
.minilogo {width:140px; padding:0; margin:0 12px 0 0; float:left; display:none;}
.banner {width:100%; padding:0; margin:0; clear:both;}
.pflege {padding:0 0 0 80px; margin:0 auto; width:100%; max-width:800px; border-radius:50%;}
.pflege1 {padding:0; margin:0 auto; width:80%; max-width:400px; border-radius:50%;}

.main {width:90%; max-width:1000px; padding:60px 0; margin:0 auto;}
.bigmain {width:90%; max-width:1400px; padding:60px 0; margin:0 auto;}
.left {float:left; text-align:left;}
.right {right:0; text-align:right;}
.center {text-align:center;}
.inset {padding-left:80px;}
.clear {clear:both; margin-bottom:26px;}

.drittel {width:32%; margin:0 2% 0 0; float:left;}
.doppel {width:66%; margin:0 2% 0 0; float:left;}
.halb {width:48%; margin:0 4% 0 0; float:left;}
.last {margin-right:0;}

.header {width:100%; height:200px; padding:10px 3%; margin:0;}
.shadow {background-color:#fff; 
-webkit-box-shadow: 0px 0px 16px 0px rgba(218,218,218,0.33);
-moz-box-shadow: 0px 0px 16px 0px rgba(218,218,218,0.33);
box-shadow: 0px 0px 16px 0px rgba(218,218,218,0.33);
}
.rosa {background:#ffeaf4; box-shadow:inset 0 0 20px #fff; color:#774050;}

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

.danke {width:100%; height:auto; padding:30px 5% 20px; margin:0 auto; text-align:center; background:rgba(255,255,255,0.9); z-index:400; display:none;}
.wichtig {width:100%; padding:48px 5% 36px; margin:0 auto 28px; background:#bd0d5b; color:#fff;}

.footer {width:100%; padding:48px 5%; margin:0; line-height:30px; text-align:center; color:#ccc; clear:both;}
.footer a, .footer a:link, .footer a:visited {color:#ccc; text-decoration:none; font-weight:400;}
.footer a:hover {color:#369d56; text-decoration: none;}
.footer p {margin:0;}

.navi {margin:0; padding:80px 0 0; float:right; z-index:300;}
.navi ul {position:relative; margin:0; padding:0; text-transform:uppercase;}
.navi ul li {position:relative; margin:0 5px; padding:0; list-style:none; vertical-align:top; display:inline-block;}
.navi ul li:last-child {margin-right:0px;}
.navi ul li a {padding:0 10px; margin:0; display:block; color:#a0c1c0; text-decoration:none;}
.navi ul li a:hover, .navi ul li.active a {color:#369d56; text-decoration:none;}

.leistungen {padding:0;}
.leistungen li {padding:0; margin:0 0 24px; font-size:20px; list-style-type:none; list-style-position:inside;}
.leistungen li a {border-left:5px solid #369d56; padding:10px 10px 10px 26px; margin:0; width:85%; display:block; box-sizing:border-box;}
.leistungen li a:hover {color:#fff; background-image:linear-gradient(90deg,#369d56 0,#9c7 100%); padding:10px 10px 10px 30px; 
width:90%; transition:padding 0.3s, width 0.3s;}

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

.totop {position:fixed; bottom:15px; right:15px; width:2px; height:2px; padding:15px 22px 25px 19px; margin:0; 
	border-radius:50%; background:#d9b; z-index:700; opacity:0.3; 
    filter: alpha(opacity=30);} /* For IE8 and earlier */
.totop:hover {opacity:0.8;
    filter: alpha(opacity=80);} /* 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);
}

form {margin:30px 0 0;}
select {height:24px; border:0; padding:0 10px 2px; margin-bottom:12px;}
textarea, input.zeile {width:100%; padding:8px 15px; margin:0 auto 12px; border:1px solid #f2f2f2; border-radius:3px; background:#fafafa;
color:#5d7675; font-size:16px; line-height:24px; font-weight:400; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;}
textarea {height:auto; min-height:200px; resize:vertical;}
input.zeile {height:45px;}
.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.button, a.button, a.telbutton {width:max-content; height:auto; display:block; padding:10px 20px 12px; margin:20px auto; 
border:0 none; border-radius:4px; font-size:22px; line-height:30px; font-weight:700; text-transform:none; text-align:center;
color:#fff; text-decoration:none; background:#369d56; background-image:linear-gradient(10deg,#369d56 0,#9c7 100%); cursor:pointer; 
}
input.button:hover, a.button:hover, a.telbutton:hover {color:#fff; text-decoration:none; background-image:linear-gradient(10deg,#36bd56 0,#9c7 100%);}

a.telbutton {margin:70px 20px; float:right; font-size:18px; line-height:24px; z-index:501;}
a.telbutton img {margin:0 10px 0 0; padding:0; width:24px; float:left;}

.headerbuttons {float:right; display:inline-block;}

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

@media (max-width: 1200px) {
.navi ul li {margin:0;}
.navi ul li span.nodis {display:none;}
}
@media (max-width: 1024px) {
a.telbutton {position:absolute; margin:0; top:5px; right:0;}
.header {padding:20px 5% 20px; height:130px;}
.logo {display:none;}
.minilogo {display:block;}
.navi {float:left; border-left:2px #f5f0f0 solid; padding:4px 0 0; text-transform:none; line-height:28px;}
.navi ul li {display:block;}
.banner {height:400px;}
.inset {padding-left:60px;}
.pflege {padding:0; margin:0 auto; width:80%; max-width:400px;}
h1 br {display:none;}
iframe {height:400px;}
}
@media (max-width: 800px) {
.banner {display:none;}
.minibanner {display:block;}
.pflege {padding:0px; width:80%;}
.textmiddle {display:block;}
.halb, .drittel, .doppel {width:100%; margin:0 auto; padding:0; float:none;}
.footer, .main {padding-top:42px; padding-bottom:30px;}
hr {margin:50px 0 40px;}
}
@media (max-width: 700px) {
body {font-size:16px; line-height:22px;}
a.telbutton {padding:10px 12px 12px;}
a.telbutton span.nodis {display:none;}
a.telbutton img {display:block; margin:0;}
.wichtig {padding:30px 5% 10px;}
.footer, .main {padding-top:20px; padding-bottom:20px;}
.inset  {padding-left:30px;}
h1, h2, h3 {font-size:30px; line-height:36px;}
h1, h2, h3 { 
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
-moz-hyphenate-limit-chars: auto 5;
-o-hyphenate-limit-chars: auto 5;
-webkit-hyphenate-limit-chars: auto 5;
-ms-hyphenate-limit-chars: auto 5;
hyphenate-limit-chars: auto 5;
-moz-hyphenate-limit-lines: 2;
-o-hyphenate-limit-lines: 2;
-webkit-hyphenate-limit-lines: 2;
-ms-hyphenate-limit-lines: 2;
hyphenate-limit-lines: 2;
}
}
@media (max-width: 370px) {
.headerbuttons {display:none;}
}
@media (max-width: 320px) {
.minilogo {width:110px;}
.navi ul li a {padding:0 0 0 10px;}
}
@media (max-width: 280px) {
.navi ul {text-transform:none;}
}