/*
Theme Name: Kreativ One for Brandenstein
Theme URI: http://kreatic.dk/themeforest/kreativone
Author: Kreatic 
Version: 3.0
Description: Erweitert für Brandenstein durch Luca.
Author URI: http://kreatic.dk
*/
/* Importing fonts
=====================================*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700);
/* Reset
=====================================*/
* { margin: 0; padding: 0; }
a { outline: none; text-decoration: underline; }
img { border: none; }
/* Font styling 
=====================================*/

body { font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; }
h1, h2.replace { font-size: 30px; font-weight: 300; text-transform: uppercase; margin-bottom: -10px; line-height: normal;}
h1 a, h2.replace a {color: #98BE0F;text-decoration:none;}

.single .title_bottom, .archive .title_bottom {position:inherit;}
.single h2, .single h2 a {font-size: 24px;font-weight:inherit;}
.single h3, .single h3 a {font-size: 20px;font-weight:inherit;color:#98be0f;}
.single h3 a {text-decoration:underline;}

.archive .title_top, .tag .title_top {position: inherit;}
.archive #primary {max-width:500px;}
.archive h3, .services h3 {text-align: justify; margin-bottom:20px;}
.archive .page-title {margin-top: 50px;}
.category-blog .content, .archive .content {max-width: 500px;}
#content.category-blog, .archive #content {float: left;}
.archive #primary-sidebar {margin-top: 140px;}
.archive h2.replace {margin-bottom: 0px;}
.type-post .content, .archive .content {margin-top: 50px;}
.type-post h1, .archive h1 {margin-bottom: 0px;}
.type-post p, .archive p {padding-bottom: 10px;}

.content {margin-top:20px;}
.entry {margin-top:20px;}
.entry img {max-width:100%; height: auto;}
.leistungen .content_body .three_columns p, .services .content_body .three_columns p {text-align:center;}

.portfolio_right_column p {line-height: 19px;}
.portfolio_right_column h3 {margin-bottom: 0px;}
div.primary-sidebar>ul>li {margin-bottom:20px;}
.primary-sidebar h3 {color:#fff;background-color: #98BE0F; padding: 0 10px; font-weight: 600; font-size: 13px; text-transform: uppercase;}
h3 { font-size: 16px; }
h3 a {text-decoration: none;}
@-moz-document url-prefix() { h1 { margin-bottom: 0px; }	}
h2 { font-size: 14px; line-height: 30px; }
h1,
h2,
h3,
h4,
h5 { color: #98BE0F; }

h3.sh3 { color: #8D8C8D; }

p,
li,
a { color: #666; }
p { text-align: justify; text-justify: auto; }
p,
ul { line-height: 23px; }
.quotation_mark { font-weight: 400; font-size: 60px; color: #bebebe; }
.column h2 { text-align: center; text-transform: uppercase; }
.slogan { padding-bottom: 30px; color: #696969; font-weight: 300; font-size: 22px; text-align: center; line-height: 5px; text-transform: uppercase;  clear: both;}
.left_quotation { vertical-align: -28px; }
.right_quotation { vertical-align: 9px; }
.ui-page {outline:none;}
.h2link a { color: #98BE0F; font-size: 14px; line-height: 30px; font-weight: bold; text-decoration:none;}
/* Main structure 
=====================================*/
body { background: #ffffff; } /*#dedbde*/
#langchange {position: fixed;top: 0;left: 0;width: 100%;height: 25px; z-index: 2000;}
#langchange_wrapper {max-width: 770px;height: 25px;margin: auto;padding: 4px 20px;position: relative; margin-top: 0px; text-align: right; font-size: 12px;  color: #666;}
#langchange a {color: #666; text-decoration: none;}
#langchange .act {color: #98BE0F;}
.icon {}
.three_columns p {text-align: center;}
.services .three_columns p {text-align: justify;}
.blog .three_columns p {text-align: justify;}
.bubble {margin-left:50px;}
#global_wrapper { max-width: 830px; margin: auto; padding-top: 65px; }
.logo { margin-left: 5px; margin-top: -3px;}
#content { position: relative; z-index: 1; }
.content_block { clear: both; padding-top:54px; min-height: 400px} /*min-height: 900px;*/
#content ul { margin:  5px 0 25px 50px; }
#content .portfolio ul { list-style-type: none;}
#content ul ul { margin: 0 0 10px 20px; }
.head_col { height: 35px; width: 100%; margin-bottom: 40px;}
.head_col span { margin-top: 1px; display: block; float: left; }
.title_top { height: 3px; width: 100%; background: url(images/seperator.png) repeat-x; }
.title_bottom { position: absolute; left: 0; bottom: -14px; height: 3px; width: 100%; background: url(images/seperator.png) repeat-x; }
.column { width: 250px; float: left; margin-right: 40px; margin-bottom: 30px; }
.column:nth-child(3n+4) { margin-right: 0; }
.column img { margin: auto; display: block; margin-bottom: 10px; }
.column_images { width: 250px; height: 100px; position: relative; }
.column_image_align { width: 100%; position: absolute; bottom: 0; text-align: center; }
.column_last { margin-right: 0; }
.left_quotation { margin-right: 5px; }
.right_quotation { margin-left: 5px; }
.head_col { position: relative; }
.back_top { float: right; cursor: pointer; opacity: 0.8; }
.back_top a { }
.back_top_hover { position: relative; float: left; width: 80px; height: 15px; background-color: #2E2E2E; border-bottom-left-radius: 3px; border-top-left-radius: 3px; right: 40px; color: white; text-transform: uppercase; padding: 4px 10px 3px 10px; font-size: 10px; font-weight: 700; text-align: center; margin-right: -15px; display: none; }
.back_top_hover img { position: absolute; right: -12px; top: 0px; }
.readmore { background: url(images/readmore.png) no-repeat left center; font-weight: normal; padding-left: 10px;  }
.ui-loader { display: none !important; }
.ui-btn-inner { display: none !important; }
/* Archive pages (added)
============================*/
.entry { line-height: 23px; color: #666; margin-bottom: 25px;}
h2 a { color: #98BE0F; font-size: 25px; font-weight:300; }
.alignleft {float:left; padding: 0 10px 10px 0;}
.alignright {float:right; padding: 0 0 10px 10px;}
#primary {max-width:100%;}
.category-landingpage {width: 100%;}
#primary-sidebar {float:right;margin-top: 40px;width:300px;padding-left: 30px;}
#primary-sidebar ul {list-style: none;}
/* Columns
============================*/
.one_half { width: 48%; padding-right: 4%; float: left; text-align: center; }
.three_columns { width: 30.6%; padding-right: 4%; float: left; text-align: center; }
.three_columns ul li {text-align: left; }
.four_columns { width: 22%; padding-right: 4%; float: left; text-align: center; }
.last { padding: 0; }
.clearBoth { clear: both; }
.imagecenter {display: block; position: relative; }
.imagecenter img { margin-top: auto !important; margin-left: auto !important; }
/*.imagecenter img { position: absolute; top: 50%; left: 50%; }*/
/* Toggle
============================*/
.toggle_wrap { margin-bottom: 10px; }
.toggle_title { cursor: pointer; background-color: #333; color: white; padding: 10px; border-radius: 3px; }
.toggle { display: none; border: 1px solid #333; border-top: none; padding: 10px; }
/* Accordion
============================*/
.accordionToggle { cursor: pointer; background-color: #333; color: white; padding: 10px; border-radius: 3px; }
.accordion { display: none; border: 1px solid #333; border-top: none; padding: 10px; }
.break { height: 10px; }
/* Menu styling
=====================================*/
#navigation { list-style: none; float: right; font-size: 14px; font-weight: 600; text-transform: uppercase; position: absolute; top: 25px; right: 34px; z-index: 100; }
#navigation a:hover { color: #000; }
#menu_bg_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 3px; z-index: 1500;  opacity: 0.9; background: #dedbde; }
#menu { position: fixed; top: 0; left: 0; width: 100%; height: 3px; z-index: 2000; }
#menu_background { max-width: 810px; height: 50px; margin: auto; padding: 10px; position: relative; background-color: #ffffff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-bottomleft: 3px; -moz-border-bottomright: 3px; opacity: 1.0; margin-top: 3px; margin-top: 25px; }
#menu_wrapper { max-width: 810px; height: 50px; margin: auto; padding: 25px; position: relative; margin-top: 25px; }
.current { background-color: red; }
.easyScroll { background-color: ffffff; }
#navigation a { color: #999; text-decoration: none; }
#navigation li { float: left; margin-left: 5px; }
#navigation li a { padding: 0 5px; }
.menuActive { color: #000 !important; background-color: #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; height: 35px; padding: 0 10px; display: block; margin-top: -6px; }
.menuActive span { padding-top: 6px; display: block; }
.ui-select { display: none; }
#nav-select { display: none; }
	/* Mobile menu style
	=====================================*/
	.clair-select-container { position: relative; padding: 10px 0px; margin: 0px 0px 40px; }
	.clair-select { background-image: url(images/down.png); background-position: top right; background-repeat: no-repeat; background-color: white; color: #4b4b4b; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font-size: 14px; display: none; border: 1px solid rgba(0,0,0,0.7); width: 420px; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 2; top: 69px; left: 0; }
	.clair-select-active { height: 19px; width: 420px; padding: 10px; }
	.clair-select-links { margin: 0px; padding: 5px 0px 0px; display: none; }
	.clair-select-links li { list-style: none; margin: 0px; overflow: hidden; }
	.clair-select-links li a { color: #4b4b4b; font-weight: normal; display: block; padding: 5px; padding-left: 10px; margin: 0px; }
	.clair-select-links li a:hover { background-color: #4b4b4b; color: #fff; }
	.clair-select-links li:last-of-type:hover { border-bottom-left-radius: 3px;  border-bottom-right-radius: 3px;  -moz-border-bottom-left-radius: 3px;  -moz-border-bottom-right-radius: 3px }
/* Slider
=====================================*/
/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles
=====================================*/
#slider { width: 100% !important; overflow: hidden; height: 390px; }
#slider img { display: none; }
.nivoSlider { position:relative; top: 50px; }
.nivoSlider img { position:absolute; top:0px; left:0px; }
#sliderCorner { z-index: 500; left: -3px; top: 47px; position: absolute; border-radius: 6px; box-shadow: inset 0 0px 0px 3px #E8E8E8; -moz-box-shadow: inset 0 0px 0px 3px #E8E8E8; height: 396px; width: 836px; }
	/* If an image is wrapped in a link
	=====================================*/
	.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }
	
	/* The slices and boxes in the Slider
	=====================================*/
	.nivo-slice { display:block; position:absolute; z-index:5; height:100%; }
	.nivo-box { display:block; position:absolute; z-index:5; }
	
	/* Caption styles
	=====================================*/
	.nivo-caption { display: none !important; position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; }
	.nivo-caption p { padding:5px; margin:0; }
	.nivo-caption a { display:inline !important; }
	.nivo-html-caption { display:none; }
	
	/* Direction nav styles (e.g. Next & Prev)
	=====================================*/
	
	.nivo-directionNav a { position:absolute; top:50%; margin-top: -27px; z-index:9; cursor:pointer; z-index: 1000; }
	.nivo-prevNav { left:-54px; background-image: url(images/leftNav.png); }
	.nivo-nextNav { right:-54px; background-image: url(images/rightNav.png); }
	.nivo-nextNav,
	.nivo-prevNav { height: 54px; width: 54px; opacity: 0.6; }
	.nivo-nextNav:hover,
	.nivo-prevNav:hover { opacity: 1.0; }
	
	/* Control nav styles
	=====================================*/
	.nivo-controlNav a { position:relative; z-index:9; cursor:pointer; display: none; }
	.nivo-controlNav a.active { font-weight:bold; }
/* About 
=====================================*/
.profilePicture { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-right: 45px; margin-top: 5px; margin-bottom: 5px; }
.left_profile_column { float: left; width: 248px; }
.left_profile_column ul { margin: 0 !important; list-style: none; }
.left_profile_column ul li { margin-bottom: 15px; }
.left_profile_column h2 { margin-bottom: 2px; }
.left_profile_column h4 { margin-top: 19px; }
.left_profile_column span { display: block; height: 13px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.left_profile_column li { line-height: 28px; }
.right_profile_column { float: right; max-width: 537px; }
.right_profile_column h2 { font-size: 19px; font-weight: 600; }
.right_profile_column p { margin-bottom: 10px; }
.right_profile_column ul li { margin-top: 10px; }
.empty_skill { width: 100%; background-color: #c5c5c5; }
.skill_10 { width: 10%; background-color: #4b4b4b; }
.skill_20 { width: 20%; background-color: #4b4b4b; }
.skill_30 { width: 30%; background-color: #4b4b4b; }
.skill_40 { width: 40%; background-color: #4b4b4b; }
.skill_50 { width: 50%; background-color: #4b4b4b; }
.skill_60 { width: 60%; background-color: #4b4b4b; }
.skill_70 { width: 70%; background-color: #4b4b4b; }
.skill_80 { width: 80%; background-color: #4b4b4b; }
.skill_90 { width: 90%; background-color: #4b4b4b; }
.skill_100 { width: 100%; background-color: #4b4b4b; }
	/* Flickr 
	=====================================*/
	.flicker_header { margin-top: 20px !important; }
	#flicker_feed a:first-of-type { float: left; }
	#flicker_feed a:last-of-type { float: right; }
	#flicker_feed a:nth-child(3) { margin-left: 20px; }
	#flicker_feed { margin-top: 10px; }
	#flicker_feed img { height: 70px; width: 70px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
/* Portfolio 
=====================================*/
.portfolio_left_column { background-repeat: no-repeat; width: 540px; height: 330px; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; float: left; position: relative; background-size: contain; background-position: center;}
.portfolio_left_column img { width: auto; height: auto; display: block; margin: 0px auto !important; }
.portfolio_right_column { position: relative; height: 330px; max-width: 250px; float: right; padding-left: 40px; width: 100%;}
.portfolio_right_column p { margin-bottom: 10px; }
.portfolio_right_column li { list-style-image: url(images/flueben.png); margin-left: -30px; }
#portfolio_showcase { display: none; height: 350px; margin-bottom: 23px; }
#portfolio_showcase .wpgmappity_container { height: 540px !important; }
.portfolio_content {  }
.item iframe { display: none; }
	/* FILTER OPTIONS 
	=====================================*/
	ul#filterOptions { height: 32px; overflow: hidden; float: right; width: 100%; }
	#filterOptions ul { margin: 0; }
	ul#filterOptions li { height: 32px; margin-right: 10px; display: inline-block; float: left; }
	ul#filterOptions li:last-child { margin: 0; }
	ul#filterOptions li a { height: 32px; padding: 0 20px; background: #787878; color: #fff; font-weight: bold; line-height: 33px; text-decoration: none; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
	ul#filterOptions li a:hover { background: #484848; }
	ul#filterOptions li.active a { background: #484848; }
	
	/*- OUR DATA HOLDER
	=====================================*/
	ul.ourHolder { width: 880px; height: 100%; overflow: hidden; margin: 0 !important; clear: both; list-style:none; }
	ul.ourHolder li.item {background-position: center; background-color: #fff; background-size: 248px 200px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; width: 248px; height: 200px; float: left; text-align: center; overflow: hidden; margin-right: 43px; position: relative; margin-bottom: 43px; }
	@-moz-document url-prefix() { ul.ourHolder li.item { margin-bottom: 20px; }	}
	.showcase_plus { position: absolute; width: 75px; height: 75px; left: -75px; top: 60px; display: block; }
	.showcase_plus img { position: relative; z-index: 500; margin-top: 14px; opacity: 0.5; height: auto !important; width: auto !important; }
	.showcase_information { position: absolute; width: 75px; height: 75px; right: -75px; top: 60px; }
	.showcase_information img { position: relative; z-index: 500; margin-top: 14px; opacity: 0.5; height: auto !important; width: auto !important; }
	.showcase_icon_background { position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.8; height: 100%; width: 100%; z-index: 1; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
	.close_showcase { opacity: 0.8; position: absolute; bottom: 0; right: 0; width: 72px; height: 24px; background-color: #787878; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-align: center; font-weight: 700; text-transform: uppercase; color: white; padding-top: 6px; cursor: pointer; padding-right: 10px; }
	.close_showcase img { margin-left: 10px; margin-top: 3px; display: block; float: left; height: auto !important; width: auto !important; }
	.showcase_visit { opacity: 0.8; position: absolute; bottom: 0; left: 40px; width: 141px; height: 26px; display: block; padding-top: 4px; background-color: #787878; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-align: center; cursor: pointer; font-weight: 700; text-transform: uppercase; }
	.showcase_visit:visited { color: #fff; }
	.showcase_visit:hover { color: #fff; }
	.showcase_visit img { margin-top: 5px; margin-right: 5px; height: auto !important; width: auto !important; }
	ul.ourHolder li.item h3 { margin-top: 10px; font-size: 16px; line-height: 20px; }
	ul.ourHolder li img { width: 248px; height: 200px; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
	
	/*- ROUNDABOUT
	=====================================*/
	.roundabout-holder {
      list-style: none;
      padding: 0;
      margin: 0;
      height: 5em;
      width: 5em;
   }
   .roundabout-moveable-item {
      height: 4em;
      width: 4em;
      cursor: pointer;
      background-color: #ccc;
      border: 1px solid #999;
   }
   .roundabout-in-focus {
      cursor: auto;
   }
/* Service
===============================*/
.service_teaser { font-size: 16px; font-weight: 300; text-align: center; margin-bottom: 25px; color: #4b4b4b; }
/* Contact 
===============================*/
.contact input,
.contact textarea { font-family: 'Open Sans', Arial, sans-serif; min-height: 30px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; outline: none; border: solid 1px #d0d0d0; padding: 0 10px; }
.contact input { width: 246px; height: 33px; }
.contact textarea { height: 173px; width: 371px; padding: 5px 10px; }
.contact p { margin-bottom: 15px; }
.contact h2 { text-transform: uppercase; }
.wpgmappity_container { height: 214px !important; margin-bottom: 16px; }
.mail_icon { position: absolute; margin: 20px 0 0 15px; cursor: pointer; }
.contact_form { max-width: 380px; float: left; }
.contact_information { max-width: 380px; float: left; margin-left: 63px; }
.contact_information h3 { font-size: 13px; margin-top: 10px; }
.social_icon { opacity: 0.8; float: left; margin: 10px 10px 0 0; }
.submit_button { opacity: 0.8; width: 137px; float: left; position: relative; margin-top: -10px; }
.submit_button input { cursor: pointer; margin-top: 9px; }
.wpcf7 form { width: 400px; }
.wpcf7-response-output{ background-image: url(images/check.png); background-position: 9px center; background-repeat: no-repeat; margin: -1px 0 0 19px !important; max-width: 210px; float: left; padding: 7px 10px 7px 29px !important; font-weight: bold; color: white; border: none !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background-color: #60983A; }
.wpcf7-validation-errors { background-color: #983a3a; min-height: 19px; background-image: url(images/close.png); }
.wpcf7 img.ajax-loader { position: absolute; top: 17px; left: 150px; }
span.wpcf7-not-valid-tip { width: auto !important; top: 1px !important; left: 280px !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: none !important; background-color: #333333 !important; color: white; font-weight: bold; padding: 5px 10px !important; opacity: 0.9; }
span.wpcf7-form-control-wrap { display: block; width: 500px; }
.wpcf7-submit { background-color: #787878; border: none !important; height: 30px; padding: 0 15px 0 35px !important; text-transform: uppercase; color: #fff; font-weight: 700; width: auto !important; }
/* Footer 
===============================*/
#footer_widget_area {
	z-index: 201;
	position: fixed;
	bottom: -195px;
	clear: both;
	width: 830px;
}
#footer_background {
	z-index: 200;
	width: 830px;
	height: 200px;
	margin: auto;
	position: fixed;
	bottom: -195px;
	background-color: #2d2d2d;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-topleft: 3px;
	-moz-border-topright: 3px;
	opacity: 1.0;
	margin-top: 3px;
}
#footer_hide {
	width: 33px;
	height: 27px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-topleft: 3px;
	-moz-border-topright: 3px;
	background: #2d2d2d;
	margin-left: -16px;
	left: 50%;
	top: -27px;
	position: absolute;	
	cursor: pointer;
	z-index: 5;
}
.footer_click_image {
	margin: 5px 8px;
}
.footer_widget {
	width: 28%;
	float: left;
	padding: 20px;
	height: 160px;
}
.footer_widget h1,
.footer_widget h2,
.footer_widget h3,
.footer_widget h4,
.footer_widget p,
.footer_widget li {
	color: #fff;
}
.footer_widget_middle {
}
.footer_widget ul {
	list-style: none;
}
.imagecenter img {max-width: 100%;}
/*  Screen <= 950px
=====================================*/
@media screen and (max-width: 950px) {
	/* Menu & Navigation */
	#langchange {position: absolute;}
	#mobile_nav { display: block; left: 0; }
	#mobile_menu { width: 600px; }
	.clair-select { display: inline-block; }
	#navigation { display: none; }
	#menu_wrapper { height: 110px; padding: 10px; }
	#menu_background { height: 70px; }
	#menu_bg_wrap { left: 50%; width: 620px; margin: auto; margin-left: -310px; position: absolute; }
	#menu { margin-left: -220px; width: 600px; left: 50%; position: absolute; }
	.logo { position: absolute; margin-left: -200px; top: 30px; left: 50%;  }
	.anchor_link { display: block; content: ""; height: 50px; margin: -100px 0 0; }
	
	/* Slider */
	#slider { height: 291px; margin-bottom: 30px; }
	#sliderCorner { height: 296px; width: 626px; }
	
	/* Global Structure */
	#global_wrapper { max-width: 620px; margin-top: 60px; overflow-x: hidden; }
	.column,
	.column_images { width: 180px; }
	.portfolio_left_column iframe { width: 100% !important; height: 100% !important; }
	
	/* About */
	.left_profile_column { }
	.left_profile_column img { }
	.right_profile_column { max-width: 350px; }
	.profilePicture { }
	.right_quotation { vertical-align: 9px; }
	.left_quotation { vertical-align: -37px; }
	.slogan { font-size: 24px; }
	.quotation_mark { font-size: 76px; }
	.right_profile_column .slogan { font-size: 14px; }
	.right_profile_column .right_quotation { vertical-align: 6px; }
	.right_profile_column .left_quotation { vertical-align: -24px; }
	.right_profile_column .quotation_mark { font-size: 48px; }
		
		/* About - Flicker feed */
		#flicker_feed { margin-left: 0; }
		#flicker_feed a:first-of-type { float: left; }
		#flicker_feed a:last-of-type { float: right; }
		#flicker_feed a:nth-child(3) { margin-left: 20px; }
		#flicker_feed img { margin-left: 0; }
	
	/* Portfolio */
	ul.ourHolder li.item { float: left; width: 290px; margin-right: 0; background-repeat: no-repeat; background-position: center center;}
	ul.ourHolder li.item:nth-child(odd) { margin-right: 40px !important; }
	.portfolio_right_column { margin-bottom: 20px; max-width: 240px; padding: 0; }
	.portfolio_left_column { height: 330px; max-width: 360px; }
	.showcase_visit { left: 0; }
	.item img { max-width: 100%; }

	
	/* Contact */
	.wpgmappity_container { width: 100% !important; }
	.contact textarea { width: 300px; }
	.contact input { width: 300px; }
	.contact_information { width: 220px; }
	.contact_form { width: 330px; }
	
	/* Footer */
	#footer_widget_area {
		width: 620px;
	}
	#footer_background {
		width: 620px;
	}
	.footer_widget { width: 26%; }
}
/*  Screen <= 740px
=====================================*/
@media screen and (max-width: 740px) {
	/* Menu & Navigation */
	#mobile_nav { display: block; left: 0; }
	#mobile_menu { width: 420px; }
	.clair-select { display: inline-block; }
	#navigation { display: none; }
	#menu_bg_wrap { left: 50%; width: 440px; margin: auto; margin-left: -220px; top: 30px;}
	#menu { margin-left: -220px; width: 440px; left: 50%; top: 30px;}
	.logo { position: absolute; margin-left: -120px; top: 30px; left: 50%;  }
	.anchor_link { display: block; content: ""; height: 50px; margin: -100px 0 0; }
	
	/* Slider */
	#slider { height: 207px !important; }
	#sliderCorner { height: 213px; width: 446px; top: 67px; }
	.nivoSlider { top: 70px; }
	
	/* Global Structure */
	#global_wrapper { max-width: 440px;}
	.column { float: none; }
	.column,
	.column_images { width: 100%; }
	.content_block { padding-top: 94px; }
	
	/* About */
	.left_profile_column { width: 100%; }
	.left_profile_column p,
	.left_profile_column h3,
	.left_profile_column h4,
	.left_profile_column ul { float: right; width: 200px; }
	.left_profile_column img { height: auto; width: 248px; float: left; }
	.right_profile_column { max-width: 100%; }
	.profilePicture { margin-right: 0; }
	.right_quotation { vertical-align: 7px; }
	.left_quotation { vertical-align: -30px }
	.slogan { font-size: 17px; }
	.quotation_mark { font-size: 60px; }
	.right_profile_column .slogan { font-size: 17px; }
	.right_profile_column .right_quotation { vertical-align: 7px; }
	.right_profile_column .left_quotation { vertical-align: -30px; }
	.right_profile_column .quotation_mark { font-size: 60px; }
		
		/* About - Flicker feed */
		.flicker_header { display: none; }
		#flicker_feed { display: none; }
		#flicker_feed a:first-of-type { float: left; }
		#flicker_feed a:last-of-type { float: right; }
		#flicker_feed a:nth-child(3) { margin-left: 60px; }
		#flicker_feed img { margin-left: 0; }
	
	/* Portfolio */
	ul.ourHolder li.item { float: left; margin-bottom: 10px; width: 210px; height: 175px; }
	ul.ourHolder li.item:nth-child(3n+3) { margin: 0; }
	ul.ourHolder li.item:nth-child(odd) { margin-right: 20px !important; }
	.portfolio_right_column { margin-bottom: 20px; max-width: 100%; padding: 0; }
	.portfolio_right_column h3 { margin-top: 10px; }
	.portfolio_left_column { height: 230px; max-width: 100%; }
	.showcase_visit { left: 0; }
	.item img { max-width: 100%; }
	.showcase_information { top: 40px; margin-right: -20px; }
	.showcase_plus { top: 40px; margin-left: -20px; }
	
	/* Contact */
	.contact textarea { width: 100%; }
	.contact input { width: 100%; }
	.contact_information { float: none; margin: 0; }
	span.wpcf7-form-control-wrap { width: auto; }
	
	/* Footer */
	#footer_widget_area {
		position: relative;
		width: 100%;
		bottom: 0;
		padding-top: 20px;
	}
	#footer_background {
		display: none;
	}
	.footer_widget { height: auto; }
	.footer_widget { width: auto; padding-left: 0; padding-top: 0; }
	.footer_widget h1,
	.footer_widget h2,
	.footer_widget h3,
	.footer_widget h4,
	.footer_widget p,
	.footer_widget li {
		color: #535353;
	}
	
	/* Columns
============================*/
.one_half { width: 100%; padding: 0; float: left; text-align: center; }
.three_columns { width: 100%; padding: 0; float: left; text-align: center; }
.four_columns { width: 100%; padding: 0; float: left; text-align: center; }
}
/*  Screen <= 560px
=====================================*/
@media screen and (max-width: 560px) {
	/* Menu & Navigation */
	#mobile_nav { display: block; left: 0; }
	#mobile_menu { width: 320px; }
	.clair-select { width: 320px; }
	.clair-select-active { width: 320px; }
	#navigation { display: none; }
	#menu_bg_wrap { left: 50%; width: 340px; margin: auto; margin-left: -170px; }
	#menu { margin-left: -170px; width: 340px; left: 50%; }
	
	/* Slider */
	#slider { height: 160px !important; }
	#sliderCorner { height: 166px; width: 346px; }
	
	/* Global Structure */
	#global_wrapper { max-width: 340px; }
	.column { float: none; }
	.column,
	.column_images { width: 100%; }
	#colorpicker { display: none; }
	
	/* About */
	.left_profile_column { width: 100%; }
	.left_profile_column img { width: 248px; height: auto; }
	.left_profile_column p,
	.left_profile_column h3,
	.left_profile_column h4,
	.left_profile_column ul { float: none; width: auto; }
	.profilePicture { margin-right: 0; }
	.right_quotation { vertical-align: 5px; }
	.left_quotation { vertical-align: -27px; }
	.slogan { font-size: 13px; }
	.quotation_mark { font-size: 52px; }
	.right_profile_column .slogan { font-size: 13px; }
	.right_profile_column .right_quotation { vertical-align: 5px; }
	.right_profile_column .left_quotation { vertical-align: -27px; }
	.right_profile_column .quotation_mark { font-size: 52px; }
	
	/* About - Flicker feed */
		#flicker_feed { margin-left: 0; }
		#flicker_feed a:first-of-type { float: left; }
		#flicker_feed a:last-of-type { float: right; }
		#flicker_feed a:nth-child(3) { margin-left: 60px; }
		#flicker_feed img { margin-left: 0; }
		
	/* Portfolio */
	ul.ourHolder li.item { float: none; margin-bottom: 10px; width: 340px; height: 200px; }
	ul.ourHolder li.item:nth-child(3n+3) { margin-bottom: 10px; }
	ul#filterOptions { height: 74px; }
	ul#filterOptions li { margin-bottom: 10px; }
	.portfolio_right_column { margin-bottom: 20px; max-width: 340px; padding: 0; }
	.portfolio_left_column { height: 230px; }
	.showcase_visit { left: 0; }
	.item img { max-width: 100%;  }
	.showcase_information { top: 75px; margin-right: 0px; }
	.showcase_plus { top: 75px; margin-left: 0px; }
	
	/* Contact */
	.contact textarea { width: 320px; }
	.contact input { width: 320px; }
	.contact_information { float: none; }
}
/*  Screen <= 360px
=====================================*/
@media screen and (max-width: 360px) {
	/* Menu & Navigation */
	#mobile_menu { width: 280px; }
	.clair-select { width: 280px; }
	.clair-select-active { width: 280px; }
	#menu_bg_wrap { width: 300px; margin: auto; margin-left: -150px; }
	#menu { margin-left: -150px; width: 300px; }
	
	/* Slider */
	#slider { height: 140px !important; }
	#sliderCorner { height: 146px; width: 306px; }
	
	/* Global Structure */
	#global_wrapper { max-width: 300px; }
	
	/* About */
	.slogan { font-size: 11px; }
	.right_profile_column .slogan { font-size: 11px; }
		
		/* About - Flicker feed */
		#flicker_feed a:nth-child(3) { margin-left: 40px; }
	
	/* Portfolio */
	ul.ourHolder li.item { width: 300px; }
	
	/* Contact */
	.wpgmappity_container { width: 300px !important; }
	.contact textarea { width: 280px; }
	.contact input { width: 280px; }
}
@media screen and (max-width:740px) and (orientation:landscape) { 
	.clair-select-container { display: none; }
	.anchor_link { height: 130px; margin: -30px 0 0; }
	#nav-select { display: block; width: 100%; margin-top: 55px; padding: 10px; height: 40px;  }
	.ui-select { display: block; }
}

#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
	font-weight: 600;
}
#responsive-menu-containter {
	opacity: .9;
}
#responsive-menu-button {
	left: 0px;
}

.primary-sidebar a {
	text-decoration: none;
	font-weight: bold;
}

.primary-sidebar .children {
	margin-left: 10px;
}

.share-buttons a {
  float:right;
}

.share-buttons { 
  height:30px;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-bottom: -3px;
  margin-right: 5px;
}

.resp-sharing-button span {
  padding-left: 0.4em
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--google:active {
  background-color: #1DA851;
  border-color: #1DA851;
}

#lang_sel_list {padding:0px;}

nav.pagination {
  margin-bottom:10px;
}

.nav-links .current {
  background-color: #98be0f;
  padding:0 3px;
}

/* Caption hck */
.wp-caption {
	width: auto !important;
}
#slider .wp-caption-text, #slider .wp-caption {
	display: none;
}

/* Weiterlesen Button */
/*.news > .content_body > div > .three_columns > p > a, .blog > .content_body > div > .three_columns > p > a */
.alleanzeigen {
    background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
	display: block;
	font-size: 12px;
    font-weight: 600;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin: 5px 0 10px;
}
.alleanzeigen:hover {
	background-color: #999;
	color: #000;
}
#navigation li a {
	padding: 0 4px;
}
/*RH hide Datenschutz from main menu*/
.nav_datenschutz {
	display:none;
}