/*
Theme Name: Naturfriseur_Ott
Theme URI: http://vierdesign.bayern
Author: Stefan K.
Author URI: http://vierdesign.bayern
Description: Template für Naturfriseur Ott
Version: 1.0.0
Text Domain: OnePager
Tags: Naturfriseur Ott
*/


/*Allgemeines*/
* {
	padding: 0; 
	margin: 0;

}

*, *:before, *:after {
  box-sizing: border-box;
}

div, h1, h2, h3, h4, h5, h6 {
    display: block;
}

h1{
	font-size: 100% !important;
	margin: 0 !important;
}

.et_pb_text_inner h1{
	font-size: 2em !important;
}

html, body {
    height: 100%;
	font-size: 100%;
	background-color: #f9f6f2 !important;
	font-family: 'Lato', 'Great Vibes', sans-serif;
}

a{
	text-decoration: none;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

p {
	font-family: 'Lato', 'Great Vibes', sans-serif;
padding-bottom: 1em;
}

#wrapper{
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 100%;
	top: 0;
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.animated{
	animation-delay: 1.4s;
	animation-duration: 3s;
	animation-fill-mode: both;
	animation-name: pulse;
	animation-iteration-count: infinite;
}

.clear {
	clear: both;
}
#full-link{
	color: green;
	width: 100%;
	height: 100%;
	display:block;
	position: absolute;
}


/*Page*/
#wrapper-banner{
	position: relative;
	float: left;
	top: 0;
	z-index: 103 !important;
	width: auto;
	height: auto;
	background-color: #f9f6f2;
}

#banner{
	position: fixed !important;
	background-size: cover !important;
	top: 0;
	z-index: 102 !important;
	width: auto;
	height: auto;
	background-color: #f9f6f2;
	box-shadow: 0 5px 4px -2px #888888;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.menu{
	position: fixed !important;
	top: 0.5%;
	left: 23%;
	z-index: 120 !important;
	width: 75%;
	height: auto;
	margin: auto;
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul li{
	position: relative;
	float: left;
	margin-right: 2%;
}

ul li a:hover{
	text-decoration: underline;
	text-decoration-color: #452d04;
}

[aria-current="page"]{
	font-weight: bold;
}

ul li a{

	font-size: 1vw;
	color: #452d04;
}

@media only screen and (max-width: 767px) { 
ul li a{
	font-size: 1.2vw !important;
}
img[alt*="Pfeil"]{
	width: 10.5% !important;
	height: auto !important;
}
.menu{
	width: 90%;
}
#menu-item-148,
#menu-item-147,
#menu-item-223,
#menu-item-738,
#menu-item-3007,
#menu-item-9142,
#menu-item-3008,
#menu-item-3009{
	margin-top: 4% !important;
}
.et-db #et-boc .et-l #firstt{
	padding-left: 0 !important;
	padding-right: 0 !important;

} 
.et-db #et-boc .et-l .et_pb_toggle_close, .et-db #et-boc .et-l .et_pb_toggle .et_pb_toggle_title{
	padding: 0 !important;
}

img[alt*="Pfeil"]{
	width: 10.5% !important;
	height: auto !important;
}
.back-to-top {
 right:3.7%;
 left: 85% !important;

}

}



#menu-item-148,
#menu-item-147,
#menu-item-223,
#menu-item-738,
#menu-item-9142,
#menu-item-3007,
#menu-item-3008,
#menu-item-3009{
	margin-top: 6%;
}


#main{
	position: relative;
	height: auto;
	width: auto;
	bottom: 0;
	background-color: #f9f6f2 !important;
}

.et_pb_section{
padding: 0 !important;
}

.et_divi_builder #et_builder_outer_content .et_pb_row {
    padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	max-width: 100% !important;
	z-index: 101 !important;
}

img[alt*="Banner"] {
	height: 100%;
	width: 100%;
	z-index: 105 !important;
	display: none;
}

img[alt*="Logo"]{
	width: 95%;
	height: auto;
	z-index: 101 !important;
}

img[alt*="Ott Header"],
img[alt*="Eibner Header"]{
	width: 100%;
	height: auto;
	z-index: 101 !important;
}

#banner-left{
	position: relative;
	float: left;
	max-width: 20%;
	height: auto;
	right: -1.5%;
	margin: 0 0 0 0;
}

#banner-middle{
	position: relative;
	float: left;
	max-width: 15%;
	height: auto;
	right: -26%;
	margin: 0 0 0 0;
}

#banner-right{
	position: relative;
	float: left;
	max-width: 15%;
	height: auto;
	right: -42%;
	margin: 0 0 0 0;
}
/*Page Ende*/

/* Content */
#content{
	background-color: #f9f6f2 !important;
}

#content ul li{
	float: none;
	display: list-item;
}

#ott-eins{
	padding-top: 25% !important;

}

#ott-zwei{
	padding-top: 3% !important;
}

.et_divi_builder #et_builder_outer_content #last-row{
	margin-bottom: 0 !important;
}

/*FOOTER*/
#footer-info{
	position: relative;
	float: left;
	width: 100%;
	height: 1%;
	background: #663821;
}

#footer-info-text {
	position: relative;
	float: right;
	width: 100%;
	height: auto;
	bottom: 0;
	padding: 1% 8% 1% 0;
	background: #663821;
	color: white;
	text-align: right;
	font-size: 1vw;
}

#footer-info-text > a{
	color: white;
}

/* Scroll Items*/
img[alt*="Pfeil"]{
	width: 4%;
	height: auto !important;
}

.back-to-top {
 background:none;
 position: fixed;
 top:82%;
 right:3.7%;
 left:90%;
 padding:1em;
 z-index: 1500 !important;
 display: block;
}

#top-button{
	height: 8%;
}

/* Button */
.btn, .btn-large {
    text-decoration: none;
    color: #f9f6f2;
    background-color: #452d04;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
}

.btn, .btn-large, .btn-floating, .btn-large, .btn-flat {
    font-size: 1rem;
    outline: 0;
}

.btn, .btn-large, .btn-flat {
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

.wysija-submit {
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
	color: #452d04;
}

#overlay-702{
	height: 65% !important;
	overflow: hidden !important;
}

.input, #form-validation-field-0, .wysija-paragraph{
	color: black !important;
}

.widget_wysija_cont p label{
	color: white !important;
}

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

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

button {
    overflow: visible;
}

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

.btn:hover, .btn-large:hover {
    background-color: #e3d4bc;
}

.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}

#info-width{
	width: auto !important;
	position: relative;
	left: 41.9%;
}

/* OVERLAY */
.overlay{
	margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
  max-height: 63% !important;
  width: 70% !important;
    left: 0 !important;
  right: 0 !important;
}

.overlay-close{
	margin: 15% auto;
    padding: 20px;
  right: 16% !important;
}

.entry-content{
	padding-right: 6% !important;	
}

/*Disable Export Function/Details Calender*/
.tribe-events-ical, .tribe-events-gcal {
	display: none !important;
}

.tribe-events-meta-group-details{
	display: none !important;
}

.tribe-events-event-meta{
	display: none !important;
}

#tribe-events-footer{
	border-top: none !important;
}

#slide-scroll{
	height: 55px;
	width: auto;
	background-color: #f9f6f2;
}

.tribe-bar-date-filter, #tribe-bar-dates, 
.tribe-bar-filters-inner, .tribe-bar-search-filter,
.label-tribe-bar-search, #tribe-bar-search, .label-tribe-bar-date, #tribe-bar-date{
	background-color: #f9f6f2 !important;
}

/*Checkbox im Kontaktformular */
label i{
	border-radius: 5px 5px 5px 5px !important;
    overflow: hidden!important;
	border: 1px solid #000000 !important;
	background-color: #bababa !important;
}

.et_pb_contact_field_options_title{
	display: none !important;
}

.Gebet{
	font-family: 'Great Vibes' !important;
}

.et_pb_toggle_item{
	border: 0 !important;
	background-color: #f9f6f2 !important;
}