@import 'fonts.css';
@import 'standard.css';


html,body {background-color:#fff;font-family:"Roboto regular",Arial;font-size:16px;color:#444444;line-height:140%}

.inner {width:950px;background:#999999;margin: 0 auto;}
#head {position:relative;}
#head .inner {height:180px;background:#fff;position:relative}
#logo {position:absolute;right:0;bottom:20px}
#logo img {width:100%;height:auto}

#mainnav {position:absolute;bottom:13px;}
#mainnav ul {padding-left:0}
#mainnav ul >li {display:inline-block;text-transform:uppercase;font-family:"Roboto medium"}
#mainnav ul >li + li {margin-left:25px}
#mainnav ul >li a {text-decoration:none;color:#444444;display:block;}

#mainnav ul >li.active a  {color:#79B41C}

#mainnav ul >li a:not(.active):hover {color:#79B41C}


#visual {border-bottom:solid 15px #009CD1;background-image:url(../images/header_bg.jpg);background-size: auto 100%}
#headerbild {line-height:0}
#headerbild img {width:100%;height:auto}

#headerbild .headerbild {display:block;}
#headerbild .headerbild-responsive {display:none}
#headerbild .headerbild-responsive-text {font-family:"Roboto Regular";display:none;line-height:initial;background:#79B41C;color:#fff;padding:10px 20px;font-size:14px;/*position:relative;margin-top:-30px;opacity:.9*/}
#headerbild .headerbild-responsive-text span {color:#006080;font-size:12px;white-space:nowrap;font-family:"Roboto medium"}

#content .inner {background:#fff;padding:50px 50px 50px 0}
#content .items-leading > div + div {margin-top:45px}
#content .blog .page-header {margin-bottom:0px}



#content h1 {font-size:16px;font-family:"Roboto medium";font-weight:normal;margin-bottom:20px;color:#009CD1;text-transform:uppercase}
#content h2 {font-size:21px;font-family:"Roboto medium";font-weight:normal;margin-bottom:10px;line-height:120%}
#content p + p {margin-top:25px}
#content p + h2 {margin-top:40px}
#content a {color:#79B41C;text-decoration:none}
#content a:hover, #content a:focus, #content a:active {text-decoration:underline}
#content strong {font-family:"Roboto medium";font-weight:normal;}
#content img {max-width:100%;height:auto}
#content ul{list-style: none;padding:0}
#content ul li{background:url(../images/li.png) 14px 8px no-repeat;padding-left:29px}
#content ol{padding:25px 0 25px 29px}


#content .cols3-2-1:after {clear:both;content:"";display:table}
#content .cols3-2-1 .middle {float:left;width:calc(66% - 30px);margin-right:30px;;vertical-align:top}
#content .cols3-2-1 .right {float:right;width:34%;vertical-align:top}
iframe {max-width:100%}

.Dr_TGillessen_blau {
	color:#01A2E7;
}

.Dr_TGillessen_gruen {

	color:#81C21F;
}



#info1  {background-image:url(../images/pattern-hell.jpg);background-size: auto 100%}
#info1 .inner {background:transparent;padding:50px 0}
#info1 .inner:after {clear:both;content:"";display:table}
#info1 .has-cols-3 .moduletable{float:left;width:calc(33.3% - 14px);margin-right:21px}
#info1 .has-cols-2 .moduletable{float:left;width:calc(50% - 10px);margin-right:20px}
#info1 div .moduletable:last-child  {margin-right:0px}


#info1 h3 {font-size:16px;font-family:"Roboto medium";font-weight:normal;margin-bottom:20px;color:#79B41C;text-transform:uppercase}

#info1 div .moduletable h4 {background:no-repeat;padding:20px 0  20px 53px;font-size:21px;font-family:"Roboto medium";font-weight:normal;white-space:nowrap}
#info1 div .moduletable.info-termine h4 {background-image:url(../images/icons/termine.png);padding-left:53px}
#info1 div .moduletable.info-karte h4 {background-image:url(../images/icons/versichertenkarte.png);padding-left:33px}
#info1 div .moduletable.info-rezepte h4 {background-image:url(../images/icons/rezepte.png);padding-left:43px}

#spezial {background-color:#79B41C;background-image:url(../images/bg-girls.png);background-position:92.9% calc(100% - 20px);background-repeat:repeat-x}
#spezial .inner {background-color:#79B41C;color:#fff;padding:25px 0 0 0;position:relative;min-height:300px;overflow:visible!important;}
#spezial .inner:after {clear:both;content:"";display:table}


#spezial .inner div p + p {margin-top:20px}


#spezial .inner h3 {font-size:21px;font-family:"Roboto regular";font-weight:normal;margin-bottom:5px;margin-top:20px}
#spezial .inner ul {
	list-style: initial;
	padding-left: 24px;
}


#spezial .inner div[class^="p-"] {position:relative;z-index:1;padding-left:0px}
#spezial .inner div.p-background {position:absolute;background-color:#79B41C;width:75%;z-index:0;bottom:0;top:0;left:-20px;}
#spezial .inner div.ordernow {line-height:120%;position:absolute;background-color:#79B41C;width:50%;z-index:1;bottom:20px;color:#fff;padding-left:0px;font-size:21px}
#spezial .inner div.ordernow br {display:none}



#spezial .inner #stempel-spezial {padding-bottom:10px;margin-left:-10px}
#spezial .inner div.p-first{width:50%}
#spezial .inner div.p-first.fullwidth{width:50%;}
#spezial .inner div.p-first + div:before {clear:both;content:"";display:table;margin-bottom:20px}
#spezial .inner div.p-rest {display:none;width:50%;padding-right:20px}

#spezial .ordernow a{ color:#FFFFFF; text-decoration: none;}
#spezial .ordernow a:hover, #spezial .ordernow a:active, #spezial .ordernow a:focus { text-decoration: underline; color: #444;}

#gillessens {position:absolute;bottom:0;right:0;line-height:0;}
#gillessens img {width:100%;height:auto;padding-top:25px;padding-left:25px}


#spezialaction  {background-color:#009CD1;}
#spezialaction .inner {background-color:#009CD1;padding:5px 0 5px 0px}
#spezialaction .inner span  {font-size:21px;font-family:"Roboto medium";font-weight:normal;color:#fff;cursor:pointer}
#spezialaction .inner span.less{display:none}



#info2  {background-image:url(../images/pattern-hell.jpg);background-size: auto 100%}
#info2 .inner {background:transparent;padding:50px 0}

#info2 .inner:after {clear:both;content:"";display:table}


#info2 .has-cols-2  .moduletable{float:left;width:calc(50% - 10px);margin-right:20px}
#info2 .has-cols-3  .moduletable{float:left;width:calc(33.3% - 14px);margin-right:21px}


#info2 div .moduletable:last-child  {margin-right:0px;}

#info2 h3 {font-size:16px;font-family:"Roboto medium";font-weight:normal;margin-bottom:20px;color:#79B41C;text-transform:uppercase}

#info2 div .moduletable h4 {padding:20px 0  20px 0px;font-size:21px;font-family:"Roboto medium";font-weight:normal}
#info2 div .moduletable.info-spezial h4 {background:url(../images/icons/spezialuntersuchungen.png) no-repeat;padding-left:45px}
#info2 div .moduletable.info-blut h4 {background:url(../images/icons/blutentnahme.png) no-repeat;padding-left:55px}



#footer {background-color:#79B41C}
#footer .inner {background-color:#79B41C;}


#footercontent {padding:40px 0}
#footercontent .moduletable{float:left;width:calc(33.3% - 14px);color:#fff}
#footercontent .moduletable:nth-child(2){margin-right:21px;margin-left:21px}
#footercontent .moduletable a {color:#fff;text-decoration:none}
#footercontent .moduletable a:hover,#footercontent .moduletable a:focus,#footercontent .moduletable a:active  {text-decoration:underline;color:#444}

#footercontent:after {clear:both;content:"";display:table}
#footercontent .moduletable h4 {font-size:21px;font-family:"Roboto medium";font-weight:normal;margin-bottom:25px;white-space:nowrap}
#footercontent .moduletable:last-child  {text-align:left}
#footercontent .moduletable:last-child  img {max-width:100%;margin-top:10px}


#footernav  {padding-bottom:50px}
#footernav ul {padding:0;list-style:none}
#footernav ul >li {display:inline-block;text-transform:uppercase;font-family:"Roboto medium"}
#footernav ul >li + li {margin-left:20px}
#footernav ul >li a {text-decoration:none;color:#fff;display:block;}
#footernav a:hover {color:#444}


#sepp {background-color:#fff}
#sepp .inner {background-color:#fff;display:table;padding:10px 0;}
#sepp .inner a {font-size:12px;font-family:"Roboto medium";font-weight:normal;color:#000;}
#sepp .inner > *{display:table-cell;width:100%;line-height:20px;vertical-align:top}
#sepp .inner > img{height:20px;width:auto;padding-right:10px}

 
 
 /* TO TOP*/
#toTop-right {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:20px;
	outline:none;
}
#toTop-left {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	left:20px;
	outline:none;
}
#toTop-center {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	left:75%;
	margin-right:0px; /*Feintuning je nach Inhalt */
	outline:none;
}


.btn-danger {}
.btn-danger span{font-size:16px;font-weight:bold}

.btn-danger {

    color: #fff;font-weight:normal;font-size:13px;text-align:center;
    background-color: #009CD1;
	padding:8px;line-height:13px;
	border-radius:5px;
	opacity:0.9
	
}


.btn-danger:hover {
    color: #999;
    background-color: #fff;
    border-color: #999;
	text-decoration:none!important
}

.btn-danger:active:hover, .btn-danger.active:hover{
    color: #fff;
    background-color: #009CD1;
    border-color: #fff;	text-decoration:none!important
}

/* Nur für Screenreader sichtbar (Joomla-6-Kernausgaben wie "Details") */
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}