/* *************************************************
GLOBAL SETTINGS
************************************************* */

/* html { background: #E8E6E6; } */

body {
/* 	margin: 25px; */
  border-top: 5px solid #FF8600;
  font-family: 'PT Sans', sans-serif;
  /*background:url("http://www.irina-naber.de/site/img/anminalbear.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}*/
  }

.wrap {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  }

.lead {
  font-weight: bold;
  /*font-size: 16px;*/
}

.main ul {
    list-style: disc outside none;
    margin-left: 0;
    padding-left: 2em;
    /*text-indent: -2em;*/
}

.main li {
    padding-left: .5em;
}

h5 {
  font-size: 20px;
}

/* *************************************************
FRONTPAGE
************************************************* */

.home {
  text-align: center;
  transition: .8s all;
  opacity: 0.8;
}

.callout {
  /*border: 0px;*/
  background: #eee;
}

/*.home a {color: #FFA500;}*/

.home:hover {
  /*border: 1px solid #ff0000; */
  color: #ff0000;
  background: #ddd;
  opacity: 1;
}

.home img {
  margin-bottom: 15px;
}

.front {
  background-color: #fefefe;
  background-color: #f6f6f6;
  padding: 25px;
  /*padding-bottom: 57px;*/
}

.front img:hover {
  opacity: 0.8;
}

.front2 {
	padding:0px;
}

.front2 img:hover {
	opacity: 0.9;
}

.tooltip {
  text-decoration: none;
  /*background-color: #FFC738;*/
  background-color: #F4F4F4;
  text-align: center;
  color: #333;
  font-size: 102%;
}

.has-tip {
  border-bottom: none;
}

figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	backface-visibility: hidden;
	transition: transform 0.3s, opacity 0.3s;
}

figure:hover figcaption,
figure.cs-hover figcaption {
	opacity: 1;
	transform: translate(15px, 15px);
}

/* *************************************************
PAGETITLE
************************************************* */

.seitentitel {
  background: #FEB02D;
  /*background: #FFC64C;*/
  /*background: #FF8D38;*/
  /*background: #FFA858;*/
  /*opacity: 0.7;*/
  padding-top:20px;
  padding-bottom: 10px;
  }

.seitentitel h1 {
  font-weight: bold;
  padding-top: 5px;
  color: #444;
  }

.seitentitel p {
	font-size: 105%;
	width: 75%;
	}

/* *************************************************
KONTAKT
************************************************* */

.kontakt {
	padding: 15px;
	background-color: #eee;
	}

.formular {
	background: #eee;
	}

/* *************************************************
FOOTER
************************************************* */

.footer {
  background: #ddd;
  border-top: 1px solid #aaa;
/*   text-align: center; */
  font-size: 80%;
  padding: 50px 0px;
/*   margin-top: 15px; */

}

.thumbnail {
  margin: 0px 15px 5px 0;
  float: left;
}

/* **********************************************
BLOCKZITAT - KLUGER SPRUCH
************************************************* */

blockquote {
  font-family: 'PT Sans', sans-serif;
  color: #805215;
  font-size: 18px;
  text-align:left;
  /*margin: 1.5em 10px;
  padding: 0.5em 10px;*/
  padding-bottom: 0px;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
  color: #805215;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

quote {
	color: #805215;
	quotes: "\201C""\201D""\2018""\2019";
	}

cite {
	color: #444;
	font-style: normal;
	}

cite:before {
	margin-right: 2em;
	content: "" ;
	}

/* Zitat ausrichten */

.hangingindent {
  padding-left: 33px ;
  text-indent: -33px ;
}

/* *************************************************
NAVIGATION UND MENUS
************************************************** */

.nav-desktop {
  height: 65px;
  padding: 0;
  }

.nav-desktop .menu-desktop {
  line-height: 65px;
  }

.menu >li > a {
  display: inline-block;
  line-height: 65px;
  padding-top: 0;
  padding-bottom:0;
  margin-right: -1px;
  }

.menu > li > a:hover {
/*   background-color: #FFAE00; */
	background-color: #ddd;
  color: #888;
/*   transition: all .8s; */
  }


.top-bar ul {
  line-height: 65px;
  }

.top-bar img {
  margin-top: 4px;
}

/* *************************************************
HAUPTBEREICH
************************************************* */

.main {
  /*font-family: 'Merriweather';*/
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 18px;
	}

/* *************************************************
RECHTE SPALTE
************************************************** */

aside {
  font-size: 80%;
  }

/* *************************************************
TOPBAR-LINKS
************************************************* */

.top-bar a {
	font-weight: bold;
	text-transform: uppercase;
	}

.current {
	background-color: #FFAE00;
	}

.current a {
	color: #fff;
	}

.site-logo, site-logo a {
  line-height: 65px;
  color: #FF7A00;
  }

/* *************************************************
MEDIA QUERIES
************************************************* */

@media (max-width: 700px) {
  .nav-desktop {
    display: none;
    }
  }

@media (max-width: 550px) {
	body {
		border: none;
		}
	}
@media (max-width: 550px) {
  quote {
    display: none;
    }
  }

/* *************************************************
GOOGLE MAPS RESPONSIVE
************************************************* */

.google-maps {
  position: relative;
  padding-bottom: 35%; // This is the aspect ratio
  height: 0;
  overflow: hidden;
/*     margin-bottom: 25px; */
	}

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
	}