/*
	
Theme Name: Neimeier
Theme URI: http://ibl.ch
Description: based on the Starkers Theme.
Version: 1.0
Author: Andris Linz @ ibl und partner ag
Author URI: http://ibl.ch


COLORS

dunkel-türkis: #8ebbb4
hell-türkis: #d6ebe8

grau: #6a6d6e

*/


/* ------------------------- 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: 'futura-pt', Arial, sans-serif; color:#8ebbb4; }

body.home {background:url(images/bg-left.png) left 800px no-repeat, url(images/bg-right.png) right 1250px no-repeat;}

/* BUTTON */


.button {padding:0 13px !important; background:transparent !important; text-transform:uppercase !important; font-size:14px !important; border:none !important; font-weight:normal !important;}

.button span {color:#6a6d6e !important;}

.button:hover {cursor:pointer !important;}

.button:hover span {color:#8ebbb4 !important;}


.button-weiss {padding:10px 20px !important; background:transparent !important; text-transform:uppercase !important; font-size:14px !important; border:#fff 2px solid !important; font-weight:normal !important;}

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

.button-weiss:hover {cursor:pointer !important; background:#fff !important; }

.button-weiss:hover span {color:#8ebbb4 !important;}


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


h1	{font-size:42px; font-weight:500; line-height:52px; margin:0 0 26px 0;}

h2 	{font-size:24px; font-weight:500; line-height:32px; margin:0 0 26px 0; text-transform:uppercase;}

h3 	{font-size:22px; font-weight:500; line-height:30px; margin:0 0 20px 0; color:#8ebbb4 !important; text-transform:uppercase; letter-spacing:.06em;}

h4 	{font-size:18px; line-height:28px; font-weight:500; margin:0 0 13px 0;}

h5 	{font-size:18px; font-weight:300; line-height:28px; margin:0 0 26px 0;}

h6 	{font-size:16px; font-weight:500; line-height:22px; margin:0 0 26px 0;}

p 	{font-size:18px; line-height:28px; font-weight:300; margin:0 0 13px 0;}

.p-schwarz p {color:#6a6d6e;}

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

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

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

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

ul li {padding:0 0 0 5px; margin:0 0 5px 0; font-weight:300;}

.sow-accordion ul {line-height:20px;}

.sow-accordion ul li {list-style: square outside url("images/bullet.png"); }

/*.sow-accordion ul li:before {content:"–"; padding:0 0 0 0;}*/

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


header {width:100%; background:#fff;}

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


/* LOGO AREA */


#logo-area {float:left; width:300px; }

#logo-area img {height:50px; width:auto;}

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


/* MENU AREA */


#menu-area {height:50px; text-align:right; width:724px; float:right; padding:20px 0;}

nav {background:#d6ebe8 !important;}

nav ul li a {text-transform:uppercase !important;}

/* TOP MENU AREA */


#top-menu-area {width:100%; height:auto; padding:0; background:#a5915d;}

#top-menu-area .inner {width:1024px; margin:0 auto;}

 
#icl_lang_sel_widget-2 {float:left;}

.wpml-ls-legacy-list-horizontal {padding:0 !important;}

#nav_menu-2 {float:right;}

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


#ubermenu-main-2 li {display:inline-block; line-height:50px; position:relative; font-weight:500;}

#ubermenu-main-2 li a {text-transform:uppercase; color:rgba(29,29,27,0.4); font-size:14px; transition: all ease 0.3s;}

#ubermenu-main-2 li a:hover, #ubermenu-main-2 li.ubermenu-current-menu-item a, #ubermenu-main-2 li.ubermenu-current-menu-ancestor a  {color:#fff; transition: all ease 0.3s; background:#8ebbb4;}
																			  
#ubermenu-main-2 .ubermenu-submenu {transition:all ease 0.3s; background:#fff !important;}

#ubermenu-main-2 .ubermenu-submenu li {font-weight:500;}

#ubermenu-main-2 li:hover a {background:#8ebbb4; color:#fff;}

#ubermenu-main-2 .ubermenu-submenu li a, #ubermenu-main-2 li:hover .ubermenu-submenu li a {color:rgba(29,29,27,0.4); background:#fff;}


#ubermenu-main-2 .ubermenu-submenu li {display:block;}

#ubermenu-main-2 .ubermenu-submenu li a:hover, #ubermenu-main-2 .ubermenu-submenu li.ubermenu-current-menu-item a {color:#8ebbb4;}

#ubermenu-main-2 li .ubermenu-submenu li a:hover {background:#8ebbb4; color:#fff;}

#ubermenu-main-2 li.ubermenu-current-menu-ancestor .ubermenu-submenu li.ubermenu-current-menu-item a:hover {background:#8ebbb4; color:#fff;}





#ubermenu-main-2 li.ubermenu-current-menu-ancestor .ubermenu-submenu li.ubermenu-current-menu-item a {color:rgba(29,29,27,0.4);}

/* Top-menu-balken */

#menu-top-navigation {padding:2px 0 0 0;}

#menu-top-navigation li {display:inline-block; float:left;}

#menu-top-navigation li a {font-size:12px; font-weight:500; color:#c8cacd; padding:0 5px;}

#menu-top-navigation li a:hover, #menu-top-navigation li.current-menu-item a {color:#fff;}


.wpml-ls-sidebars-sprachwahl li a {font-size:12px;}

.wpml-ls-legacy-list-horizontal a {padding:5px !important;}


/* MOBILE MENU */

#mobile-toggle {display:none;}

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

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


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

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

#overlay-menu #menu-mobile li a:hover {color:#8ebbb4;}

#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:#8ebbb4; -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;}

#overlay-menu #menu-mobile li.wpml-ls-item {display:inline-block;}




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


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

#main.ohneSlider {padding:60px 0;}

#main.fullwidth {width:100%;}

.sow-slider-pagination {text-align:center !important;}

.sow-accordion ul li {font-size:18px;}


/* ------------------------- HOME ------------------------- */

.zeile {width:100%;}

.zelleLinks {width:calc(25% - 26px); margin:0 26px 0 0; float:left;}

.zelleMitte {width:50%; float:left;}

.zelleRechts {width:calc(25% - 26px); margin:0 0 0 26px; float:left;}

.textBox {padding:26px;}

/*.so-widget-sow-image img {max-width:100%; height:auto;}*/

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

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

textarea {border:#222 2px 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:#222; width:calc(100% - 20px);}

label {color:#222; 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:#222; background:#fff; border:#222 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:#222; color:#fff; border:#222 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;}


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

.slider h1 {font-size:24px; line-height:31px; font-weight:400; text-transform:uppercase;}

.slider h2 {font-size:24px; line-height:31px; font-weight:600; text-transform:uppercase;}


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

.panel {margin:0 0 5px 0;}

.panel_titel {display:block; background:#efefef; padding:10px; color:#329bfd; font-weight:700; text-transform:uppercase;}

.panel_titel:hover {cursor:pointer; color:#efefef; background:#329bfd;}

.panel_titel.current {color:#efefef; background:#329bfd;}

.panel_inhalt {padding:10px;}

.panel_inhalt img {width:calc(100% - 20px); height:auto;}

.sow-accordion-panel-content a {color:#6a6d6e; text-decoration:underline;}

.sow-accordion-panel-content a:hover {color:#8ebbb4;}


/* ------------------------- AKTUELL ------------------------- */


.aktuell-container {overflow:hidden;}

.aktuell {width:100%; border-bottom:#222 1px solid; margin:0 0 30px 0; padding:0 0 30px 0;}

.aktuell-bild {width:calc(50% - 15px); margin:0 15px 0 0; float:left;}

.aktuell-bild img {width:100%; height:auto;}

.aktuell-titel {width:calc(50% - 15px); margin:0 0 0 15px; float:left;}

h1.tp-caption {font-size:38px !important; font-weight:700 !important; line-height:44px !important; }


/* ------------------------- GALLERY ------------------------- */


.gallery .gallery-caption {display:none;}

.gallery dt {float:left; margin:0 10px 10px 0;}


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



footer {background:#8ebbb4; min-height:300px; padding:30px 0; color:#fff; width:100%;}

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

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

.widget-container {}

footer h3 {/*font-size:18px; font-weight:400; line-height:26px; margin:0 0 26px 0;*/ color:rgba(255,255,255,1) !important;}

footer p {font-size:18px;}

footer ul li {font-size:14px;}

footer a {color:#fff;}


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


@media screen and (max-width: 1023px) { 
	
	body {background-image:none; }
	
	header .inner {width:calc(100% - 80px); margin:0 40px;}
	
	#main {width:calc(100% - 80px); padding:0 40px; margin:0 auto; min-height:1000px;}
	
	footer .inner {width:calc(100% - 80px);}
	
	#ubermenu-main-2 {height:auto;}
	
	#menu-area {width:200px;}
	
	/*.ubermenu-responsive-toggle {height:50px !important; line-height:50px !important; }*/
	
	h1.tp-caption {font-size:24px !important; font-weight:700 !important; line-height:32px !important; }


	#menu-area {display:none;}
	
	header {height:40px;}
	
	#mobile-toggle {display:block; float:right; line-height:50px; height:40px;}
	
	#mobile-toggle:hover {cursor:pointer;}
	
	#mobile-toggle img {height:20px; width:auto; }
	
	#ubermenu-nav-top-3 {display:none;}

	.sub-menu-balken, #top-menu-area {display:none !important;}
	
	#logo-area img {height:50px; width:auto;}
	
	.navigation {display:none !important;}

	

}


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


@media screen and (max-width: 687px) { 
	
	
	
	header .inner {width:calc(100% - 40px); margin:0 auto;}
	
	#logo-area {width:170px;}
	
	#logo-area img {height:34px; width:auto;}
	
	#menu-area {width:calc(100% - 170px); margin:0 auto; padding:0;}
	
	.ubermenu-responsive-toggle {height:34px !important; line-height:34px !important; font-size:14px; padding:20px !important;}
	
	#ubermenu-main-2 {height:auto; margin:16px 0;}
	
	#ubermenu-main-2 li {display:block; line-height:50px;}
		
	#main {width:calc(100% - 40px); padding:0 20px; margin:0 auto; min-height:1000px;}
	
	h1 {font-size:28px; font-weight:700; line-height:36px; margin:0 0 30px 0; hyphens:auto;}
	
	h2 {font-size:22px; font-weight:400; line-height:24px; margin:0 0 30px 0;}
	
	h3 {font-size:18px; font-weight:400; line-height:22px; margin:0 0 24px 0;}

	h4 {font-size:16px; font-weight:400; line-height:20px; margin:0 0 24px 0; text-transform:uppercase;}

	p {font-size:14px; line-height:22px; margin:0 0 22px 0; letter-spacing:.06em;}
		
	footer .inner {width:calc(100% - 40px); margin:0 auto;}
	
	.aktuell-bild {width:100%; clear:both; margin:0 0 30px 0;}
	
	.aktuell-titel {width:100%; clear:both;}
	
	h1.tp-caption {font-size:18px !important; font-weight:700 !important; line-height:24px !important; }

			
}