/* - RESET - */

html, body, body,  span, object, iframe, blockquote, pre, abbr, address, 
cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, 
var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  article, 
aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

   html {overflow-y: scroll;}


  /* ####### ####### Border-Box */  
  

*, *:before, *:after {
  -webkit-box-sizing: border-box;  /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
  -moz-box-sizing: border-box;  /* Firefox (desktop or Android) 28- */ 
  box-sizing: border-box;  /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
}
  
body {
  background: #f5f5ef;
  font-family: 'news-gothic-std', Helvetica, Arial, Sans-Serif;
  font-size: 0.95em;
  font-weight: 400;
  -webkit-text-size-adjust: none;
  line-height: 1.4em; /* 1.4*/
  color: #373737;
}

/*.switch {display: none}*/

@media (min-width: 980px) {
	.switch {display: block}
}

@media (min-width: 980px) {
	body {
		background:  url(../img/body-bg.jpg) repeat-x #f5f5ef;
	}
}

html,body {
	height: 100%
}

.clear {
	clear: both;
}

#wrapper {
	margin: 0 auto;
	position: relative;
	/*overflow: hidden;*/
	width: 100%;
	max-width: 1366px;
	min-height: 100%;
	-webkit-box-shadow: 0px 2px 10px 2px rgba(102,102,102,0.15);
	-moz-box-shadow: 0px 2px 10px 2px rgba(102,102,102,0.15);
	box-shadow: 0px 2px 10px 2px rgba(102,102,102,0.15);
}


.header {
	padding: 0;
}



@media (min-width: 980px) {
	.header {
		padding: 0 2.5862068%;
		height: 274px;
	}
}

@media (min-width: 768px) {
	.header-inner.stickytop .header-inner-max {
			background: #113A2C;
			-webkit-transition: background 0.3s; /* For Safari 3.1 to 6.0 */
	      transition: background 0.3s;
	 }
}

@media (min-width: 768px) {
	.header-inner.stickytop {
		position: fixed;
		top: 0;
		left:0;
		width: 100%;
		z-index: 100
	}

	.header-inner.notsticky.stickytop {
		position: absolute;
		top: 0;
		left:0;
		width: 100%;
		z-index: 100
	}	

}

/* ############# Topheader */

.topheader {
	display: table;
	width: 100%;
	height: 38px
}

@media (min-width: 768px) {
	.header-inner.stickytop .topheader {
		display: none
	}
}

#topheadercontent {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

.lang, .topmail, .phone {
	display: inline-block;

}

@media (max-width: 470px) {
	.topmail {
		float: right;
	}
}

@media (min-width: 920px) {
		.lang, .topmail, .phone {
		float: right;
	}
}

#topheadercontent a {
	font-size: 93%;
	text-decoration: none;
}

.lang {
	display: none;
}

@media (min-width: 920px) {
	.lang {
		display: inline-block;
		padding-right: 7px
	}
}

.topmail {
	position: absolute;
	right: 20% !important;
	top: 10px;
	text-indent: -9999px;
	width: 24px;
	height: 17px;
	
}


@media (min-width: 920px) {
	.topmail {
		position: static;
		right: inherit;
		top: inherit;
		margin-right: 0px;
		
		
		display: inline-block;
	}
}

@media (min-width: 920px) {
	.topmail {
		margin-right: 12px;
	}
}

.topmail a {
	top: 10px;
	height: 17px;
	display: block;
	/*background: url(../img/topmail.jpg) no-repeat 0 0.20em;*/
	background: url(../img/topmail-new.png) no-repeat 0 0.25em;
	background-size: 80%;
	
	outline: none;
}

.lang a {
	padding-right: 7px;
	background: url(../img/top-line.jpg) no-repeat right 0.22em;
}

.lang a:last-child {
	background-image: none
}

.phone {
	padding-left: 20px;
	background: url(../img/phone.jpg) no-repeat 0 0.23em;
}

#topheadercontent .phone {
	background: url(../img/phone-top.png) no-repeat 0 0.22em;
	background-size: 9%
}

/* ############# Midheader */

.midheader,  .midheader-max {
	display: table;
	width: 100%;
	height: 120px;
	background: #113A2C
}

@media (min-width: 980px) {
		.midheader,  .midheader-max {
		height: 188px;
		background: transparent;
	}
}


@media (min-width: 768px) {
	.header-inner.stickytop .midheader {
		height: 85px;
		width: 100%;
	}

	.header-inner.stickytop .midheader-max {
		position: relative;
		width: 100;
		height: 85px;
		margin: 0 auto;
		max-width: 1366px;
		padding: 0 2.5862068%;
		-webkit-box-shadow: 0px 2px 10px 2px rgba(102,102,102,0.15);
	-moz-box-shadow: 0px 2px 10px 2px rgba(102,102,102,0.15);
	box-shadow: 0px 2px 10px 2px rgba(102,102,102,0.15);
	}
}



#logo {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 330px;
}

#logo img {
	position: relative;
	width: 210px;
	z-index: 3
}

#logo a {
	display: block;
	position: relative;
	z-index: 1000
}

@media (min-width: 420px) {
	#logo img {
		width: auto;
	}
}

img.print {
	display: none
}

@media (min-width: 768px) {
	.header-inner.stickytop #logo img {
		height: 50px;
		width: auto
	}
}

.topheader, .midheader, .bottomheader {
	padding: 0 2.5862068%;
}

@media (min-width: 980px) {
	.topheader, .midheader, .bottomheader {
		padding: 0;
	}
}

/* ############# Megadropdown */

/*.topnav-wrap {
	display: table-cell;
	vertical-align: middle;
}*/



.topnav-wrap {
	position: absolute;
	top: 125px;
	left: 0;
	width: 100%;
	z-index: 100
}

.stickytop .topnav-wrap {
	top: 36px;
}

#topnav1 ul li {
	display: inline-block;
	float: left;
}

#topnav1 ul#topnavlist3 li {
	float: none;
	display: block;
}


li.tclick  {
	font-size: 90%;
	text-transform: uppercase;
}


@media (min-width: 1024px) {
	li.tclick  {
		font-size: 94%;
	}
}

@media (min-width: 1140px) {
	li.tclick  {
		font-size: 110%;
	}
}

.tclick.active-sign {
	background: url(../img/li-active.png) no-repeat bottom center;
	
} 

.tclick.active-in {
	color: #DFDDCA
}

@media (max-width: 979px) {
	#topnav1 {
		display: none;
	}
}

#topnav1 {
	position: absolute;
	left: 0;
	padding-left: 33%;
	width: 100%;
}



@media (min-width: 1140px) {
	#topnav1 {
		padding-left: 29%;
	}
}

@media (min-width: 1260px) {
	#topnav1 {
		padding-left: 27.1%;
	}
}

.tclick {
	margin-right: 3%;
	display: inline-block;
	float: left;
	padding-bottom: 28px;
	letter-spacing: 0.05em;
	color: #fff;
	cursor: pointer;
}


@media (min-width: 1140px) {
	.tclick {
		margin-right: 3.1%
	}
}

@media (min-width: 1260px) {
	.tclick {
		margin-right: 5.6%
	}
}

@media (min-width: 1366px) {
	.tclick {
		margin-right: 7%
	}
}

.tclick:last-child {
	margin-right: 0
}

/* tclick LINKS 311217 KLM */

.tclick > a {
	color: #fff;
	pointer-events: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.tclick > a {
		display: block;
		background: transparent;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#00000000);
	}
}

.tclick > a:hover {
	color: #DFDDCA !important;
}

.tclick.active-in  a {
	color: #dfddca
}

/* tclick LINKS 311217 KLM ENDE */

.tclick:hover, .tclick:hover > a {
	color: #DFDDCA !important
}

#topnav a {
	text-decoration: none;
}


#topnav1  .topnavlist2 {
	position: absolute;
	left: 0;
	margin-top: 28px;
	padding: 40px 20px;
	width: 100%;
	background: url(../img/icon-close.svg) no-repeat #fff 97% 97%;
	background-size: 2%;
	-webkit-box-shadow: 0px 4px 6px 0px rgba(102,102,102,0.15);
-moz-box-shadow: 0px 4px 6px 0px rgba(102,102,102,0.15);
box-shadow: 0px 4px 6px 0px rgba(102,102,102,0.15);

}

 #topnav1  .topnavlist2 {
 	display: none
 }

 #topnav1  .topnavlist2.active {
 	display: block
 }

 #topnav1  .topnavlist2 li {
	width: 20%;
}

 #topnav1  .topnavlist2 li a, #topnav1  .topnavlist2 li  {
	font-weight: 700;
	text-transform: none;
}

 #topnav1  .topnavlist2 li a {
 	font-weight: 700;
 	border-bottom: 2px solid #DFDDCA
 }

 #topnav1  .topnavlist3 li a {
 	border-bottom: none
 }


#topnav1  .topnavlist3 li {
	font-weight: 400
}

#topnav1  .topnavlist3 li a { 
	font-weight: 400
}

 #topnav1 .topnavlist3 {
	margin-top: 1.5em;
}

 #topnav1 .topnavlist3 li {
	margin-bottom: 0.5em;
	width: 100%;
	font-size: inherit;
}

 #topnav1 .topnavlist3 li.active-in a, .topnavlist3 li:hover a {
 	color: #d1cebc !important
 }

 #topnav1  .topnavlist3 li a {
	padding-right: 20px;
	display: block;
}

#topnav1 .topnavlist2 a,#topnav1  .topnavlist3 a,#topnav1  .topnavlist2 li,#topnav1  .topnavlist3 li {
	color: #113A2C
}

.topnavlist2.active li:nth-child(6) {
	clear: both;
}


.topnavlist3 li:nth-child(6) {
	clear: inherit;
}

.topnavlist3 li:last-child {
	padding-bottom: 1em
}

#topnav1 .topnavlist4 {
	display: none;
}


/* ############# Bottomheader */

.bottomheader, .bottomheader-fix  {
	display: table;
	width: 100%;
	height: 15px;
	background: #DFDCC9
}

@media (min-width: 760px) {
	.bottomheader, .bottomheader-fix  {height: 48px;}
}

@media (min-width: 980px) {
	.bottomheader, .bottomheader-fix  {
		background: transparent;
	}
}

@media (min-width: 768px) {

	.header-inner.stickytop	.bottomheader-fix {
		width: 100%;
		margin: 0 auto;
		max-width: 1366px;
		padding: 0 2.5862068%;
		-webkit-box-shadow: 0px 2px 10px 2px rgba(102,102,102,0.15);
	-moz-box-shadow: 0px 2px 10px 2px rgba(102,102,102,0.15);
	box-shadow: 0px 2px 10px 2px rgba(102,102,102,0.15);
	
	}

	.header-inner.stickytop .bottomheader {
		background: #DFDCC9;
		-webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
      transition: background 1s;
	}

	
}

@media (max-width: 767px) {
#claim {display: none !important}
}

@media (min-width: 768px) {
	#claim, #claim h3, #metanav {
		display: inline-block;
	}
}

#claim h3 {
	position: relative;
	margin: 0;
	letter-spacing: 0.05em;
	color: #113a2c;
	font-size: 89%;
	font-weight: 400;
	text-transform: uppercase;
	z-index: 1;
	line-height: 1
}

@media (min-width: 769px) {
	#claim h3 {
		font-size: 89%;
		line-height: inherit;
		letter-spacing: 0;
	}
}

@media (min-width: 980px) {
	#claim h3 {
		font-size: 73%;
		line-height: inherit;
		letter-spacing: 0;
	}
}


@media (min-width: 1140px) {
	#claim h3 {
		font-size: 86%;
		line-height: inherit;
		letter-spacing: 0.05em;
	}
}

@media (min-width: 1200px) {
	#claim h3 {
		font-size: 90%;
	}
}

@media (min-width: 1400px) {
	#claim h3 {
		font-size: 93%;
	}
}



#claim h3 a {
	text-decoration: none
}

#claim h3 a:hover {
	text-decoration: underline
}

#claim span {
	position: relative;
	top: -2px;
	margin-right: 6px;
	display: inline-block;
	width: 6px;
	height: 6px;
	background: url(../img/claim-dot.png)no-repeat;
}

#claim span:nth-of-type(4) {
	position: relative;
	left: 2px
}

#claim {
	width: 88%;
	display: table-cell;
	vertical-align: middle;
}

#metanav {
	display: none;
}

@media (min-width: 980px) {

	#claim {width: 53%;}

	#metanav {
		width: 33.7%;
		display: table-cell;
		vertical-align: middle;
		text-align: right;
	}
}

@media (min-width: 1140px) {
	#claim {width: 57%;}
}

@media (min-width: 1024px) {
	#metanav {width: 34%;}
}

@media (min-width: 1062px) {
	#metanav {width: 33%;}
}

@media (min-width: 1140px) {
	#metanav {width: 33%;}
}

@media (min-width: 1200px) {
	#claim {width: 55%;}
	#metanav {width: 33%;}
}

@media (min-width: 1300px) {
	#metanav {width: 31%;}
}

@media (min-width: 1400px) {
	#claim {width: 54%;}
	#metanav {width: 29.5%;}
}

#metanav ul {
	float: right;
}

#metanav ul li {
	display: inline-block;
	float: left;
}

#metanav ul li a {
	padding: 0 10px 0 8px;
	display: block;
	font-size: 73%;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../img/top-line.jpg) no-repeat right 0.25em;
}

@media (min-width: 1140px) {
	#metanav ul li a {
		font-size: 86%
	}
}

@media (min-width: 1200px) {
	#metanav ul li a {
		font-size: 90%
	}
}

@media (min-width: 1400px) {
	#metanav ul li a {
		font-size: 93%
	}
}

#metanav ul li:last-child a {
	padding-right: 0;
	background-image: none;
}

#metanav ul li a:hover {
	text-decoration: underline;
}

/* ############# Subnav */

 #subnav {
 	display: none;
 }
 
@media (min-width: 980px) {
	 #subnav {
	 	display: block;
	 	margin-bottom: 20px
	 }
}

#subnavtop {
	display: none;
}

@media (min-width: 980px) {
	 #subnavtop {
	 	display: block;
	 	margin-bottom: 12px;
	 	text-transform: uppercase;
	 	font-size: 113%;
	 	letter-spacing: 0.05em;
	 	color: #113a2c
	 }

	 #subnavtop a {
	 	text-decoration: none;
	 }

	  #subnavtop a:hover {
	 	text-decoration: underline;
	 }
}

ul#subnavlist1 li {list-style: none}


ul#subnavlist1 li a:link, ul#subnavlist1 li a:visited {
	display: block;
	padding: 0.2em 0.2em 0.2em 1.2em;
	font-size: 93%;
	font-weight: normal;
	color: #113a2c;
	text-decoration: none;
	background: url(../img/subnav.png) no-repeat 0 0.55em;
}


ul#subnavlist1 li a.active-in.active-curr, ul#subnavlist1 li a:hover {
	background: url(../img/subnav.png) no-repeat 5px -39px #F5F5EF;
	color: #000;
}

ul#subnavlist2, ul#subnavlist3  {
	margin-left: 0.8em
}

/* ############# Search */

#leftcol #search {
	display: none
}

@media (min-width: 980px) {
	#leftcol #search {
		display: block;
		margin-bottom: 20px;
	}
}

/* Startseite */

.home-search .tx-indexedsearch-searchbox-button, #search.mobile .tx-indexedsearch-searchbox-button {
	margin-top: 0
}

.home-search .tx-indexedsearch-searchbox-sword, #search.mobile .tx-indexedsearch-searchbox-sword {
	margin: 0 5px 0 0;
	width: 30px;
	position: absolute;
	right: 0;
	-webkit-transition: width 0.3s; /* Safari */
    transition: width 0.3s;
    border:none;
    background: none;
    border: 1px solid transparent;
    color: transparent;
    cursor: pointer;
    font-size: 95%;

}

.home-search  .tx-indexedsearch-searchbox-sword.big {
	position: relative;
	width: 65px;
	-webkit-transition: width 0.3s; /* Safari */
    transition: width 0.3s;
    background: #F5F5EF;
    border: 1px solid #113a2c;
    color: #113a2c;
    cursor: text;
}

@media (min-width: 1240px) {
	.home-search  .tx-indexedsearch-searchbox-sword.big {
		width: 100px
	}
}

@media (min-width: 1400px) {
	.home-search  .tx-indexedsearch-searchbox-sword.big {
		width: 180px
	}
}


.home-search #search,  #search.mobile {
	position: absolute;
	top: 8px;
	right: 9.5%
}



@media (min-width: 920px) {
	.home-search #search {
		position: static;
		top: inherit;
		right: inherit;
		display: table-cell;
		vertical-align: middle;
	}
}

@media (min-width: 920px) {
	#search.mobile {
		display: none;
	}
}

.home-search .search_wrap {
	position: relative;
	float: right;
}

@media (max-width: 920px) {
	.tx-indexedsearch-searchbox-sword, .home-search .tx-indexedsearch-searchbox-sword {
		display: none
	}
}

/*#metanav, #claim {outline: 1px solid magenta;}
*/


/* ############# Basic Layout */

#main {
	padding: 0 2.5862068%
}

#contentsection {
	overflow: hidden;
	min-height: 200px;
	padding-top: 30px;
}

.content-wrap {
	padding: 0 0 0 0;
	width: 100%;
	
}

.global .content-75 .csc-default {
	padding: 10px 20px;
	background: #fff;
	/*outline: 1px solid grey*/
}

.global #contentmain.content-75  .ka-panel .csc-default:first-child {
	padding-top:0;
	/*outline: 1px solid blue*/
}

.global #contentmain.content-75  .csc-default:first-child {
	padding-top: 30px;
	/*outline: 1px solid blue*/
}

.csc-space-before-30 {
	margin-top: 0 !important
}

@media (min-width: 920px) {
	.content-wrap {
		float: right;
		width: 76.36363636%;
	}
}


#contentmain h4 {
	font-weight: 400;
	margin-bottom: 0.75em
}

/* ############# Teaser 1 */
 
.teaser_1  h3, .teaser_1  h1, .teaser_1  h2 {
	color: #113a2c;
	font-weight: 700;
	font-size: 105%;
	margin: 0.15em 0 0.2em 0;
	font-family: 'news-gothic-std', Helvetica, Arial, Sans-Serif;
}


 .teaser_1 {
 	margin-bottom: 0;
 	padding: 10px;
 	background: #dfddca
 }

 .teaser_1 p, .teaser_1 ul li {
 	color: #113a2c
 }

 .teaser_1 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
}

.teaser_1  p {
	margin-bottom: 0.5em
}

.home .teaser_1 p.csc-frame-frame2 { 
	margin-bottom: 0.3em;
}

#contentright .teaser_1 {
	margin-bottom: 0.85em
}

p.csc-frame-frame2 {
	display: table;
	background: #113a2c;
	border: 1px solid #113a2c;
	width: 100%;
	max-width: 250px;
	min-height: 50px;
	line-height: 1.2
}

.global #contentmain p.csc-frame-frame2 {
	/*width: auto;
	max-width: 50%*/
}

p.csc-frame-frame2:hover {
	opacity: 0.89
}

 p.csc-frame-frame2 a {
	padding: 8px 80px 8px 15px;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	background: url(../img/icon-button-default.png) no-repeat right center;
	color: #fff;
	text-decoration: none;
	font-size: 15px
}

 p.csc-frame-frame2 a.mail {
	background: url(../img/icon-button-mail.png) no-repeat right center;
}

 p.csc-frame-frame2 a.download {
	background: url(../img/icon-button-download.png) no-repeat right center;
}

.teaser_2 p.csc-frame-frame2 {
		float: none;
		width: 100%;
		max-width: none
	}

@media (min-width: 768px) {
	.teaser_2 p.csc-frame-frame2 {
		float: left;
		width: 49.5%;
		height: 60px;
		max-width: none
	}

	.teaser_2 p.csc-frame-frame2 + p.csc-frame-frame2 {
		float: right;
		clear: right;
	}
}

@media (min-width: 1140px) {
	.teaser_2 p.csc-frame-frame2 {
		height: auto;
	}
}

/*.teaser_2 .csc-textpic-text{
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
	justify-content: space-between;
}

@media (min-width: 480px) {
	.teaser_2 .csc-textpic-text {
		flex-direction: row;
	}
}

.teaser_2 p.csc-frame-frame2 {
	width: 100%;
	max-width: none;
	min-height: 50px;
	line-height: 1.2


@media (min-width: 480px) {
	.teaser_2 p.csc-frame-frame2 {
		width: 49.5%;
	}
}
}*/



/* ############# Teaser 3 Abstand nach oben */

/*.teaser_3 {
	margin-top: 2.6em;
}*/


/* ############# Akkordeon */

.ka-panel {
	padding-top: 0!important;
	overflow: hidden;
	background: #fff	
}

.ka-panel  .csc-default {
	margin: 0 20px;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-bottom: 1px solid #113a2c;
}

.csc-header.ka-handler {
	padding: 0.5em 40px 0.5em 40px;
	background: url(../img/accord-arrow-right.png) no-repeat 0.5em 0.5em;
	cursor: pointer;
}

.open .csc-header.ka-handler, .csc-header.ka-handler:hover {
	background: url(../img/accord-arrow-down.png) no-repeat 0.5em 0.5em;
}

.open .csc-header.ka-handler:hover {
	background: url(../img/accord-arrow-right.png) no-repeat 0.5em 0.5em;
}

.ka-panel .ka-handler h3 {
	margin-bottom: 0;
	font-weight: 400
}

.ka-content {
	padding-left: 40px;
}

/* ############# ####### */

	#leftcol {
		padding: 0 20px 20px 20px;
		background: #fff
	}

@media (min-width: 920px) {
	#leftcol {
		padding-top: 30px;
		margin-bottom: 1em;
		float: left;
		width: 22.727272%;
	}

	.global #contentleft {
		font-size: 93%
	}
}

/* ############# Contacttoggle */

#contacttoggle {
	display: none;
}

@media (min-width: 760px) {
	#contacttoggle {
		display: inline-block;
		float: left;
		width: 49px;
		height: 289px;
		cursor: pointer;
		background: url(../img/fixbutton.jpg) no-repeat -50px 0;
	}
}

#contacttoggle:hover {
	opacity: 0.87
}

.activeout #contacttoggle {
	background-position: 0
}

.activeout #contacttoggle:hover {
	opacity: 1
}

@media (max-width: 760px) {
	#contactslide {
		padding: 0 2.58621%;
		position: relative;
		right: inherit !important;
		top: inherit !important;
		width: 100%;
		z-index: 2
	}
}

@media (min-width: 760px) {
	#contactslide {
	padding: 0;
	position: fixed;
	right: 0;
	top: 300px;
	width: 324px;
	z-index: 2
	}
}

#contactslide.activeout {
/*	position: fixed !important;
	right: 0;
	top: 300px !important;*/
}


#contentborder {
	padding: 0 2.58621%;
	width: 100%;
	background: #fff;
}

@media (min-width: 760px) {
	#contentborder {
		padding: 10px 15px;
		width: 275px;
		min-height: 289px;
		float: right;
	}
}

.activeout #contentborder {
	-webkit-box-shadow: -4px 3px 3px 0px rgba(102,102,102,0.28);
	-moz-box-shadow: -4px 3px 3px 0px rgba(102,102,102,0.28);
	box-shadow: -4px 3px 3px 0px rgba(102,102,102,0.28);
}

#contentborder {
	color: #373737;
	font-size: 93%;
	line-height: 1.32
}

 #contentborder h2, #contentborder h1, #contentborder h4 {
	margin-bottom: 0.3em;
	font-weight: normal;
	font-size: 100%;
	color: #373737;
	font-family: 'news-gothic-std', Helvetica, Arial, Sans-Serif;
}


#contentborder::before {
    content: "Ansprechpartner";
    margin: 0 0 0.5em 0;
	display: inline-block;
	font-size: 120%;
	font-weight: 400;
}

@media (min-width: 760px) {
	#contentborder::before {
	    display: none;
	}
}

/* ############# Contentborder - Button Mail */

.teaser_8 p {
	display: table;
	background: #113a2c;
	border: 1px solid #113a2c;
	width: 100%;
	min-height: 50px;
	line-height: 1.2
}

.teaser_8 p:hover {
	opacity: 0.89
}

.teaser_8 p a {
	padding: 8px 80px 8px 15px;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	background: url(../img/icon-button-default.png) no-repeat right center;
	color: #fff;
	text-decoration: none;
	font-size: 15px
}

.teaser_8 p a.mail {
	background: url(../img/icon-button-mail.png) no-repeat right center;
}

.teaser_8 p a.download {
	background: url(../img/icon-button-download.png) no-repeat right center;
}


/* ############# Startseite */

.home .content-100 {
	padding: 30px 20px 20px 20px;
	width: 100%;
	background: #fff;
}

.home .content-100 .teaser_1 {
	width: 100%
}


@media (min-width: 760px) {
	.home .content-100 .teaser_1 {
		float: left;
		width: 32.25%;
		margin-right: 1.62%;
	}
}

.home #contentmain .teaser_1 div.csc-textpic-text {
	position: relative;
	padding-bottom: 70px;
}

.home .teaser_1 div.csc-textpic .csc-textpic-imagewrap img {
	width: 100%;
	height: auto;
	max-width: 640px
}

.home #contentmain .teaser_1 h3, .home #contentmain .teaser_1 h1, .home #contentmain .teaser_1 h2 {
	padding-top: 1em
}

.home .content-100 .csc-default:nth-child(3) .teaser_1{
	margin-right: 0;
}

.home .teaser_1 p.csc-frame-frame2 {
	margin-bottom: 0;
	position: absolute;
	bottom: 0
}

 @media (max-width: 759px) {
.home .content-100 .csc-default:nth-child(1),
.home .content-100 .csc-default:nth-child(2),
.home .content-100 .csc-default:nth-child(3) {
	margin-bottom: 10px
}
}

.home .content-100 .csc-default:nth-child(4) {
	clear: both;
	padding-top: 2em;
	padding-bottom: 1.5em;
	position: relative;
}

 @media (max-width: 428px) {

#c62 .csc-textpic-imagewrap {
	display: none;
}

.home .content-100 .csc-default:nth-child(4) img[alt*="mobile"]{
	margin-top: 20px;
	display: block;
	width: 100% !important;
	height: auto !important;
}

}

 @media (min-width: 429px) {
	.home .content-100 .csc-default:nth-child(4) img[alt*="mobile"] {
		display: none
	}
}



.home .content-100 .csc-default:nth-child(4) .csc-textpic-imagewrap img {
	width: 100%;
	height: auto !important;
	float: right;
}
 
 @media (min-width: 1140px) {
	.home .content-100 .csc-default:nth-child(4) .csc-textpic-imagewrap img {
		width: 85%;
		height: auto !important;
		float: right;
	}
}

a:link.special {
	display: inline-block;
	background: #ededed;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 209px;
	background: url(../img/special-link.jpg) no-repeat right center;
	text-decoration: none;	
}

a:link.special:hover {
	text-decoration: underline;
}

/* ############# Startseite 50 - 50 */

.wrap-50 {
	overflow: hidden;
	padding: 0 20px 20px 20px;
	display: block;
	width: 100%;
	background: #fff;
}



.home .content-50 #contentleft; .home .content-50 #contentright {
	width: 100%
}

@media (min-width: 760px) {
.home #contentleft.content-50 , .home #contentright.content-50  {
		width: 49%
	}
	.home #contentleft.content-50  {
		float: left;
	}

	.home #contentleft.content-50  {
		float: right;
	}

}

.teaser_5 {
	margin-bottom: 1em;
	width: 100%
}

.teaser_5 div.csc-textpic .csc-textpic-imagewrap img {
	max-width: 640px;
	z-index: 9
}

.teaser_5 .csc-textpic.csc-textpic-left.csc-textpic-above {
	position: relative;
}

.teaser_5 div.csc-textpic-left .csc-textpic-imagewrap {
	position: relative;
}

.teaser_5 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0
}

.teaser_5 .csc-textpic-text {
	position: absolute;
	display: table;
	vertical-align: middle;
	padding: 8px 0;
	z-index: 10
}

@media (min-width: 980px) {
	.teaser_5 .csc-textpic-text {
		padding: 20px 0;
	}
}

.teaser_5 .csc-textpic-text h3 {
	margin-top: 2% 0 0 0;
	display: table-cell;
	padding: 4px 12px;
	line-height: 1;
	background: #fff;
	color: #113a2c;
	font-size: 125%;
	font-weight: normal;
	font-family: Times New Roman, Times, Serif;
	vertical-align: middle;
	min-width: 180px
}

.teaser_5 .csc-textpic-text h3 a {
	text-decoration: none;
}

@media (min-width: 980px) {
	.teaser_5 .csc-textpic-text h3 {
		padding: 8px 12px;
		font-size: 145%;
		min-width: inherit;
	}
}

/* ############# Anwälte */

.content-wrap.anwaelteuebersicht {
	background: #fff;
	padding: 30px 20px
}

.global .anwaelteuebersicht .content-75 .csc-default {
    background: #fff none repeat scroll 0 0;
    padding: 0;
}

.global .anwaelteuebersicht #contentmain.content-75 .csc-default:first-child {
    padding-top: 0;
}

.anwaelteuebersicht .teaser_1 {
	padding: 0 0 0 0
}

.anwaelteuebersicht .teaser_1 .csc-textpic-text {
	padding: 7px 15px 5px 15px
}



.anwaelteuebersicht .teaser_1 h3 {
	margin-bottom: 0.4em;
	font-family: Times New Roman,Times,serif;
	font-weight: normal;
	font-size: 130%
}


.anwaelteuebersicht .content-75 div.csc-textpic .csc-textpic-imagewrap img,
.anwaelteuebersicht .rightcol-25 div.csc-textpic .csc-textpic-imagewrap img {
	max-width: none;
	width: 100% !important
}

.anwaelteuebersicht .content-75 .csc-default:nth-of-type(2) .teaser_1,
.anwaelteuebersicht .content-75 .csc-default:nth-of-type(3) .teaser_1 {
	margin-bottom: 2em
}

@media only screen and (min-width: 768px) {
	.anwaelteuebersicht .content-75 .csc-default:nth-of-type(2),
	.anwaelteuebersicht .content-75 .csc-default:nth-of-type(3) {
		width: 48.947368%;
	}
}

@media only screen and (min-width: 768px) {
	.anwaelteuebersicht .content-75 .csc-default:nth-of-type(2) {
		float: left;
	}

	.anwaelteuebersicht .content-75 .csc-default:nth-of-type(3) {
		float: right;
	}
}

.anwaelteuebersicht .content-75 .csc-default:nth-of-type(4) {
	clear: both
}

/* Kontaktformular */

#contentmain div.csc-mailform ol {
	margin-left: 0
}

#contentmain div.csc-mailform ol li {
	margin-bottom: 0.3em
}

div.csc-mailform li label {
	margin-right: 2%;
	width: 20%
}

.csc-mailform input[type="text"] {
	padding: 5px;
	width: 78%;
	border: 1px solid #DFDCC9;
	font-family: inherit;
	font-size: inherit;
}

.csc-mailform textarea {
	padding: 5px;
	width: 78%;
	font-family: inherit;
	font-size: inherit;
	border: 1px solid #DFDCC9;
}

.csc-mailform input[type="submit"], .tx-felogin-pi1 input[type="submit"] {
color: inherit; 
  font: inherit; 
  cursor: pointer;
  line-height: normal;
  -webkit-appearance:none;  
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #113A2C;
  border: 1px solid #113A2C;
  color: #fff;
}

.csc-mailform input[type="submit"]:hover, .tx-felogin-pi1 input[type="submit"]:hover {
	opacity: 0.73
}

/* Login */

.tx-felogin-pi1 form {
	padding: 1em 0
}

.tx-felogin-pi1 legend {
	padding-bottom: 0.5em;
	font-size: 110%
}

.tx-felogin-pi1 input[type="text"], .tx-felogin-pi1 input[type="password"] {
  border: 1px solid #dfdcc9;
    font-family: inherit;
    font-size: inherit;
    padding: 5px;
}

.tx-felogin-pi1 form div {
	margin-bottom: 0.5em
}

.tx-felogin-pi1 label {
	margin-bottom: 0.25em
}

.tx-felogin-pi1 input[type="submit"] {
	margin-top: 0.5em
}

/* Powermail */

.tx-powermail {
	width: 100%;
	color: #373737
}

.tx-powermail .powermail_fieldset, .tx-powermail .powermail_create, .tx-powermail .powermail_confirmation,
.tx-powermail .powermail_create {
    background: #F5F5EF none repeat scroll 0 0;
    border: 1px solid #DFDCC9;
    clear: left;
    margin: 0 0 20px;
    padding: 10px;
}

.tx-powermail .powermail_fieldset .powermail_legend {
/*    color: #113A2C;
    float: right;
    font-size: 150%;
    margin: 3px 0 10px;
    white-space: normal;*/
    display: none
}

.tx-powermail .powermail_fieldset .powermail_label {
	    clear: inherit;
	    display: block;
	    float: none;
	    font-weight: 400;
	    width: 100%;
	}

	.tx-powermail .powermail_fieldset .powermail_field {
	    border: 1px solid #dfdcc9;
	    color: #373737;
	    float: none;
	    font-size: inherit;
	    margin: 0;
	    padding: 5px;
	    width: 100%;
	}

	.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset,
	.tx-powermail .powermail_confirmation_form, .tx-powermail .powermail_confirmation_submit{
  color: inherit; 
  font: inherit; 
  cursor: pointer;
  line-height: normal;
  -webkit-appearance:none;  
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #113A2C !important;
  border: 1px solid #113A2C;
  color: #fff;
}

.tx-powermail .powermail_fieldset .powermail_radio_outer, .tx-powermail .powermail_fieldset .powermail_captcha_outer, .tx-powermail .powermail_fieldset .powermail_check_outer, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
    background-color: transparent;
    border: none;
    float: none;
    list-style: outside none none;
    margin: 0;
    padding: 3px;
    width: 100%;
}

.powermail_field.powermail_select 	{
	width: auto !important;
}

.powermail_field.powermail_textarea {
	padding: 5px;
	font-family: inherit;
	font-size: inherit;
}

#contentmain ul li.parsley-custom-error-message, #contentmain ul li.parsley-required,
#contentmain ul.powermail_message.powermail_message_error li {
    background-image:none;
    padding: 5px;
}

.mandatory {color: #C63333}

@media only screen and (min-width: 768px) {
	.tx-powermail .powermail_fieldset .powermail_label {
	    clear: left;
	    display: block;
	    float: left;
	    font-weight: normal;
	    width: 39%;
	}

	.tx-powermail .powermail_fieldset .powermail_field {
	    border: 1px solid #bbb;
	    color: #444;
	    float: right;
	    font-size: inherit;
	    margin: 0;
	    padding: 5px;
	    width: 60%;
	}

		.tx-powermail .powermail_fieldset .powermail_radio_outer, .tx-powermail .powermail_fieldset .powermail_captcha_outer, .tx-powermail .powermail_fieldset .powermail_check_outer, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
	    background-color: white;
	    border: 1px solid #bbb;
	    float: right;
	    list-style: outside none none;
	    margin: 0;
	    padding: 3px;
	    width: 400px;
	}

		.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
	    margin: 5px 0 0;
	    padding: 5px 20px;
	}

		.tx-powermail .powermail_fieldset .powermail_radio_outer, .tx-powermail .powermail_fieldset .powermail_captcha_outer, .tx-powermail .powermail_fieldset .powermail_check_outer, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
	    background-color: white;
	    border: 1px solid #bbb;
	    float: right;
	    list-style: outside none none;
	    margin: 0;
	    padding: 3px;
	    width: 60%;
	}

	.powermail_field.powermail_select 	{
	width: 60% !important;
}
}

/*.powermail_label, .powermail_field {
	outline: 1px solid rgba(255, 69, 0,0.5);
	overflow: hidden;
}
*/

/* angestellte rechtsanwaelte */

.global .anwaltdetailseite .content-75 .csc-default {
	padding: 0
}

.global .anwaltdetailseite #contentmain.content-75 .csc-default:first-child {
    padding-top: 0;
}

.anwaltdetailseite #contentborder::before {
    display: none;
}


@media only screen and (min-width: 768px) {
	.anwaelteuebersicht .rightcol-25 .csc-default {
		width: 48.947368%;
	}
}

.anwaelteuebersicht .rightcol-25 {
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%
}

 .anwaelteuebersicht .rightcol-25 div.csc-textpic.csc-textpic-border .csc-textpic-imagewrap img,
 .anwaelteuebersicht .content-75 div.csc-textpic.csc-textpic-border .csc-textpic-imagewrap img {
 	max-width: none
 }

@media only screen and (min-width: 768px) {
	.anwaelteuebersicht .rightcol-25 {
		flex-direction: row;
		justify-content: space-between;
	}
}

/* Anwaelte Detail */

.anwaltdetailseite #contentmain {order: 1;}
.anwaltdetailseite #contentright {order: 3;}
.anwaltdetailseite #contentborder {order: 2;}

.anwaltdetailseite #contentmain {
	float: none;
	width: 100%;
}

@media only screen and (min-width: 1140px) {
	.anwaltdetailseite #contentmain {
		float: left;
		width: 73.312236%;
		overflow: hidden;
	}
}

.anwaltdetailseite .content-75 div.csc-textpic.csc-textpic-border .csc-textpic-imagewrap img  {
	max-width: none;
	width: 100% !important
}

.anwaltdetailseite div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0
}


.anwaltdetailseite #contentright {
	float: none;
	padding-top: 0.75em;
	padding-right: 16px;
	padding-bottom: 0.75em;
	padding-left: 16px;
	width: 100%;
	background: #dfddca;
}

@media only screen and (min-width: 1140px) {
	.anwaltdetailseite #contentright {
		float: right;
		padding-top: 0;
		padding-bottom: 0;
		width: 26.68777%;
	}
}

.anwaltdetailseite #contentright h4 {
	margin-top: 0;
	margin-bottom: 0.25em;
	padding-top: 0;
	font-family: Times New Roman,Times,serif;
	font-weight: normal;
	font-size: 130%;
	color: #113a2c;
}

@media only screen and (min-width: 768px) and (max-width: 1140px) {
	.anwaltdetailseite #contentright h4 {
		padding-top: 0;	
	}
}

@media only screen and (min-width: 1140px) {
	.anwaltdetailseite #contentright h4 {
		padding-top: 0.7em;
	}
}

@media only screen and (min-width: 1200px) {
	.anwaltdetailseite #contentright h4 {
		padding-top: 2.5em;
	}
}

.anwaltdetailseite #contentright h5 {
	margin-bottom: 0.25em;
	top: 0;
	margin-top: 0;/*1.9em*/
	padding-top: 1.7em;
	color: #113a2c;
	font-size: 95%;
	opacity: 1;
	border-top: 1px solid #9da897
} 

@media only screen and (min-width: 768px) and (max-width: 1140px) {
	.anwaltdetailseite #contentright h5 {
		margin-bottom: 0.25em;
		top: 0;
		margin-top: 0;
		padding-top: 0;
		border-top: none
	}

	.anwaltdetailseite #contentright .csc-default:nth-of-type(3) {
		padding-top: 1.5em
	}
}

@media only screen and (min-width: 1140px) and (max-width: 1140px) {
	.anwaltdetailseite #contentright .csc-default:nth-of-type(3) {
		padding-top: 0.35em
	}

	.anwaltdetailseite #contentright .csc-default:nth-of-type(3) p {
		margin-bottom: 0
	}
}

.anwaltdetailseite #contentright{
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
}

@media only screen and (min-width: 768px) {
	.anwaltdetailseite #contentright {
		flex-direction: row;
	}
}

@media only screen and (min-width: 1140px) {
	.anwaltdetailseite #contentright {
		display: block;
	}
}

.anwaltdetailseite #contentright .csc-default:nth-of-type(2) p,
.anwaltdetailseite #contentright .csc-default:nth-of-type(3) p,
.anwaltdetailseite #contentright .csc-default:nth-of-type(4) p   {
	font-size: 89%;
	line-height: 1.5
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
	.anwaltdetailseite #contentright .csc-default{
		padding-right: 4%
	}

	.anwaltdetailseite #contentright .csc-default:last-child {
		padding-right: 0
	}
}



.anwaltdetailseite #contentborder {
	padding-left: 0;
	padding-right: 0;
	float: none;
	clear: both;
	width: 100%;
	min-height: inherit;
	font-size: inherit;
    line-height: inherit;
}

.anwaltdetailseite #contentborder h2 {
    color: #113a2c;
    font-family: Times New Roman,Times,serif;
    font-size: 145%;
    font-weight: normal;
    margin: 0.8em 0 0.5em;
    padding: 0;
}

@media only screen and (min-width: 920px) {
	.anwaltdetailseite #contentborder h2 {
	    margin-top: 0.5em;
	}
}

.content-wrap.anwaltdetailseite {
	padding: 30px 20px 20px 20px;
	background: #fff;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}
.anwaltdetailseite #contentleft {order: 1;}
.anwaltdetailseite #contentmain {order: 2;}
.anwaltdetailseite #contentright {order: 4;}
.anwaltdetailseite #contentborder {order: 3;}

@media only screen and (min-width: 768px) {
	.content-wrap.anwaltdetailseite {
	display: block;
}
.anwaltdetailseite #contentleft {order: 1;}
.anwaltdetailseite #contentmain {order: 2;}
.anwaltdetailseite #contentright {order: 3;}
.anwaltdetailseite #contentborder {order: 4;}
}

.anwaltdetailseite #contentborder div.csc-textpic.csc-textpic-border .csc-textpic-imagewrap img {
	max-width: 165px !important;
}


/* Footer */

.footer {
	margin: 0 auto;
	padding: 0 2.5862068%;
	position: relative;
	width: 100%;
	max-width: 1366px;
	bottom: 0;
	min-height: 275px;
	background: #dfddca;
	-webkit-box-shadow: 0px 2px 10px 2px rgba(102,102,102,0.15);
	-moz-box-shadow: 0px 2px 10px 2px rgba(102,102,102,0.15);
	box-shadow: 0px 2px 10px 2px rgba(102,102,102,0.15);
	z-index: 1
}

	#footercontent {
	display: block;
	padding: 20px 2.58621% 0;
  /*display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	 -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column;
	padding-bottom: 0;
	padding-top: 20px;
	padding-right: 2.58621%;
	padding-left: 2.58621%;*/
}

@media (min-width: 920px) {
	#footercontent {
		display: table;
		padding-bottom: 60px;
		padding-top: 40px;
		padding-right: 0;
		padding-left: 0;
		/*-webkit-flex-direction: row;
  		flex-direction: row;
  		justify-content: center;
		padding-bottom: 60px;
		padding-top: 40px;
		padding-right: 0;
		padding-left: 0;*/
	}
}

#footercontent div {
	margin: 0;
	margin-bottom: 25px;
	width: 100%;
	float: none
}

#footercontent div.csc-header.csc-header-n1 {
	display: block;
	width: 100%;
	margin-bottom: 0;
}

@media (min-width: 920px) {
	#footercontent div {
		margin: 0 1.8181818%;
		float: left;
		display: inline-block;
		width: 16%;
	}

	#footercontent div:nth-of-type(4) {
		width: 21.2%;
		margin-right:0;
	}

	.footer.home #footercontent div {
		width: 20%;
	}
}

@media (min-width: 920px) {
	#footercontent div.home-ref {
		float: right;
		margin-bottom: 25px
	}
}

.footer.home #footercontent div.home-ref {
	display: none;
}

@media (min-width: 920px) {
	#footercontent div.refer {
		position: absolute;
		z-index: 10;
		max-width: 180px;
		width: 100%;
		margin: 0
	}
}

@media (min-width: 920px) {
	#footercontent div:last-child img {
		position: absolute;
		width: 100%;
		height: auto;
		z-index: 10
	}
}
	

#footercontent div:first-child {
	margin-left: 0;
}




#footercontent h4 {
	margin-bottom: 0.25em;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 100%;
	color: #373737
}

#footercontent ul {
	list-style: none;
}

#footercontent p, #footercontent li {
	font-size: 89%;
	line-height: 1.47
}

#footercontent  a {
	text-decoration: none;
}

#footercontent  a:hover {
	text-decoration: underline;
}

.abst {
	display: inline-block;
	width: 45px
}


/*#footercontent div img  {
	width: 100%;
	max-width: 175px
}*/

#footercontent .newstextright, #footercontent .news-latest-item, #footercontent .news-latest-container, #footercontent .newsimage-left{
	display: block;
	width: 100% !important;
	margin: 0 !important;
	padding: 0
}


#footercontent .news-latest-date {
	display: none;
}

#footercontent .news-latest-container h3 {
	margin-bottom: 0.55em;
	font-weight: normal;
	font-size: 89%;
	line-height: 1.3
}

#footercontent .news-latest-container h3  a {
	text-decoration: none;
}

#footercontent .news-latest-container h3 + p {
	display: none
}

	#footerclaim {
		position: relative;
		overflow: hidden;
		padding: 12px 0;
		width: 100%;
		font-size: 79%;
		border-top: 1px solid #ebeade;
	}

@media (min-width: 920px) {
	#footerclaim {
		position: absolute;
		bottom: 0;
		width: 94.5%;
		z-index: 9
	}
}

.copy, .imp-data {
	display: inline-block;
	float: left
}

.copy {
	padding-right: 7.4211502%
}

.imp-data a {
	padding: 0 15px 0 0;
	background: url(../img/top-line.jpg) no-repeat right 0.2em;
}

.imp-data a:last-child {
	background: none;
	padding-right: 0;
	padding-left: 13px;
}

/* ###############################################
#####  CSS-styled Content  #####################
############################################### */

/* ?????? div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: inherit;
}
*/

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    overflow: hidden;
}

/* Not Responsive */

div.csc-textpic-border div.csc-textpic-imagewrap img {
	border: none;
}

div.csc-textpic.csc-textpic-border .csc-textpic-imagewrap img {
	width: 100 !important;
	height: auto !important;
	max-width: none;
}


div.csc-textpic.csc-textpic-border .csc-textpic-imagewrap img {
	width: 100% !important;
	height: auto !important;
	max-width: 640px;
}

.csc-textpic-text img {
	width: auto !important;
	height: auto !important;
	max-width: 505px;
}

@media only screen and (min-width: 710px) {
	.content-75 div.csc-textpic.csc-textpic-border .csc-textpic-imagewrap img,
	.rightcol-25 div.csc-textpic.csc-textpic-border .csc-textpic-imagewrap img {
	    height: auto !important;
	    max-width: 440px;
	    width: 100% !important;
	}
}

@media only screen and (min-width: 979px) {
	.content-75 div.csc-textpic.csc-textpic-border .csc-textpic-imagewrap img,
	.rightcol-25 div.csc-textpic.csc-textpic-border .csc-textpic-imagewrap img {
	    max-width: 440px;
	}
}

/* Bild oben randablaufend */

/*div.csc-textpic.csc-textpic-above .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
}*/


/* Bild im Text - rechts */

div.csc-textpic-intext-right.csc-textpic-border .csc-textpic-imagewrap {
	float: none
}

@media (min-width: 640px) {
		div.csc-textpic-intext-right.csc-textpic-border .csc-textpic-imagewrap {
		float: right
	}
}

div.csc-textpic-intext-right.csc-textpic-border .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 0;
}

/* Bild im Text - links */

@media (min-width: 710px) {
	div.csc-textpic-intext-right.csc-textpic-border .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
   	 margin-left: 10px;
	}
}



div.csc-textpic-intext-left.csc-textpic-border .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 0;
}

@media (min-width: 640px) {
	div.csc-textpic-intext-left.csc-textpic-border .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
   	 margin-right: 10px;
	}
}

/* Bild neben Text - rechts - responsive */

div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: none;
}

@media (min-width: 640px) {
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    	float: right !important;
	}
}

.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap img {
	width: auto !important;
}

@media (max-width: 640px) {
	.csc-textpic-intext-right-nowrap .csc-textpic-text {
		margin-right: 0 !important
	}
}

/* Bild neben Text - rechts - NOT responsive */


div.csc-textpic.csc-textpic-intext-right.csc-textpic-border .csc-textpic-imagewrap img {
	float: right;
}

/* Bild neben Text - links */

div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: none;
}

@media (min-width: 640px) {
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    	float: left !important;
	}
}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img {
	width: auto !important;
}

@media (max-width: 640px) {
	.csc-textpic-intext-left-nowrap .csc-textpic-text {
		margin-left: 0 !important
	}
}

/* Bild neben Text - links - NOT responsive */


div.csc-textpic.csc-textpic-intext-left.csc-textpic-border .csc-textpic-imagewrap img {
	float: right;
}


/* Bild neben dem Text rechts 

.csc-textpic-intext-right-nowrap .csc-textpic-text {
	margin-right:49%;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
	margin-left:49%;
}
*/

/* special contentstyles */

#contentmain > .csc-default .csc-header + .csc-textpic-text > h5:first-child  {
	margin-top: -0.4em;
}

/* Newslist */

.news-list-item .news-list-date {
	font-size: inherit;
}

@media (max-width: 768px) {
	.news-list-date {
	    display: block;
	    margin-bottom: 0.35em;
	    float: none;
	    padding-left: 0;
	}
 }

.news-list-item p {
	margin-top: 0.65em
}

.news-list-browse {
	font-size: inherit;
}

.showResultsWrap {
	margin-bottom: 0.55em
}

.news-single-timecategory {
	display: inline-block;
	float: left;
	color: #373737;
    font-size: 100%;
    font-weight: 400;
    margin: 0 0 0.6em;
}

.news-single-item .news-single-cat {
	display: inline-block;
	float: right;
}

.news-single-item h1 {
	clear: both;
}


/* Newslist - Home */


.news-latest-container {
	padding: 0
}

 .news-latest-date {
	font-size: 89%;
}

.news-latest-date a {
	text-decoration: none;
}

.home .news-latest-item {
	padding-left: 0;
	padding-right: 0
}

.home .csc-space-after-15 {
	overflow: hidden;
}

/* ###############################################
#####  Link to top  #####################
############################################### */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(18, 58, 44, 0.8) url(/fileadmin/templates/img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 10;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}


/* Sitemap */

#contentmain div.csc-sitemap ul li {

}

@media (max-width: 375px) {
	h1, h2 {line-height: 1.2}
}

/* mobile contentelement */


@media only screen and (min-width: 980px) {
	.teaser_7 {
		display: none	
	}
}

/* ###############################################
#####  Ansprechpartner Mobile  #####################
############################################### */

.cd-top-mobile {
  display: inline-block;
  height: 202px;
  width: 35px;
  position: fixed;
  top: 200px;
  right: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.8) url(/fileadmin/templates/img/mobile-fixbutton.jpg) no-repeat center;
  background-size: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 9;
}
.cd-top-mobile.cd-is-visible, .cd-top-mobile.cd-fade-out, .no-touch .cd-top-mobile:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top-mobile.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top-mobile.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .3;
}
.no-touch .cd-top-mobile:hover {
  background-color: #e86256;
  opacity: 1;
}

/* Only mobile + Sitemap */

.global .content-75 .csc-frame.csc-frame-invisible {
    background: #fff none repeat scroll 0 0;
    padding: 10px 20px;
}


@media only screen and (min-width: 768px) {
  .cd-top-mobile, .csc-frame.csc-frame-invisible  {
    display: none
  }
}









