/*
Theme Name: Petra & Manfred Hochzeit ver.2
Theme URI: http://zoechbauer.name/
Author: Zöchbauer Manfred
Author URI: http://zoechbauer.name/
Description: Theme from http://zoechbauer.name
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zoechbauer
Domain Path: /languages/
Tags: gallery, column, options, contact, sitemap, shortcode, seo, optimized, meta description,
*/

/*
import url("css/normalize-3.0.2.css");
*/



/* ******************************************************************
RESET
****************************************************************** */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
hr,
i,
iframe,
img,
ins,
kbd,
label,
layer,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	text-decoration: none;
	}

/* ******************************************************************
für iOS Hoch-Querformat Schriftgröße
****************************************************************** */
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	}

/* ******************************************************************
HTML5 Display Block
****************************************************************** */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
img,
main,
menu,
nav,
section,
summary,
pre {
	display: block;
	}

/* ******************************************************************
Clearfix
****************************************************************** */
/* Clearfix-role */
.cf:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
	height: 0;
	visibility: hidden;
	} 
/* Clearfix-role IE-Patch für IE 7 */
*:first-child+html .cf {
	min-height: 0;
	}
/* Clearfix-role IE-Patch für IE 6 */
* html .cf {
	height: 1%;
	}

/* ******************************************************************
Allgemeines
****************************************************************** */
audio,
canvas,
progress,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	}

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

[hidden],
template {
	display: none;
	}

h1,
h2,
h3,
h4,
h5,
h6,
a,
b,
strong,
optgroup {
	font-weight: bold;
	}

a {
	background-color: transparent;
	}

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

ins,
mark {
	background-color: #fff000;
	color: #000000;
	}

del,
strike {
	text-decoration: line-through;
	}

sup,
sub {
	font-size: 70%;
	}

sup {
	vertical-align: text-top;
	}

sub {
	vertical-align: text-bottom;
	}

small {
	font-size: 70%;
	}

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

abbr[title],
acronym[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
	}

nav ol,
nav ul {
	list-style: none;
	list-style-image: none;
	}

hr {
	display:block;
	height:0;
	border-bottom: 1px solid;
	margin: 20px 0;
	margin: 2rem 0;
	}

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

pre {
	overflow: auto;
	}

q,
blockquote {
	quotes:none;
	font-family: serif;
	}

q:before,
q:after,
blockquote:before,
blockquote:after {
	content:'';
	content:none;
	}

cite {
	font-style: italic;
	}

cite:before,
cite:after {
	content: ' - ';
	}

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;
/*
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
*/
	}

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

input, select {
	vertical-align:middle;
	}

/* Entfernt den Dropdownpfeil bei einer Select Box */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}

textarea {
	overflow: auto;
	vertical-align: top;
	}

table {
	border-collapse: collapse;
	}

td,
th {
	padding: .3em .4em;
	}

thead,
th {
	font-weight: bold;
	}

tfoot {
	font-style: italic;
	}

.site-content ul,
.site-content ol {
	padding-left: 1.5em;
	}

/* ******************************************************************
Allgemeine Wordpress Styles
****************************************************************** */
/* Bilder - maximale Breite */
img,
figure,
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
	}

/* Bilder Ausrichtung */
.alignleft,
.alignright,
.left,
.right {
	display: inline;
	}

.alignleft,
.left {
	float: left;
	margin: 1em 1em 1em 0;
	}

.alignright,
.right {
	float: right;
	margin: 1em 0 1em 1em;
	}

.aligncenter,
.center {
	display: block;
	margin: 1em auto;
	}

.alignnone,
.block {
	clear: both;
	margin: 1em 0;
	}

.wp-caption-text {
	margin-top: .3em;
	text-align: center;
	font-size: 80%;
	}

/* Gallery */
.gallery {
	text-align: center;
	display: block;
	clear: both;
	overflow: hidden;
/*
	overflow: auto;
*/
	zoom: 1; /** Für IE 6 **/
	margin: 0 auto;
	}

.gallery-item {
	display: block;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: .5em;
	text-align: center;
	}

.gallery-icon img {
	width: 100%;
	margin: 0;
	padding: 0;
	/* Transparenz */
	opacity: .9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
	}

/********************************************************************************************************************************************************************************/
p img,
a[rel~=attachment] img,
.post-thumbnail img,
.wp-caption img,
.gallery-icon img {
/*	border: .3em solid <?php echo $gallery_img_border; ?>;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0px 0px 3px <?php echo $box_shadow; ?>;
	-moz-box-shadow: 0px 0px 3px <?php echo $box_shadow; ?>;
	box-shadow: 0px 0px 3px <?php echo $box_shadow; ?>;
*/	}

.gallery-icon img:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	}

p img,
a[rel~=attachment] img:hover,
.post-thumbnail img:hover,
.wp-caption img:hover,
.gallery-icon img:hover {
/*	border: .3em solid <?php echo $gallery_img_border_hover; ?>;
	-webkit-box-shadow: 0px 0px 3px <?php echo $gallery_img_border_hover; ?>;
	-moz-box-shadow: 0px 0px 3px <?php echo $gallery_img_border_hover; ?>;
	box-shadow: 0px 0px 3px <?php echo $gallery_img_border_hover; ?>;
*/	}

.gallery-caption {
	display: none;
	}

/* Gallery Columns */
/* .gallery-columns-0 .gallery-item, */
.gallery-columns-1 .gallery-item {
	width: 100%;
	}

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
	width: 50%;
	}

@media screen and (min-width: 480px) {
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width: 33.33%;
		}
}

@media screen and (min-width: 600px) {
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width: 25%;
		}
}

@media screen and (min-width: 800px) {
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width: 20%;
		}
}

@media screen and (min-width: 1000px) {
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width: 16.66%;
		}
}

@media screen and (min-width: 1200px) {
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width: 14.28%;
		}
}

@media screen and (min-width: 1400px) {
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width: 12.5%;
		}
}

@media screen and (min-width: 1600px) {
	.gallery-columns-9 .gallery-item {
		width: 11.11%;
		}
}

/* ******************************************************************
Allgemeine Theme Typographie
****************************************************************** */
html {
	font-size: 62.5%;
	}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.8em;
	width: 100%;
	height: 100%;
	color: #333333;
	}

/* CODE, PRE */
code,
pre {
	font-family: 'Courier New', Courier, monospace;
	}

pre {
	display: block;
	background-color: #f5f5f5;
	padding: .5em;
	margin: .2em 0 .5em;
	}

/* BLOCKQUOTE - Zitat */
blockquote {
/*	font-family: 'Times New Roman', Times, Georgia, serif;
*/	border-left: 3em solid transparent;
	padding: .5em;
	margin: .2em 0 .5em;
	position: relative;
	background-color: #f5f5f5;
	}

blockquote:before {
	display: block;
	position: absolute;
	top: -.1em;
	left: -.62em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	content: '\201C';
	font-size: 4em;
	color: #808080;
	}

cite {
	display: block;
	padding-top: .2em;
	font-style: italic;
	}

cite:before,
cite:after {
	content: ' - ';
	}

blockquote cite {
	text-align: center;
	color: #808080;
	}

.more-link {
	display: block;
	margin: .5em 0 0;
	}

p {
	line-height: 1.5;
	padding: .5em 0;
/*
	padding: 0 0 1.2em;
*/
	}

.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6 {
	font-family: 'Montserrat', sans-serif;
	padding: .8em 0 .5em;
	}

.site-content h1 {
	font-size: 1.7em;
	}

.site-content h2 {
	font-size: 1.4em;
	}

.site-content h3 {
	font-size: 1.2em;
	}

.site-content h4 {
	font-size: 1.1em;
	}

.site-content h5 {
	font-size: 1em;
	}

.site-content h6 {
	font-size: 1em;
	}

/* Placeholder Demo */
/* Alle Separat Stylen *
::-webkit-input-placeholder {background-color: #9F6;border-right: 5px solid #Fc0;color: #F00;font-size: 18px;font-style: italic;font-weight: bold;letter-spacing: 3px;line-height: 40px;text-align: right;text-decoration: overline;text-transform: uppercase;padding: 20px;}
* FF 18- *
:-moz-placeholder {background-color: #9F6;border-right: 5px solid #Fc0;color: #F00;font-size: 18px;font-style: italic;font-weight: bold;letter-spacing: 3px;line-height: 40px;text-align: right;text-decoration: overline;text-transform: uppercase;padding: 20px;}
* FF 19+ *
::-moz-placeholder {background-color: #9F6;border-right: 5px solid #Fc0;color: #F00;font-size: 18px;font-style: italic;font-weight: bold;letter-spacing: 3px;line-height: 40px;text-align: right;text-decoration: overline;text-transform: uppercase;padding: 20px;}
* IE *
:-ms-input-placeholder {background-color: #9F6;border-right: 5px solid #Fc0;color: #F00;font-size: 18px;font-style: italic;font-weight: bold;letter-spacing: 3px;line-height: 40px;text-align: right;text-decoration: overline;text-transform: uppercase;padding: 20px;}
*/
::-webkit-input-placeholder {
	color: #adadad;
	}

::-moz-placeholder {
	color: #adadad;
	} /* FF 19+ */

:-moz-placeholder {
	color: #adadad;
	} /* FF 18- */

:-ms-input-placeholder {
	color: #adadad;
	}

.placeholder {
	color: #adadad;
	} /* for the polyfill */

/* Formulare und Buttons */
input,
textarea,
.wiget select {
	background-color: #f7f7f7;
	border: 1px solid #adadad;
	padding: .3em .5em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
/*
	-webkit-box-shadow: 0px 0px 3px #adadad;
	-moz-box-shadow: 0px 0px 3px #adadad;
	box-shadow: 0px 0px 3px #adadad;
*/
	max-width: 100%;
	}

select {
	width: 100%;
	}

input:focus,
textarea:focus {
	border: 1px solid #333333;
	}

input[type="submit"],
input[type="submit"]:focus,
.more-link span {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
	padding: .3em .5em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	background-color: #333333;
	color: #ffffff;
	}

input[type="submit"]:hover,
.more-link span:hover {
	background-color: #808080;
	}

.screen-reader-text,
.search-submit {
	display: none;
	}

/* Tabellen */

table {
	border: 2px solid #adadad;

/*
	width: 100%;
*/
/*
	table-layout: fixed; */ /* Alle Spalten die selbe Breite */

	width: auto;
	max-width: 100%;
	}

thead,
tbody th {
	background-color: #adadad;
	color: #ffffff;
	font-weight: bold;
	}

tbody tr {
	border-bottom: 1px solid #adadad;
	}

tbody td {
	border-left: 1px solid #adadad;
	}

tbody, tbody a {
	color: #333333 !important;
	}


tbody td, tbody th {
	text-align: left;
	}

.ease {
	-webkit-transition: 500ms ease all;
	-moz-transition: 500ms ease all;
	transition: 500ms ease all;
}

















/* ***********************************************************************
Header
*********************************************************************** */
/*
.site-header {
	position: relative;
	background-color: #000000;
	color: #ffffff;
*/
/*	padding: .8em 1.5em;
*/
/*	}

.site-header a {
	color: #ffffff;
	}

.site-title,
#site-toggle {
	font-size: 1.3em;
	font-weight: bolder;
	}

.site-title {
	font-family: 'Montserrat', sans-serif;
	padding: .5em 0;
	}

.site-title a {
	padding: .5em 1em;}
*/
/* ***********************************************************************
Navigation
*********************************************************************** */
/*
#site-toggle {
	position: absolute;
	top: 0;
	right: 0;
	}

#site-toggle span {
/*	background-color: green;
*/	
/*	padding: .55em 1em;}

#site-toggle .fa-bars {
	visibility: visible;
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	}
#site-toggle .fa-times {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	
	}
#site-toggle.open .fa-bars {
	visibility: hidden;
	opacity: 0;
	}
#site-toggle.open .fa-times {
	visibility: visible;
	opacity: 1;
	}

#site-nav-container {
	position: relative;
	text-align: center;
	}

#site-nav {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,1);
	padding: 1.5em;
	width: 100%;
	z-index: 1000;
	} 

#site-nav.opened {
	visibility: visible;
	opacity: 1;
	}

#site-nav,
#site-nav a {
	color: #ffffff;
	}

#site-nav a {
	display: block;
	}

#site-nav a:hover {
	color: #cccccc;
	}

.nav-toggle {
	color: #cccccc;
	}

#site-nav-ul .nav-toggle:before {
	content:" +";
	}

#site-nav-ul.opened .nav-toggle:before {
	content:" -";
	}

#site-nav-ul ul {
	display: none;
	}

#site-nav-ul.opened ul {
	display: block;
	}

#site-nav-ul {
	width: 100%;
	}

#site-nav a {
	padding: 10px 0;
	width: 100%;
	}
*/
/* ***********************************************************************
Hauptinhalt
*********************************************************************** */
/*
#content a,
#site-footer a {
	color: #333333;
	}

#main-content a:hover {
	text-decoration: underline;
	}

.root {
	width: 94%;
	max-width: 1366px;
	margin: 0 auto;
	}

.main-content {
	margin: 0 auto;
	padding: 1em 0;
	}

#site-main h1 {
	text-align: center;
	padding: 1.7em 0 1.2em;
	}

.entry-title a {
	text-decoration: none !important;
	}

.entry-title a:hover {
	text-decoration: underline !important;
	}

.entry-title,
.archiv-header,
.entry-header {
	text-align: center;
	}

.entry-meta {
	font-size: .8em;
	}

#main-content article {
	padding: 2em 0 2em;
	}

.wiget {
	padding: 1em 0;
	}

.entry-footer-meta {
	display: none;
	}
*/
/* ***********************************************************************
Navigation Pagination
*********************************************************************** */
/*
.navigation {
	display: block;
	}

.navigation,
.navigation a {
	color: #808080 !important;
	}

.navigation a {
	background-color: #ffffff;
	border: 1px solid #808080;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	}

.navigation a:hover {
	background-color: #808080;
	color: #ffffff !important;
	}

.nav-previous {
	float: left;
	}

.nav-next {
	text-align: right;
	float: right;
	}

.page-numbers {
	line-height: 1.75;
	}
.nav-previous,
.nav-next {
	margin: .45em 0;}

.page-numbers,
.nav-previous a,
.nav-next a {
	padding: .1em .45em;
	}
*/
/* Hauptseite */
/*
.pagination {
	text-align: center;
	}
*/
/* ***********************************************************************
Footer
*********************************************************************** */
/*
#site-footer {
*/
/*	background-color: red;
*/
/*	padding: 1.5em 0;
	font-size: .85em;
	}

#site-footer,
#site-footer a {
	color: #666666;
	}

.copyright {
	text-align: center;
	}

#totop {
	display: block;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	width: 4em;
	}

#totop a {
	display: block;
	font-size: 2em;
	text-align: center;
	padding: .1em .45em;
	background-color: #ffffff;
	color: #808080;
	margin: 0 auto;
	border: 1px solid #808080;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	}

#totop a:hover {
	background-color: #808080;
	color: #ffffff;
	}

a.toplink {
	position: fixed;
	bottom: .5em;
	right: .5em;
	display: none;
	}

.footer-navigation {
	display: block;
	text-align: center;
	padding: 1em 0 0;
	}

.footer-navigation ul {
	display: inline-block;
	}

.footer-navigation li {
	display: inline-table;
	}

.footer-navigation li a {
	padding: .1em .3em;
	}

.entry-footer,
.entry-footer a {
	font-size: .9em;
	text-align: center;
	color: #808080 !important;
	}
*/

/* ***********************************************************************
Video Embed
*********************************************************************** */
		.video-container {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			overflow: hidden;
			}
		.video-container iframe,
		.video-container object,
		.video-container embed,
		.video-container video {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			}






/*
PX			%
28.8		100
21			72.92
20			69.44
19			65.97
18			62.5
17			59.03
16			55.56
15			52.08
14			48.61
13			45.14
*/
@media screen and (max-width: 319px) {
	html {
		font-size: 45.14%;
		}
}

@media screen and (min-width: 320px) {
	html {
		font-size: 48.61%;
		}
}

@media screen and (min-width: 480px) {
	html {
		font-size: 52.08%;
		}
}

@media screen and (min-width: 768px) {
	html {
		font-size: 55.56%;
		}
}

@media screen and (min-width: 920px) {
	html {
		font-size: 59.03%;
		}
}

@media screen and (min-width: 1280px) {
	html {
		font-size: 62.5%;
		}
}

@media screen and (min-width: 1500px) {
	html {
		font-size: 65.97%;
		}
}

@media screen and (min-width: 1800px) {
	html {
		font-size: 69.44%;
		}
}