/*
Theme Name: R�mer AG
Description: Template for Roemer AG
Author: tt
Author URI: http://www.servish.ch
*/

/*---- general styles ----*/
*{margin:0; padding:0;font-family:'Source Sans Pro';font-weight:400;}
a{text-decoration:none;color:rgb(95,95,95);}
a:hover{text-decoration:underline;}
li{list-style-type: none;}
#wrapper{width:100%; margin:0 auto;}
.clearfix{clear:both;}

/*---- colors ----*/
.gray-bg{background-color:rgb(156, 156, 156);}
.yellow-bg{background-color:rgb(255,228,12);}
.yellow{color:rgb(255,228,12);}


/*---- Header ----*/
header{
	position:relative;
	width:100%;
	height:60px;
	z-index:9999;
}
#header-wrapper{
	width:100%;
	margin:0 auto;
}


/*---- roemer logo ----*/
#logo-cont{
	float:left;
	height:60px;
	width:100%;
}
#logo{
	width:50px; height:31px;
}
#logo img{
	width:223px;
}
#logo-text{
	margin:0px 0 0 18px;
	font-size:9px;
	color:white;
}


/*---- main navigation ----*/
#show-menu{
	position:absolute;
	right:0; top:0;
	z-index:0;
	width:60px; height:60px;
	cursor:pointer;
}

.show-menu-gray{background-image:url("pics/svgs/menu-nav.svg");}
.show-menu-yellow{background-image:url("pics/svgs/menu-nav-active.svg");}

nav {
	display:none;
	float:left;
	width:100%;
	background-color:rgb(240,240,240);
	font-size:14px;

}
nav a{text-decoration:none !important;font-weight:600 !important;}

/* main navigation */
nav div>ul>li{
	display:block;
    padding: 30px;
	border-bottom:1px solid rgb(220,220,220);
	cursor:pointer;
}

.arrow-down{
	background-image:url('pics/svgs/arrow-down.svg');
	background-repeat:no-repeat;
	background-size:10px 5px;
	background-position:right 25px top 40px;
}


/* subnavigation */
nav li ul{display:none; margin:30px -30px 0 -30px;border-top:1px solid white;}
nav li ul li:first-child{margin:40px 30px 0 30px;}
nav li ul li{margin:20px 30px;}
nav li ul a{font-weight:400 !important; display:block;}
nav li ul li a:hover{text-decoration:underline !important;}


nav div>ul>li:hover{
	background-color: rgb(255,228,12);}


/*---- secondary navigation ----*/
.sec-nav{display:none;}


/*---- homepage ----*/
.nivo-caption{display:none !important;}


.main-buttons-wrapper{display:none;}
.main-mobile{}

.main-mobile h1{margin-bottom:10px; font-size:12px; font-weight:600;}

.main-mobile-menu{height:40px; font-size:13px;}
.main-mobile-menu li{
	display:block;
	float:left;
	width:32%;
	text-align:center;
	padding:15px 0;
	background-color:rgb(127,127,127);
}
.main-mobile-menu li:last-child{float:right;margin-left:2%;}
.main-mobile-menu li:first-child{margin-right:2%;}

.main-mobile-menu li a{color:white;}

.main-content-active {background-color:white !important;}
.main-content-active a{color:rgb(127,127,127) !important; font-weight:600 !important;}



.main-mobile-content{
	width:75%;
	margin:37px auto;
	color: rgb(127,127,127);
	font-size:13px;
}
.openings ul{
	display:inline;
	list-style:none;
}
.openings ul li:first-child{float:left;clear:both;}
.openings ul li:last-child{float:right;}

.more{color:rgb(127,127,127) !important; margin-top:15px; font-size:13px;}

/*---- Footer ----*/
footer{
	margin-top:22px;
	font-size:13px;
	font-family:'Source Sans Pro';
	background-color:rgb(240,240,240);
	padding-bottom:20px;
}

#footer-wrap{display:none;}

#footer-mobile{
	border-top:7px solid rgb(255,228,12);
	text-align:center;
}
.mobile-footer-menu{margin:20px auto 0 auto;}
.mobile-footer-menu a{color:rgb(127,127,127) !important;}

.mobile-footer-menu li{
	display:inline;
	margin-left:3px;
	text-align:center;
}
.mobile-footer-menu li:not(:last-child):after{
	content:"  |";
}

.footer-copyright{
	margin:0 auto;
	width:100%;
	text-align:center;
	font-size:10px;
	margin-top:30px;
	color:rgb(127,127,127) !important;
}

/*

/*--- Main Content ---*/

.content-header-image{position:relative;width:100%;	}
.content-header-image img{width:100%;}

.content-title{
	position:absolute;
	top:-60px; left:0;
	font-weight:300;
	font-size:25px; color:rgb(95,95,95);
	background-color:rgb(255,228,12); padding:7px 14px;
}
.content-nav{
	display:none;
	/*position:absolute;
	top:-28px; left:0px;
	font-size:13px;
	color:rgb(95,95,95);
	border:1px dashed red;*/
}
/*
.content-nav li.current_page_item{background-color:#FAFAFA !important;}

.content-nav li{
	display:inline; float:left;
	height:20px;
	background-color:rgb(190,190,190);
	margin-right:10px;
	padding:4px 17px 4px 17px;
}*/

.content-wrapper{
	position:relative;
	width:80%;
	margin:-30px auto 0 auto;
	padding:40px 5%;
	background-color:#FAFAFA;
	color:rgb(95,95,95);
	font-size:16px;
	line-height:24px;
}

.content-full-width{width:100%;}
.content-left{width:100%;}
.content-left p, .content-full-width p{margin:48px 0;}


.content-right{
	width:100%;
	margin:0 0 0 0px;
	margin-top:0px;
}
.content-left img, .content-right img, .content-full-width img{width:100% !important;}
/*--- //Main Content ---*/

/*--- Team Page ---*/
.team-gruppe{font-size:20px;margin-bottom:30px;}
.white-border{height:30px; background-color:white;margin:10px -37px 50px -37px;}
/*--- //Team Page ---*/
#fotos-copyright{
	float:right;
	color:rgb(120,120,120);
	margin:-30px 0 0 20px;
	font-size:12px;
}

/*--- 404 not found ---*/
#not-found{
	width:880px;
	margin:0 auto;
	padding:40px;
}
/*--- //404 not found ---*/