@charset "utf-8";
/* CSS Document */

/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; z-index:99; }
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(../images/ajax-loader.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { font: 12px Georgia, "Times New Roman", Times, serif; color:#555; background:#000; }
strong { font-weight:bold; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p, ul.small { line-height:1.5; padding:14px 40px 0 40px; }
p.small, ul.small {font-size:12px;}
p.blockquote { font-family:'Open Sans'; font-style:italic; font-weight:bold; padding:24px 60px 10px 60px; clear:both }
.blockquote span {font-size: 11px; color:#8d8d8d; padding-top:5px; text-transform:uppercase; display:block; letter-spacing:1px; }
a { color:#8d8d8d; text-decoration:none; }
a:hover { text-decoration:none; color:#555; }
span.arrow {font-size:13px; }
ul.small { line-height:1.2; }
ul.small li { margin-bottom:8px; }
p{
	font-family: 'Open Sans';
    color: black;
    font-size: 13px;
    font-weight: 400;
}
.small{
	font-family: 'Open Sans';
}
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; float:left; margin-top:0px; margin-left:10px; margin-bottom:40px; width:182px; height:21px; z-index:1 }
h1#logo a { display:block; background:url(../images/bg-logo.png) no-repeat; background-size:120px 150px; width:120px; height:150px; text-indent:-9999px; }
h2, h3, h4 { line-height:1.5; }
h2 { font-size:18px; font-weight:700; color:#2b2b2b; margin:0px 40px 5px 40px; padding-bottom:19px; padding-top:32px; text-transform:uppercase; letter-spacing:2px; border-bottom:1px solid #555; display:block }
h4 {font-size:15px; font-weight:600; padding:14px 40px 0 40px; margin-bottom:-6px; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#wrapper { margin-top:0px; width:100%; background:#0b0b0b; position:relative; z-index:29; margin:0 auto; margin-bottom:20px; }
.container { padding:0px; width:960px; position:relative; margin:0 auto;}
.container #container { min-height: 700px; }
.col1-1 { width:940px; margin:10px; height:402px; float:left; }
.col1-3 { width:300px; height:402px; margin:10px; float:left; }
.element .col1-3 {width:300px; height:402px; margin:0; float:left; }
.element .col1-3.connect {width:320px; height:402px; margin:0; float:left; }
.col2-3 { width:620px; height:402px; margin:10px; float:left; }
.col3-3 { margin:10px; float:left; }
.element .col2-3 {width:640px; height:402px; margin:0; }
.col2-3.post, .col2-3.auto, .col1-3.auto, .col1-1.auto {height:auto; }
.white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; margin-top:40px; left:616px; }
.white-right2:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; margin-top:40px; left:296px; }
.white-bottom:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-24px; margin-left:40px; }
.white-right, .white-right2 {background:#fff; }
.white-bottom {background:#fff; position:relative; height:240px; }
.post .white-bottom {height:auto; padding-bottom:40px; }
.section-services .white-bottom {height:204px; }
.bottom {position:absolute; bottom:0px; padding-bottom:36px; }
.break { height:20px; position:relative; }
.images { display:block; position:relative; }
.overflow {overflow:hidden; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Twitter
--------------------------------------------------------------------------------------------------------*/
#twitter_update_list { background:#fff; }
ul.jta-tweet-list li { display:block; min-height:100px; padding:14px 40px 0px 40px; font-style:italic; line-height:1.5 }
ul.jta-tweet-list li a.jta-tweet-link { color:#8d8d8d; text-decoration:none; text-transform:none; margin-right:4px; line-height:20px; }
ul.jta-tweet-list li a.jta-tweet-link:hover { text-decoration:none; color:#555; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link { font-size:12px !important; color:#8d8d8d; text-decoration:none; padding-top:5px; display:block; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link:hover { text-decoration:none; color:#555; }
span.jta-tweet-twitter-bird-icon, span.jta-tweet-twitter-bird-icon:hover { display:none }
a.jta-tweet-a { color:#8d8d8d; text-decoration:none; }
a.jta-tweet-a:hover { color:#555; }
/* End Twitter
--------------------------------------------------------------------------------------------------------*/


/* =Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map {width:620px; height:620px; margin:0; border:0}
#map:before, #map:after {background: none; content: ''; left: 0;	position: absolute;	top: 0;	width: 100%; }
#map:after {bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img {width:100%; display: block; z-index:9 }

.icons { position:absolute; right:40px; top:40px; height:58px; width:58px; margin-left:0px; z-index:100 }
.email {background:url(../images/bg-email.png) no-repeat; background-size:24px 24px; }
.xing {background:url(../images/bg-xing.png) no-repeat; background-size:24px 24px; }
.google {background:url(../images/bg-googleplus.png) no-repeat; background-size:24px 24px; }
.tweat {background:url(../images/bg-tweat.png) no-repeat; background-size:24px 24px; } 
.twitter {background:url(../images/bg-twitter.png) center no-repeat #fff; background-size:32px 32px; } 
.facebook {background:url(../images/bg-facebook.png) no-repeat; background-size:24px 24px; }
.pinterest {background:url(../images/bg-pinterest.png) no-repeat; background-size:24px 24px; }
.instagram {background:url(../images/bg-instagram.png) no-repeat; background-size:24px 24px; }
.vimeo {background:url(../images/bg-vimeo.png) no-repeat; background-size:24px 24px; }
.skype {background:url(../images/bg-skype.png) no-repeat; background-size:24px 24px; }
.dribble {background:url(../images/bg-dribble.png) no-repeat; background-size:24px 24px; }
.link {background:url(../images/bg-link.png) center no-repeat #fff; background-size:24px 24px; }
.video {background:url(../images/bg-video.png) center no-repeat #fff; background-size:24px 24px; }
.bubble {background:url(../images/bg-bubble.png) center no-repeat #fff; background-size:24px 24px; }
.quote {background:url(../images/bg-heart.png) center no-repeat #fff; background-size:24px 24px; }
.slideshow {background: #000000; }
.aside {background:url(../images/bg-aside.png) center no-repeat #fff; background-size:23px 23px; }
.close {background:url(../images/bg-close.png) center no-repeat #fff; background-size:18px 18px; }

.images .title, .images .subtitle { z-index:10; position:absolute; top:38px; left:30px; right: 30px; width:auto; font-weight:600; }
.images .subtitle { top: 60px; font-weight: 400; }
.title-wrap, .featured-title-wrap, .subtitle-wrap {
/*	overflow: hidden;
	position: relative;
*/
}
.title-wrap h3, .featured-title-wrap h3, .subtitle-wrap p {
	text-transform: uppercase;
	padding: 0;
}
.title-wrap h3 span, .featured-title-wrap h3 span, .subtitle-wrap p span {
	display: inline;
	background-color: #000000;
	color: #ffffff;
	padding: 5px;
	padding-left: 0;
	padding-right: 0;
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	font-style:normal;
	box-shadow: 7px 0 0 #000000, -7px 0 0 #000000;
}

.subtitle-wrap p span {
	font-size:12px;
	line-height: 22px;
}

.title-wrap, .subtitle-wrap, .featured-title-wrap {
	display: none;
	opacity: 0;
}

/*.videos {width:100%; height:402px; display:block; z-index:9 }*/
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Blog
--------------------------------------------------------------------------------------------------------*/

/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.list { position:absolute; padding:0 20px 16px 20px; bottom:0 }
ul.list li { line-height:1.5; font-size:22px; font-weight:300; letter-spacing:-1px; width:auto; padding-left:28px; }
ul.check li { background:url(../images/bg-check.png) no-repeat 1px 13px; background-size:13px 11px; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { height:130px; padding:0px 0 0 0px; margin-top:20px; background:#0b0b0b; padding-bottom:100px; position:relative  }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { padding-top:37px; margin-bottom:6px; letter-spacing:0; }
.social li { display:inline-block; margin:0px 6px;}
.social li a { display:block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
ul.social a {text-indent:-9000px; text-decoration:none; height:24px; width:24px;}
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }


#options { width:auto; height:100px; z-index:300; text-align:right;}
#options ul { margin: 0; list-style: none; display:inline-block; padding-top:36px; float:right; margin-right:-7px; }
#options li { float: left;  }
#options li a { color:#fff; font-size:12px; font-weight:normal; text-decoration:none; text-transform:uppercase; display:inline-block; padding:5px 17px;  margin:0px; }
#options li a:hover, #options li a.selected, #options li.active a { color:#fff;}
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:30px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(../images/bg-up.png) center 48% no-repeat #fff; background-size:22px 15px; display:block; width:50px; height:50px; float:right; right:10px; text-indent:-9000px; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); box-shadow:0 0 30px rgba(0, 0, 0, 0.1);}
#backtotop ul li a:hover { -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0); box-shadow:0 0 30px rgba(0, 0, 0, 0); }
/* End Backtotop
--------------------------------------------------------------------------------------------------------*/


/* =Update 1.0.1
--------------------------------------------------------------------------------------------------------*/
a:visited .white-bottom:before, a:visited .white-right:before, a:visited .white-right2:before { border-color: #fff !important; }
/* End Update
--------------------------------------------------------------------------------------------------------*/

.menu-portfolio-133 .white-bottom {
	height:auto;
	padding-bottom: 10px;
	z-index:999;
}

.col1-3.menu-portfolio-133 {
	height:864px;
}

.col1-3.menu-portfolio-133 {
	height:864px;
}

/* Main menu */
#options.clearfix{
	height: 50px;
}
#options ul{
	margin-left: 150px;
	margin-top: -70px;
	margin-bottom: 30px;
}
#options li{
	width: 30%;
}
#options li a {
	float: left;
	padding: 0px;
}
#options li a::after {
	content: " //";
	color: #c1f700;
	font-size: 1.4em;
}

.link { background: none; }
.quote { background: none; }
.aside { background: none; }
.close { background: none; }

/* add a black overlay on a selected image */
div.images { background-color:#000000; }
.images img.hover { -moz-opacity:0.3; opacity:0.3; filter: alpha(opacity=30); -khtml-opacity: 0.3; }

.hochzeiten { font-family: 'Open Sans'; font-size: 13px; color: #292929; }
.hochzeiten h2 { border-bottom: none; padding-bottom: 0; margin: 0 30px; }
.hochzeiten h3 { border-bottom: 1px solid #555; margin: 0px 30px 10px 30px; font-size: 13px; }
.hochzeiten li { cursor: pointer; position: relative; }
.hochzeiten li a { display: inline-block; padding: 4px 37px 4px 30px; }
.hochzeiten div ul { display: none; }
.hochzeiten .active ul { display: block; }
.hochzeiten li .dashicons { font-size: 17px; position: absolute; right: 20px; top: 50%; margin-top: -8px; }
.hochzeiten li .dashicons:before { content: "\f345"; }
.hochzeiten .active > li .dashicons:before { content: "\f347"; }
.hochzeiten ul ul li .dashicons { left: 30px; }
.hochzeiten li.l2 { padding-left: 20px; }
.hochzeiten li.l1:hover { background-color: #ececec; }
.hochzeiten .active li.l1, .hochzeiten .active li.l1 a { background-color: #97bd15; color: #ffffff; }
.hochzeiten li.l2:hover,
.hochzeiten li.l2 a:hover,
.hochzeiten li.l2.active,
.hochzeiten li.l2.active a { color: #97bd15; }
.element.subcategory .images img { width:auto; margin: 0 auto; max-width: 100%; height: 201px; /*max-height: 200px;*/ }
.element.subcategory .white { height: 219px; background-color: #ffffff; color: #292929; position: relative; }
.element.subcategory .title { min-height: 42px; }
.element.subcategory .title h3 { font-size: 14px; font-weight: bold; margin: 0 30px; padding: 10px 0 5px; border-bottom: 1px solid #555; white-space: nowrap; overflow: hidden; }
.element.subcategory .desc { height: 130px; overflow: hidden; }
.element.subcategory .desc p { padding: 5px 30px; font: 13px 'Open Sans'; }
.element.subcategory .button { height: 48px; position: absolute; width:100%; bottom: 0; background-color: #ffffff; }
.element.subcategory .button span { display: inline-block; float: right; margin: 10px 15px; padding: 5px 15px; background-color: #97bd15; cursor: pointer; }
.element.subcategory .button span a { font: italic 13px 'Open Sans'; color: #ffffff; }

.container.portfolio .col2-3 { height: 420px; }
.container.portfolio .element .col2-3 { height: 420px; }
.container.portfolio .flex-viewport { height: 420px; }
.container.portfolio .flexslider .slides { height: 420px; }
.container.portfolio .flexslider .slides > li { height: 420px; }
.container.portfolio .flexslider .slides img { max-width: 620px; height: 100%; width: auto; margin: auto; }

.singleHeight {
	height: 201px !important;
}

.doubleHeight {
	height: 422px !important;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


.icons.aside, .icons.close{
	display:none;
}

.item-234{
	display:none;
}

li{
	list-style-type: none;
}

#shop-link-startpage{
	background: #006ba0;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    border-radius: 5px;
    position: absolute;
    top: 105px;
    left: 185px;
}