/* -------------------- | Rahmenformatierungen | -----------------------*/ html{ margin:0; padding: 0; width: 100%; height:100%; /* IE HACK 6+ siehe Nachtrag! */ } body { margin:0; padding: 0; width: 100%; font-family: 'Open Sans', sans-serif; visibility: hidden; } div.inhalt-content {width:85%; margin:0 auto;} a.mehr-erfahren {padding:5px 20px; background:#2279B5; color:#fff !important; border-radius:15px; -webkit-border-radius:15px;} div#invisalign-site.parallax_section img {width:100%;} div#invisalign-site.parallax_section {width:100%;} div.square_area {width:100%; margin:0 auto; padding:0;} div.square {width:320px; height:220px; margin:15px auto 5px auto; background:#808080; vertical-align:top; display:inline-block; text-align:left; opacity:1; position:relative;} div#sq12.square {display:none;} div.square.clicked {opacity:0.3;} div.square a {color:#fff !important; font-size:22px !important; text-decoration:none; display:block; width:280px; height:180px; transition:color 0.2s; padding:20px;} div.square a:hover {background:#ea9d46; color:#fff;} img.icon_leistungen {position:absolute; bottom:15px; right:20px;} img#logo_neg {display: block; width:80%; margin:40px auto 20px auto; padding:auto;} div.square span {font-size:16px;} h1.h1_leistungen {width:100%; display:block;} div#middle article {text-align:left;} div#middle article.not-centered {text-align:left;} img.kig-tabelle {width:95%; margin:0 5% 0 0;} img.img-full-content {width:100%;} div.mehr-detail {display:none;} img#mehr2 {margin:0 auto; text-align:left; position:relative; display:block;} img.img-float-left {width:90%; margin:0 5%;} img.img-but-jobs {margin:30px auto 0 auto; text-align:center;} /* ----------------------- | Main-Naviformatierungen | ------------------------ */ h1 {font-family: 'Jura', sans-serif; font-weight:300; text-align:left; color:#638db2; font-size:24px; padding:1.5rem 0 0 0;} div#middle article h1 {font-family: 'Jura', sans-serif; font-weight:300; text-align:left; color:#638db2; font-size:24px; padding:1rem 0 0 0;} div#middle article h2, h2 {font-family: 'Jura', sans-serif; font-weight:300; text-align:left; color:#638db2; font-size:140%; padding:0; margin:0 0 2rem 0;} div.arzt h2, div.arzt a {color:#fff !important;} div#middle article h3, h3 {font-family: 'Open Sans', sans-serif; font-weight:300; color:#638db2; font-size:22px; margin:0;} div.content h3 {font-family: 'Open Sans', sans-serif; font-weight:300; color:#638db2; font-size:22px; margin:0;} h3.trigger {font-family: 'Open Sans', sans-serif; font-weight:300; color:#fff; font-size:26px; line-height:1.4;} div#middle article h4, h4 {font-family: 'Jura', sans-serif; font-weight:300; text-align:left; color:#8a8c8f; font-size:120%; padding:0 0 0 0;} div#middle article h5, h5 {font-family: 'Jura', sans-serif; font-weight:300; text-align:left; color:#638db2; font-size:140%; padding:0 0 0 0; cursor:pointer;} div#middle article h6, h6 {font-family: 'Jura', sans-serif; font-weight:300; text-align:left; color:#fff; font-size:180%; padding:6% 0 0 0; text-align:left;} a.abc {font-size:18px; border:1px solid #6E9EC8; width:20px; padding:0 2px; display:inline-block; text-align:left; transition:all 0.3s;} a.abc.active, a.abc:hover {background:#6E9EC8; color:#fff; text-decoration:none !important;} a.zurueck {margin:20px 0 0 0; display:block;} div#middle article a, p, li {font-family: 'Open Sans', Helvetica, sans-serif; font-weight:300; font-size:100%; color:#666; margin:0 0 20px 0; line-height:26px; text-decoration:none; font-size:18px !important;} article ul li {margin:0 0 0 -23px !important; padding:0;} table.behandler_team tbody tr td {font-weight:200; color:#666; position:relative; vertical-align:top; padding:1rem 0.2rem;} table.behandler_team tbody tr td.date {color:#688BC7; width:9rem; position:relative; vertical-align:top;} table.behandler_team tbody tr td img {display:none;} /* ----------------------- | MOB SLIDESHOWformatierungen | ------------------------ */ img.mob_version_01 {display:block !important;} .diy-slideshow {position:relative; display:block; overflow:hidden; top:0; z-index:0 !important;} .diy-slideshow figure {position:absolute; opacity:0; transition:1s opacity; width:100% !important; margin:0 !important; padding:0 !important;} .diy-slideshow figcaption {position:absolute; font-family:sans-serif; font-size:.8em; bottom:.75em; right:.35em; padding:.25em;} .diy-slideshow figcaption a {color:#fff;} .diy-slideshow figure.show {opacity:1; position:static; transition:1s opacity; width:100% !important; margin:0 !important; padding:0 !important;} .diy-slideshow figure.show img {width:100%; -webkit-border-radius:0 0 0 0 !important; border-radius:0 0 0 0 !important; } .diy-slideshow .next, .diy-slideshow .prev {color:#fff; position:absolute; background:rgba(0,0,0, .6); top:50%; z-index:1; font-size:2em; margin-top:-.75em; opacity:.3; user-select:none;} .diy-slideshow .next:hover, .diy-slideshow .prev:hover {cursor:pointer; opacity:1; position:absolute;} .diy-slideshow .next {right:0; padding:10px 5px 15px 10px; border-top-left-radius:3px; border-bottom-left-radius:3px; z-index:1 !important;} .diy-slideshow .prev {left:0; padding:10px 10px 15px 5px; border-top-right-radius:3px; border-bottom-right-radius:3px; z-index:1 !important;} /* ----------------------- | Naviformatierungen | ------------------------ */ nav {position:relative; z-index:10; width:100%; padding:0%; background-color:#58585A; margin:0;} nav ul {width:100%; list-style:none; margin:0; padding:0;} nav ul li {margin:0; display:block;} nav ul li a {margin:0; padding:2% 9%; color:#ffffff; text-decoration:none; display:block; font-size:13pt; border-bottom:1px solid #818181; cursor:pointer;} img.img_title {display:none;} /* ----------------------- | Sub-Naviformatierungen | ------------------------ */ nav ul li ul {display:none; margin:0; background-color:#f7c39d;} nav ul li ul li {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; display:block; width:100%;} nav ul li ul li a {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:2% 9%; text-decoration:none; display:block; border-bottom:1px solid #cecbc7; font-size:10pt; background:#CCC; color:#57585a; } /*---CONTENT-NAV------------------------*/ div.content-nav {border:1px solid #ddd; padding:17px 15px 0 15px; text-align:left; width:auto; display:inline-block; vertical-align:top; transition:all 0.4s; width:75%; margin:5px 7%;} div.content-nav a {display:block; width:100%; height:100%;} div.content-nav:hover {background:#688BC7;} div.content-nav:hover a {color:#fff !important; text-decoration:none !important;} /* ----------------------- | Content-Subnavi-Styles | ----------------------- */ div.content-subnavi {width:100%; margin:40px 0 30px 0;} div.content-subnavi a {border:1px solid #e33517; border-radius:8px; padding:5px 2%; margin:0 0 0 0; text-decoration:none; color:#e33517; transition:all 0.3s; width:96% !important; text-align:left; display:block;} div.content-subnavi a:hover {background:#e33517; color:#fff !important; text-decoration:none;} div.content-subnavi a.active {background:#e33517; color:#fff !important; font-weight:500;} div#push-navi {position:fixed; top:0; left:-230px; width:220px; padding:0 5px; height:100%; background:#57585A; z-index:30000 !important; -webkit-box-shadow:inset -3px 0 4px 1px rgba(0,0,0,0.4); box-shadow:inset -3px 0 4px 1px rgba(0,0,0,0.4);} /* ------------------------- | Content-Formatierungen | -------------------------- */ div.site-container, div.content-container, div.content, div.content-not-centered, div.content-fullwidth-centered, div.text-container, div.text-container-kontakt {width:80%; margin:0 auto; text-align:left;} img.img-float-right, img.img-float-left, img.pdd-left, img.img-float-right.width300, img.pdd-right, {display:block !important; position:relative; padding:10px 0 20px 0 !important; width:80% !important;} .video-wrapper {width: 20%; margin:30px auto 0 auto; display:block; position:relative;} .wrapper {display:table; width:auto; position:relative; width:100%;} .playpause {width:100%; z-index:900; position:absolute; top:0; left:0; background:#f0f;} div.invisalign-video {display:inline-block; width:250px; margin:0 auto; padding:0;} div.invisalign-video iframe {width:100%; border:none;} div.invisalign-video2 video {width:100%; border:none;} div.div-mehr-lesen {display:none;} p.mehr-lesen {cursor:pointer;} h3.mehr-lesen {cursor:pointer;} div.follow-bar {background:#2478b4;} div.follow-bar img.first {margin:0 0 -5px 28%; padding:20px 15px 15px 15px; border-right:4px solid #fff; border-left:4px solid #fff;} div.follow-bar img.second {margin:0 0 -5px 0; padding:20px 25px 15px 15px; border-right:4px solid #fff;} div.zahnkorrektur {text-align:left !important; width:100%; padding:30px 0;} div.zahnkorrektur-content {display:inline-block; vetical-align:middle; text-align:left; width:500px; margin:0 40px 0 0;} div.zahnkorrektur img {display:inline-block; vetical-align:middle; width:250px;} span.h1-one {font-size:42px;} span.h1-two {color:#727375; font-size:42px;} span.h1-three {font-size:24px;} div.plus-content {position:fixed; left:105px; top:-600px; width:600px; background:#fff; z-index:1000; -webkit-box-shadow: 0 1px 2px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 2px 3px rgba(0,0,0,0.2); transition:all 0.3s; border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; height:300px; overflow:hidden;} div.plus-content div {width:42%; padding:10px 4%; display:inline-block; vertical-align:top;} div.plus-content div p {color:#666;} div.plus-content div p span {display:inline-block; width:30px;} div.plus-content div a {color:#666; text-decoration:none;} span.font12 {font-size:13px; width:100% !important;} span.blued {color:#2279b5 !important;} img.stripes-plus-content {position:absolute; bottom:-15px; left:2px;} p.schliessen {position:absolute; cursor:pointer; color:#666; font-size:28px; top:-28px; right:15px;} div.popup, div.popup2, div.popup3 {display:none; width:95%; height:100vh; background:rgba(20,20,20,0.75); position:fixed; z-index:100000; padding:20px 2.5%; text-align:left; cursor:pointer;} div.popup a, div.popup2 a, div.popup3 a, div.popup p, div.popup2 p, div.popup3 p, div.popup p a, div.popup2 p a, div.popup3 p a{color:#fff; text-decoration:none;} div.popup h2, div.popup2 h2, div.popup3 h2 {color:#4d6d8e; text-align:left; font-size:32px; font-weight:bold;} div.popup a.button, div.popup2 a.button , div.popup3 a.button {display:inline-block; width:46%; margin:20px 1%; vertical-align:top; text-align:left; border:1px solid #fff; padding:20px 0; border-radius:10px; -webkit-border-radius:10px; transition:all 0.3s;} div.popup a.button:hover, div.popup2 a.button:hover, div.popup3 a.button:hover {background:#688BC7;} a.close-pu {margin:20px 0 0 0;} div#container div#middle article > div#mehr_start_content img.bullet_three {position:relative; left:40% !important; margin:2rem 0; } div#mehr_start_content {display:none;} div.pu-praxiszeiten h2 {color:#688BC7 !important;} /* ------------------------- | Pastpara-Formatierungen | -------------------------- */ div.past-para {width:100%; padding:30px 0 80px 0; margin:0; display:block; min-height:400px; color:#fff; -webkit-box-shadow: 0 1px 2px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 2px 3px rgba(0,0,0,0.2); position:relative; overflow:hidden;} div.past-para-container {width:100%; margin:50px auto; display:block;} div.past-para-container h2 {width:100%; margin:5px 0 20px 0 !important; font-size:24px !important; z-index:6; position:relative;} div.past-para div.accordion {width:100%; margin:50px auto 30px auto;} div.past-para p {width:95% !important; margin:0 0 0 0; padding:0 0 0 5% !important;} div.whites {width:100%; height:40px; background:rgba(255,255,255,0.5); position:absolute; bottom:20px; left:0;} div.whites2 {width:100%; height:70px; background:rgba(255,255,255,0.5); position:absolute; top:27px; left:0; z-index:5;} img.deco-b {position:absolute; bottom:-20px; right:-60px; opacity:0.1;} article ul li span, article.not-centered ul li span {color:#555 !important; padding:0 8px 0 0;} article.not-centered ul, article ul {list-style-type:disc !important; color:#555 !important;} article.not-centered ul li, article ul li {list-style-type:disc !important; color:#555 !important;} div#container {margin:0; padding:0;} header {background:#fff; width:100%; position:relative; -webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.2); box-shadow: 0 2px 5px 2px rgba(0,0,0,0.2); margin:-10px 0 -35px 0; display:block; z-index:300px !important;} p#cf7_controls span img {width:100%; margin:10px 0; padding:0; display:block;} div.team_box img {width:100%; margin:10px 0; padding:0;} div.overlay-bottom {margin:-40px 0 40px 0; padding:0; display:block;} div.overlay-bottom p {margin:-15px 0 0 0; padding:0;} img.behandler-lebenslauf {width:100%; margin:10px 0; padding:0;} /* --------------------- | Zeitpunkt-Tabelle | --------------------- */ table.zeitpunkt {width:100%; margin:0; padding:0;} table.zeitpunkt tr th {font-family: 'Open Sans', sans-serif; font-weight:300; width:120px; padding:0 10px 0 0; margin:0; color:#666;} table.zeitpunkt tr td {font-family: 'Open Sans', sans-serif; font-weight:300; width:100%; margin:0; padding:10px 0; color:#666;} /* --------------------------- | Leistungsformatierungen | --------------------------- */ div.lstg-container {width:100%; text-align:left; margin:0 auto;} div.lstg-item {display:inline-block; width:250px; margin:30px auto; border-radius:8px; -webkit-border-radius:8px; padding:10px; position:relative; transition:all 0.3s; -webkit-box-shadow: 4px 4px 2px 3px rgba(0,0,0,0.1); box-shadow: 4px 4px 2px 3px rgba(0,0,0,0.1);} div.active-overlay {display:none;} div.lstg-item h3 {text-align:left !important; margin:8px 0 0 0 !important;} div.lstg-item h3 span {text-align:left; font-size:18px; display:block;} div.retention img {width:100%; margin:0; padding:0;} img.playsafe {width:100%; margin:0; padding:0;} img.playsafe4you {width:100%; margin:0; padding:0;} img.lstg-img {display:block; margin:0; padding:0; border-radius:8px; -webkit-border-radius:8px; border:2px solid #aaa; transition: border 0.3s;} div.lstg-item:hover img.lstg-img {border:2px solid #668ABA;} div.lstg-item:hover {-webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.3);} /* ------------------------- | Anamnesebogen-Formatierungen | -------------------------- */ div.anamnese {background:#638db2; display:inline-block; vertical-align:top; width:250px; color:#fff !important; text-align:left; margin:15px 0 0 0; padding:0 0 0 0; position:relative;} div.anamnese a {opacity:0; position:absolute; top:19px; left:0; right:0; margin:0 auto; text-decoration:none; transition:all 0.3s; color:#fff !important;} div.anamnese-overlay {transition:all 0.3s;} div.anamnese:hover div.anamnese-overlay {opacity:0; z-index:0; position:relative;} div.anamnese:hover a {color:#fff !important; opacity:1; z-index:10;} img {margin:1.5rem 0 0 0;} p.nachher {margin:0 0 5rem 0 ;} div#unity {background:#688BC7; width:104%; margin:0 auto;} div#unity_buttons {text-align:left;} div#unity_buttons a {color:#fff !important; text-decoration:none; text-align:left; display:inline-block !important; position:relative;} div#unity_buttons a div.button {top:-3rem; position:relative;} div#unity_buttons a div.button_praxis {top:-3rem; position:relative;} div#unity_buttons img {width:60px !important;} div.single_leistung_home2 img {border:2px solid #aaa; width:16.94rem;} div.single_leistung_home2 h3 {margin:0; padding:0; color:#688BC7; font-weight:400; font-size:14px;} div.single_leistung_home2 p {color:#555; font-weight:300; line-height:1.5; sans-serif; font-size:14px;} p.leistung_text1 {padding:0 0 1.5rem 0;} div.single_leistung_home2 {width:17rem; margin:1rem 0 3rem 1rem; background-color: #fff; padding:1rem 2rem 1rem 0; position: relative; -webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.15); box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.15); box-shadow: inset 0 0 0 10px #FC0, inset 0 0 0 3px #0FC;} div#div_logo {position:relative; width:50%; margin:0 2% 0 0 !important; padding:0 30px 0 0;} /*---------- DOWNLOADS ----------*/ div.download {background:#ecebe9; position:relative; width:100% !important; display:block; border:1px solid #eee; padding:20px 2% 0 2%; text-align:left; transition:background 0.3s; margin:20px 0; min-height:80px !important;} div.download img.img_download {width:50%; display:block; float:none; position:relative; margin:30px auto; transition:width 0.3s;} div.download img.img_download_checked {width:50%; display:none; float:none; position:relative; margin:30px auto; transition:width 0.3s;} div.download a {margin:0 0 0 -20px;} div.download:hover {background:#638db2;} div.download:hover a {color:#fff !important;} div.download:hover img.img_download {width:100%; margin:0 auto 30px auto;} .content-pic-left {width:96%; margin:0 2%;} img.qr-code, img.content-pic2, img.kontakt-anfahrt {width:100%; margin:0; padding:0;} a.abc {border:1px solid #ddd; padding:5px; display:inline-block;} /*--CMD---------------------------*/ div#cmd_nav {margin:0 0 20px 0; width:100%; } div#cmd_nav a {background:#688BC7; border-radius:10px; text-decoration:none !important; color:#fff !important; padding:0.5rem 1rem; position:relative; margin:10px 5px; display:inline-block; border:3px solid #fff; width:75%;} div#cmd_nav a:hover {background:#CECBC7;} img#clear_schiene, img#schnarchen {width:90%; padding:0 5%;} a.active_cmd {background:#CECBC7 !important; border-radius:10px; text-decoration:none !important; color:#fff !important; padding:0.2rem 1rem; margin:0 1rem 0 0;} .cmd_zusatz_width {background:#E5E1E0; position: relative; width:100%; top:2rem;} .cmd_zusatz_width h2 {padding: 2rem 2rem 0 2rem;} .cmd_zusatz_width ul {padding:0 2rem 2rem 3rem;} img#cmd1, img#cmd2, {padding:1rem 0 0 3rem; width:15rem; display:none;} img#cmd3, img#cmd4, img#cmd42 {width:80%; display:block;} div.cmd_text_block {display:inline-block; position:relative; width:100%; margin:3rem 0 0 0;} img.scanner2.border_white, img#schnarcherschiene {width:17rem; margin:1rem 0 3rem 0; background-color:#ccc; border:15px solid #fff; box-shadow:inset 0 0 0 10px #FC0, inset 0 0 0 3px #0FC; padding:0.06rem; position:relative; -webkit-box-shadow:3px 3px 3px 3px rgba(0,0,0,0.15);box-shadow:3px 3px 3px 3px rgba(0,0,0,0.15); border-radius:1px; margin:2rem 1rem 0.5rem 1rem;} img#img_damon_pics {width:19rem; margin:1rem 0 3rem 0; background-color:#ccc; border:10px solid #fff; box-shadow:inset 0 0 0 10px #FC0, inset 0 0 0 3px #0FC; padding:0.06rem; position:relative; -webkit-box-shadow:3px 3px 3px 3px rgba(0,0,0,0.15);box-shadow:3px 3px 3px 3px rgba(0,0,0,0.15); border-radius:1px; margin:2rem 1rem 0.5rem 1rem ;} p.bild_unterschrift {font-size:13px; margin:0.5rem 0 2rem 1rem;} img#img_was_ist_schnarchen {padding:1rem 0 2rem 1rem; width:17rem;} img#img_damon_logo, img#img_damon_bracket {display:none;} ul.schneider_zeichen li span, ul.schneider_zeichen2 li span {color:#444 !important; font-size:16px !important;} ul.schneider_zeichen li, ul.schneider_zeichen2 li {color:#688BC7; list-style:square; font-size:25px;} img.tab_schiene {width:96%; padding:0 2%;} img#img_invisalign_schiene, img#img_invisalign_teen_schiene {display:none;} img.img_termine {width:46%; margin:0 auto; padding:0;} div#cmd_diagnostik_left {width:80%; display:block; vertical-align:top; margin:0 auto; padding:0;} div#cmd_diagnostik_right {width:80%; display:block; vertical-align:top; margin:0 auto; padding:0;} /*---------- Schnarchen ----------*/ div.schnarch_navi2, div.schnarch_navi {width:96%; padding:0 2%; position:relative; margin:2rem 0 2rem 0;} div.schnarch_navi2 a, div.schnarch_navi a {background:#e45272; border-radius:10px; text-decoration:none !important; color:#fff !important; padding:0.5rem 2%; position:relative; margin:10px 2%; display:inline-block; border:3px solid #fff; width:92%;} .schnarch_navi a.active, .schnarch_navi2 a.active,.schnarch_navi a:hover, .schnarch_navi2 a:hover {transition: color, border 0.3s ease-out; color:#fff !important; background:#CECBC7;padding:0.5rem 2%;} img#schnarchschiene {width:15rem; margin:3rem auto;} /* --------------------- | Erwachsenenbehandlung | ---------------------- */ div.zahnkorrektur {width:100%; margin:0 0 50px 0;} div.zk_block {border:2px solid rgba(0,0,0,0); width:96%; display:inline-block; vertical-align:top; margin:50px 2% 10px 2%; padding:0 0 10px 0; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; text-align:left; transition:all 0.3s; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.25); box-shadow: 0 0 2px 2px rgba(0,0,0,0.25);} div.zk_block img {width:100%; margin:0 0 0 0; padding:0; -webkit-border-radius: 15px 15px 0 0; left:0; border-radius: 15px 15px 0 0;} div.zk_block h3 {color:#fff !important; width:95%; padding:12px 1% 12px 4% !important; margin:-6px 0 0 0 !important; background:#c94965; font-weight:300;} div.zk_block p {width:92%; padding:3% 4%; font-size:16px; color:#666; line-height:22px; text-align:left !important;} div.zk_block a strong {width:95%; padding:0 2.5%; font-size:15px;} iframe#iframe_headpic2 {margin:0; padding:0 0 0 0; width:100%; height:200px; border-bottom:5px solid #688BC7 !important;} img#img_logo {display:block; margin:10px 40% !important; padding:10px 0 20px 0; width:80%;} div#div_button_navi {width:100%; text-align:left; margin:30px 0 5px 0;} div.single_button_area {width:70px; height:70px ; margin:0px 2px 10px 2px !important; display:inline-block; padding:7px; text-align:left; background:#89b3d8; vertical-align:top;} div.inner_single_button_area {width:90%; margin:0 auto !important;} div.single_button_area img {display:block; margin:0px auto 5px auto; width:50px; text-align:left;} div.single_button_area a {text-decoration:none; color:#fff; text-align:center; display:block; font-size:12px;} img#mehr_button {margin:6% 45%;} div.logotext {width:100%; margin:25px auto;} div.logotext img {margin:0; display:inline-block; vertical-align:middle; width:35%;} div.logotext p {width:61%; margin:0 0 0 10px; display:inline-block; vertical-align:middle;} div.logotext p a {text-decoration:none !important;} div#div_hide_behandlung_erwachsene {display:none;} div.div_class_zahnkorrektur {padding:3% 5%; width:92%; position:relative; background-color:#f7f7f7; border:1px solid rgba(235, 104, 10, 0.4); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:2px 3px 4px #aaa; -moz-box-shadow:2px 3px 4px #aaa; box-shadow:2px 3px 4px #aaa; margin:10% 0 25% 0;} /* ----------------------- | Bild-Naviformatierungen | ------------------------ */ /*BEHANDLER---------------------------------------------*/ div.view.view-second img {width:17rem; margin:1rem 0 3rem 0; background-color: #ccc; border:15px solid #fff; box-shadow:inset 0 0 0 10px #FC0, inset 0 0 0 3px #0FC; padding: 0.06rem; position:relative; -webkit-box-shadow:3px 3px 3px 3px rgba(0,0,0,0.15);box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.15); border-radius: 1px; margin:2rem 1rem 0.5rem 1rem ;} div.team_background_view a p.text_team {display:none;} div.view.view-second div.content a.info {color:#688BC7 !important; text-decoration:none; padding:0;} div.view.view-second div.content h2 {color:#688BC7;} /*---------- BEHANDLER ----------*/ div.alle-behandler {width:96%; margin:0 0 150px 0; padding:0 2%;} div.ein-behandler {width:240px; display:block; text-align:left; margin:0 auto 50px auto;} img.img_behandler_slider {position:relative; border:3px solid #aaa; width:240px; margin:0 auto; border-radius:50%; opacity:1; padding:3px; transition:border 0.3s;} img.img_behandler_slider:hover {border:3px solid #e55272;} div.ein-behandler p a {color:#444; text-decoration:none;} div.behandler-complete {position:relative; margin:15px 0 0 0; width:96%; padding:0 2%;} div.behandler-left {text-align:right; display:block; text-align:left; margin:0 0 0 0;} div.behandler-right {position:relative; display:block; text-align:left;} a.back2overview {position:relative; font-size:14px;} div.view.view-second div.content {padding:1rem 0 3rem 1rem;} /* ---------------- */ /* TEAM STYLES */ /* ---------------- */ div.praxisteam {width:100%; margin:30px 0; display:inline-block; vertical-align:top; text-align:left; position:relative;} div.view.view-second div.content {display:none;} div.view-text-under {background:#979ba4; margin:-35px 0 55px 0; padding:10px 0; width:100%;} div.view-text-under p {background:none !important; display:inline-block !important; vertical-align:top !important; margin:0 0 0 5% !important; padding:0 !important; color:#fff !important;} div.view-text-under h2 {margin:0 0 0 5% !important; color:#fff !important; } img.img_team {margin:0 0 25px 0 !important; width:100% !important; border-radius:none; border:none !important;box-shadow: none !important;} dl dt {border-top:1px solid #ddd; padding:20px 0 10px 0; font-weight:400; color:#666;} dl dt.first-dt {border-top:1px solid rgba(0,0,0,0); padding:0 0 10px 0; color:#777;} dl dd {padding:0 0 20px 0; color:#666; font-weight:200;} /*--LEXIKON--------------------------------------------*/ div.lexicon p {width:100%; padding:0 0 1.5rem 0; text-align:left;} div.lexicon p strong {color:#688BC7;} div.lexicon_list .abc {background:#EBEBEB; padding:10px 10px; color:#FFF; text-decoration:none; margin:0.5rem 0.1rem;} div.lexicon_list a {color:#666; margin:0.5rem 0.5rem 0.5rem 0 !important; background:#F7F7F7; padding:1rem 1rem; font-family: 'Raleway',serif; -webkit-box-shadow: 0 1px 1px 1px rgba(008,009,001,1); border-radius: 1px; text-decoration:none; position:relative; display:inline-block !important; box-shadow: 0 1px 1px 1px rgba(212,212,212,0.5); font-size:10px;} div.lexicon_list .active {background:#fff !important; color:#688BC7 !important; text-decoration:overline;} div.lexicon_list {width:100%; margin:0 0 4rem 0} div.block_links, div.block_rechts {position:relative; display:inline-block; vertical-align:top !important; width:80%; margin:2rem 0 0 1rem; background:#FFF; border-radius:1px; padding:0 1rem 1rem 1rem; -webkit-box-shadow:0 1px 1px 1px rgba(008,009,001,1); box-shadow:0 1px 1px 1px rgba(212,212,212,0.5);} div.block_links p strong {font-size:16px; margin:0; padding:0;} div.block_links p, div.block_rechts p {width:100% !important;} div.block_links h3, div.block_rechts h3 {font-size:19px; margin:0; padding:0;} div.block_rechts p strong {font-size:16px; margin:0; padding:0;} /*CMD----------------------------------------------------------------------------------------*/ img.insignia1.border_white {width:20rem; margin:1rem 0 3rem 0; background-color:#ccc; border:10px solid #fff; box-shadow:inset 0 0 0 10px #FC0, inset 0 0 0 3px #0FC; padding:0.06rem; position:relative; -webkit-box-shadow:3px 3px 3px 3px rgba(0,0,0,0.15);box-shadow:3px 3px 3px 3px rgba(0,0,0,0.15); border-radius: 1px; margin:2rem 1rem 2rem 1rem ;} img.fall1 {width:13rem; margin:1rem 0 1rem 1rem;} img.fall2 {width:13rem; margin:1rem 0 1rem 1rem;} div#white_square {padding:1rem 0 1rem 1rem !important; -webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.15); box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.15); width:20rem; margin:3rem 0 0 1rem !important; border-radius: 1px;} div#white_square video {width:19rem; height:14rem;} .border_white {border:15px solid #fff; -webkit-box-shadow:3px 3px 3px 3px rgba(0,0,0,0.15); box-shadow:3px 3px 3px 3px rgba(0,0,0,0.15); border-radius:1px;} /*-KIG TABELLE------------------------------------------------------*/ table#table_kig {width:95%; margin: 2rem 0 0 0; font-size:8px;} table#table_kig tr td {padding:0.6rem;} td.td_head {font-family: 'Raleway', serif;} td.td_bold {background:#ccc; font-weight:800;} td.bg_color1 {background:#fdd9b1;} td.bg_color2 {background:#e9e9e9;} /* -------------------------- | Leistungen-Formatierungen | --------------------------- */ @keyframes lstg-fading { 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;} } @keyframes lstg-fading2 { 0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;} } img#switchpic1 {animation:lstg-fading 10s infinite; position:absolute; display:block; margin:0;} img#switchpic2 {animation:lstg-fading2 10s infinite; display:block; padding:0;} div.lstg-block {width:96%; display:inline-block; margin:35px 2%; vertical-align:top; text-align:left; position:relative;} div.lstg-pic {width:100%; margin:0 auto; -webkit-box-shadow: 0 0 2px 3px rgba(0,0,0,0.25); box-shadow: 0 0 2px 3px rgba(0,0,0,0.25); -webkit-border-radius:10px; border-radius:10px;} div.lstg-pic img {width:100%; margin:0 auto; display:block; -webkit-border-radius:10px; border-radius:10px; opacity:1; transition:all 0.3s;} div.lstg-text {width:100%; margin:10px auto 0 auto; background:#fff; -webkit-box-shadow:0 0 2px 3px rgba(0,0,0,0.25); box-shadow:0 0 2px 3px rgba(0,0,0,0.25); padding:10px 0 5px 0; position:relative; -webkit-border-radius:10px; border-radius:10px; transition:all 0.3s; border:3px solid rgba(255,255,255,1); text-align:left;} div.lstg-text p {font-size:14px !important; line-height:22px !important; width:94%; padding:0 3%;} div.lstg-text h5 {font-size:17px; margin:10px auto 5px auto; padding:0; color:#e33517; width:94%; padding:0 3%; display:block; position:relative;} img.lstg-icon {display:none;} div.lstg-block:hover div.lstg-text {border:3px solid #e33517;} div.lstg-block:hover div.lstg-pic img {opacity:1;} span.numberncircle {background:#e33517; padding:5px 11px; border-radius:50%; color:#fff margin:0 5px 0 0;font-weight:600;} img.incognito-spange {width:50%; float:right; margin:8px 0 0 10px; border:1px dotted #bbb; padding:5px; } img.incognito-paar {width:50%; vertical-align:top; display:inline-block; margin:0;} img.incognito-janina {padding:5px; border:1px dotted #bbb; float:right; margin:7px 0 0 20px;} p.floating-text {width:45%; vertical-align:top; display:inline-block; margin:0 5% 0 0 !important;} /* --------------------- | Headpic-Formatierungen| --------------------- */ div#pic iframe {width:100%; border:none; display:block; height:200px;} div.pic {position:relative;} div.pic div {position:relative;} div.pic img.headpic {border-bottom:2px solid #6E9EC8; width:100%; position:relative; z-index:90; -webkit-box-shadow: 0 1px 2px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 2px 3px rgba(0,0,0,0.2);} div#pic {width:100%;} div#pic img {width:100%;} div#pic img#mehr2 {display:none;} div#pic img#mehr {display:none !important;} img#headpic2 {width:100%; margin:0; padding:0; -webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.4); box-shadow: 0 2px 5px 2px rgba(0,0,0,0.4); border-bottom:4px solid #688BC7;} img#headpic {width:100%; margin:0; padding:0; -webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.4); box-shadow: 0 2px 5px 2px rgba(0,0,0,0.4); border-bottom:4px solid #688BC7;} article img.content-pic {width:96% !important; margin:0 !important;} /* --------------------- | Leistungen | --------------------- */ div.news-row-leistungen {width:100% !important;} div.single_news-leistungen {display:block; margin:25px 0 50px 0 !important; width:100%; position:relative;} div.news-overlay {padding:15px 2px; top:-130px; margin:0 0 0 0; min-height:10px; color:#fff; display:none;} /* ------------------------- | Pastpara-Formatierungen | -------------------------- */ div.past-para {width:100%; padding:30px 0 80px 0; margin:0; display:block; min-height:400px; color:#fff; -webkit-box-shadow: 0 1px 2px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 2px 3px rgba(0,0,0,0.2); position:relative; overflow:hidden; /* http://colorzilla.com/gradient-editor/#6e9ec8+0,a3b6c6+50,6e9ec8+100 */ background: #6e9ec8; background: -moz-linear-gradient(left, #6e9ec8 0%, #a3b6c6 50%, #6e9ec8 100%); background: -webkit-linear-gradient(left, #6e9ec8 0%,#a3b6c6 50%,#6e9ec8 100%); background: linear-gradient(to right, #6e9ec8 0%,#a3b6c6 50%,#6e9ec8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e9ec8', endColorstr='#6e9ec8',GradientType=1 ); } div.past-para-container {width:100% !important; margin:0 auto; display:block;} div.inner-para {display:none; width:100%; position:absolute; top:50px; left:0; padding:23px 0 13px 0; margin:0 0 0 0; z-index:100; font-size:24px;} div.past-para-container h2 {width:100%; margin:5px auto 0 28%; z-index:6; position:relative; font-size:42px; border-right:3px solid rgba(255,255,255,0.3); padding:0;} a.termine-start {display:none; position:absolute; top:0; right:20%; color:#fff; text-decoration:none; } a.termine-start img {position:absolute; top:0; left:-50px; } div.past-para h3 {font-weight:300; font-size:24px; margin:0; padding:10px 0; color:#fff !important;} div.past-para div.accordion {width:100%; margin:50px auto 30px 28%;} div.past-para p {width:95% !important; margin:0 0 0 0; padding:0 0 0 5% !important;} div.past-para div.accordion h3:before {content:url('../_images/accordion-icon_white.png'); position:absolute; top:-10px; left:5px; transition:all 0.25s;} div.whites {width:100%; height:40px; background:rgba(255,255,255,0.5); position:absolute; bottom:20px; left:0;} div.whites2 {width:100%; height:70px; background:rgba(255,255,255,0.3); position:absolute;top:27px;left:0;z-index:5;} img.deco-b {position:absolute; bottom:-60px; right:-0px; opacity:0.1; width:530px;} /* ------------------------- | Arzt-Formatierungen | -------------------------- */ strong.blue {color:#638db2;} div.arzt-single {padding:0 2% 0 0; width:60%; display:inline-block; vertical-align:top; box-sizing:border-box;} div.arzt {padding:0 2% 0 0; width:46%; display:inline-block; vertical-align:top; box-sizing:border-box; border-right:1px solid #ddd;} div.arzt:last-child {padding:0 0 0 4% !important; border-right:none !important;} div.arzt > h2, div.arzt > a {color:#666 !important;} div.accordion {background:none !important;} div.accordion h3 {cursor:pointer; border-top:1px solid #ddd; padding:20px 0 20px 35px; position:relative;} div.accordion h3:before {content:url('../_images/accordion-icon.svg'); position:absolute; top:23px; left:-5px; transition:all 0.25s;} div.accordion h3:hover:before {transform:rotate(-45deg);} div.accordion h3:focus:before {transform:rotate(90deg) !important;} div.accordion h3:nth-child(1) {border-bottom:1px solid #ddd; border-top:none;} div.accordion h3:nth-child(3) {border-top:none;} div.accordion div {padding:0 0 20px 35px;} div.accordion p {margin:25px 0 0 0; padding:0;} div.accordion ul {list-style-image:url(../_images/list-dot.png) !important; margin:0 0 0 18px !important; padding:0;} div.accordion ul li, div.accordion ol li {padding:3px 0 !important;} .ui-accordion-header span {transition:transform 0.3s;} .ui-accordion-header.ui-state-active span {transform:rotate(90deg); display:inline-block;} div.accordion img {width:100% !important;} h3.trigger {font-family: 'Open Sans', sans-serif; font-weight:300; color:#fff; font-size:26px; line-height:1.4;} div.subnavi {margin:60px 0 0 0;} div.subnavi p {padding:0 0 20px 0;} div.subnavi a {background:#fff; border:3px solid #89b3d8; padding:10px; margin:0 5px 0 0; text-decoration:none; transition: all 0.3sek;} div.subnavi a.active, div.subnavi a:hover {background:#fff; border:3px solid #E1F2FD; padding:10px; margin:0 5px 0 0; text-decoration:none !important;} div.subnavi-long a.active {color:#81aec8;} div.subnavi-long {width:100%; margin:80px 0 0 0;} div.subnavi-long a {width:100%; text-decoration:none; border-bottom:1px solid rgba(156, 158, 159, 0.3); border-top:1px solid rgba(156, 158, 159, 0.3); padding:2px 0; margin:10px 0 10px 0; display:block;} /* ------------------------- | Behandlung-Formatierungen | -------------------------- */ div.single-behandlung {width:350px; display:inline-block; margin:15px; color:#fff; border-radius:20px; -webkit-border-radius:20px; position:relative; height:293px; overflow:hidden;} img.behandlung-pic {border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0 0; position:absolute; left:0; top:0;} div.behandlung-title {background:#6E9EC8; position:absolute; bottom:0; left:0; right:0; margin:0 auto; text-align:left; border-radius: 0 0; -webkit-border-radius:0 0;} div.behandlung-title h3 {color:#fff !important; padding:0 0 0 0;} div.behandlung-content p {line-height:1.5 !important;} div.behandlung-content {display:block; text-align:left; width:88%; padding:0 6%; margin:0 0 -110px; transition:all 0.6s;} a.behandlung-link {color:#fff !important; text-decoration:none;} div.single-behandlung:hover > div.behandlung-content {display:block; margin:0 0 110px 0;} /* ------------------------- | Anamnesebogen-Formatierungen | -------------------------- */ div.anamnese {background:#6E9EC8; display:inline-block; vertical-align:top; width:250px; color:#fff; text-align:left; margin:0 25px 0 0; padding:0 0 0 0; position:relative;} div.anamnese a {opacity:0; position:absolute; top:19px; left:0; right:0; margin:0 auto; text-decoration:none; transition:all 0.3s;} div.anamnese-overlay {transition:all 0.3s;} div.anamnese:hover div.anamnese-overlay {opacity:0; z-index:0; position:relative;} div.anamnese:hover a {color:#fff !important; opacity:1; z-index:10;} /* --------------------- | News-Formatierungen | --------------------- */ div.aktuelles {width:100% !important; text-align:left; padding:80px 0 0 0; position:relative;} div.einleitungstext {} div.news {width:100%; text-align:left; margin:100px 0 120px 0;} div.news-text h2 {font-size:22px !important; width:90% !important; padding:0 5% !important; color:#fff !important;} div.news-text p {font-size:14px; width:90%; padding:0 5%; color:#fff;} div.news-text a {font-size:14px; color:#fff;} div.single_news {display:block; margin:25px auto 50px auto; width:90%; position:relative;} img.news-pic {position:relative; width:100%; } div.news-text {background:#979ba4; padding:15px 2px 30px 2px; margin:-5px 0 0 0; min-height:10px; color:#fff;} img.news-plus {position:absolute; bottom:-40px; left:0; right:0; margin:0 auto; padding:10px; background:#979ba4; border:5px solid #fff; width:40px !important;} div.news-overlay {padding:15px 2px; top:-130px; margin:0 0 0 5%; min-height:10px; color:#fff; display:none;} div#news1 {display:none;} div.div_aktuelle_news {width:96%; border:1px solid #515153; padding:0; margin:20px 2% 20px 2%; position:relative;} /* ------------------------- | Damon-Formatierungen | -------------------------- */ div.div-damon {border-bottom:1px solid #ddd; width:70%; padding:50px 15%; /* http://colorzilla.com/gradient-editor/#ffffff+40,e6e6e6+100 */ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 40%, #e6e6e6 100%); background: -webkit-linear-gradient(top, #ffffff 40%,#e6e6e6 100%); background: linear-gradient(to bottom, #ffffff 40%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );} div.div-damon-first {width:70%; padding:40px 15% 0 15%;} div.div-damon-nopic {width:50%; padding:40px 35% 0 15%;} div.div-damon:nth-child(2) {border-bottom:1px solid #ddd; width:70%; padding:50px 15%; /* http://colorzilla.com/gradient-editor/#ffffff+40,e6e6e6+100 */ background: #ffffff; /* Old browsers *//* IE6-9 */} div.div-damon div {width:41%; display:inline-block; margin:0 4% 0 0; vertical-align:top;} img#typodont {width:30%; margin:0 20% 0 0; } img#bracket {width:35%; margin:0 0 -50px 100px;} img#mumboy {margin:0 0 -50px 0;} img.img-aligned-left {display:inline-block; vertical-align:middle; width:50%;} img.img-aligned-right {display:inline-block; vertical-align:middle; width:50%;} div.div-damon div ul {list-style:url(../_images/sichtbar-unsichtbar/list-icon.png); width:100%; margin:0 0 0 -15px;} div.div-damon div ul li {margin:20px 0;} div.div-damon div ul.doubled {list-style:url(../_images/sichtbar-unsichtbar/list-icon.png); display:inline-block; vertical-align:top; width:40%; margin:0 0 0 35px; padding:0;} div.thumbnail-fancybox img {width:100% !important;} div.thumbnail-fancybox > a > img.img-zoom {width:30px !important;} /* ----------------------- | Kontakt | ------------------------ */ span.day {width:40px; display:inline-block; font-weight:bold;} div.next-to-form {width:100%; display:inline-block; vertical-align:top; margin:0 0 0 0; text-align:left;} div.adresse {width:100%; } span.day, span.uhrzeit1, span.uhrzeit2 {font-size:12px;} /*----KONTAKT----------------------------*/ /* --------------------- | Kontaktformatierungen | --------------------- */ form.kontakt {width:100%; display:inline-block; vertical-align:top;} form.kontakt input[type=submit] {width:100px; background:rgba(0,0,0,0); border:1px solid #6E9EC8; color:#444; transition: all 0.3s; cursor:pointer; margin:20px 0 0 0;} form.kontakt input[type=submit]:hover {background:rgba(17, 125, 189, 1); border:1px solid #6E9EC8; color:#fff;} form.kontakt input, form.kontakt textarea {width:100%; padding:5px 10px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#666; font-size:14px; border-radius:3px; -webkit-border-radius:3px; border:1px solid #aaa; margin:5px 0; box-sizing:border-box; -webkit-box-sizing:border-box;} form.kontakt input:focus, form.kontakt textarea:focus {border:1px solid #6E9EC8;} form.stellenangebote {width:100%; margin:20px 0 0 0;} form.stellenangebote input[type=submit] {width:150px; background:rgba(0,0,0,0); border:1px solid #6ba4ce; color:#444; transition: all 0.3s; cursor:pointer;} form.stellenangebote input[type=submit]:hover {background:rgba(0,0,0,0); border:1px solid #fff; color:#638db2;} form.stellenangebote select, form.stellenangebote input, form.stellenangebote textarea {width:98%; padding:0.5% 1%; border:1px solid #6ba4ce; background:#fff; color:#888; margin:2px 0; font-family: 'Open Sans', sans-serif; font-size:14px; box-sizing:content-box;} form.stellenangebote input:focus, form.stellenangebote select:focus, form.stellenangebote textarea:focus {border:1px solid #fff;} div#captcha {margin:0; padding:0; display:block;} div#captcha input {margin:0 0 0 0; display:block;} div.contact-left {width:100%; display:block; vertical-align:top; text-align:left; margin:40px 0 0 0;} div.contact-right {width:100%; display:block; vertical-align:top; text-align:left; margin:40px 0 0 0;} div.contact-full-width {width:100%;} div.anschrift {width:100%; display:block; vertical-align:top; text-align:left; margin:40px 0 0 0;} div.oeffnungszeiten {width:100%; display:block; vertical-align:top; text-align:left; margin:40px 0 0 0;} div.anschrift img {width:330px;} div.contact-right iframe {width:100%; border:none; height:475px; margin:3px 0 55px 0;} p.contact-day {display:inline-block; margin:16px 25px 0 0; vertical-align:top;} img.logo-rheincenter {float:left; margin:0 20px 0 0;} img.flag {display:inline-block; vertical-align:top;} p.wespeak {display:inline-block; vertical-align:top; margin:-5px 0 0 15px; padding:0;} div#contact_ihre_adresse {margin:-40px 0 0 0;} div#contact_ihre_adresse input#saddr {display:inline-block; vertical-align:top; width:200px; border:1px solid #89b3d8; border-radius:3px; -webkit-border-radius:3px; padding:8px 10px; margin:3px 0 0 0;} div#contact_ihre_adresse input#saddr-img {margin-top:10px;} /*----KONTAKT----------------------------*/ div.content-kontakt {width:100%; padding:0 0 30px 0; background:#e6e6e4; text-align:left; margin:0 0 0 0; display:inline-block; vertical-align:top; margin:3rem 0; -webkit-box-shadow:0 0 2px 3px rgba(0,0,0,0.2); box-shadow: 0 0 2px 3px rgba(0,0,0,0.2);} div.content-kontakt h2 {width:95%; background:#e25171; padding:2% 2.5% 2% 2.5% !important; text-align:left !important; margin:0 0 2rem 0!important; color:#fff !important; position:relative;} div.wann-haaf {width:95%; margin:0; padding:0 2.5%; text-align:left; display:block; } div.wann-haaf p {margin:0; padding:0; font-size:16px;} div.content-kontakt h2 i.fa.fa-clock-o {margin:0 2% 0 2% !important;} div.content-kontakt h2 i.fa.fa-newspaper-o {margin:0 2% 0 0 !important;} form.kontakt {width:100%; display:block;} form.kontakt tr td input, form.kontakt tr td textarea {width:96%; padding:5px 2%; font-family: 'Open Sans', sans-serif; font-weight:300; color:#666; font-size:14px; border-radius:10px; -webkit-border-radius:10px; border:1px solid #aaa;} form.kontakt tr td input[type="submit"] {width:100%; margin:10px 0 0 0; cursor:pointer;} /* --------------------- | Termineformatierungen | --------------------- */ form.termine {width:100%; display:inline-block; vertical-align:top; margin:0 auto !important; padding:0 !important;} form.termine select {width:500px; padding:5px 10px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#666; font-size:14px; border-radius:10px; -webkit-border-radius:10px; border:1px solid #aaa; margin:5px 0; display:block; box-sizing:border-box;} form.termine input {width:250px; padding:5px 10px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#666; font-size:14px; border-radius:10px; -webkit-border-radius:10px; border:1px solid #aaa; margin:5px 0; display:inline-block; box-sizing:border-box;} form.termine textarea {width:500px; padding:5px 10px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#666; font-size:14px; border-radius:10px; -webkit-border-radius:10px; border:1px solid #aaa; margin:5px 0; display:inline-block; box-sizing:border-box;} form.termine button.ui-datepicker-trigger {display:none;} form.termine input[type="submit"] {width:100px; margin:10px 0 0 0; cursor:pointer; display:block;} form.stellenangebote {width:100%; margin:20px 0 0 0;} form.stellenangebote input[type=submit] {width:150px; background:rgba(0,0,0,0); border:1px solid #6ba4ce; color:#444; transition: all 0.3s; cursor:pointer;} form.stellenangebote input[type=submit]:hover {background:rgba(0,0,0,0); border:1px solid #fff; color:#638db2;} form.stellenangebote input, form.stellenangebote textarea {width:98%; padding:0.5% 1%; border:1px solid #6ba4ce; background:#fff; color:#888; margin:2px 0; font-family: 'Open Sans', sans-serif; font-size:14px;} form.stellenangebote input:focus, form.stellenangebote textarea:focus {border:1px solid #fff;} div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {background:#fff; border:1px solid #2379B6;} div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table.ui-datepicker-calendar tr td a.ui-state-default {color:#666;} div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all div.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-next.ui-corner-all.ui-datepicker-next, div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all div.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-prev.ui-corner-all.ui-datepicker-prev{position:relative; background:#2379B6;} div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all div.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-next.ui-corner-all.ui-datepicker-next:after{ position:absolute; content:'>'; color:#2379B6; top:20px; left:240px;} div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all div.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-prev.ui-corner-all.ui-datepicker-prev:after{ position:absolute; content:'<'; color:#2379B6; top:20px; left:20px;} #wowslider-container1 {position:relative !important; z-index:-300px !important; top:25px;} /* --------------------- | Termineformatierungen | --------------------- */ form.termine {width:100%; display:block; margin:0 !important; padding:0 !important;} form.termine select {width:98%; padding:5px 1%; font-family: 'Open Sans', sans-serif; font-weight:300; color:#666; font-size:14px; border-radius:10px; -webkit-border-radius:10px; border:1px solid #aaa; margin:5px 0; display:block;} form.termine input {width:98%; padding:5px 1%; font-family: 'Open Sans', sans-serif; font-weight:300; color:#666; font-size:14px; border-radius:10px; -webkit-border-radius:10px; border:1px solid #aaa; margin:5px 0; display:inline-block;} form.termine textarea {width:98%; padding:5px 1%; font-family: 'Open Sans', sans-serif; font-weight:300; color:#666; font-size:14px; border-radius:10px; -webkit-border-radius:10px; border:1px solid #aaa; margin:5px 0; display:inline-block;} form.termine button.ui-datepicker-trigger {display:none;} form.kontakt div.g-recaptcha, form.termine div.g-recaptcha {margin:10px 0 0 0; overflow:hidden;} div.contact-right iframe {border:none; width:100%;} form.termine input[type="submit"] {width:98%; margin:10px 0 0 0; padding:15px 1%; cursor:pointer;} img#scroll-up {position:fixed; bottom:5px; right:5px; z-index:60000; cursor:pointer; display:none;} div#menu {position: absolute; width:61px; height:100%; top:0; right:0; cursor:pointer; z-index:200000;} img#menu_icon {width:50px !important; position:fixed; margin:5px 0 0 0; padding:0; display:block;} ul li {list-style:square; padding:0.5rem 0;} img.img-incognito, img.img-win {display:none;} /* --------------------- | Neues Kontaktformular| ---------------------- */ table.contactform {margin:2rem 0; width:10rem; font-family: 'Raleway', serif; background:#EFEFEF; padding:0.5rem; border:10px solid #fff; box-shadow:inset 0 0 0 10px #FC0, inset 0 0 0 3px #0FC; position:relative; -webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.15);box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.15);} table.contactform tr td input, table.contactform tr td textarea {font-family:'Raleway', serif; padding:3px; transition:all 0.5s; border:1px solid #999; width:10rem !important;} table.contactform tr td textarea:focus, table.contactform tr td input:focus {padding:5px 7px; border:1px solid #688BC7;} table.contactform tbody tr td span {color:#688BC7 !important;} table.contactform tbody tr td.left_kontakt {padding:0; width:2% !important; background-size: auto 3rem !important; font-size:10px;} /* ----------------------- | Footer | ------------------------ */ footer {width:84%; padding:10% 8% 10% 8%; background:#979BA4; position:relative; border-top:10px solid #fff;} footer p {color:#fff !important;} div#footer_footer {text-align:left; background:#8a8c8f; width:100%; padding:1rem 0 1rem 0; margin:0;} div#footer_footer_text {margin:0 auto;} div#footer_footer p {margin:0 auto; padding:0; color:#fff !important; font-size:14px;} div#footer_footer p span {margin:0 0 0 30px;} div#footer_footer a {color:#fff; font-size:14px;} div#footer_footer a:hover {color:#979BA4; text-decoration:none;} footer a img#jameda_zeichen {display:inline-block; width:4rem; position:absolute; top:0; right:1rem;} .google, .jameda, .facebook {width:95%; margin:5px 0 0 24px; padding:0 2.5%; position:relative; display:block;} .google a p, .jameda a p, .facebook a p {display:inline-block; vertical-align:top; margin:15px 0 15px 18px;} img.bewertung_button {display:inline-block; vertical-align:top; width:35px; position:absolute; left:-24px; top:-11px;} address {font-style:normal; color:#fff !important;} address p a {color:#fff; text-decoration:underline !important;} div#search {position: relative;}