@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700,400italic);

html, body { height: 100%; width: 100%; }
body { color:#606060; font-family: 'Titillium Web', sans-serif; /*background-image: url('../img/bg.jpg');*/ background-repeat: repeat; font-weight: 300; }

.container { width: 100%; margin:0 auto; padding: 0px 5%; }
header, main, footer { width:100%; }
main { margin-top: 96px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clearfix:before,.clearfix:after { content: " "; display: table; }  
.clearfix:after { clear: both; }  
.clearfix { *zoom: 1; }
h1, h2, h3, h4 { font-weight:400; color:#606060; }
h1 { font-size:165%; margin:40px 0 20px 0; }
h1:first-child { margin-top:0; }
h2 { font-size:145%; margin:30px 0 15px 0; }
h3 { font-size:135%; margin:20px 0 10px 0; }
h4 { font-size:120%; margin:10px 0 5px 0; }
p { margin:8px 0 0 0; }
b, strong, th { font-weight: 600; }
a { color:#606060; text-decoration: none; font-weight: 400; font-size: 100%; outline: none; }
a img { border:none; }
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { text-decoration:none; }
a.pdf { text-decoration:none; background:url('../img/pdf.png') no-repeat; line-height:32px; padding:0 0 0 40px; display:block; margin:8px 0; }
a.hideLink { text-decoration: none; font-weight: 300; }
iframe { display: block; }
.left { float: left; }
.right { float: right; }

header.stick { background: #fff; color: #000; border-bottom: 2px solid #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
header.stick a, header.stick .menu li a { color: #000; }
header.stick .menu li a:hover, header.stick .menu li a:focus, header.stick .menu li a.aktiv { border-bottom: 1px solid #000;}
header.stick .menu li li a:hover, header.stick .menu li li a:focus, header.stick .menu li li a.aktiv { border-bottom: 0px solid #000;}

.box_rechts { float: right; width: 50%; }

header { top: 0px; width: 100%; padding: 1% 0; z-index: 1000; position: absolute; background: #fff; margin: 0 auto; }
.logo { display: block; float: left; width: 360px; margin-left: 3.25%; }
.logo img { width: 100%; }

/* slider > */
.slider { position:relative; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.callbacks .caption { display: block; position: absolute; z-index: 2; text-shadow: none; color: #333; background: #FFF; background: rgba(255,255,255, .7); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; text-decoration:none; }
.callbacks_nav:before { font-family: 'lightcase'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: none; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; }
/*.callbacks_nav { background: url('../img/slider/themes.gif') no-repeat scroll left top transparent; height: 61px; left: 0; margin-top: -45px; opacity: 0.7; overflow: hidden; position: absolute; text-decoration: none; text-indent: -9999px; top: 52%; width: 38px; z-index: 3; }*/
.callbacks_nav { height: 100%; left: 0; overflow: hidden; position: absolute; text-decoration: none; top: 0px; z-index: 3; font-size:38px; }
.callbacks_nav.next { background-position: right top; left: auto; right: 0; }
.callbacks_nav:before { content: '\e803'; position:relative; top:48%; background: #fff; background: rgba(255,255,255, .7); padding:3px; border-bottom-right-radius:19px; border-top-right-radius:19px; } /* '' */
.callbacks_nav.next:before { content: '\e804'; border-bottom-right-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:19px; border-top-left-radius:19px; } /* '' */
.callbacks_tabs { list-style:none; margin:0; padding:0; position:absolute; bottom:10px; right:10px; z-index:50; }
.callbacks_tabs li { float:left; }
.callbacks_tabs li a { width:12px; height:12px; border-radius:6px; background-color:#888; display:block; margin:0 2px; box-shadow: 2px 2px 5px #000 inset; }
.callbacks_tabs li.callbacks_here a { background-color:#fff; }
/* < slider */

/* menu > */
/*nav { width: 500px; margin: 0 auto; }*/
nav { float: right; margin: 0 auto; margin-right: 3.25%; }
.menu { margin:0px 0 0 0; width:100%; list-style:none; padding:0; position:relative; display:block; }
.menu li { float:left;  padding: 0px 10px;}
.menu li:first-child { margin-left:0px; }
.menu li a { color:/*#fff*/#606060; display:block; text-align:left; text-decoration:none; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; font-weight: 300; text-transform: uppercase; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 110%; }
.menu li a:hover, .menu li a:focus, .menu li a.aktiv { color: /*#606060*/#000; }
.sub { list-style:none;  padding:0px; position:absolute; margin-top:0px; z-index:50; display: none; right: 0px; }
.sub.aktiv { display: block; }
.sub li { float: left; width:auto; border:none; margin: 0px; padding: 0px; }
.sub li a { color:/*#fff*/#606060; text-transform:none; border:none; font-size:100%; text-align:left; margin-right: 10px; }
.sub li a.aktiv, .sub li a.aktiv:hover { color: /*#606060*/#000;}
.sub li a:hover { color: #000; }
nav div { display:none; background:url(../img/menu.png) no-repeat 10px center #fff; line-height:40px; color:#000; padding:0 20px 0 40px; font-size:120%; cursor:pointer; width:100%; }
.stick nav div { background:url(../img/menu_white.png) no-repeat 10px center #fff; color: #fff; }

/*.sub { margin-left: 18%; }*/

.kasten_wrapper { margin: -1%; }
.kasten { float: left; width: 23%; position: relative; margin: 1%; display: block; color: #606060; outline: none; }
.kasten img { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.kasten .text { position: absolute; bottom: 0px; left: 0px; font-weight: 300; font-size: 120%; text-transform: uppercase; padding: 3%; }
.kasten .title { position: absolute; padding: 40% 5% 5% 5%; top: 0px; left: 0px; font-weight: 300; font-size: 120%; background: rgba(255,255,255,0.8); text-align: center; height: 100%; width: 100%; }
.kasten .text span { font-size: 150%; display: block; margin-bottom: -15px; }

.kasten_wrapper.drei .kasten { width: 23%; }
.kasten_wrapper.sechs { margin: 0; padding: 0 3%; margin-bottom: 0%; }
.kasten_wrapper.sechs .kasten { width: 15.667%; margin: 0.5% }
.kasten_wrapper.drei .kasten img { background-image: url('../img/header_switch/default/4.jpg'); }
.kasten_wrapper.drei .kasten .text { font-size: 140%; width: 100%; background: rgba(255,255,255,0.8); }
.kasten_wrapper.aktuelles .kasten .text { font-size: 100%; text-transform: none; height: 100%; background: rgba(255,255,255,0.8); width: 100%; }

.home_kasten { float: left; width: 23%; position: relative; margin: 1%; display: block; color: #606060; outline: none; }
.home_kasten img { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.home_kasten .text { position: absolute; bottom: 0px; left: 0px; font-weight: 300; font-size: 120%; text-transform: uppercase; padding: 3%; }
.home_kasten .title { position: absolute; padding: 40% 5% 5% 5%; top: 0px; left: 0px; font-weight: 300; font-size: 120%; background: rgba(255,255,255,0.8); text-align: center; height: 100%; width: 100%; }
.home_kasten .text span { font-size: 150%; display: block; margin-bottom: -15px; }
.home_kasten_wrapper { margin: -1%; }
.home_kasten_wrapper .home_kasten { width: 31.33%; }
/*.home_kasten_wrapper .home_kasten img { background-image: url('../img/header_switch/default/4.jpg'); }*/
.home_kasten_wrapper .home_kasten .text { font-size: 140%; width: 100%; background: rgba(255,255,255,0.8); }
.home_kasten_wrapper .home_kasten .text { font-size: 100%; text-transform: none; background: rgba(255,255,255,0.8); width: 100%; }

.top_link { font-size: 130%; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; display: block; float: left; margin-right: 50px; font-weight: 300; line-height: 35px; outline: none; }
.content .top_link:nth-child(3) { margin: 0; }
.top_link span { font-weight: 400; font-size: 200%; }

.load { font-size: 120%; text-transform: uppercase; width: 250px; margin: 0 auto; line-height: 40px; cursor: pointer; margin-bottom: 5%; text-align: center; background: #606060; color: #fff; }
.lightcase-info h4 { color: #aaa; }

.bg-holder.pic1 { background-image: url('../img/header_switch/default/1.jpg');  }
.bg-holder.pic2 { background-image: url('../img/header_switch/default/4.jpg'); height: 59%; }
.bg-holder.pic3 { background-image: url('../img/header_switch/default/3.jpg'); height: 59%; }

.bg-holder .content h1 { font-size: 300%; border-bottom: 2px solid #fff; }
.bg-holder { width: 100%; height: 100%; background-size: cover; background-position: center; color: #fff; background-repeat: no-repeat; top: 0px; background-attachment: fixed; }
.bg-holder .content { color: #fff; text-align: center; position: relative; top: 20%; width: 630px; margin: 0 auto;}
.bg-holder .down { display: block; position: absolute; bottom: 50px; width: 50px; height: 50px; background-image: url('../img/down.png'); background-size: contain; left:50%; margin:0 0 0 -25px; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; outline: none;}
.content { margin: 0 auto; width: 1250px; padding: 3% 0px 5% 0px;  }
.content h1 { font-weight: 300; text-transform: uppercase; margin-top: 0px; } 
.content h1 span { font-weight: 600; }
.content h1 span.small { font-weight: 300; font-size: 60%; margin-left: 5px; }
.content h3 span, .content h4 span { font-size: 80%; color: #000; }

li { list-style: none; padding-left: 5px;  }
li:before { content: "»"; color: #606060; padding-right: 5px; font-weight: 600; }

.datenschutz ul li:before { display: none; }
.datenschutz ul li ul li:before { display: inline; }


ul { margin-top: 0px; padding-left: 0px; }

.sub li:before, .menu li:before { content: ""; padding: 0px; }

/* < menu */

/* sitemap_menu > */
.sitemap_menu li:before { content: ""; padding-right: 0px; }

ul.sitemap_menu, ul.sitemap_menu li ul { list-style:none; font-size:120%; text-transform:uppercase; }
ul.sitemap_menu a { text-decoration:none; }
ul.sitemap_menu li { margin:5px 0; }
ul.sitemap_menu li ul { font-size:80%; text-transform:none; }
/* < sitemap_menu */

/* accordion > */
.msg_head { font-size:140%; line-height:24px; margin:20px 0 0 0; cursor:pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.msg_head div { float:left; width: 0; height: 0; margin:4px 8px 0 0; }
.msg_head div { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 16px solid #fff; }
.opened div { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #fff; }
/* < accordion */

/* aktuelles > */
div.aktuelles_eintrag { margin:0 0 40px 0; }
div.aktuelles_eintrag img { float:right; margin:0 0 20px 20px; max-width: 150px; }
div.aktuelles_eintrag h3 { margin-top:3px; padding-top:5px; border-top:1px dashed #c0c0c0; }
div.aktuelles_eintrag h4 { margin-top: 0px; }
div.aktuelles_eintrag .datum { font-size: 90%; }
.sidebar .aktuelles_eintrag { margin:15px 0 0 0; }
.akt_kat { float: right; text-transform: uppercase; }
/* < aktuelles */

div.projekt_eintrag { margin:0 0 40px 0; }
div.projekt_eintrag span { font-weight: 600; }
div.projekt_eintrag .img { display: block; float:left; margin:1%; min-width: 150px; max-width: 200px;}
div.projekt_eintrag .img img { width: 100%; }
.bilder .img:first-child { margin-left: 0px; }
div.projekt_eintrag h3 { margin-top:3px; padding-top:5px; border-top:1px dashed #606060; }
div.projekt_eintrag h4 { margin-top: 0px; }
div.projekt_eintrag .datum { font-size: 90%; }

.projekt_table { width: auto; margin-top: 1%; }
.projekt_table tr td:first-child { font-weight: 600; padding-right: 10px; }

/* color pfeile, dreieck, etc. */
.callbacks_nav:before { color:#fff; }
[class*='lightcase-icon-']:before { color:#fff; }

.projekt_steuerung { width: 100%; margin: 0 auto; margin-bottom: 2%; }
.prev { text-align: left; background-image: url('../img/left.png'); background-position: left center; padding-left: 35px; }
.overview { text-align: center; }
.next { text-align: right; background-image: url('../img/right.png'); background-position: right center; padding-right: 35px; }
.projekt_steuerung a { float: left; display: block; font-size: 120%; width: 33.3%; cursor: pointer; background-repeat: no-repeat; background-size: contain; }

footer h1, footer h2, footer h3, footer h4 { color: #606060; }
footer { margin:0; line-height:30px; font-size:90%; padding:1%; background: /*rgba(255,255,255,0.6)*/#606060; color:#fff; text-align: center; }
footer a { color:#fff; font-size: 100%; text-decoration: underline; text-transform: none; }
footer p .orgpunkt {}
footer p .orgpunkt:after { content: " | "; }
footer p .orgpunkt:last-child { margin-right: 0px; }
footer p .orgpunkt:last-child:after { content: ""; }


.highlight_section { background: /*rgba(255,255,255,0.4)*/ #eee; }
.fifty { float: left; width: 50%; }

.home .clearfloat.subfloat { display: none; }

.instagram, .instagram img, .facebook, .facebook img  { width: 35px; outline: none; }
.facebook { margin-right: 0.5%; }

@media screen and (max-width:1270px)	{
	.container, .content { width:100%; }
	header .container { padding: 0 3%; }
	.home .bg-holder .content { width: 650px;  text-align: center; }
	.content { padding: 30px 1% 50px 1%; }
	nav ul.menu { display:block; }
	ul.menu li:last-child ul.sub { right:0px; }
	.bg-holder .content h1 { font-size: 180%; }
	.kasten_wrapper.sechs .kasten { width: 19%; }
	/*nav { float: left; }*/
}

@media screen and (max-width:1075px)	{
	.bg-holder.unterpunkt { height: 40%; }
	.bg-holder .content { top: 50%; }
	.kasten_wrapper.sechs .kasten { width: 24%; }
	.kasten .title { font-size: 100%; }
}
@media screen and (max-width:1000px)	{
	nav { width: calc(96.75% - 10px); margin-left: calc(3.25% - 10px); float: left;}
	.menu li a { text-align: left; }
	.sub { margin-left: 10px; right: initial; left: 0px; }
}

@media screen and (max-width:890px)	{
	.home_kasten .text h4 { font-size: 100%; margin: 0; }
	.kasten .title { padding: 30% 5% 5% 5%; }
}

@media screen and (max-width:830px)	{
	.bg-holder .down { bottom: 0px; width: 30px; height: 30px; background-image: url('../img/down.png'); background-size: contain; left:50%; margin:0 0 0 -15px; }
	.kasten_wrapper.sechs .kasten { width: 32.33%; }
	.kasten .title { font-size: 90%;  }
	.kasten_wrapper.drei .kasten { width: 48%; }
	.kasten .text { font-size: 100%; }
}

@media screen and (max-width:672px)	{
	.home .bg-holder .content { width:100%; }
	.top_link { font-size:110%; width:33%; margin:0; }
	.bg-holder .content h1 { font-size: 130%; }
	.kasten { width: 48%; }
	.fifty { width: 100%; }
	.projekt_steuerung a { font-size: 100%; width: 40%; }
	.projekt_steuerung a.prev, .projekt_steuerung a.next { width: 32px; height: 32px; }
	.projekt_steuerung a.overview { width: calc(100% - 70px); }
	.projekt_steuerung a span { display: none;}
	.kasten .text span { margin-bottom: -10px; }
}

@media screen and (max-width:640px)	{
	.home .bg-holder .content { width: 100%; }
	.bg-holder .content { width: 80%; }
	.kasten_wrapper.drei.aktuelles .kasten { width: 100%; }
}

@media screen and (max-width:580px)	{
	.top_link { font-size:90%; line-height:25px; }
	.bg_holder .content h1 { font-size: 130%; }
}

@media screen and (max-width:501px)	{
	.sub { margin-top: 28px; }
	main { margin-top: 120px; }
}

@media screen and (max-width:550px)	{
	a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { text-decoration:underline; }
	.footer_kachel, footer .adresse, footer .adresse div { width:100%; float:none; }
	.orgmenu { border-top:1px solid #fff; margin:20px 0 0 0; }
}

@media screen and (max-width:450px)	{
	.top_link { font-size:80%; }
	.kasten_wrapper.sechs .kasten { width: 49%; }
	.top_link { font-size:90%; width:100%; margin-bottom:10px; float:none; }
	.home .bg-holder .content { top:25%; }
	.logo { width: 93%; margin-right: 3.25%; margin-bottom: 2%; }
	#neuigkeiten .home_kasten_wrapper .home_kasten { width: 100%; margin: 0 0 5% 0; }
	.kasten_wrapper.drei .kasten { width: 100%; margin: 0 0 5% 0; }
}

@media screen and (max-width:339px)	{
	main { margin-top: 140px; }
}

@media screen and (-webkit-min-device-pixel-ratio: 2)	{
	/*.bg-holder { background-attachment:initial; }*/
}