/*
	
Theme Name: Rundum Expo
Theme URI: http://webgearing.com
Description: based on the Starkers Theme.
Version: 1.0
Author: Andris Linz @ webgearing ag
Author URI: http://webgearing.com

*/

/* COLORS 
	
	blau: 		#0072a4
	schwarz:	#1d1d1b
	
*/




/* ------------------------- RESET ------------------------- */


body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img, fieldset { margin:0; padding:0; border:0; }

ul, li, ol { list-style:none; }

:focus { outline:none; }


/* ------------------------- UTILITIES ------------------------- */


.clear { clear:both; height:0;}

.floatLeft { float:left; }

.floatRight { float:right; }


/* ------------------------- MAIN-STYLES ------------------------- */


body {font-family: 'Montserrat', Helvetica, Arial, sans-serif; letter-spacing:.08em;  color:#333; background:#fff;}


/* BUTTON */


.button {padding:22px auto 22px auto!important; background:#1d1d1b !important; text-transform:uppercase !important; font-size:14px !important; border:#1d1d1b 2px solid !important; font-weight:700 !important; display:inline-block; border-radius:0 !important; line-height:14px !important; }

.button span, .button {color:#fff !important; hyphens:auto;}

.button:hover {cursor:pointer !important; background:transparent !important; border:#1d1d1b 2px solid !important; color:#1d1d1b !important;}

.button:hover span, .button:hover {color:#1d1d1b !important;}


/* BUTTON Highlight */

.button-highlight {padding:22px auto 22px auto!important; background:#0072a4 !important; text-transform:uppercase !important; font-size:14px !important; border:#0072a4 2px solid !important; font-weight:700 !important; display:inline-block; border-radius:0 !important; line-height:14px !important; }

.button-highlight span, .button {color:#fff !important; hyphens:auto;}

.button-highlight:hover {cursor:pointer !important; background:transparent !important; border:#0072a4 2px solid !important; color:#0072a4 !important;}

.button-highlight:hover span, .button-highlight:hover {color:#0072a4 !important;}



.button-weiss {padding:22px auto 22px auto!important; background:#fff !important; text-transform:uppercase !important; font-size:14px !important; border:#fff 2px solid !important; font-weight:700 !important; display:inline-block; border-radius:0 !important; line-height:14px !important; }

.button-weiss span, .button-weiss {color:#0072a4 !important; hyphens:auto;}

.button-weiss:hover {cursor:pointer !important; background:transparent !important; border:#fff 2px solid !important; color:#fff !important;}

.button-weiss:hover span, .button-weiss:hover {color:#fff !important;}



/* ------------------------- TYPO ------------------------- */


h1	{font-size:45px; font-weight:400; line-height:55px; margin:0 0 30px 0; font-family: 'Hind', Helvetica, Arial, sans-serif; }

h1:before {
  content: "";
  position: relative;
  width: 10%;
  height: 3px;
  top:65px;
  left: 45%;
  background-color: #0072a4;
  display:block;
}


h2 	{font-size:35px; font-weight:700; line-height:45px; margin:0 0 30px 0; font-family: 'Hind', Helvetica, Arial, sans-serif;}

h3 	{font-size:26px; font-weight:700; line-height:36px; margin:0 0 30px 0; font-family: 'Hind', Helvetica, Arial, sans-serif;}

h4 	{font-size:20px; font-weight:700; line-height:30px; margin:0 0 10px 0; font-family: 'Hind', Helvetica, Arial, sans-serif;}

p 	{font-size:16px; line-height:22px; font-weight:400; margin:0 0 30px 0; }

p strong {font-weight:700;}

a 	{text-decoration:none; color:#0072a4; transition: all ease 0.3s;}

a:hover {text-decoration:none; color:#7e7e7e; transition: all ease 0.3s;}

/*hr {border:none; border-bottom:#0072a4 1px solid; height:1px; background:transparent; margin:0 0 13px 0; width:33%; min-width:150px;}*/

ul {margin:0 0 15px 15px;}

ul li {list-style:square; padding:0 0 0 5px; margin:0 0 5px 0; font-size:14px; }


/* Separator */


.separator {text-align:center; margin:90px 0;}

.separator h2 {color:#0072a4;}

.separator h2:before {
  content: "";
  position: relative;
  width: 10%;
  height: 3px;
  top:65px;
  left: 45%;
  background-color: #333;
  display:block;
}


/* ------------------------- HEADER ------------------------- */


header {width:calc(100% - 52px); padding:0 26px; background:#fff; border-bottom:#1d1d1b 1px solid;}

header .inner {width:1024px; margin: 0 auto;}


/* LOGO AREA */


#logo-area {float:left; width:auto;}

#logo-area img {height:60px; width:auto; border-radius:0;}

#logo-area .widget-container {margin:0; padding:30px 0;}


/* MENU AREA */


#menu-area {height:117px; width:auto; float:right; text-align:left; padding:0;}

/* TOPHEADER AREA */

#topheader-area {
	background:#0072a4;
	color:#fff;
	padding:15px;
}

#topheader-area p {
	margin:0;
	font-size:14px;
}

#topheader-area p a {color:#fff;}



/* ------------------------- NAVIGATION ------------------------- */


#nav_menu-2 {height:120px; position:relative; }

#nav_menu-2 .menu {height:120px;}

#nav_menu-2 li {display:inline-block; line-height:120px; position:relative;}

#nav_menu-2 li a {color:#919191; font-size:12px; transition: all ease 0.3s; padding:0 0 0 26px; font-weight:400; text-transform:uppercase;}

#nav_menu-2 li.menu-item-has-children a {padding:0 13px 0 26px; margin:0 13px 0 0;}

#nav_menu-2 li a:hover {color:#0072a4; transition: all ease 0.3s;}

#nav_menu-2 li.current-menu-item a, #nav_menu-2 li.current-menu-ancestor > a {color:#0072a4; transition: all ease 0.3s;}

#nav_menu-2 li.menu-item-has-children a:after {position:absolute; right:0; top:55px; content: "\f107"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; color:#0072a4; }

#nav_menu-2 .sub-menu {display:none; transition: all ease 0.3s; background:#0072a4; box-shadow:3px 3px 3px 0px rgba(0,0,0,0.16);}

#nav_menu-2 li.menu-item-has-children:hover .sub-menu {display:block; transition: all ease 0.3s; position:absolute; top:120px; width:auto; z-index:999; padding:26px 0;}

#nav_menu-2 li.menu-item-has-children:hover .sub-menu li {display:block; line-height:30px; width:auto; min-width:300px; text-align:left;}

#nav_menu-2 li.menu-item-has-children:hover .sub-menu li a {color:#fff; display:block;}

#nav_menu-2 li.menu-item-has-children:hover .sub-menu li.current-menu-item a, #nav_menu-2 li.menu-item-has-children:hover .sub-menu li a:hover {font-weight:900;}

#nav_menu-2 li.menu-item-has-children#menu-item-147 .sub-menu li.current-menu-item a {font-weight:400;}

#nav_menu-2 li.menu-item-has-children#menu-item-147 .sub-menu li.current-menu-item a:hover {font-weight:900;}

#nav_menu-2 li.menu-item-has-children .sub-menu li a:after {content: "";}








#mobile-toggle {display:none;}

#mobile-close {float:right; line-height:104px;}

#mobile-toggle img, #mobile-close img {border-radius:0;}

#overlay-menu {position:fixed; top:0; left:0; bottom:0; right:0; background:#fff; display:none; z-index:999999; overflow:scroll; padding:0 26px;}


#overlay-menu #menu-mobile {margin:0;}

#overlay-menu #menu-mobile li {list-style:none;}

#overlay-menu #menu-mobile li a {display:block; line-height:52px; border-bottom:rgba(0,0,0,0.2) 1px solid; color:#bfbfbf; width:100%; position:relative;}

#overlay-menu #menu-mobile li a:hover {color:#0072a4;}

#overlay-menu #menu-mobile li.menu-item-has-children a:after {position:absolute; right: 10px; top: 50%; margin-top: -6px; content: "\f107"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 900; line-height: 1; color:rgba(0,0,0,0.2); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

#overlay-menu #menu-mobile li.menu-item-has-children .sub-menu li a:after {content:"";}

#overlay-menu #menu-mobile li.menu-item-has-children .sub-menu {display:none;}

#overlay-menu #menu-mobile li.menu-item-has-children .sub-menu.active {display:block;}


/* ------------------------- MAIN ------------------------- */


#main {width:1240px; padding:0; margin:0 auto; min-height:600px;}

#main.ohne-slider {padding:60px 0;}

/* ------------------------- Home-Buttons ------------------------- */

#home-zeile {min-height:250px;}


/* Home Zeile Button */

#home-zeile .button {padding:22px auto 22px auto!important; background:#1d1d1b !important; text-transform:uppercase !important; font-size:14px !important; border:#1d1d1b 2px solid !important; font-weight:700 !important; display:inline-block; border-radius:0 !important; line-height:14px !important; }

#home-zeile .button span, #home-zeile .button {color:#fff !important; hyphens:auto;}

#home-zeile .button:hover {cursor:pointer !important; background:#fff !important; border:#fff 2px solid !important; color:#1d1d1b !important;}

#home-zeile .button:hover span, #home-zeile .button:hover {color:#1d1d1b !important;}

/* ------------------------- Teaserbox ------------------------- */

.teaserbox {background:#0072a4; color:#fff;}

.teaserbox .so-widget-sow-editor {padding:30px 30px 0 30px;}

.teaserbox .so-widget-sow-editor p {margin-bottom:0;}

.teaserbox .so-widget-sow-editor h3 a {color:#fff; hyphens:auto;}

.teaserbox .button-weiss {margin-bottom:30px;}


/* ------------------------- FORMULAR ------------------------- */

input[type="text"], input[type="email"] {padding:10px; line-height:18px; border:#333 1px solid; background:#fff; color:#333; margin:0 0 10px 0; width:calc(100% - 20px);}

textarea {border:#333 1px solid; padding:10px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; margin:0 0 10px 0; background:#fff; color:#333; width:calc(100% - 20px);}

label {color:#333; padding:0 5px; margin:0 0 10px 0; font-weight:400; display:block;}

input[type="button"] {font-family:"AkkuratRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; background:#fff; border:#333 1px solid; padding:10px 20px; font-size:12px; line-height:18px; text-transform:uppercase; letter-spacing:.08em; transition: all ease 0.3s;}

input[type="button"]:hover {background:#333; color:#fff; border:#333 1px solid; transition: all ease 0.3s; cursor:pointer;}

.nf-before-form-content {margin:0 0 20px 0;}

select { color:#329bfd; border:none; overflow: hidden; background: url(images/arrowdown.png) no-repeat right #efefef; width:calc(100% - 15px); padding:10px;}

.nf-error-msg {color:#329bfd !important; background:#efefef; padding:10px;}

.nf-form-title h3 {font-size:42px; font-weight:900; line-height:52px; margin:0 0 30px 0; text-transform:uppercase;}

.nf-form-fields-required {font-size:16px; line-height:22px; font-weight:300; margin:0 0 13px 0; letter-spacing:.06em;}

/* ------------------------- PAGE ------------------------- */

.so-widget-sow-image h3.widget-title {padding:26px 0 0 0; margin:0; font-size:16px; text-transform:uppercase;}

h3.widget-title, .footer-img h3.widget-title {font-size:28px; font-weight:400; line-height:38px; margin:0 0 30px 0; padding:0; text-transform:none;}

.rev_slider span {letter-spacing:.05em !important;}

.slider-text h1 {margin-bottom:30px;}

.slider-text p {margin-bottom:0;}


table {font-size:14px;}

table thead {background:#0072a4; color:#fff;}

table td {padding:10px; vertical-align:top;}


iframe {width:100%;}


/* ------------------------- ACCORDION ------------------------- */

.sow-accordion-panel-header {font-weight:700; font-size:15px !important;}

.sow-accordion-panel-open .sow-accordion-panel-header {
	background:#0072a4 !important;
	color:#fff !important;
}

.sow-accordion-title {
	text-align:center;
}




/* ------------------------- FOOTER ------------------------- */



footer {background:#1d1d1b; padding:30px 0; color:#fff; width:100%; }

footer .inner {width:1240px; margin:0 auto;}

#first-footer-widget-area {width:100%; margin:0;}

footer a {text-decoration:underline;}

footer a:hover {text-decoration:underline;}


/* ----- RESPONSIVE TABLET STYLES ----- */




@media screen and (max-width: 1240px){
	#menu-area {display:none;}
	
	/*header {height:90px;}*/
	
	#logo-area img {height:40px; width:auto;}
	
	#mobile-toggle {display:block; float:right; line-height:100px;}
	
	#mobile-toggle:hover {cursor:pointer;}
}


@media screen and (max-width: 1023px) { 
	
	header .inner {width:calc(100% - 80px); margin:0 40px;}
	
	#main {width:calc(100% - 80px); padding:0 40px 26px; margin:0 auto; min-height:500px;}
	
	footer .inner {width:calc(100% - 80px);}

	
	

	.portfolio-item {width:calc(50% - 29px); margin:26px 13px 0 13px; display:inline-block; position:relative; vertical-align:middle;}


}


/* ----- RESPONSIVE MOBILE STYLES ----- */


@media screen and (max-width: 687px) { 
		
	header .inner {width:calc(100% - 52px); margin:0 auto;}
	
	/*#logo-area {width:170px;}*/
	
	#logo-area img {height:40px; width:auto;}
	
	#menu-area {width:calc(100% - 170px); margin:0 auto; padding:0;}
		
	#main {width:calc(100% - 40px); padding:0 20px 26px; margin:0 auto; min-height:500px;}
	
	h1	{font-size:30px; font-weight:700; line-height:38x; margin:0 0 26px 0; hyphens:auto;}

	h2 	{font-size:26px; font-weight:700; line-height:32px; margin:0 0 26px 0; hyphens:auto;}
	
	h3 	{font-size:24px; font-weight:700; line-height:30px; margin:0 0 26px 0; hyphens:auto;}
	
	/* ------------------------- SLIDER ------------------------- */
	
	h3.slider-text {font-size:16px !important; text-transform:uppercase;}
	
	h4 	{font-size:20px; font-weight:700; line-height:28px; margin:0 0 26px 0; }
	
	h5 	{font-size:18px; font-weight:700; line-height:26px; margin:0 0 26px 0;}
	
	h6 	{font-size:18px; font-weight:400; line-height:26px; margin:0 0 26px 0;}
	
	p 	{font-size:16px; line-height:24px; font-weight:300; margin:0 0 13px 0; letter-spacing:.06em;}
		
	footer .inner {width:calc(100% - 40px); margin:0 auto;}
	
	.teaserbox {padding:30px;}			
}