/*
Theme Name: Mannheim Urologe
Theme URI: https://wordpress.org/themes/twentysixteen/
Template: twentysixteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Tags: one-column,two-columns,right-sidebar,accessibility-ready,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,flexible-header,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog
Version: 1.5.1538374591
Updated: 2018-10-01 06:16:31

*/

body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#212121;}
#wpadminbar ul:after{ clear:inherit;}
a{ color:#7ac142;}
#navigation{ position:relative;}
#navbtn{ display:block; background:url(images/navigation.png) no-repeat 0 0; width:38px; height:27px; font-size:0; cursor:pointer;}
.nav-menu{ display:none; position:absolute; right:0; top:100%; width:260px; background:#8cba32;}
.nav-menu li{ float:none; position:relative;}
.nav-menu li+li{ border-top:1px solid #ffffff;}
.nav-menu li > a{ font:normal 16px/40px 'Lato', sans-serif; color:#fff; padding-left:15px; display:block;}
.nav-menu li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:36px; z-index:99; background:url(images/nav-arrow.png) no-repeat 50% 50%; display:block; cursor:pointer; border-radius:3px;}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow,.nav-menu li.current_page_item > .menuarrow{ background:url(images/nav-arrow.png) no-repeat 50% 50% #0089cf;}
.nav-menu .sub-menu{ margin:0 3px; display:none; background:#98ce2e;}
/*.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px; display:none;}*/
.nav-menu .sub-menu li{ float:none;}


ul{ list-style-type:none;}

header{ position:fixed; left:0; right:0; width:100%; top:0; /*background:rgba(255, 255, 255, 0.5);*/ z-index:9999;}
header.active-top{background:rgba(255, 255, 255, 0.9); box-shadow:0 0 6px #000;}
#navigation{ float:right; margin:15px 0 0 20px;}

#banner{ position:relative;}
#banner img{width:100%;}
.home-btn{ float:left; background:url(images/home-btn.png) no-repeat 8px 50% #8cba32; padding:0 20px 0 53px; display:inline-block; float:left; font:400 19px/47px 'Lato', sans-serif; color:#fff; text-transform:uppercase;}

.right-top{ float:right;}
.address-sec{ float:left;}
.address-sec ul li{ float:left; font:400 19px/22px 'Lato', sans-serif; padding:16px 0 0 30px; position:relative; margin:0 10px;}
.address-sec ul li img{ position:absolute; left:0; top:18px;}
.address-sec ul li a{ color:#6a9d07;}

.banner-text{ position:absolute; width:1200px; left:50%; top:80%; transform:translate(-50%, -50%); z-index:99;}
.bnr-rt{ float:right;}
.lgo-lft{ margin:60px 0 0;}
.link-btn{ background:rgba(255, 255, 255, 0.5); padding:0 30px; display:inline-block; font:400 22px/61px 'Lato', sans-serif; color:#8cba32; border-radius:4px; margin:10px 0 0;}

#content{ padding:30px 0 20px;}
#content.home{ padding:0;}

.wte-fnt{ font-weight:900 !important;}



.grey-bg{ background:#f7f7f7;}

#content h1{ font:400 40px/44px 'Lato', sans-serif; padding:15px 0 0;}
#content h2{ font:400 35px/38px 'Lato', sans-serif; padding:15px 0 0;}
#content h3{ font:400 25px/28px 'Lato', sans-serif; padding:15px 0 0;}
.grn-text{ color:#8cba32;}
#content p{ font:400 15px/23px 'Lato', sans-serif; padding:15px 0 0;}
#content h4{ font:400 20px/24px 'Lato', sans-serif; padding:15px 0 0;}
#content h5{ font:400 17px/22px 'Lato', sans-serif; padding:15px 0 0;}

.list-itm{ padding:20px 0 0;}
#content .list-itm ul{ padding-left:0;}
#content .list-itm ul li{ background:url(images/icon3.png) no-repeat 0 0; font:400 14px/16px 'Lato', sans-serif; padding:0 0 15px 20px; list-style:none;}
#content .list-itm ul li strong{ font-size:16px;}
.read-more{ border:solid 1px #323232; font:300 20px/55px 'Lato', sans-serif; padding:0 30px; display:inline-block; margin:18px 0 0; text-transform:uppercase;}

.grn-bg{ background:url(images/grn-bg.jpg) no-repeat 50% 0; background-size:cover; padding:55px 0;}
.white-text{ color:#fff;}
.blue-round{ width:193px; height:193px; border-radius:100%; background:#0b6cb8; /*padding:15px 0 0;*/ margin:0 auto; display:block;}
.grade-bg{ background:#84ca1e; padding:5px 20px; border-radius:5px; display:inline-block; margin:5px 0 0;}
#content .grade-bg p{ line-height:17px;}
#content .grade-bg h2{ font-size:30px; line-height:32px;}
.grn-bg .gap-small-top{ padding-top:5px !important;}

.tbl{ width:100%; height:100%; display:table;}
.table-sec{ display:table-cell; vertical-align:middle;}
.divider+.divider{ border-left:solid 1px #fff;}

.team-sec{ padding:20px; border:solid 1px #ccc;}
.brand-sec{ padding:20px 0 0;}
#content .brand-sec ul{ margin:0 auto; padding:0; }
#content .brand-sec ul li{ float:left; width:20%; text-align:center; list-style-type:none;}
.adrs-bg{ background:url(images/adrs-bg.jpg) no-repeat 0 0; background-size:cover;}
.left-pad{ padding-left:25px;}

footer{ background:#222222; padding:25px 0;}
footer h2{ font:400 22px/25px 'Lato', sans-serif; padding:0 0 15px;}
footer h1{ font:400 25px/30px 'Lato', sans-serif; padding:0 0 15px;}

.list-sec li{ background:url(images/icon5.png) no-repeat 0 4px; font:400 15px/18px 'Lato', sans-serif; padding:0 0 8px 25px; color:#fff; width:33.333%; float:left;}
.list-sec li a{ color:#fff; display:block;}

.blog-bg{ background:url(images/blog-bg.jpg) repeat-x 0 0 #fff; padding:5px 20px 5px; border-radius:5px;}
.ribn-sec{ background:url(images/ribbon.png) no-repeat 0 0; padding:20px 0 60px; width:84px; float:left;}
.blog-rt{ float:left; margin-left:25px; width:127px;}

.blue-text{ color:#019ac8;}
.blog-rt p{ font:400 12px/15px 'Lato', sans-serif; color:#999; padding:5px 0 0;}

.copy-rt{ background:#000; padding:5px 0;}
.grey-text{ color:#6d6d6d}

.rt{ float:right;}
.btn-itm{ background:#0b6cb8; font:400 15px/30px 'Lato', sans-serif; padding:0 10px; display:inline-block; border-radius:25px; color:#fff; margin:0 0 0 5px; float:left;}
.btn-itm+.btn-itm{ background:#8cba32;}
.btn-grey{ width:758px; margin:0 auto; text-align:center; display:table;}
.grey-box{ width:50%; float:left;}
.grey-box+.grey-box{ padding-left:20px;}
.eamvorstellung:nth-child(odd) .eamvorstellung-box{ float:right; padding-left:2%}
.eamvorstellung-box{ width:50%; float:left;}

#content ul{ padding:10px 0 0 10px;}
#content ul li{ list-style:outside disc; font:400 14px/18px 'Lato', sans-serif; padding:0 0 10px;}

ol.flex-control-nav{ display:none;}
[class*="flexslider"]{ position:relative; z-index:1; display:block; overflow:hidden;}
[class*="flexslider"] ul{ padding:0 !important;}
[class*="flexslider"] ul li{ position:relative; list-style-type:none;}
[class*="flexslider"] ul li+li{ display:none;}
/*[class*="flexslider"] ul li > img{ width:100%;}*/

[class*="flexslider"] .flex-direction-nav{ position:absolute; top:50%; left:1%; right:1%; transform: translate(0, -50%);}
[class*="flexslider"] .flex-direction-nav li{ float:left;}
[class*="flexslider"] .flex-direction-nav li+li{ float:right; display:block!important;}
[class*="flexslider"] .flex-direction-nav li a{ font-size:0; width:50px; height:50px; display:block; z-index:99; opacity:0.8;}
[class*="flexslider"] .flex-direction-nav li a.flex-prev{ background:url(images/prev.png) no-repeat 50% 50%;}
[class*="flexslider"] .flex-direction-nav li a.flex-next{ background:url(images/next.png) no-repeat  50% 50%;}
[class*="flexslider"] .banner-li ul li+li{ display:block !important;}

footer a{ color:#fff;}
footer .blog-rt a{ color:#999;}
.tbl a{ color:#fff;}
.divider a{ color:#fff;}
.tab-btn{ background:#7ac142; padding:0 30px; font:400 18px/46px 'Lato', sans-serif; color:#fff; display:inline-block; border-radius:5px;}

#content .number-list ul{ padding:10px 0 0;}
#content .number-list li{ font:400 15px/30px 'Lato', sans-serif; text-align:center; display:inline-block; margin:0 4px; border:1px solid #42a62a; border-radius:4px; float:left; padding:0; width:35px;}
#content .number-list li a{ display:block;  padding:0;}
#content .number-list li:hover{ background:#0f75bc;}
#content .number-list li:hover a, #content .number-list li.active a{ color:#fff; background:#0f75bc;}

.widget_breadcrumb_navxt{ padding:5px 0 15px; border-bottom:solid 1px #ccc;}
.widget_breadcrumb_navxt span{ padding:0 5px;}
.widget_breadcrumb_navxt span:nth-child(3n+1){ padding-left:0;}
.widget_breadcrumb_navxt a{ font-size:18px; line-height:22px;}

.cli-plugin-main-link{ margin-left:70px; margin-right:5px;}



@media only screen and (max-width: 1198px) {
.banner-text{ width:1000px;}
.btn-itm{ font-size:12px; padding:0 7px;}
.blog-bg{ padding:5px 4px 5px;}
.blog-rt{ margin-left:11px;}

}
@media only screen and (max-width: 990px) {
.banner-text{ width:748px; top:68%;}
.address-sec ul li{ font-size:17px;}
.btn-grey{ width:100%;}
.read-more{ padding:0 27px;}

}
@media only screen and (max-width: 740px) {
.banner-text{ width:98%; top:50%;}
.bnr-rt{ float:none; text-align:center;}
.address-sec{ display:none;}
.lgo-lft > img{ text-align:center; width:100px; margin:0 auto; display:block;}
.bnr-rt img{text-align:center; width:100px; margin:0 auto; display:block;}
.link-btn{ line-height:41px; padding:0 20px;}
.divider{ padding:25px 0;}
.divider + .divider{ border-left:none; border-top:solid 1px #fff;}
.team-sec{ margin:20px 0 0;}
.rt{ float:none;}
#content h1{ font-size:32px; line-height:34px;}
#content h2{ font-size:30px; line-height:34px;}
.brand-sec ul li{ width:50%;}
.grey-box{ width:100%; float:none;}
.grey-box+.grey-box{ padding-left:0;}
.btn-grey{ width:100%;}
.read-more{ font-size:17px; padding:0 18px;}
.eamvorstellung:nth-child(odd) .eamvorstellung-box{ float:none; padding-left:0;}
.eamvorstellung-box{ width:100%; float:none;}
.list-sec li{ width:100%; float:none;}
#content h3{ font-size:22px; line-height:25px;}
.cli-plugin-main-link {display: table; margin: 0 auto;}
}
@media only screen and (min-width: 740px) {
/*.nav-menu{ display:block !important;}*/
}
@media only screen and (max-width: 450px) {
.banner-text{ width:96%;}

}