/*
Theme Name: OnCondoms
Theme URI: https://www.wemakewebsites.de
Author: Jonas Langreuter
Author URI: https://www.wemakewebsites.de
Description: On Condoms Theme
Version: 1.0
Text Domain: oncondoms

OnCondoms/wmwde is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 ieFix
14.0 More Styles
15.0 Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);*/
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	/*box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);*/
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
13.0 ieFix
--------------------------------------------------------------*/

#iewarning{
	display: none;
}

/*--------------------------------------------------------------
14.0 More Styles
--------------------------------------------------------------*/

/* fonts */

@font-face {
    font-family: 'HelveticaNeueBdCn';
    src: url('fonts/HelveticaNeueLTW1G-BdCn.eot');
    src: url('fonts/HelveticaNeueLTW1G-BdCn.eot?#iefix') format('embedded-opentype'),
         url('fonts/HelveticaNeueLTW1G-BdCn.otf') format('opentype'),
         url('fonts/HelveticaNeueLTW1G-BdCn.woff') format('woff'),
         url('fonts/HelveticaNeueLTW1G-BdCn.ttf') format('truetype'),
         url('fonts/HelveticaNeueLTW1G-BdCn.svg#HelveticaNeueBdCn') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueLtCn';
    src: url('fonts/HelveticaNeueLTW1G-LtCn.eot');
    src: url('fonts/HelveticaNeueLTW1G-LtCn.eot?#iefix') format('embedded-opentype'),
         url('fonts/HelveticaNeueLTW1G-LtCn.otf') format('opentype'),
         url('fonts/HelveticaNeueLTW1G-LtCn.woff') format('woff'),
         url('fonts/HelveticaNeueLTW1G-LtCn.ttf') format('truetype'),
         url('fonts/HelveticaNeueLTW1G-LtCn.svg#HelveticaNeueBdCn') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BlairITCStd-Bold';
    src: url('fonts/BlairITCStd-Bold.eot');
    src: url('fonts/BlairITCStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/BlairITCStd-Bold.otf') format('opentype'),
         url('fonts/BlairITCStd-Bold.woff') format('woff'),
         url('fonts/BlairITCStd-Bold.ttf') format('truetype'),
         url('fonts/HBlairITCStd-Bold.svg#BlairITCStd-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* header */

.logo img{
	max-width: 61px;
}

#headerrow .columns{
	position: fixed;
	padding: 0;
	max-width: 1600px;
	z-index: 99;
}

#masthead{
	padding: 15px;
	background: #fff;
}

.main-navigation{
	float: right;
	clear: none;
	width: auto;
	padding-top: 24px;
}

.nav-menu li{
	padding: 0 20px;
}

.nav-menu li.menu-item-language{
	padding: 0 5px 0 0;
	opacity: 0.3;
	-webkit-transition:opacity 500ms ease-out;
	-moz-transition:opacity 500ms ease-out;
	-o-transition:opacity 500ms ease-out;
	transition:opacity 500ms ease-out;
}

.nav-menu li.menu-item-language:hover{
	opacity: 0.7;
}

.nav-menu li.menu-item-language.menu-item-language-current{
	padding-left: 20px;
}

.nav-menu a{
	text-transform: uppercase;
	font-family: "HelveticaNeueBdCn", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 14px;
	color: #a3a3a3;
}

.nav-menu a:hover,
.nav-menu li.current-menu-item a{
	color: #808080;
}

body.home #headerrow{
	display: none !important;
}

.nav-menu li.menu-item-79,
.nav-menu li.menu-item-151,
.nav-menu li.menu-item-155{
	display: none;
}

ul.off-canvas-list li a{
	font-size: 20px;
}

/* facebook button */

li.menu-item-412 a,
ul.off-canvas-list li.menu-item-412 a:hover,
li.menu-item-413 a,
ul.off-canvas-list li.menu-item-413 a:hover,
li.menu-item-414 a,
ul.off-canvas-list li.menu-item-414 a:hover{
	text-indent: -999em;
	display: block;
	background: url('images/facebook.png') no-repeat 8px 9px;
	background-size: 24px 24px;
	padding: 5px 0 0 5px;
	height: 44px;
}

#menu-mainmenu li.menu-item-412 a,
#menu-mainmenu_en li.menu-item-413 a,
#menu-mainmenu_es li.menu-item-414 a{
	margin-top: -6px;
	width: 24px;
	height: 24px;
	background-position: 0 0;
}

/* content */

#content{
	padding-top: 94px;
}

body.home #content{
	padding-top: 0;
}

/* startseite */

#startslider{
	/*background: #ccc;*/
	display: block;
	position: relative;
}

#startslider img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 471px;
	margin: -300px 0 0 -235px;
}

.startcontent{
	padding-top: 24px;
}

.startcontent .columns{
	padding: 0 24px;
}

/* produktseite */

.teaserrow .hentry,
.teaserrow .entry-content{
	margin-bottom: 0;
	margin-top: 0;
}

.teaser{
	position: relative;
	display: block;
	overflow: hidden;
}

.teaseroverlay{
	position: absolute;
	left: 0;
	bottom: -100px;
	width: 100%;
	padding: 30px 20px 20px;
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.teaser:hover .teaseroverlay{
	bottom: 0;
}

/* single */

#singlebg{
	max-height: 940px;
	position: relative;
}

.singleinfo{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	margin-left: 60px;
}

.singleinfo .columns{
	min-height: 250px;
}

.singleinfo .infocol{
	position: relative;
}

.singleinfo .infocol .infobild{
	position: absolute;
	right: 15px;
	bottom: 0;
}
	
.singleinfo h1{
	font-size: 28px;
	border-bottom: 1px solid #fff;
	margin: 90px 0 12px;
	text-transform: uppercase;
}

.singleinfo .unterh1{
	display: block;
	font-family: "HelveticaNeueBdCn", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	padding-bottom: 20px;
}

.unterh1 span:after{
	content: "\2022";
	font-size: 10px;
	display: inline-block;
	overflow: hidden;
	line-height: 9px;
}

.singleinfo p{
	font-family: "HelveticaNeueBdCn", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	text-transform: uppercase;
}

.nopadcol{
	padding: 0 !important;
}

.single a[rel=next],
.single a[rel=prev]{
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -999em;
	position: absolute;
	top: 50%;
	margin-top: -16px;
}

.single a[rel=next]{
	background: url('images/arrow_next.png') no-repeat;
	left: 20px;
}

.single a[rel=prev]{
	background: url('images/arrow_prev.png') no-repeat;
	right: 20px;
}

.mobilesingleinfo{
	color: #fff;
	padding: 30px 0 10px;
}

.mobilesingleinfo h1{
	border-bottom: 1px solid #fff;
	margin: 20px 0 12px;
	text-transform: uppercase;
}

.mobilesingleinfo .unterh1{
	display: block;
	text-transform: uppercase;
	font-family: "HelveticaNeueBdCn", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 16px;
	padding-bottom: 20px;
}

.mobilesingleinfo p{
	font-family: "HelveticaNeueBdCn", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	text-transform: uppercase;
}

/* info + kontakt */

.farbreihe{
	max-height: 940px;
	padding: 60px 0;
	position: relative;
}

.infofarbreihe{
	min-height: 940px;
	padding: 105px 0;
}

.vertcenter{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}

.farbreihe h1,
.entry-content h1{
	text-transform: uppercase;
}

#main.weiss p{
	color: #fff;
	font-family: "HelveticaNeueBdCn", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	text-transform: uppercase;
}

.zertifikat{
	padding-top: 50px;
}

.zertifikat a img{
	margin: 0 auto;
	display: table;
	padding: 0 10px 20px;
}

.kontaktinfo{
	padding-top: 120px;
}

.infoinfo{
	padding-top: 70px;
}

.kontaktinfo article,
.infoinfo article{
	padding-left: 12px;
}

.kontaktinfo h1,
.infoinfo h1{
	font-size: 28px;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
	margin-bottom: 12px;
}


/* footer */

#footerlogo{
	padding: 40px 0 15px;
	border-bottom: 1px solid #AEAEAE;
	margin-bottom: 15px;
}

#footerlogo img{
	max-width: 90px;
	margin: 0 auto;
	display: block;
}

#colophon p{
	text-transform: uppercase;
	text-align: center;
	font-size: 7px;
	font-family: "BlairITCStd-Bold";
}

#colophon a,
#colophon a:hover,
#colophon a:focus,
#colophon a:visited,
#colophon a:active{
	color: #a3a3a3;
}


/* gravity forms */

.formular .gform_wrapper,
.formular .gform_confirmation_message{
	font-family: "HelveticaNeueBdCn", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;	
}

.formular .gform_confirmation_message{
	padding-top: 160px;
}

.formular .gform_wrapper input[type="text"],
.formular .gform_wrapper textarea{
	box-shadow: none;
	color: #a3a3a3;
	border: none;
}

.formular .gform_wrapper .top_label .gfield_label,
.formular .gform_wrapper .gfield_required,
.formular .gform_wrapper .ginput_complex label{
	font-weight: normal;
	color: #fff;
}

.formular .gform_wrapper div.validation_error,
.formular .gform_wrapper .validation_message{
	color: #fff;
	font-weight: normal;
	font-size: 14px;
}

.formular .gform_wrapper li.gfield.gfield_error, 
.formular .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	background: transparent;
	border-left: 1px solid #fff;
	border-bottom: none;
	border-right: none;
	border-top: none;
}

.formular .gform_wrapper .gfield_required,
.formular .gform_wrapper .gfield_error .gfield_label,
.formular .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label{
	color: #fff;
}

.formular .gform_wrapper li.gfield_error input[type="text"],  
.formular .gform_wrapper li.gfield_error textarea{
	border: 1px solid #fff;
}

.formular .gform_wrapper .gform_button[type="submit"]{
	font-family: "HelveticaNeueBdCn", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	text-transform: uppercase;
	background-color: transparent;
	color: #fff;
	text-shadow: none;
	border: 2px solid #fff;
	box-shadow: none;
	padding: 12px 38px 8px 20px;
	background: url('images/pfeil_button.png') no-repeat center right;
	background-size: 36px 24px;
}

.formular .gform_wrapper .gform_button:hover{
	background-color: transparent;
}

.formular .gform_wrapper div.validation_error{
	border-color: #fff;
}




/*--------------------------------------------------------------
15.0 Media Queries
--------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {
   
	 #startslider img{
		max-width: 300px;
		margin: -191px 0 0 -150px;
	}
	
	.teaseroverlay{
		display: none;
	}
	
	.singleinfo h1,
	.kontaktinfo h1,
	.infoinfo h1,
	.mobilesingleinfo h1{
		font-size: 20px;
	}
   
}

@media only screen and (max-width: 640px) {
	
	.mobileheader .logo{
		width: 65px;
		margin: 15px auto;
		display: block;
	}
	
	#content{
		padding-top: 0;
	}
	
	#startslider img{
		max-width: 180px;
		margin: -115px 0 0 -90px;
	}
	
	.mobilefarbreihe,
	.infofarbreihe{
		padding: 24px 0;
	}
	
	.kontaktinfo,
	.infoinfo{
		padding: 0;
	}
	
	.kontaktinfo article,
	.infoinfo article{
		padding-left: 0;
	}
			
}