html { height: 100%; font-family: Helvetica ,'Open Sans'; color: #fff; }
html { background: linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
html { background: -webkit-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
html { background: -moz-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
html { background: -ms-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
html { background: -o-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
html { background-attachment: fixed; }

a { outline: none; }

@media only screen and (max-width:767px) and (orientation:portrait) {
body { margin: 20px; }

input.slider, header label, header p { display: none; }

header, section div.kontakt p, section div div { box-shadow: 0 0 10px rgba(0,0,0,.5); }

header { display: none; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 99; }

header a { font-size: 36px; color: #5B6064; text-align: center; text-decoration: none; }
header a { float: left; width: 25%; padding: 20px 0; }

section p { width: 90%; padding: 5%; background-color: rgba(255,255,255,.9); color: #5B6064; font-size: 24px; }
section p span { display: inline-block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 0px solid; font-weight: bold; font-size: 36px; }
section p b { display: list-item; width: 100%; font-weight: normal; text-align: left; }

section div.kontakt p a { text-decoration: none !important; color: #5B6064; }
section div.kontakt p i { display: list-item; float: left; width: 80px; font-style: normal; list-style: none; }

section div div.home { background-position: center 25px, center 130px; background-size: 200px; background-repeat: no-repeat; }
section div div.home { background-image: url(img/logo.png), url(img/doctor.png); background-color: rgba(255,255,255,.9); }
section div div.home p { padding-top: 420px; background-color: transparent; text-align: center !important; }

section div div.leistungen { list-style: none; }

section div div.patienten span { position: relative; margin-bottom: -11px; text-align: left; }

section div div.tool { /* height: 90px; */ margin: 25px 0; background-position: 0 100px; overflow: hidden; }
section div div.tool label { float: left; width: 100%; font-size: 36px; cursor: pointer; }
section div div.tool span { display: none; }
section div div.tool p { float: left; margin: 0; padding: 20px 5%; }
section div div.tool p b { display: none; float: left; }
section div div.tool p br { display: none; }

section div div.impressum, section div div.datenschutz { margin-bottom: 20px !important; }

section div div.impressum p, section div div.policy p,
section div div.impressum p i,
section div div.impressum p span, section div div.policy p span { margin: 0; padding: 0 5%; font-size: 0; }
section div div.impressum p label, section div div.policy p label { float: left; margin: 5% 0; cursor: pointer; font-size: 36px; font-weight: bold; }

/* input#mobile-1:checked ~ section div div.tool-1 { background-image: url(img/leistungen-11.jpg); }
input#mobile-2:checked ~ section div div.tool-2 { background-image: url(img/leistungen-22.jpg); }
input#mobile-3:checked ~ section div div.tool-3 { background-image: url(img/leistungen-33.jpg); }
input#mobile-4:checked ~ section div div.tool-4 { background-image: url(img/leistungen-44.jpg); }
input#mobile-5:checked ~ section div div.tool-5 { background-image: url(img/leistungen-55.jpg); } */

input#mobile-1:checked ~ section div div.tool-1,
input#mobile-2:checked ~ section div div.tool-2,
input#mobile-3:checked ~ section div div.tool-3,
input#mobile-4:checked ~ section div div.tool-4,
input#mobile-5:checked ~ section div div.tool-5,

input#mobile-1:checked ~ section div div.tool-1 p b,
input#mobile-2:checked ~ section div div.tool-2 p b,
input#mobile-3:checked ~ section div div.tool-3 p b,
input#mobile-4:checked ~ section div div.tool-4 p b,
input#mobile-5:checked ~ section div div.tool-5 p b,

input#mobile-1:checked ~ section div div.tool-1 p br,
input#mobile-2:checked ~ section div div.tool-2 p br,
input#mobile-3:checked ~ section div div.tool-3 p br,
input#mobile-4:checked ~ section div div.tool-4 p br,
input#mobile-5:checked ~ section div div.tool-5 p br { display: inherit; height: auto; padding-top: 0px; background-position: 0 0; }

input#mobile-1:checked ~ section div div.tool-1 label { margin-bottom: 25px; }
input#mobile-2:checked ~ section div div.tool-2 label { margin-bottom: 25px; }
input#mobile-3:checked ~ section div div.tool-3 label { margin-bottom: 25px; }
input#mobile-4:checked ~ section div div.tool-4 label { margin-bottom: 25px; }
input#mobile-5:checked ~ section div div.tool-5 label { margin-bottom: 25px; }

input#mobile-6:checked ~ section div div.impressum label.mobile-6,
input#mobile-7:checked ~ section div div.datenschutz label.mobile-7,
input#mobile-8:checked ~ section div div.haftung label.mobile-8 { display: none; }

input#mobile-6:checked ~ section div div.impressum p,
input#mobile-7:checked ~ section div div.datenschutz p,
input#mobile-8:checked ~ section div div.haftung p { font-size: 24px; }

input#mobile-6:checked ~ section div div.impressum p i { font-size: 12px; }

input#mobile-6:checked ~ section div div.impressum p span,
input#mobile-7:checked ~ section div div.datenschutz p span,
input#mobile-8:checked ~ section div div.haftung p span { padding: 5% 0; font-size: 36px; }

section div.bg,
section div.kontakt,

section div div.praxis,
section div div.team,
section div div.leistungen,
section div div.patienten.info-1,
section div div.patienten.info-3,
section div div.überweisung,
section div div.ärzte,
section div div.map,
section div div.mail,

footer p,

div.jameda-widget,

a.cal { display: none; }

section div div.kontakt { display: inherit; } }

@media only screen and (max-width:767px) and (orientation:landscape) {
body { margin: 20px; }

input.slider, header label, header p { display: none; }

header, section div.kontakt p, section div div { box-shadow: 0 0 10px rgba(0,0,0,.5); }

header { display: none; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 99; }

header a { font-size: 36px; color: #5B6064; text-align: center; text-decoration: none; }
header a { float: left; width: 25%; padding: 20px 0; }

section p { width: 90%; padding: 5%; background-color: rgba(255,255,255,.9); color: #5B6064; font-size: 24px; }
section p span { display: inline-block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 0px solid; font-weight: bold; font-size: 36px; }
section p b { display: list-item; width: 100%; font-weight: normal; text-align: left; }

section div.kontakt p a { text-decoration: none !important; color: #5B6064; }
section div.kontakt p i { display: list-item; float: left; width: 80px; font-style: normal; list-style: none; }

section div div.home { background-position: center 25px, center 130px; background-size: 200px; background-repeat: no-repeat; }
section div div.home { background-image: url(img/logo.png), url(img/doctor.png); background-color: rgba(255,255,255,.9); }
section div div.home p { padding-top: 420px; background-color: transparent; text-align: center !important; }

section div div.leistungen { list-style: none; }

section div div.patienten span { position: relative; margin-bottom: -11px; text-align: left; }

section div div.tool { /* height: 90px; */ margin: 25px 0; background-position: 0 100px; overflow: hidden; }
section div div.tool label { float: left; width: 100%; font-size: 36px; cursor: pointer; }
section div div.tool span { display: none; }
section div div.tool p { float: left; margin: 0; padding: 20px 5%; }
section div div.tool p b { display: none; float: left; }
section div div.tool p br { display: none; }

section div div.impressum { margin-bottom: 20px !important; }

section div div.impressum p, section div div.policy p,
section div div.impressum p i,
section div div.impressum p span, section div div.policy p span { margin: 0; padding: 0 5%; font-size: 0; }
section div div.impressum p label, section div div.policy p label { float: left; margin: 5% 0; cursor: pointer; font-size: 36px; font-weight: bold; }

/* input#mobile-1:checked ~ section div div.tool-1 { background-image: url(img/leistungen-11.jpg); }
input#mobile-2:checked ~ section div div.tool-2 { background-image: url(img/leistungen-22.jpg); }
input#mobile-3:checked ~ section div div.tool-3 { background-image: url(img/leistungen-33.jpg); }
input#mobile-4:checked ~ section div div.tool-4 { background-image: url(img/leistungen-44.jpg); }
input#mobile-5:checked ~ section div div.tool-5 { background-image: url(img/leistungen-55.jpg); } */

input#mobile-1:checked ~ section div div.tool-1,
input#mobile-2:checked ~ section div div.tool-2,
input#mobile-3:checked ~ section div div.tool-3,
input#mobile-4:checked ~ section div div.tool-4,
input#mobile-5:checked ~ section div div.tool-5,

input#mobile-1:checked ~ section div div.tool-1 p b,
input#mobile-2:checked ~ section div div.tool-2 p b,
input#mobile-3:checked ~ section div div.tool-3 p b,
input#mobile-4:checked ~ section div div.tool-4 p b,
input#mobile-5:checked ~ section div div.tool-5 p b,

input#mobile-1:checked ~ section div div.tool-1 p br,
input#mobile-2:checked ~ section div div.tool-2 p br,
input#mobile-3:checked ~ section div div.tool-3 p br,
input#mobile-4:checked ~ section div div.tool-4 p br,
input#mobile-5:checked ~ section div div.tool-5 p br { display: inherit; height: auto; padding-top: 0px; background-position: 0 0; }

input#mobile-1:checked ~ section div div.tool-1 label { margin-bottom: 25px; }
input#mobile-2:checked ~ section div div.tool-2 label { margin-bottom: 25px; }
input#mobile-3:checked ~ section div div.tool-3 label { margin-bottom: 25px; }
input#mobile-4:checked ~ section div div.tool-4 label { margin-bottom: 25px; }
input#mobile-5:checked ~ section div div.tool-5 label { margin-bottom: 25px; }

input#mobile-6:checked ~ section div div.impressum label.mobile-6,
input#mobile-7:checked ~ section div div.datenschutz label.mobile-7,
input#mobile-8:checked ~ section div div.haftung label.mobile-8 { display: none; }

input#mobile-6:checked ~ section div div.impressum p,
input#mobile-7:checked ~ section div div.datenschutz p,
input#mobile-8:checked ~ section div div.haftung p { font-size: 24px; }

input#mobile-6:checked ~ section div div.impressum p i { font-size: 12px; }

input#mobile-6:checked ~ section div div.impressum p span,
input#mobile-7:checked ~ section div div.datenschutz p span,
input#mobile-8:checked ~ section div div.haftung p span { padding: 5% 0; font-size: 36px; }

section div.bg,
section div.kontakt,

section div div.praxis,
section div div.team,
section div div.leistungen,
section div div.patienten.info-1,
section div div.patienten.info-3,
section div div.überweisung,
section div div.ärzte,
section div div.map,
section div div.date,
section div div.mail,

footer p,

div.jameda-widget,

a.cal { display: none; }

section div div.kontakt { display: inherit; } }

@media only screen and (min-width:768px) and (orientation: landscape) {
html { color: #5B6064; }
body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; font-size: 1em; overflow: hidden; }

a { background-position: center center; background-size: cover; color: #7e1418; text-decoration: none; text-transform: uppercase; }

section, div.kontakt, div.slider, div.bg, label.tool
{ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

input.data, textarea.data { width: 60%; margin-bottom: 20px; padding: 10px 0; border: none; border-bottom: 1px dotted #999; }
input.data, textarea.data { text-align: center; color: #5B6064; font-family: 'Roboto'; font-size: 12px; }
textarea.data { height: 80px; }

label { cursor: pointer; text-align: center; z-index: 5; background-repeat: no-repeat; background-position: center center; }

label.logo { position: absolute; top: 10px; left: 5%; width: 150px; height: 62px; background-image: url(img/logo.png); background-size: 100%; }

label.time, p.time { position: absolute; bottom: 0; right: 5%; font-size: 12px; font-weight: bold; color: #78A300; text-align: right; }
label.time.red, p.time.red, p.time.red a { color: red; }

label.link { display: inline-block; padding: 45px 20px 10px; text-transform: uppercase; }
label.link:hover { color: #fff; box-shadow: 0 0 10px #999; }
label.link:hover { background: -webkit-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
label.link:hover { background: -moz-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
label.link:hover { background: -ms-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
label.link:hover { background: -o-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
label.link:hover { background: linear-gradient(top, #0C5689 0%, #00BCF9 100%); }

label.arrow { display: none; position: absolute; top: 50%; width: 45px; height: 45px; margin-top: -22.5px; }
label.arrow { transform: rotate(45deg); -webkit-transform: rotate(45deg); }

label.label { position: absolute; top: 80%; left: 80px; width: 2px; height: 2px; border-radius: 100%; }
label.label.home { margin: -42px 0 0 0; }
label.label.praxis { margin: -28px 0 0 0; }
label.label.doctor { margin: -28px 0 0 14px; }
label.label.team-1 { margin: -28px 0 0 28px; }
label.label.team-2 { margin: -28px 0 0 42px; }
label.label.leistungen { margin: -14px 0 0 0; }
label.label.tool-1 { margin: -14px 0 0 14px; }
label.label.tool-2 { margin: -14px 0 0 28px; }
label.label.tool-3 { margin: -14px 0 0 42px; }
label.label.tool-4 { margin: -14px 0 0 56px; }
label.label.tool-5 { margin: -14px 0 0 70px; }
label.label.patienten.info-1 { margin: 0; }
label.label.patienten.info-2 { margin: 0 0 0 14px; }
label.label.patienten.info-3 { margin: 0 0 0 28px; }
label.label.überweisung { margin: 14px 0 0 0; }
label.label.ärzte { margin: 14px 0 0 14px; }
label.label.map { margin: 28px 0 0 0px; }
label.label.date { margin: 28px 0 0 14px; }
label.label.mail { margin: 28px 0 0 28px; }
label.label.impressum { margin: 42px 0 0 0; }
label.label.datenschutz { margin: 42px 0 0 14px; }
label.label.haftung { margin: 42px 0 0 28px; }

header { position: fixed; top: 0; left: 0; width: 80%; padding: 0 10%; text-align: center; z-index: 4; }
header { border-bottom: 1px solid rgba(0,0,0,.5); background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.5); }
header a { display: none; }
header p { position: absolute; right: 2.5%; bottom: 10px; width: 22.5%; margin: 0; font-size: 75%; }
header p a { display: inherit; text-transform: none; outline: none; }

section { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
section label.dat { position: fixed; right: 80px; bottom: 100px; width: 50px; height: 10px; padding: 20px 0; color: #333; font-size: 8px; }
section label.dat { background-size: 50px 50px; background-image: url('img/cal.png'); line-height: 12px; text-align: center; outline: none; z-index: 99; }
section label.dat:first-line { font-size: 17px; }
section p.dat { position: fixed; right: 64px; bottom: 57px; font-size: 17px; z-index: 99; }
section div.slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; z-index: 2; }

section div.slider div { position: absolute; width: 60%; height: 60%; margin: -10px; overflow: hidden; } section div.slider div.date div { overflow-y: scroll !important; }
section div.slider div { border: 10px solid #fff; border-radius: 10px; box-shadow: 0 16px 36px -28px #000; }
section div.slider div { background-color: #fff; background-repeat: no-repeat; background-size: cover; background-position: center center; }

section div.slider div p { position: absolute; bottom: 0; width: 96%; margin: 0; padding: 20px 2% 10px; background-color: #fff; }
section div.slider div p { text-align: justify; z-index: 99; }
section div.slider div p span { text-transform: uppercase; }
section div.slider div p b { display: list-item; float: left; width: 46%; margin: 0 2%; }
section div.slider div p b { list-style: disc; font-weight: normal; text-align: left; }
section div.slider div p b.right { float: right; width: 48%; margin: 0 0 0 3%; text-align: left; }
section div.slider div p label { color: #7e1418; }

section div.slider div.top p { top: 0; }

section div.slider div article { position: absolute; bottom: 0; width: 100%; margin: 0; padding: 0; }
section div.slider div article { text-align: justify; }

section div.slider div article p { position: relative; background-color: transparent; z-index: 99; }
section div.slider div article p:before { float: left; position: relative; top: -15px; left: -100%; width: 300%; margin: 0 0 -500px -500px; padding: 50% 0; }
section div.slider div article p:before { border: 500px solid #fff; border-radius: 100%; box-shadow: inset 0 0 15px rgba(0,0,0,.2); content: ''; z-index: -1; }
section div.slider div.tool article p:before { border: 500px solid #00BCF9; box-shadow: inset 0 -5px 0 #fff; }
section div.slider div.leistungen article p:before { border: 500px solid #00BCF9; box-shadow: inset 0 -5px 0 #fff; }

section div.slider div.home { top: 23%; left: 20%; background-position: 10% 20%, 90% 10px, left top; background-size: 40%, 40%, cover; }
section div.slider div.home { background-image: url(img/logo.png), url(img/doctor.png), -webkit-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.home { background-image: url(img/logo.png), url(img/doctor.png), -moz-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.home { background-image: url(img/logo.png), url(img/doctor.png), -ms-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.home { background-image: url(img/logo.png), url(img/doctor.png), -o-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.home { background-image: url(img/logo.png), url(img/doctor.png), linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.home p { text-align: center; }

section div.slider div.praxis { top: 123%; left: 20%; background-image: url(img/praxis.jpg); }
section div.slider div.praxis p { font-size: 80%; }

section div.slider div.doctor { top: 123%; left: 120%; }
section div.slider div.doctor { background-image: url(img/team-1.png), -webkit-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.doctor { background-image: url(img/team-1.png), -moz-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.doctor { background-image: url(img/team-1.png), -ms-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.doctor { background-image: url(img/team-1.png), -o-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.doctor { background-image: url(img/team-1.png), linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.doctor p b:nth-of-type(odd) { float: left; }
section div.slider div p b:last-of-type { margin-bottom: 10px; }

section div.slider div.team-1 { top: 123%; left: 220%; }
section div.slider div.team-2 { top: 123%; left: 320%; }

section div.slider div.team { background-position: left 10px, left top; background-size: 100% auto, cover; }
section div.slider div.team-1 { background-image: url(img/team-2.png), -webkit-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.team-1 { background-image: url(img/team-2.png), -moz-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.team-1 { background-image: url(img/team-2.png), -ms-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.team-1 { background-image: url(img/team-2.png), -o-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.team-1 { background-image: url(img/team-2.png), linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.team p { font-size: 75%; }

section div.slider div.leistungen { top: 223%; left: 20%; background-size: 20% 100%; background-position: -1% 0, 24% 0, 50% 0, 76% 0, 102% 0; }
section div.slider div.leistungen { background-image: url(img/leistung-1.jpg), url(img/leistung-2.jpg), url(img/leistung-3.jpg), url(img/leistung-4.jpg), url(img/leistung-5.jpg); }
section div.slider div.leistungen article { width: 104%; z-index: 1; }
section div.slider div.leistungen article p { padding: 0; color: rgba(255,255,255,1); font-size: 80%; }
section div.slider div.leistungen article p b { float: left; list-style: none; width: 20%; margin: 0; padding: 20px 0 40px; text-align: center; } 

section div.slider div.leistungen label.tool { position: absolute; width: 20%; height: 100%; }
section div.slider div.leistungen label.tool { border-left: 5px solid #fff; border-right: 5px solid #fff; }
section div.slider div.leistungen label.tool { background-image: radial-gradient(circle,rgba(0,188,249,.5),rgba(12,86,137,1)); opacity: 1; }
section div.slider div.leistungen label.tool:hover { opacity: 0; }

section div.slider div.leistungen label.tool-1 { left: 0; margin-left: -15px;}
section div.slider div.leistungen label.tool-2 { left: 20%; margin-left: -10px; }
section div.slider div.leistungen label.tool-3 { left: 40%; margin-left: -5px; }
section div.slider div.leistungen label.tool-4 { left: 60%; margin-left: 0;}
section div.slider div.leistungen label.tool-5 { left: 80%; margin-left: 5px;} 

section div.slider div.leistungen label.tool-1:hover ~ p.tool-1 { color: rgba(255,255,255,1); }
section div.slider div.leistungen label.tool-2:hover ~ p.tool-2 { color: rgba(255,255,255,1); }
section div.slider div.leistungen label.tool-3:hover ~ p.tool-3 { color: rgba(255,255,255,1); }
section div.slider div.leistungen label.tool-4:hover ~ p.tool-4 { color: rgba(255,255,255,1); }
section div.slider div.leistungen label.tool-5:hover ~ p.tool-5 { color: rgba(255,255,255,1); }

section div.slider div.tool label { display: none; }

section div.slider div.tool p { padding: 20px 2% 50px; color: #fff; font-size: 75%; }
/* section div.slider div.tool p { background: -webkit-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
section div.slider div.tool p { background: -moz-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
section div.slider div.tool p { background: -ms-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
section div.slider div.tool p { background: -o-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
section div.slider div.tool p { background: linear-gradient(top, #0C5689 0%, #00BCF9 100%); } */

section div.slider div.tool-1 { top: 223%; left: 120%; background-image: url(img/leistungen-11.jpg); }
section div.slider div.tool-2 { top: 223%; left: 220%; background-image: url(img/leistungen-22.jpg); }
section div.slider div.tool-3 { top: 223%; left: 320%; background-image: url(img/leistungen-33.jpg); }
section div.slider div.tool-4 { top: 223%; left: 420%; background-image: url(img/leistungen-44.jpg); }
section div.slider div.tool-5 { top: 223%; left: 520%; background-image: url(img/leistungen-55.jpg); background-position: right center; }

section div.slider div.patienten.info-1 { top: 323%; left: 20%; background-position: left 10px, left top; background-size: 100% auto, cover; }
section div.slider div.patienten.info-1 { background-image: url(img/patienten.png), -webkit-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.patienten.info-1 { background-image: url(img/patienten.png), -moz-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.patienten.info-1 { background-image: url(img/patienten.png), -ms-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.patienten.info-1 { background-image: url(img/patienten.png), -o-linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.patienten.info-1 { background-image: url(img/patienten.png), linear-gradient(top, #e6e6e6 0%, #fff 100%); }
section div.slider div.patienten.info-2 { top: 323%; left: 120%; }
section div.slider div.patienten.info-3 { top: 323%; left: 220%; overflow: auto; }
section div.slider div.patienten.info-3 p { position: relative; text-align: left; }
section div.slider div.patienten.info-3 p b { text-align: justify; }

section div.slider div.überweisung { top: 423%; left: 20%; background-image: url(img/uberweisung.jpg); }
section div.slider div.überweisung p {  }

section div.slider div.ärzte { top: 423%; left: 120%; }

section div.slider div.map { top: 523%; left: 20%; }
section div.slider div.map a { position: absolute; width: 100%; height: 100%; background-image: url(img/map.jpg); }

section div.slider div.date { top: 523%; left: 120%; }
section div.slider div.date div#jam-otbwidget-81225859_1 { width: 80%; height: 100%; padding: 0 10%; }

section div.slider div.mail { top: 523%; left: 220%; text-align: center; }
section div.slider div.mail p { position: relative; text-align: center; }
section div.slider div.mail form label { position: relative; left: 0; margin: 0; line-height: 1; }

section div.slider div.impressum { top: 623%; left: 10%; width: 80%; margin: 0; background: none; border: none; box-shadow: none; color: #fff; }
section div.slider div.impressum label { display: none; }
section div.slider div.impressum p { position: relative; float: left; width: 29%; margin: 80px 2% 0; padding: 0; background: none; text-align: center; }
section div.slider div.impressum a { color: #fff; text-decoration: none; text-transform: none; }
section div.slider div.impressum p span { padding: 0 20px 7px; border-bottom: 2px solid #fff; text-transform: uppercase; font-size: 14px; }

section div.slider div.datenschutz { top: 623%; left: 110%; width: 80%; margin: 0; background: none; border: none; box-shadow: none; color: #fff; }

section div.slider div.haftung { top: 623%; left: 210%; width: 80%; margin: 0; background: none; border: none; box-shadow: none; color: #fff; }

section div.slider div.policy label { display: none; }

section div.slider div.policy p { position: relative; float: left; width: 76%; height: 100%; margin: 0 10% 0; padding: 0 2%; overflow: scroll; }
section div.slider div.policy p { background: none; text-align: justify; font-size: 12px; }
section div.slider div.policy p a { color: #fff; text-decoration: underline; }
section div.slider div.policy p span { text-transform: uppercase; font-size: 14px; }

section div.kontakt { position: fixed; left: -25%; top: -100%; width: 150%; padding: 100px 0 20px; border-radius: 100%; }
section div.kontakt { background-color: #fff; border-bottom: 10px solid rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); z-index: 3; }
section div.kontakt p { float: left; width: 49%; margin: 0; }
section div.kontakt p:nth-child(1) { margin-right: 1%; text-align: right; }
section div.kontakt p:nth-child(2) { margin-left: 1%; text-align: left; }
section div.kontakt p:nth-child(2) i { float: left; width: 35px; font-style: normal; }
section div.kontakt p span { font-size: 30px; }
section div.kontakt p a { text-decoration: none !important; color: #5B6064; }

section div.bg { position: absolute; top: -35%; left: -50%; width: 200%; height: 100%; border-radius: 100%; opacity: 0;  }
section div.bg-1 { border: 5px solid #00BCF9; box-shadow: 0 30px 0 #fff; background: linear-gradient(to bottom, #fff 0%, #fff 100%); z-index: 1; }
section div.bg-2 { border: 10px solid #999; box-shadow: 0 0 5px #999; background: linear-gradient(to bottom, #0C5689 35%, #00BCF9 135%); z-index: 1; }
section div.bg-3 { top: 0; left: 0; width: 100%; border-radius: 0; background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%); z-index: ß; }

footer { position: fixed; left: 0; bottom: 0; width: 100%; padding: 10px 0; border-top: 10px solid #fff; z-index: 99; }
footer { color: #fff; text-align: center; font-size: 12px; }
footer { background: -webkit-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
footer { background: -moz-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
footer { background: -ms-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
footer { background: -o-linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
footer { background: linear-gradient(top, #0C5689 0%, #00BCF9 100%); }
footer p { float: left; width: 33%; margin: 0; }
footer p:nth-child(2) { width: 34%; }
footer p label:nth-child(2) { margin: 0 10px; }

#home:checked ~ section div.bg-1 { opacity: 1; }
#praxis:checked ~ section div.bg-2,
#doctor:checked ~ section div.bg-2,
#team-1:checked ~ section div.bg-2,
#team-2:checked ~ section div.bg-2,
#leistungen:checked ~ section div.bg-2,
#tool-1:checked ~ section div.bg-2,
#tool-2:checked ~ section div.bg-2,
#tool-3:checked ~ section div.bg-2,
#tool-4:checked ~ section div.bg-2,
#tool-5:checked ~ section div.bg-2,
#patienten-info-1:checked ~ section div.bg-2,
#patienten-info-2:checked ~ section div.bg-2,
#patienten-info-3:checked ~ section div.bg-2,
#überweisung:checked ~ section div.bg-2,
#ärzte:checked ~ section div.bg-2 { opacity: 1; }

#map:checked ~ section div.bg-3,
#date:checked ~ section div.bg-3,
#mail:checked ~ section div.bg-3,
#impressum:checked ~ section div.bg-3,
#datenschutz:checked ~ section div.bg-3,
#haftung:checked ~ section div.bg-3 { opacity: 0; }

#home:checked ~ section div.bg-3,
#praxis:checked ~ section div.bg-3,
#doctor:checked ~ section div.bg-3,
#team-1:checked ~ section div.bg-3,
#team-2:checked ~ section div.bg-3,
#leistungen:checked ~ section div.bg-3,
#tool-1:checked ~ section div.bg-3,
#tool-2:checked ~ section div.bg-3,
#tool-3:checked ~ section div.bg-3,
#tool-4:checked ~ section div.bg-3,
#tool-5:checked ~ section div.bg-3,
#patienten-info-1:checked ~ section div.bg-3,
#patienten-info-2:checked ~ section div.bg-3,
#patienten-info-3:checked ~ section div.bg-3,
#überweisung:checked ~ section div.bg-3,
#ärzte:checked ~ section div.bg-3 { opacity: 1; }

#map:checked ~ section div.bg-3,
#date:checked ~ section div.bg-3,
#mail:checked ~ section div.bg-3,
#impressum:checked ~ section div.bg-3,
#datenschutz:checked ~ section div.bg-3,
#haftung:checked ~ section div.bg-3 { opacity: 0; }

#home:checked ~ section div.slider { top: 0; }
#praxis:checked ~ section div.slider { top: -100%; }
#doctor:checked ~ section div.slider { top: -100%; left: -100%; }
#team-1:checked ~ section div.slider { top: -100%; left: -200%; }
#team-2:checked ~ section div.slider { top: -100%; left: -300%; }
#leistungen:checked ~ section div.slider { top: -200%; }
#tool-1:checked ~ section div.slider { top: -200%; left: -100%; }
#tool-2:checked ~ section div.slider { top: -200%; left: -200%; }
#tool-3:checked ~ section div.slider { top: -200%; left: -300%; }
#tool-4:checked ~ section div.slider { top: -200%; left: -400%; }
#tool-5:checked ~ section div.slider { top: -200%; left: -500%; }
#patienten-info-1:checked ~ section div.slider { top: -300%; }
#patienten-info-2:checked ~ section div.slider { top: -300%; left: -100%; }
#patienten-info-3:checked ~ section div.slider { top: -300%; left: -200%; }
#überweisung:checked ~ section div.slider { top: -400%; }
#ärzte:checked ~ section div.slider { top: -400%; left: -100%; }
#map:checked ~ section div.slider { top: -500%; }
#map:checked ~ section div.kontakt { top: 0; }
#date:checked ~ section div.slider { top: -500%; left: -100%; }
#mail:checked ~ section div.slider { top: -500%; left: -200%; }
#impressum:checked ~ section div.slider { top: -600%; }
#datenschutz:checked ~ section div.slider { top: -600%; left: -100%; }
#haftung:checked ~ section div.slider { top: -600%; left: -200%; }

#praxis:checked ~ header label.praxis,
#doctor:checked ~ header label.praxis,
#team-1:checked ~ header label.praxis,
#team-2:checked ~ header label.praxis,
#leistungen:checked ~ header label.leistungen,
#tool-1:checked ~ header label.leistungen,
#tool-2:checked ~ header label.leistungen,
#tool-3:checked ~ header label.leistungen,
#tool-4:checked ~ header label.leistungen,
#tool-5:checked ~ header label.leistungen,
#patienten-info-1:checked ~ header label.patienten,
#patienten-info-2:checked ~ header label.patienten,
#patienten-info-3:checked ~ header label.patienten,
#ärzte:checked ~ header label.ärzte,
#überweisung:checked ~ header label.ärzte,
#kontakt:checked ~ header label.kontakt,
#map:checked ~ header label.kontakt,
#date:checked ~ header label.kontakt,
#mail:checked ~ header label.kontakt {
color: #fff;
box-shadow: 0 0 10px #999;
background: -webkit-linear-gradient(top, #0C5689 0%, #00BCF9 100%);
background: -moz-linear-gradient(top, #0C5689 0%, #00BCF9 100%);
background: -ms-linear-gradient(top, #0C5689 0%, #00BCF9 100%);
background: -o-linear-gradient(top, #0C5689 0%, #00BCF9 100%);
background: linear-gradient(top, #0C5689 0%, #00BCF9 100%); }

#praxis:checked ~ label.arrow.doctor,
#doctor:checked ~ label.arrow.team-1,
#team-1:checked ~ label.arrow.team-2,
#leistungen:checked ~ label.arrow.tool-1,
#tool-1:checked ~ label.arrow.tool-2,
#tool-2:checked ~ label.arrow.tool-3,
#tool-3:checked ~ label.arrow.tool-4,
#tool-4:checked ~ label.arrow.tool-5,
#patienten-info-1:checked ~ label.arrow.patienten.info-2,
#patienten-info-2:checked ~ label.arrow.patienten.info-3,
#überweisung:checked ~ label.arrow.ärzte,
#map:checked ~ label.arrow.date,
#date:checked ~ label.arrow.mail,
#impressum:checked ~ label.arrow.datenschutz,
#datenschutz:checked ~ label.arrow.haftung { display: inherit; right: 5%; border-top: 2px solid #fff; border-right: 2px solid #fff; }

#doctor:checked ~ label.arrow.praxis,
#team-1:checked ~ label.arrow.doctor,
#team-2:checked ~ label.arrow.team-1,
#tool-1:checked ~ label.arrow.leistungen,
#tool-2:checked ~ label.arrow.tool-1,
#tool-3:checked ~ label.arrow.tool-2,
#tool-4:checked ~ label.arrow.tool-3,
#tool-5:checked ~ label.arrow.tool-4,
#patienten-info-2:checked ~ label.arrow.patienten.info-1,
#patienten-info-3:checked ~ label.arrow.patienten.info-2,
#ärzte:checked ~ label.arrow.überweisung,
#date:checked ~ label.arrow.map,
#mail:checked ~ label.arrow.date,
#datenschutz:checked ~ label.arrow.impressum,
#haftung:checked ~ label.arrow.datenschutz { display: inherit; left: 5%; border-bottom: 2px solid #fff; border-left: 2px solid #fff; }

#home:checked ~ label.label.home { margin: -45px 0 0 -3.5px; width: 8px; height: 8px; background: none; }
#praxis:checked ~ label.label.praxis { margin: -31px 0 0 -3.5px; width: 8px; height: 8px; background: none; }
#doctor:checked ~ label.label.doctor { margin: -31px 0 0 10.5px; width: 8px; height: 8px; background: none; }
#team-1:checked ~ label.label.team-1 { margin: -31px 0 0 24.5px; width: 8px; height: 8px; background: none; }
#team-2:checked ~ label.label.team-2 { margin: -31px 0 0 38.5px; width: 8px; height: 8px; background: none; }
#leistungen:checked ~ label.label.leistungen { margin: -17px 0 0 -3.5px; width: 8px; height: 8px; background: none; }
#tool-1:checked ~ label.label.tool-1 { margin: -17px 0 0 10.5px; width: 8px; height: 8px; background: none; }
#tool-2:checked ~ label.label.tool-2 { margin: -17px 0 0 24.5px; width: 8px; height: 8px; background: none; }
#tool-3:checked ~ label.label.tool-3 { margin: -17px 0 0 38.5px; width: 8px; height: 8px; background: none; }
#tool-4:checked ~ label.label.tool-4 { margin: -17px 0 0 52.5px; width: 8px; height: 8px; background: none; }
#tool-5:checked ~ label.label.tool-5 { margin: -17px 0 0 66.5px; width: 8px; height: 8px; background: none; }
#patienten-info-1:checked ~ label.label.patienten.info-1 { margin: -3px 0 0 -3.5px; width: 8px; height: 8px; background: none; }
#patienten-info-2:checked ~ label.label.patienten.info-2 { margin: -3px 0 0 10.5px; width: 8px; height: 8px; background: none; }
#patienten-info-3:checked ~ label.label.patienten.info-3 { margin: -3px 0 0 24.5px; width: 8px; height: 8px; background: none; }
#überweisung:checked ~ label.label.überweisung { margin: 11px 0 0 -3.5px; width: 8px; height: 8px; background: none; }
#ärzte:checked ~ label.label.ärzte { margin: 11px 0 0 10.5px; width: 8px; height: 8px; background: none; }
#map:checked ~ label.label.map { margin: 25px 0 0 -3.5px; width: 8px; height: 8px; background: none; }
#date:checked ~ label.label.date { margin: 25px 0 0 10.5px; width: 8px; height: 8px; background: none; }
#mail:checked ~ label.label.mail { margin: 25px 0 0 24.5px; width: 8px; height: 8px; background: none; }
#impressum:checked ~ label.label.impressum { margin: 39px 0 0 -3.5px; width: 8px; height: 8px; background: none; }
#datenschutz:checked ~ label.label.datenschutz { margin: 39px 0 0 10.5px; width: 8px; height: 8px; background: none; }
#haftung:checked ~ label.label.haftung { margin: 39px 0 0 24.5px; width: 8px; height: 8px; background: none; }

#home:checked ~ label.label,
#praxis:checked ~ label.label,
#doctor:checked ~ label.label,
#team-1:checked ~ label.label,
#team-2:checked ~ label.label,
#leistungen:checked ~ label.label,
#tool-1:checked ~ label.label,
#tool-2:checked ~ label.label,
#tool-3:checked ~ label.label,
#tool-4:checked ~ label.label,
#tool-5:checked ~ label.label,
#patienten-info-1:checked ~ label.label,
#patienten-info-2:checked ~ label.label,
#patienten-info-3:checked ~ label.label,
#überweisung:checked ~ label.label,
#ärzte:checked ~ label.label { border: 2px solid #4EA8F0; background-color: #4EA8F0; }

#map:checked ~ label.label,
#date:checked ~ label.label,
#mail:checked ~ label.label,
#impressum:checked ~ label.label,
#datenschutz:checked ~ label.label,
#haftung:checked ~ label.label { border: 2px solid #fff; background-color: #fff; }

div.jameda-widget { position: fixed !important; top: 23%; right: 40px; width: 105px; height: 162px; margin-top: -13px !important; }
div.jameda-widget { background-image: url(img/jameda-bg-small.png); z-index: 99; }
div.jameda-widget a { left: 16px !important; } }

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	label.link { padding: 45px 10px 10px; } label.time { font-size: 10px; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) {
	label.link { padding: 45px 10px 10px; }  label.time { font-size: 10px; } }