/*@import url('https://fonts.googleapis.com/css2?family=Lora&family=Raleway:wght@200;400;700&display=swap');*/

html{
  overscroll-behavior: none;
}

body {
  background-color:#ffffff;
  margin-top:0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  text-align: left;
  color: #000000;
  
  }

.plate {
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  background-color:#ffffff;
  /*width: 863px;*/
  width: 1160px;  
  text-align: left;
  border-style:solid;
  border-color:#E6E6E6;
  border-width:0px 0px 0px 0px;
  position:relative;
}

 
.main {
  margin-top:4px;
  width: 100%;
  min-height: 400px;
  padding-right:0px;
  padding-left:0px;
  padding-bottom:0px;
  border-style:solid;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  border-bottom-width:0px;
  border-color:#DFDFDF;
  background-color:#ffffff;
}

.mainmenu {font-size:20px;margin:30px 0px 00px 0px;padding: 0px 0px 20px 0px;display: block; position: relative; z-index: 9;top:-120px;left:550px}
.menudiv {float: left; margin-right:30px;text-align:left}
.menulink {color:#000000;text-decoration:none;}
.menulinkred {color:#57ABC4;text-decoration:none;}
a.menulink:hover {color:#000000;text-decoration:none;}
a.menulinkred:hover {color:#000000;text-decoration:none;}
.banner {display: block;margin-top:0px;text-align: left; position: relative; z-index: 1;}
.linetop{border-style: solid; border-width: 0px 0px 1px 0px; border-color:#DDDDDD;width:100%;position: relative; z-index: 10;top:-90px}
.empfehlung {border-style: solid; border-width: 1px 0px 0px 0px; border-color:#DDDDDD}
.empfehlung h1 {font-size: 46px;line-height:160%;color:#57ABC4;padding:20px 0px 20px 0px;}
.empfehlung h2 {color: #000000; font-weight:400; font-size: 16px; text-align: left; line-height: 120%; padding:0px 0px 0px 15px; margin:20px 0px 0px 0px;}
.empfehlung h3 {color: #000000; font-weight:700; font-size: 28px; text-align: left; line-height: 120%; padding:10px 0px 0px 15px; margin:0px 0px 0px 0px;}
.empfehlung a {text-decoration:none}
.empfehlung a:hover {text-decoration:none}
.empfehlung p {font-size: 17px; font-style: normal; text-align: left; color: #000000; padding:0px 0px 0px 15px; font-weight: normal; line-height:165%;}
.empf1 {float: left; text-align:left; border-style:solid; border-width: 0px 1px 0px 0px; border-color:#DDDDDD;width:260px;}
.empf2 {float: left; text-align:left; border-style:solid; border-width: 0px 1px 0px 0px; border-color:#DDDDDD;width:260px;}
.empf3 {float: left; text-align:left; border-style:solid; border-width: 0px 1px 0px 0px; border-color:#DDDDDD;width:260px;}
.empf1 img {display:block; margin-left: 15px; margin-right: 15px;}
.empf2 img {display:block; margin-left: 15px; margin-right: 15px;}
.empf3 img {display:block; margin-left: 15px; margin-right: 15px;}
/* PH Footer */
.phfooter {margin:50px 0px 0px 0px;border-style: solid; border-width: 1px 0px 0px 0px; border-color:#DDDDDD;padding: 40px 0px 0px 0px;width:100%;background-color:#57ABC4;color:#ffffff}
.phfooter a {text-decoration:none; color:#ffffff}
.phfooter a:hover {text-decoration:none;color:#555555}
.phfooter p {font-size: 16px; font-style: normal; text-align: left; color: #ffffff; line-height:165%}
.col1 {float:left;width:25%}
.col2 {float:left;width:50%;border-style: solid; border-width: 0px 0px 0px 0px; border-color:#DDDDDD;padding: 0px 0px 0px 20px}
.col3 {float:left;width:20%;padding: 0px 0px 0px 20px}
.col2 ul {list-style-type: none; margin: 0; padding: 0;}
.col2 li {font-size: 15px; font-style: normal; text-align: left; color: #555555; line-height:165%;}
.newsletter {font-size: 16px; font-style: normal; text-align: left; color: #868686; line-height:165%;margin: 50px 0px 0px 0px;height:62px;width:240px;background-color:#DDDDDD;}
.newsletter p {text-align:center; margin-top:20px;border: solid 0px;width:100%;padding-top:15px; color:#000000}
.newsletter img {width:30px;margin-right:5px;vertical-align: -7px}
.newsletter a {text-decoration:none; color:#555555}
.newsletter a:hover {text-decoration:none; color:#555555}
.newsletter .note {text-align:left; margin-top:20px;width:100%;padding-top:15px; line-height:150%;font-size: 14px;color:#555555}
.smallfont {font-size:12px}
.moff {display: block !important}
.mon {display: none !important}	  


@media (max-width: 640px) {
      .plate {margin-left:0px !important;width:330px !important}
      .main {margin-left:0px !important;margin-right:5px !important}	  
	  .moff {display: none !important}
	  .mon {display: block !important}	  
	  .mainmenu {display: none !important}
	  .banner {width:130%;margin-left:0px !important}
	  h1 {font-size: 22px !important;margin-top: 20px  !important} 
	  h2 {font-size: 20px !important} 
	  p {font-size: 16px !important;margin: 0px 0px 0px 0px !important;}
	  li {font-size: 16px}
	  .col1 {width:100%}
	  .col2 {display:none;}
	  .col3 {display:none;}
	  .newsletter p {font-size: 16px;}
	  .newsletter .note {display:none;}
	  .empf2 img {margin-top:50px}
	  .empf3 img {margin-top:50px}
	  .smallfont {font-size:12px !important}

    }
	
@media print {
    h6 {break-before: page;}
}


.footer {clear: both;width:100%;height:80px;padding-top:10px;font-size: 13px;font-style: normal;text-align: left;color: #000000;border-width:0px 0px 1px 0px;border-style:solid;border-spacing:0px;border-color: #C0C0C0;}
.footer a {text-decoration:none;color:#000000}
.footer a:hover {text-decoration:none;color:#000000}

hr {
  color:#D0D0D0;
  border:solid #D0D0D0 1px;
  height:1px;
}

p,input[type=text] {
  padding:0px 0px 0px 0px;
  margin:0.5em 1.5em 1em 0px;
  line-height:165%;
}

.trademark {
  /*color:#3487C9;*/
  color: #597C00;
  font-weight:bolder;
}


td {
  font-size: 12pt;
  font-style: normal;
  text-align: left;
/*  color: #757575;*/
  color: #515151;
  padding:0px 0px 0px 0px;
  margin:0.5em 0px 1em 0px;
  font-weight: normal;
  vertical-align:top;
  padding-top:15px;
}

h1 {
  color: #57ABC4;
  font-size: 34px;
  font-weight: lighter;
  text-align: left;
  line-height: 120%;
  padding:0px 0px 0px 0px;
  margin:30px 0px 20px 0px;
}

h2 {
  color: #000000;
  font-weight:400;
  font-size: 24px;
  text-align: left;
  line-height: 160%;
  padding:0px 0px 0px 0px;
  margin:30px 0px 0px 0px;
}

h3 {
  font-size: 20px;
  font-style: normal;
  text-align: left;
  color: #000000;
  padding:0px 0px 0px 0px;
  margin:0.5em 1.5em 1em 0px;
  font-weight: bolder;

}

h4 {
/*  color: #757575;*/
  /*color: #B00000;*/
  color:#4F4F4F;
  font-weight:bold;
  font-size: 10pt;
  font-style: normal;
  text-align: left;
  padding:0px 0px 0px 0px;
  margin:20px 0px 10px 0px;
}


.submit
{
  background-color:#D83547;
  color:#FFFFFF;
  border-style:none;
  cursor: pointer;
}

input.submit[type=submit]:hover
{
  background-color:#D83547;
  color:#FFFFFF;
  border-style:none;
  cursor: pointer;
}


ul {
  font-size: 20px;
  font-style: normal;
  text-align: left;
  color: #000000;
  padding:0px 0px 0px 0px;
  font-weight: normal;
  line-height:165%;
  margin-top:0px;
  margin-left:1em; 
}


ol {
  font-size: 10pt;
  font-style: normal;
  text-align: left;
  color: #515151;
  font-weight: normal;
  list-style-position:inside;
}


li {
  margin-bottom:5px;
  margin-left:0px;
}

.searchresults {
  font-size: 10pt;
  color:#000000;
  background-image:url(/pics/therapistback.gif);
  border-style:solid;
  border-width:1px;
  border-color:#808080;
  padding:4px;
}

.rotation {
  font-size: 9pt;
  color:#000000;
  background-image:none;
  border-style:solid;
  border-width:1px;
  border-color:#ffffff;
  padding:4px;
}

strong {
  font-weight: bolder;
}

a {
  text-decoration:underline;
/*  color: #597C00;*/
  color: #3487C9;
}

a:hover {
  text-decoration:underline;
  color: #FF8040;
}

a:active {
  text-decoration:underline;
  color: #FF8040;
}

.footerlink {
 color: #3487C9;
}

.resultcell {
  background-color:#F9F9F9;
  padding:0px;
  margin:0px;
  text-align:center;
  border-style:dotted;
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-width:0px;
  border-right-width:1px;
}

.resultcellg {
  background-color:#EBEBEB;
  padding:0px;
  margin:0px;
  text-align:center;
  border-style:dotted;
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-width:0px;
  border-right-width:1px;
}

.resultcell_lgreen {
  background-color:#D5FFD5;
  padding:0px;
  margin:0px;
  text-align:center;
  border-style:dotted;
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-width:0px;
  border-right-width:1px;
}

.resultcell_green {
  background-color:#CCFFCC;
  padding:0px;
  margin:0px;
  text-align:center;
  border-style:dotted;
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-width:0px;
  border-right-width:1px;
}

.resultcell_dgreen {
  background-color:#B0FFB0;
  padding:0px;
  margin:0px;
  text-align:center;
  border-style:dotted;
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-width:0px;
  border-right-width:1px;
}

.resultcell_lred {
  background-color:#FFD2D2;
  padding:0px;
  margin:0px;
  text-align:center;
  border-style:dotted;
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-width:0px;
  border-right-width:1px;
}

.resultcell_red {
  background-color:#FFB7B7;
  padding:0px;
  margin:0px;
  text-align:center;
  border-style:dotted;
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-width:0px;
  border-right-width:1px;
}

.resultcell_dred {
  background-color:#FF4646;
  padding:0px;
  margin:0px;
  text-align:center;
  border-style:dotted;
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-width:0px;
  border-right-width:1px;
}

/* blog */

.bloghaupttext {
  font-size: 10pt;
  font-style: normal;
  text-align: left;
  color: #515151;
  padding:0px 0px 0px 0px;
  margin:0.5em 0px 1em 0px;
  font-weight: normal;
}

.blogvorspann {
  font-size: 11pt;
  font-style: normal;
  text-align: left;
  color: #515151;
  padding:0px 0px 0px 0px;
  margin:0.5em 0px 1em 0px;
  font-weight: bold;
}

.blogpreviewsidebar {
  margin-top:0px;
  padding-top:0px;
  font-size:8pt;
  }

/* Psychologen-Team */

.answer {
  font-size:10pt;
}

.question {
  font-size:10pt;
  background-color:#EBEBEB;
  padding:5px;
}

/* Events */
.event {
  font-size:8pt;
}

.eventback {
  background-color:#F3F3F3;
  padding:5px;
}

/* Für ausgestellte Bild-Blöcke*/
.bildlinks {
  margin-right:10px;
  margin-left:-15px;
  margin-bottom:20px;
  width:200px;
  float:left;
  font-size:8pt;
}

input[name="button"]   {
	/*background-image:url(/custom/felderer/button.png);*/
	background-color:#57ABC4;
	cursor:pointer;
	width:170px;
	height:30px;
	font-size:16px;
	color:#ffffff;
	border:0px
	}
	
input[name="button"]:hover   {
	background-color:#4F99AD;
	cursor:pointer;

	}
	
button {
	background-color:#57ABC4;
	cursor:pointer;
	width:132px;
	height:25px;
	font-size:16px;
	color:#ffffff;
	border:0px
	}
	
button:hover   {
	background-color:#4F99AD;
	cursor:pointer;
	}