* {
margin: 0;
padding: 0;
}

body {
  text-align:left;
  font-family: Verdana, Arial, sans-serif;
  font-size:12px;
  line-height:20px;
  color:#646464;
  background-color:#ffffff;
	overflow-x: hidden;
}
img{
	max-width: 100%;
  height: auto
}
textarea{
	max-width: 100%;
  height: auto
}

/*Schrift im Content*/

div#content p {
  margin:5px 0px 20px 0px;
  /*text-align:justify;*/
}

div#content {
  /*text-align:justify;*/
}

div#content ul {
  margin:0px 0px 5px 20px;
}

div#content .contenttable {
  margin:0px 0px 25px 0px;
}

div#content .contenttable p {
  margin:0px;
  padding:0px 0px 0px 0px;
}

/*Bild-Abstand*/

.csc-textpic-imagewrap {
  margin:0px 0px 20px 0px;
}

.csc-textpic-text {
  margin:0px 0px 0px 15px;
}

.csc-textpic-caption {
  width:400px;
  text-align:right;
}

/*Ueberschriften*/

h1 {
  font-size:12px;
  font-weight:bold;
  margin: 0px 0px 5px 0px;
}

h2 {
  margin: 0px 0px 5px 0px;
}

h3 {
  margin: 5px 0px 5px 0px;
}

/*Links*/

body a {
    font-weight:normal;
    color:#646464;
		text-decoration: underline;
}

body a:hover {
  text-decoration:none;
}

div#content a {
  text-decoration:underline;
}

div#content a:hover {
  text-decoration:none;
}

body a img {
  border:none;
}

/*Styles*/

div#wrapper {
  width:100%;
  margin:0px 0px 150px 0px;
}

div#header {
  height:80px;
  margin:0px 0px 0px 252px;
  background-repeat:no-repeat;
  background-position:50px 0px;
	background-color: #ebebeb;
}

div#header .logo {
  position:absolute;
  top:20px;
  left:55px;
  height:80px;
}


div#header .ml {
  width:70px;
  height:80px;
  float:left;
  background-color:#ffffff;
	padding: 0px;
}

div#header .ml div {
  padding:40px 0px 0px 0px;
  font-size:18px;
  font-weight:bold;
  color:#646464;
}

div#header .headline {
  text-transform:uppercase;
  letter-spacing:1px;
  height:80px;
  width:100%;
	white-space: nowrap;
}

div#header .headline div {
  padding:40px 0px 0px 35px;
  font-size:16px;
  color:#646464;
}

div#navigation {
  padding:45px 0px 0px 50px;

}
.navigation .row{
	padding-top: 20px;
}

div#main {
  margin:15px 0px 0px 0px;
}

div#left {
  float: left;
  width: 250px;
}

div#right {
  margin:0px 0px 0px 250px;
  padding:20px 0px 20px 0px;
  min-height:300px;
  /* old border color: #c8c8c8 */
  /* border-top:1px solid #CD9967;*/
  /*border-left:1px solid #CD9967;*/
  /*border-bottom:1px solid #CD9967;*/
  border-top:1px solid #c8c8c8;
  border-left:1px solid #c8c8c8;
  border-bottom:1px solid #c8c8c8;
	width: 100%;
	max-width: 100%;
}

div#image {
  float: left;
}

div#content {
  padding:0px 0px 0px 0px;
  max-width:900px;
  overflow:hidden;
}

div#content-space {
  float:left;
  width:15px;
}

#navigation1 {
  margin:0px 0px 0px 52px;
}

#footer {
  margin:0px 0px 0px 250px;
  font-size:10px;
}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Sitemap*/
div#sitemap {
  width:405px;
  text-align:right;
}

div#sitemap a {
  font-weight:bold;
  margin:0px 5px 0px 0px;
  padding:2px 1px 2px 1px;
  color:#646464;
  text-decoration:none;
}

div#sitemap a:hover {
  background-color:#ebebeb;
}

div#sitemap .active a {
  background-color:#ebebeb;
}


/*Image*/
.csc-textpic-intext-left-nowrap .csc-textpic-text {
  padding-left:15px;
}

/* Fix for strange padding in the slider prev/next buttons */
.bjqs-prev a, .bjqs-next a { height: 35px; }


/*TYPO3 content anpassung*/
.csc-textpic-image{
    float: left;
}
.csc-frame{
  clear:both;
}
.csc-menu {
  list-style:none;
  width:400px;
  margin-left:180px!important;
  padding-top:15px!important;
}
.csc-menu >li {
  padding:2px;
  border:1px solid grey;
  margin-right:10px;
  float:left;
}
.csc-menu >li a {
  text-decoration:none!important;
}
.powermail_fieldset{
  //height:800px;
  height:auto;
  border:none;
}
.powermail_fieldwrap{
  width:auto;
  margin-bottom:10px;

}
.powermail_fieldwrap_type_submit input{
  width: auto;
  height: auto!important;
  background: #efefef;
  border:1px solid lightgrey;
  border-radius:2px;
  padding: 4px 8px;
  margin-top:40px;
}
.powermail_fieldwrap_type_submit input:hover{
  border-color:#14d0f0;
	background-color: #efefef;
	color: #787878;
}
#powermail_field_anhang{
  width: 500px;
  height: auto!important;
  background: none!important;
  padding: 4px 8px;
}
/*abstand*/
.csc-textpic-text {
  margin:0;

}
#content {
  padding:0px 0px 0px 15px!important;
}
#content-space {
  width:0!important;
}
div#header{
  margin-left:265px;
}
#footer{
  margin-left:265px;
}
.powermail_select .formcontrol{
	width: auto;
	height: auto;
}
.form-control {

	box-sizing: content-box;
}
.btn-primary{
	color: #646464;
	background: #ffffff;

}

span.icono-caretRight{
	color: #646464;
}

#button {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#button::before{
	width: 15px;
	right: 15px;
}
#button::after{
	width: 15px;
	right: 15px;
}

#button:hover {
  cursor: pointer;
  background-color: #ebebeb;
}

#button.show {
  opacity: 1;
  visibility: visible;
}

/* MD */
@media (max-width: 992px) {

	/*Styles*/
	.csc-menu {
	    margin-left: 0px!important;

	}

	div#header {
	  margin:0px 0px 0px 50px;
    background-position: 50px 0px;
	}
	div#header .headline div{
		padding: 40px 0px 0px 35px;
	}

	div#header .ml {
	  width:70px;
	  height:80px;
	  float:left;
	  background-color:#ffffff;
	}

	div#navigation {
	  padding:0px 0px 0px 0px;

	}
	.navigation .row{
		padding-top: 20px;
	}
	div#main {
	  margin:0px 0px 0px 0px;
		display: flex;
	}
	div#left {
	  float: left;
	  width: 100%; /* default is 0 */
		padding: 0px;
		border-bottom:1px solid #c8c8c8;
	}


	div#right {
	  margin:0px 0px 0px 0px;
	  padding:20px 20px 20px 0px;
	  border-left: 1px solid transparent;
	}

	div#content {
	  padding:0px 15px 0px 0px;
	  max-width:100%;
	  overflow:hidden;
	}
	#navigation1 {
	  margin:0px 0px 0px 52px;
	}

	#content {
	  padding:0px 50px 0px 50px!important;
	}

	#footer{
	  margin-left:50px;
		margin-right: 10px;
	}
.navbar{
	justify-content: flex-end;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 2rem;
}
.pfeil{
	justify-content: flex-start;
	padding-top: 0px;
	padding-bottom: 0px;
}
.pfeilDesign{
	border: transparent;
	color: #646464;
}

#burger{
	padding: 0;
	background-color: #ebebeb;
}
}
@media (max-width: 768px){
	div#header{
		background-position: 50px 0px;
	}
	div#header .headline div {
		padding: 40px 0px 0px 35px;
}
}
@media (max-width: 690px){
	.csc-textpic-text{
		display: inline;
	}
	.csc-textpic-image {
		float: none;
}
}

@media (max-width: 640px){
	div#header .headline {
    padding-right: 0px;
	}

}
@media (max-width: 620px){
	div#header .headline div {
    padding: 40px 0px 0px 30px;
}
	div#header {
    background-image: transparent;
		margin: 0px;
		background-position: 101px 0px;

	}
	.clearfix{
		display: block;
	}

		div#header .headline{
		  padding:0px 0px 0px 0px;
			position: absolute;
			left: 90px;
		}
	div#header .ml{
		width: 120px;
		padding: 0px 0px 0px 50px;
	}

}
@media(max-width: 580px){
	div#header .ml{
		padding-left: 50px;
	}

	div#header .headline div {
		background-image:url(###HEADER###);

}
div#header{
	background-color: c;
	margin-bottom: 15px;
}
figcaption{
	display: inline;
}
}
@media(max-width: 240px){
	div#header {
		background-position: 115px 0px;

	}
}