/* CSS @ http://www.beraterhaftung.biz | Fabian Fischer, fabiann-fischer.com */


/* Standards */
*					{margin: 0; padding: 0;	}
html, body			{min-height: 100%; height: auto; height: 100%;}
body				{font-size: 100%; font-family: Overlock; color:#333; line-height:150%; 
background:#fff;}

img 				{border: none;}
			 
:focus 				{outline: 0;}
a 					{outline: 0;}

/*a, a:visited		{text-decoration:underline; color: #333; }
a:hover	 			{color: #666; }*/

a:hover	img	 		{filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.57; }

.newscon.firstCon p{
	text-align:left;
	font-size:0.85em;

}

p {
	line-height:150%; 
	text-align: justify; 
	font-weight: normal;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
#newsbox p			{padding: 0 15px;}

.nofloat			{clear: both; font-size: 0.0001em; line-height: 0.00001em;}
.nopadding 			{padding: 0;}
.nomargin 			{margin: 0;}
.noborder 			{border: 0; text-decoration: none;}
/*.floatright			{float: right;}
.floatleft 			{float: left;}*/
.acro	 			{border-bottom: 1px dotted #cc160b; cursor:help;} 
.png				{behavior: url(iepngfix.htc);}
.right				{text-align:right;}
.left				{text-align:left;}
		
ul 					{list-style:none;}


/* Layoutelemente */
#wrapper			{width: 990px; margin: 0 auto; padding-bottom: 20px;}
#head				{height: 209px; padding-left: 273px;}
.bildrow			{padding: 0 44px 0 34px;}
/*.inhalt				{width: 390px; padding-right: 40px;}*/
.news				{padding-top: 50px;}
#newsbox			{width: 252px; border: 2px solid #fff; background: #fff;}
#newsbox h3{
	color:#651319;
}
.newscon			{padding: 20px 0;}
.firstCon			{border-bottom: 1px dashed #651319;}
#subnav				{width: 256px; border-bottom: 1px solid #e46c3e; padding: 5px 0;}
#adressDiv			{padding: 10px 0 0 20px;}

/* Klassen*/
.weiter				{text-align:right; color:#651319;}
.weiter a, .weiter a:visited {color: #651319;}
.weiter a:hover		{color: #b3512c;}


/* Überschriften*/
.headlogo					{font-size: 2.4em; padding-top: 30px; color:#651319; font-weight: normal; line-height: 140%;}
h2					{font-size: 1.4em; font-weight: normal; color: #791400; padding: 3px 0 20px 0;}
h3					{background: #651319; font-size: 0.9em; font-weight: bold; padding: 5px 10px; display: block; color: #fff;}
h3 a, h3 a:visited	{color: #fff; text-decoration:none;}
h3 a:hover, h3 a.activ, h3 a:visited.activ			{text-decoration:underline; color: #fff; }
h4					{font-size: 0.9em; font-weight: bold; padding: 0 0 5px 0; display: block; color: #333;}

/* Listen */
ul.tablists			{margin-left: 8px;}
.tablists li		{padding-left: 15px; font-size: 0.95em; color: #79664b; background:url(../images/behandlung/kli.gif) no-repeat; padding-top: 5px; line-height: 130%;}

ul.tablists2		{margin-left: 20px;}
.tablists2 li		{padding-left: 15px; background:url(../images/behandlung/kli2.gif) no-repeat; padding-top: 5px; line-height: 130%; font-size: 1.15em;}

.inhalt ul			{list-style: disc; padding: 10px 0 10px 20px;}
.inhalt li			{font-size: 0.75em; line-height: 120%; padding-bottom: 5px;}

/* Navigation */
/*ul#nav				{ padding-top: 45px;}
ul#nav li			{color: #fff; font-size: 0.9em; float: left; padding-right: 28px; font-weight: 600;}
ul#nav li a, ul#nav li a:visited	{color: #fff; text-decoration: none;}
ul#nav li a:hover, ul#nav li a.activ, ul#nav li a:visited.activ	{text-decoration: underline;}

#subnav ul			{padding: 0 0 0 20px;}
#subnav ul li		{color: #e46c3e; font-size: 0.75em; float: left; padding-right: 8px; font-weight: 600;}
#subnav ul li a, ul li a:visited	{color: #e46c3e; text-decoration: none;}
#subnav ul li a:hover, #subnav ul li a.activ, #subnav ul li a:visited.activ	{color: #000;}*/

section h3 {
	margin: 63px 0 10px 0;
}

form#Kontaktformular .datenschutz_form {
	display:block !important;
	width:100% !important;
	max-width:230px !important;
	line-height:normal;
	padding:0;
	float:none;
}

.datenschutz_form input {
	width:13px !important;
	height:13px !important;
	margin-top:0 !important;
}

.captcha {
	margin:20px 0;
}

#Kontaktformular .captcha input {
	display:block;
	margin-top:0;
	height:17px;
}

.form_message {
	font-weight:bold;
}

.form_message.error {
	color:red;
}

.form_message.success {
	color:green;
}

.reload_captcha {
	font-weight:bold;
	font-size:1.5em;
	cursor:pointer;
}

/* NEW */

/*Body + NAV*/
body, textarea {
    letter-spacing: 0.5px;
    line-height: 1.5em;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}

header {
    width: 900px;
    display: block;
    padding-top: 15px;
    box-sizing: border-box;
    margin: 11px auto;
}

@media (max-width: 900px){
header {
    max-width: 100%;
}
}

#banner {
	display:flex;
	justify-content:space-between;
	margin-bottom:25px;
}

@media (min-width:550px) {
#banner > div:first-of-type {
	display:flex;
}

#banner {
	padding-bottom:40px;
}
}

#individuell {
	max-width:150px;
}

#individuell a {
	display:block;
	color:#651319;
	font-weight:bold;
	font-size:16px;
}

@media (max-width:359px) {
#banner {
	padding-top:55px;
}

#individuell {
	position:absolute;
	right:0;
	top:10px;
}
}

@media (max-width:930px) {
#individuell {
	padding-right:5px;
}	
}

header #logo{
    margin: 0 15px 0 0;
    width: 121px;
    height: 75px;
    cursor: pointer;
}

#firmenname{
	color: #333;
    font-size: 1.7em;
    padding-top: 9px;
    max-width: 250px;
    line-height: normal;
	display:flex;
	flex-direction:column-reverse;
}

.active{
	background:#852b31;
}

#head #nav li{
	background-color:#651319;
	width:100%;
	padding:5px;
}

header nav{
	clear: both;
    width: 100%;
    max-width: 900px;
    margin: 25px 0 15px;
    display: block;
    text-align: center;
    padding: 0;
    background: #651319;
    border: 1px solid #450308;
    box-sizing: border-box;
}

header nav ul{
	margin:0;
	padding:0;
}

header nav a{
	color: #fff;
    text-decoration: none;
    /*font-size: 1.1em;*/
	
}

header nav ul li{
	display: inline-block;
    padding: 11px 17px;
}


.topnav {
  overflow: hidden;
  background: #651319;
  margin: 25px 0 15px;
  border: 1px solid #450308;
  width:100%;
  
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav .icon {
  display: none;
}

#navi > span {
	display:none;
}

@media screen and (max-width: 840px) {
  .topnav a/*:not(:first-child)*/ {display: none;
  font-size:17px !important;}
  .topnav a:first-child{
	  margin-top:52px;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }

  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

@media screen and (max-width: 900px) {
  .topnav a {
    padding-left:10px;
	padding-right:10px;
  }
}


.topnav .icon {
	width:100%;
	position:relative;
	box-sizing:border-box;
	height:45px;
}

.topnav .icon span {
	position:absolute;
	left:20px;
	top:10px;
}

.topnav .icon i {
	position:absolute;
	right:20px;
	top:15px;
}


/*INHALT*/

main {
    width: 100%;
    max-width: 900px;
    display: block;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    /*min-height: 800px;*/
    margin: 15px auto 100px;
    padding: 40px 40px 80px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(242, 242, 242);
    border-image: initial;
}

@media (max-width:480px) {
main {
    padding: 25px 25px 40px;
}	
}

.mainsite{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (max-width: 675px){
.inhalt {
    width:100% !important;
	margin-top:25px;
	
}
}

@media (max-width: 675px){
.bildmain {
    width:100% !important;
}
}


.bildmain{
	width: calc(30% - 20px);
}

.inhalt{
	width: calc(70% - 17px);
}


/*FOOTER*/
footer {
    box-sizing: border-box;
    padding-bottom: 50px;
    background: rgb(118, 22, 29);
}


#footer {
    width: 100%;
    max-width: 900px;
    display: block;
    text-align: center;
    box-sizing: border-box;
    margin: 0px auto;
    padding: 0px;
	
}

footer nav {
	padding-top:40px;
    margin: 5px auto;
}

footer nav ul {
    margin: 0px;
    padding: 0px;
}

footer nav ul li {
    display: inline-block;
    padding: 7px 11px;
}

footer nav a {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}


#footerdata {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 90px 10px;
}

@media (max-width: 600px){
#kontaktdaten {
    width:100% !important;
}
}

@media (max-width: 600px){
#newsbox {
    width:100% !important;
	margin-top:20px;
}
}

#kontaktdaten {
    width: 210px;
    text-align: left;
    
}

#kontaktdaten p, #kontaktdaten a{
	color:#fff;
	font-size:105%;
	line-height:1.5;
}

#newsbox{
	width: calc(100% - 240px);
}


#copyright {
    color: #c17177;
    max-width: 900px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #c17177;
    margin: 11px auto 0px;
}

#copyright a{
	color: #c17177;
	padding-top:13.6px;
	font-size:0.85em;
}






@media (max-width: 600px){
form#Kontaktformular fieldset#submitbox {
    padding:0 !important;
}
}



@media (max-width: 410px){
#copyright p{
    font-size:0.70em;
}
}







@font-face {
    font-family: 'Overlock';
    src: url('/fonts/Overlock-Regular.woff2') format('woff2'),
        url('Overlock-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Overlock';
    src: url('/fonts/Overlock-Italic.woff2') format('woff2'),
        url('Overlock-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Overlock';
    src: url('/fonts/Overlock-BlackItalic.woff2') format('woff2'),
        url('Overlock-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Overlock';
    src: url('/fonts/Overlock-BoldItalic.woff2') format('woff2'),
        url('Overlock-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Overlock';
    src: url('/fonts/Overlock-Black.woff2') format('woff2'),
        url('Overlock-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Overlock';
    src: url('/fonts/Overlock-Bold.woff2') format('woff2'),
        url('Overlock-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}