/*
Theme Name: Raycon 2015
Author: FUNCKGROUP - Benedict von Funck
Author URI: http://www.funckgroup.com
Description: Raycon Theme 2015
Version: 1.4.0.3

Text Domain: blankslate

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

* {margin: 0;padding: 0;}



/*html, body {height: 100%; width:100%;}*/




.componentheading{display:none;}


img{ border:none;}

a{ text-decoration:none; color:#96989a;}

a:hover{text-decoration:none;color:#141215;}



body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#96989a; background-color:#FFF; line-height: 1.5;}



.clear{clear:both;}




.body{text-align: left; background-color:#fff;}

#content{/*position:relative;*/}

#wrapper{ margin:0 auto; max-width: 1006px; /*height:656px;*/ position:relative;}
p{padding-bottom:15px;}
b, strong{font-weight:bold;}
ul{margin-bottom:15px;}
.bgimage{height:507px; width:1006px; background-color:#fff;/* background:url(../design/bg_image.png) no-repeat 0 0;*/ top:135px; position:absolute; }

.claim{background:url(img/claim.png) no-repeat; width: 220px; height:20px; float:left;margin: 40px 0 0 10px;}


.logo{width:128px; height:135px; float:right; background: url(img/logo.png) no-repeat;}
#branding{overflow:hidden;}



.contentBox{width:calc( 50% - 10px); height:482px;/* background:url(../design/contentbox.png) repeat;*/ /*position:absolute; top:0; right:0px; */ float:left; overflow:auto; box-shadow:-2px 2px 15px 0px rgba(0,0,0,0.6); padding:35px 10px 35px 24px; box-sizing:border-box;}

#jflanguageselection{float:right;}

.contentBox #page{/*padding: 15px 10px 17px 10px;*/ height:auto; /*text-align:justify;*/}

.contentBox a{color: #96989a; text-decoration:underline;}

.contentBox a:hover{color:#141215;}

.contentBox ul{list-style-image:url(img/list.gif);list-style-position:outside;/*list-style-type:square*/;padding-left:20px;}

.contentBox table td {font-size:12px;}



.contentBox .contentNavi{text-align:left;color: #96989a;}



.menuBox{width:860px; height:25px; position:absolute; top:103px; z-index:21; left:3px;}

.menuBox .menu{ list-style:none;}

.menuBox .menu li { float: left; padding:0 10px 0 10px;}

.menuBox .menu a {color:#96989a;}

.menuBox .menu a:hover,.menuBox .menu #current a{color:#141215;}

.menuBox .menu .parent.active a{color:#141215;}





.menuBox .menu li ul{display:none; }

.menuBox .menu li ul li{float: left;}

.menuBox .menu li:hover ul{display:block; list-style:none; bottom:0px; padding: 0px 0 15px 0; margin-left:-10px; position:absolute; top:15px;}

.menuBox .menu li:hover ul li{ text-align:left; width: /*134px*/ auto; padding:4px 12px;}

.menuBox .menu #current ul li a{color:#96989a;}

.menuBox .menu #current ul li a:hover{color:#141215;}
/*NEU*/
.menuBox .menu li.parent.active {background:red; color:#141215;}
.menuBox .menu li.parent.active ul{display:block; list-style:none; bottom:0px; padding: 0px 0 15px 0; margin-left:-10px; position:absolute; top:15px; }
.menuBox .menu li.parent.active ul li{padding:4px 12px;}
/*NEU ENDE*/






.footer{color:#96989a; height:20px; position:absolute; top:622px; width:993px;font-size:12px;}

.footer a{font-size:12px;color:#96989a;}

.footer a:hover, #footer .active a{color:#141215; font-weight:normal;}

.sprachen ul{ list-style:none; float:right; margin-right:5px;}

.sprachen li {display:inline; margin-right:10px;}

.footer .moduletable{}

.footer .copyright{float:right; width:auto; padding-right:0px;}



/*.khdConentLink{color: #6b7d88;}*/



.contentBox .Konatakt{ margin:140px 0 0 90px; height:100px;}



.menuBox .menu li.parent.item19:hover ul{display:block;position: absolute; list-style:none; bottom:18px; padding: 16px 0 15px 0; background:url(img/subnavi.png) repeat; right:18px;}

.menuBox .menu li.parent.item19:hover ul li{ text-align:right; width: /*134px*/ auto; padding:4px 12px;}

.teamnavi{position:absolute; z-index:10; top:29px; left:25px;}
.teamnavi .teamhead{font-weight:bold;left:10px;position:absolute;}
.teamnavi .moduletableteamnavi{margin-top:5px;}
.teamnavi > ul > li:first-child > a{font-weight:bold; color:inherit;}

.contentImage{position:relative; width:calc( 50% - 10px ); float:left; height:482px;  z-index:0; box-shadow: -2px 2px 15px 0px rgba(0,0,0,0.6); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; margin-right:20px;}

.contentheading{font-size:12px; font-weight:bold; margin-bottom:15px;}

.xlinks{float:left; width:120px;margin: 0 0 0 6px;}
.xlinks ul{list-style-type:none;}
.xlinks ul li{display:inline;}
.xlinks ul li a img{opacity:0.8}
.xlinks ul li a:hover img{filter:brightness(100%); -webkit-filter:brightness(100%);}

.imagex{float:left; width:150px; margin-right:20px;}
.imagex a img, .imagex a:hover img, .nounder{border:none;text-decoration:none !important;}

#header{height:148px;}
	#menu{margin-top:-45px;}
#menu div > ul > li  {display:inline; padding:0 10px; position:relative;}
#menu div > ul .sub-menu{display:none; position:absolute; top:100%; left:10px; padding: 2px 0 10px;}
#menu div > ul > li:hover > .sub-menu{	display:block}
.current_page_ancestor > a, .current_page_parent > a, .current_page_item > a{color: #141215;}
.current_page_parent .sub-menu, .current_page_ancestor .sub-menu{display:block !important;}
#container{margin-bottom:30px;}
#content{margin: 0 15px 0 10px;}
.menu-btn{display:none; cursor:pointer;}
.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}

.menu-btn span {
	display: block;
	width: 30px;
	height: 4px;
	margin: 5px 0;
	background: rgb(0,0,0);
	z-index: 99;
}



.expand {
	display: block !important; 
}
.open-menu-link{
 display: none;
 position: absolute;
 right: 15px;
 top:0;
  line-height: 21px;
    font-size: 30px;
 cursor: pointer;
}
.video{float:left;} 
.video-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 437px;
  margin: 20px auto;
}
@media only screen and (min-width: 220px) and (max-width: 415px) {
.contentImage{height:340px;}
}
@media only screen and (min-width: 415px) and (max-width: 480px) {
.contentImage{height:440px;}
}
@media only screen and (min-width: 480px) and (max-width: 570px) {
.contentImage{height:482px;}
}

@media only screen and (min-width: 570px) and (max-width: 760px) {
.contentImage{height:650px;}
}

@media only screen and (max-width: 760px) {

body{font-size:14px;}



.contentBox{padding:7px 0px; margin: 0 5px 30px; float:none; width: calc( 100% - 10px ); height: auto; box-shadow:none;}
.contentImage{float:none; margin: 0 5px 30px; /*width:100%; height: auto;*/ width: calc( 100% - 10px ); box-shadow:none; }
.contentImage img{width:100%; height: auto;}

}

@media only screen and (max-width: 960px) {
.claim {
        margin: 10px 0 0 5px;
}
.logo{width:95px; background-size:contain;}
#menu {
    margin-top: -35px;
}
#container{margin-top:130px;}
.menu-btn{display:block; position:absolute; top:45px; left:5px;}
.responsive-menu{
	display: none;
	background: #fff;
    border-bottom: 1px solid #999;
	position:relative; 
	z-index:5000;
}
#menu div > ul > li {
    display: block;
    padding: 7px 15px;
	background:#fff;
}
#content {margin:0;}


#menu div > ul > li:hover > .sub-menu{	display:none;}
#menu div > ul .sub-menu{
 display: none;
 position:static;
  padding: 7px 15px;
	background:#fff;
	    margin-bottom: 0px;
    padding-bottom: 0px;
}
 
.visible {
 display: block !important;
}
#header {
    height: 110px;
	position:fixed;
	top: 0;
    width: 100%;
	background:#fff;
	z-index:400
}
}

.sprachen .menu {display:block; margin-right: 10px;}
@media (min-width: 992px){
	/*.sprachen .menu{display:none;}*/
}

.contentFullWidth { width: calc( 100% - 2px) !important; height: 100% important; }