@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:15px}
#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:#B21253}

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


#visual {border-bottom:solid 15px #FE9C1F;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:#B21253;color:#fff;padding:10px 20px;font-size:14px;
/*position:absolute;transform: translate(0px,-100%);opacity:.9;right:0;left:0*/}
#headerbild .headerbild-responsive-text span {color:#FE9C1F;font-size:12px;white-space:nowrap;font-family:"Roboto medium"}

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


#content h1 {font-size:16px;font-family:"Roboto medium";font-weight:normal;margin-bottom:20px;color:#B21253;text-transform:uppercase}
#content h2 {font-size:21px;font-family:"Roboto medium";font-weight:normal;margin-bottom:10px;}
#content p + h2 {margin-top:40px}
#content a {color:#B21253;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 ol{padding:25px 0 25px 29px}
#content ul{list-style: none;padding:0}
#content ul li{background:url(../images/li.png) 14px 8px no-repeat;padding-left:29px}


#content .inner ol {
	list-style: numeric;
	padding-left: 24px;
}

#content .blog .items-leading {margin-bottom:45px}
#content .blog .items-row >div {margin-bottom:45px}
#content .blog .page-header {margin-bottom:0px}



#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}

#content .cols3:after {clear:both;content:"";display:table}
#content .cols3 div {float:left;width:calc(33.333333% - 10px);margin:0px;}
#content .cols3 div:nth-child(2) {margin:0 15px}


iframe {width:100%;max-width:100%}


.Dr_FGillessen_orange {
	color:#FE9C1E;
}

.Dr_FGillessen_bordeaux {
	color:#B71355;
}

#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 h3 {font-size:16px;font-family:"Roboto medium";font-weight:normal;margin-bottom:20px;color:#FE9C1F;text-transform:uppercase}

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

#spezial {background-color:#B21253;}
#spezial .inner {background-color:transparent;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:#B21253;z-index:0;bottom:0;top:0px;right:0;left:-20px;background-image:url(../images/bg-stars.png);background-position:85% 20px;background-repeat:no-repeat;}
#spezial .inner div.ordernow {line-height:120%;position:absolute;background-color:#B21253;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}
#gillessens {position:absolute;bottom:0;right:0;line-height:0;}
#gillessens img {width:100%;height:auto;padding-top:25px;padding-left:25px}

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

#spezialaction  {background-color:#FE9C1F;}
#spezialaction .inner {background-color:#FE9C1F;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%;display:none}
#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 h3 {font-size:16px;font-family:"Roboto medium";font-weight:normal;margin-bottom:20px;color:#FE9C1F;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:first-child h4 {background:url(../images/icons/spezialuntersuchungen.png) no-repeat;padding-left:45px}
#info2 div .moduletable:last-child h4 {background:url(../images/icons/blutentnahme.png) no-repeat;padding-left:55px}
#info2 div .moduletable:last-child  {margin-right:0px;}



#footer {background-color:#B21253}
#footer .inner {background-color:#B21253;}


#footercontent {padding:40px 0;}
#footercontent .moduletable{float:left;width:calc(25% - 15px);margin-right:20px;color:#fff;font-size:14px}
#footercontent .moduletable:last-child  {margin-right:0px;}
#footercontent .moduletable:last-child  img {max-width:100%;margin-top:10px}


#footercontent .moduletable a {color:#fff;text-decoration:none}
#footercontent .moduletable a:hover,#footercontent .moduletable a:focus,#footercontent .moduletable a:active  {text-decoration:underline;color:#FE9C1F}
#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 img {max-width:100%}


#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:#FE9C1F}

#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:10px;
	right:10px;
	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: #FE9C1F;
	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: #FE9C1F;
    border-color: #fff;	text-decoration:none!important
}