html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, img { margin: 0;padding: 0; border: 0;font-size: 100%;vertical-align: baseline; box-sizing:border-box;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { line-height: 1;}
ol, ul { list-style: none; margin:0; padding:0;}
blockquote, q { quotes: none;}
table { border-collapse: collapse; border-spacing: 0;} span.wpcf7-form-control-wrap { position: unset!important; }
@font-face {
font-family: 'Roboto';
src: url(//www.medicus-trittau.de/wp-content/themes/web-labels/fonts/roboto-bold-webfont.woff2) format('woff2'),
url(//www.medicus-trittau.de/wp-content/themes/web-labels/fonts/roboto-bold-webfont.woff) format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//www.medicus-trittau.de/wp-content/themes/web-labels/fonts/roboto-medium-webfont.woff2) format('woff2'),
url(//www.medicus-trittau.de/wp-content/themes/web-labels/fonts/roboto-medium-webfont.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//www.medicus-trittau.de/wp-content/themes/web-labels/fonts/roboto-regular-webfont.woff2) format('woff2'),
url(//www.medicus-trittau.de/wp-content/themes/web-labels/fonts/roboto-regular-webfont.woff) format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url(//www.medicus-trittau.de/wp-content/themes/web-labels/fonts/lato-bold-webfont.woff2) format('woff2'),
url(//www.medicus-trittau.de/wp-content/themes/web-labels/fonts/lato-bold-webfont.woff) format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url(//www.medicus-trittau.de/wp-content/themes/web-labels/fonts/lato-regular-webfont.woff2) format('woff2'),
url(//www.medicus-trittau.de/wp-content/themes/web-labels/fonts/lato-regular-webfont.woff) format('woff');
font-weight: 400;
font-style: normal;
} .links { float:left;}
.rechts { float:right;}
.center { text-align:center;}
.keincss { border:none!important; padding:0px!important; margin:0px!important; float:none!important; }
img.alignleft, .entry .alignleft { float:left; margin-right:20px;}
img.alignright, .entry .alignright { float:right; margin-left:20px;}
img.aligncenter, .entry .aligncenter { display: block; margin-left: auto; margin-right: auto; }
iframe {max-width:100%;}
sub { vertical-align: sub; font-size: smaller;}
sup { vertical-align: super; font-size: smaller; }
.clear { clear:both;}
.clearfix:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}
p.wp-caption-text { font-size:11px; font-style:italic;}
.hinweisbar { padding: 10px 20px 10px 20px; box-sizing:border-box; font-size:13px; line-height:20px; text-align:center;} .btn { display: inline-block; text-align: center; background: rgb(160, 45, 52) none repeat scroll 0% 0%; border-radius: 3px; padding: 10px 15px;}
.ergotherapie { color: #bccf02!important; }
.logopaedie,
.box-2 .more-info:hover { color: #2daae1!important; }
.physiotherapie,
.box-3 .more-info:hover { color: #e4022e!important;}
.autismus,
.box-4 .more-info:hover { color: #f0db00!important; } input, textarea { -webkit-appearance: none; border-radius: 0px; }
.wpcf7-checkbox input { -webkit-appearance: checkbox; margin-left: 0px;} body { font-family: 'Roboto',sans-serif; background: #f1f1f1; }
a { outline:none; text-decoration:none; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
h1, h2, h3, h4, h5 { font-weight:normal;}
#page { width:100%; margin:0 auto;} #logo { display:inline-block; width:auto!important; min-width:0px!important; max-width:100%; float: left; margin-top: 30px; -webkit-animation-name: logo; -webkit-animation-duration: 2s;animation-name: logo; animation-duration: 2s; }
#logo:hover { opacity: 0.8; }
#telefonnummer a { font-size: 14px; font-weight: 700; color: #4f4f4f; padding: 10px 50px; background: #fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 172px; -webkit-animation-name: logo; -webkit-animation-duration: 2s;animation-name: logo; animation-duration: 2s; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 100; }
#telefonnummer a:hover { opacity: 0.8; padding: 15px 50px 10px 50px; } @-webkit-keyframes logo {
from {opacity: 0; }
to {opcity: 1;}
} @keyframes logo {
from {opacity: 0;}
to {opcity: 1;}
}
#logo img { display:inline-block; width:auto!important; min-width:0px!important; max-width:100%; float: left;}
#header { width:100%; height:auto;}
#header img.headimg { width:100%; height:auto; margin-top: -170px;}
#branding { height:auto; max-width:1500px; margin:0 auto; padding:0px 30px 0px 30px; position: relative; z-index: 99; box-sizing: border-box;} #nav { float: right; margin-top: 35px; }
#nav ul li { float: left; margin-left: 45px; padding-bottom: 20px; position: relative; }
#nav ul li.current-menu-item,
#nav ul li:hover,
#nav ul li.current_page_ancestor { border-bottom: solid 2px #fff; }
#nav ul li:first-child { margin-left: 0px; }
#nav ul li a { color: #58585a; font-size:18px; font-weight: 900;}
#nav ul li ul { position: absolute; top: 38px; left: 50%; margin-left: -75px; width: 150px; background: #fff; overflow: hidden; height: 0px!important; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
#nav ul li:hover ul { height: auto!important; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s; overflow: visible; padding-bottom: 10px; }
#nav ul li ul li { float: none; border-bottom: none!important; margin-left: 0; text-align: center; padding: 10px 0; position: relative; }
#nav ul li ul li:first-child { padding: 20px 0 10px 0!important; } #nav ul li ul li a { color:#595959; font-size: 14px; text-shadow: none; }
#nav ul li ul li a:hover { color: #bccf00; }
#nav ul li ul li ul { display: none; position: absolute; left: 225px; top: 0px; overflow: visible; }
#nav ul li ul li:hover ul { display: block; }
#nav ul li ul li:hover ul li ul { display: none; }
#nav ul li ul li ul li:hover ul { display: block; }
@media screen and (max-width: 1160px) {
#logo { max-width: 320px; }
#telefonnummer a { padding: 5px 20px; left: 125px; }
#nav ul li { margin-left: 20px; padding-bottom: 20px; }
}
@media screen and (max-width: 860px) {
#nav, #telefonnummer { display: none; }
#header img.headimg { margin-top: -72px;}
#logo { margin-top: 5px; max-width: 35%;}
}
.slider-title { font-family: "Roboto",sans-serif; font-size: 95px; line-height: 114px; font-weight: 700; color: #fff; } #front-page-boxen { max-width:1500px; margin:0 auto 150px auto; padding:0px 30px 0px 30px; box-sizing: border-box; position: relative; z-index: 99; margin-top: -175px;}
#front-page-boxen .box { float: left; width: calc(25% - 45px); border-radius: 5px; overflow: hidden; margin-right: 60px; background: #ffffff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); }
#front-page-boxen .box-4 { margin-right: 0; }
#front-page-boxen .box img { width: 100%; height: auto; }
#front-page-boxen .box h3 { font-size: 24px; color: #bccf00; padding: 40px 40px 0 40px; margin-bottom: 25px; font-weight: 500; min-height: 96px;}
#front-page-boxen .box p { font-size: 16px; line-height: 24px; color: #595959; padding: 0px 40px 0 40px; margin-bottom: 25px; min-height: 265px; }
#front-page-boxen .box .more-info { font-size: 16px;color: #bccf00; padding: 0px 40px 40px 40px; display: block; font-weight: 500;}
#front-page-boxen .box .more-info:hover { padding: 0px 40px 40px 50px; }
@media screen and (max-width: 1400px) {
#front-page-boxen { margin-top: 30px; }
#front-page-boxen .box { float: left; width: calc(50% - 30px); margin-bottom: 60px; }
#front-page-boxen .box-2 { margin-right: 0; }
#front-page-boxen .box p { min-height: 120px; }
}
@media screen and (max-width: 768px) {
#front-page-boxen .box { float: left; width: 100%; margin-bottom: 60px; margin-right: 0; }
#front-page-boxen .box p { min-height: 0px; }
}
@media screen and (min-width: 768px) {
.home #content-wrap-page { min-height: 1900px!important; background: url(//www.medicus-trittau.de/wp-content/themes/web-labels/images/family.png) no-repeat right bottom; background-size: contain; }
.mobilefamily { display: none!important; }
}
@media screen and (max-width: 768px) {
.mobilefamily { margin-right: -30px!important; margin-bottom: 0!important;}
.home #content-wrap { padding: 0 30px!important; }
}
.startliste li { list-style: none!important; margin-left: 0!important; background: url(//www.medicus-trittau.de/wp-content/themes/web-labels/images/done-tick.png) no-repeat left center; padding-left: 35px; font-weight: 700; color: #bccf00; margin-bottom: 5px; } #content-wrap-page { width:100%; min-height:100px!important; height:auto; }
#content-wrap { min-height:100px; max-width:1500px; margin: 0 auto; padding:80px 30px 80px 30px; }
.home #content-wrap { padding: 0px 30px 80px 30px; }
#content { }
.entry { line-height:22px;}
.entry img { max-width:100%; height:auto;}
h1 { font-size:48px; line-height:60px; color: #bccf00; font-weight: 500; margin-bottom: 35px; }
h2 { font-size:24px; line-height:36px; color: #bccf00; font-weight: 500; margin-bottom: 15px; }
h3, h4, h5 { font-size:20px; line-height:28px; color: #595959; font-weight: 500; margin-bottom: 15px; }
@media screen and (max-width: 768px) {
h1 { font-size: 36px; line-height: 42px; }
#front-page-boxen { margin-bottom: 50px!important; }
}
.entry a { color:#bccf00; text-decoration:underline;}
.entry a:hover { color:#595959; text-decoration:none;}
.entry a.btn { color: rgb(255, 255, 255);}
.entry a.btn:hover { border:2px solid rgb(160, 45, 52); background:#fff; color:rgb(160, 45, 52);}
.entry p { font-size: 16px; line-height: 24px; color: #595959; margin-bottom:30px; font-family: 'Lato',sans-serif; }
.entry ul,
.entry ol { font-size: 16px; line-height: 24px; color: #595959; margin-bottom:30px; font-family: 'Lato',sans-serif; }
.entry ol li { list-style: decimal outside none; margin-left: 15px;}
.entry ul li { list-style: disc outside none; margin-left: 15px;} .blog-content { width:65%; height:auto;}
.sidebar { width:25%; height:auto; padding-right:10%;}
.sidebar ul li.widget { margin-bottom:3em;}
.blog-content h1 { font-size:1.8em; line-height:1.5em; color:#9a4b89; text-transform:uppercase; font-weight:bold; padding-bottom:2em;}
.post-vorschau { width:100%;}
.vorschau { width:20%; height:auto; min-height:100px; overflow:hidden; margin-right:20px;}
.post-vorschau { border-bottom: dashed 1px #CCCCCC; margin-bottom:30px;}
#sidebar li { border-bottom: dashed 1px #CCCCCC; margin-bottom:25px;}
#sidebar li ul { padding-bottom:5px;}
#sidebar li ul li { border:none; margin:0px;padding:5px 0px 3px 0px; }
#sidebar li ul li a { font-size:14px; color:#333; }
#sidebar li ul li a:hover { color:#D55918;}
.weiter-lesen { width:100%; height:auto; text-align:right;}
h2.widgettitle { font-size:1.8em; text-transform:uppercase; color:#9A4B89; line-height:1.4em; margin-bottom:0.5em; border-bottom:solid 1px #9A4B89;}
#calendar_wrap { font-size:1.3em;}
#wp-calendar { width:100%;}
#wp-calendar caption { width:100%; padding:0.3em 0 0.5em 0;}
#wp-calendar thead { width:100%;}
#wp-calendar thead tr { text-align:right;}
#wp-calendar tbody tr td { text-align:right; padding:0.5em 0 0.2em 0; border-bottom:solid 1px #DFDFDF;}
#wp-calendar tbody tr td a { color:#9A4B89; font-weight:bold;}
.widget_categories ul li a { color:#323232; font-size:1.4em; border-bottom:solid 1px #E3E3E3; padding-bottom:0.3em; display:block; margin-bottom:0.5em;}
.widget_categories ul li a:hover {color:#9A4B89;}
#pagination { padding:20px 0px; clear:both;}
#pagination span { text-align:center; padding:9px 10px; margin:0px 5px;}
#pagination a { color:#333333; padding: 10px; display:inline-block; background:#DCDCDC; margin:0px 5px; }
#pagination span.current, #pagination a:hover { background:#50b948; color:#fff;} #footer-wrap { width:100%; height:auto; background: #bccf00; }
#footer { max-width:1500px; margin:0 auto; padding:160px 30px 210px 30px;}
#footer .menu li a { font-size: 18px; line-height: 48px; font-weight: 700; color: #1f1f1f; }
#footer .menu li.current_page_item a,
#footer .menu li a:hover { color: #fff; }
.seperator { width: 100%; height: 15px; background: url(//www.medicus-trittau.de/wp-content/themes/web-labels/images/sep.png) repeat-x; display: block; margin: 22px 0;}
.dark-seperator { width: 100%; height: 15px; background: url(//www.medicus-trittau.de/wp-content/themes/web-labels/images/neg-sep.png) repeat-x; display: block; margin: 34px 0;}
input:focus, textarea:focus { outline: none!important; }
.big-col { width: calc( 50% - 60px ); float: left; }
.col-1 { margin-right: 30px; }
.col-2 { margin-left: 30px; }
.small-col { float: left; }
.col-1-1 { width: 40%; margin-right: 10%; }
.col-1-2 { width: 50%; }
.big-col h5 { font-size: 24px; line-height: 32px; font-weight: 700; color: #fff; }
.big-col p { font-family: 'Lato',sans-serif; font-weight: 400; font-style: italic; font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 20px; }
.col-1-2 { border-radius: 5px; overflow: hidden; background: #ffffff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); padding: 40px; box-sizing: border-box; }
.col-1-2 h5 { color: #595959; font-size: 24px; font-weight: 500; }
.col-1-2 p { color: #595959; font-style: normal; }
.col-1-2 a { color: #595959; }
@media screen and (max-width: 1260px) {
.col-1 { width: 100%; float: none; margin-right: 0; }
.small-col { margin-bottom: 60px; }
.col-2 { width: 100%; clear: both; float: none; margin-left: 0; }
}
@media screen and (max-width: 768px) {
#footer { padding: 40px 30px 60px 30px; }
.small-col { margin: 0 0 60px 0!important; width: 100%; float: none;}
} input.wpcf7-text { background-color: #fff; border: none; color: #3A302F; font-size: 14px; line-height: 24px; margin-bottom: 15px; }
.wpcf7-text { padding: 0.8em 20px 0.8em 20px; width: 100%; box-sizing: border-box;}
textarea.wpcf7-textarea { background-color: #fff; border: none; color: #3A302F; font-size: 14px; line-height: 24px; margin-bottom: 15px;}
.wpcf7-textarea { padding: 0.8em 20px 0.8em 20px; width: 100%; min-width: 100%; max-width: 100%; height: 107px; min-height: 107px; max-height: 107px; box-sizing: border-box;}
.wpcf7-submit:hover { cursor: pointer; color: #F8332B; background: #fff; font-weight: 700; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
input.wpcf7-submit { background-color: #F8332B; border: solid 1px #F8332B; color: #fff; font-family:sans-serif; font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 15px; text-transform: uppercase; }
.wpcf7-submit { padding: 0.72em 20px; width: 100%; box-sizing: border-box; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.impressum {height:120px; overflow-y:scroll; padding-right:25px; margin-top:20px;}
p.hinweis {font-size: 14px; color: red;}
input.wpcf7-text { background: none; border-top: none; border-right: none; border-bottom: solid 1px #1f1f1f; border-left: 0; padding: 10px 20px; color: #1f1f1f; font-family: 'Lato',sans-serif; font-size: 16px; font-weight: 700;}
input::-webkit-input-placeholder { color:#1f1f1f; }
input::-moz-placeholder { color:#1f1f1f; }
input:-ms-input-placeholder { color:#1f1f1f; }
input:-moz-placeholder { color:#1f1f1f; }
textarea.wpcf7-textarea { background: none; border-top: none; border-right: none; border-bottom: solid 1px #1f1f1f; border-left: 0; padding: 10px 20px; color: #1f1f1f; font-family: 'Lato',sans-serif; font-size: 16px; font-weight: 700;}
textarea::-webkit-input-placeholder { color:#1f1f1f; }
textarea::-moz-placeholder { color:#1f1f1f; }
textarea:-ms-input-placeholder { color:#1f1f1f; }
textarea:-moz-placeholder { color:#1f1f1f; }
input.wpcf7-submit { display: block; background: none; border: none; width: auto; margin: 0 auto; font-family: 'Roboto',sans-serif; font-weight: 700; font-size: 24px; color: #1f1f1f; padding: 0; text-transform: none; }
input.wpcf7-submit:hover { color: #000; text-decoration: underline; background: none; }
.big-col input.wpcf7-text { background: none; border-top: none; border-right: none; border-bottom: solid 1px #fff; border-left: 0; padding: 10px 20px; color: #fff; font-family: 'Lato',sans-serif; font-size: 16px; font-weight: 700;}
.big-col input::-webkit-input-placeholder { color:#fff; }
.big-col input::-moz-placeholder { color:#fff; }
.big-col input:-ms-input-placeholder { color:#fff; }
.big-col input:-moz-placeholder { color:#fff; }
.big-col textarea.wpcf7-textarea { background: none; border-top: none; border-right: none; border-bottom: solid 1px #fff; border-left: 0; padding: 10px 20px; color: #fff; font-family: 'Lato',sans-serif; font-size: 16px; font-weight: 700;}
.big-col textarea::-webkit-input-placeholder { color:#fff; }
.big-col textarea::-moz-placeholder { color:#fff; }
.big-col textarea:-ms-input-placeholder { color:#fff; }
.big-col textarea:-moz-placeholder { color:#fff; }
.big-col input.wpcf7-submit { display: block; background: none; border: none; width: auto; margin: 0 auto; font-family: 'Roboto',sans-serif; font-weight: 700; font-size: 24px; color: #1f1f1f; padding: 0; text-transform: none; }
.big-col input.wpcf7-submit:hover { color: #fff; text-decoration: underline; }
.left-form { width: 50%; padding-right: 35px; box-sizing: border-box; float: left; }
.right-form { width: 50%; padding-left: 35px; box-sizing: border-box; float: left; }
@media screen and (max-width: 530px) {
.left-form { width: 100%; padding-right: 0px; box-sizing: border-box; float: none; }
.right-form { width: 100%; padding-left: 0px; box-sizing: border-box; float: none; }
}
@media screen and (max-width: 768px) { #nav {display:none;} .entry img { max-width:100%; height:auto;} .nachrichtenfelder { float:inherit; width:92%;}
#nachricht { padding:0.8em 4% 0.8em 4%;}
}
.page-id-67 h1,
.parent-pageid-67 h1,
.page-id-67 h2,
.parent-pageid-67 h2,
.page-id-67 .entry a,
.parent-pageid-67 .entry a { color: #2daae1!important; }
.page-id-69 h1,
.parent-pageid-69 h1,
.page-id-69 h2,
.parent-pageid-69 h2,
.page-id-69 .entry a,
.parent-pageid-69 .entry a { color: #e4022e!important; }
.page-id-71 h1,
.parent-pageid-71 h1,
.page-id-71 h2,
.parent-pageid-71 h2,
.page-id-71 .entry a,
.parent-pageid-71 .entry a { color: #f0db00!important; }
table { border: solid 1px #2d2d2d; background: #fff; width: 100%;}
table td { border: solid 1px #2d2d2d; padding: 10px; box-sizing: border-box;}
table td.name { width: 75%; }
table td.preis { width: 25%; font-weight: 700; }
table tr:nth-child(even) { background: #ededed; } .wpcf7-form-control .captcha-image {width: 100%;}