/*
1. Google responsive
2. Objekte responsive

<div class="responsiveContainer">
  <!-- iframe-Code von Google Maps -->
</div>

Abstand oben
.mt50 {margin-top: 50px;
}

*/

/* ------------- NEU ------------- */

@font-face {
  font-family: Handlee;
  src: url(font/handlee-regular.ttf);
}

.mt30 {margin-top: 30px;
}

.mt50 {margin-top: 50px;
}

strong {
  color: #8e2954;              /* violett      */
  font-weight: 800;
}

p.italic {
  font-style: italic;
  color: #8e2954;
  font-size: 14px;
}

p.italic_top {
  font-style: italic;
  color: #511514;
  padding-top: 20px;
  font-size: 1.3em;
}

p.italic_left {
  font-style: italic;
  color: #511514;
  text-align: center;
  font-size: 1.3em;
}

p.space {
  margin-left: 150px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

img.mitte {
  display: flex;
  align-items: center;
  justify-content: center;
}



/* ------------ typography.css ------------ */
/* #80 */
h1, h2, h3, h4, h5, h6 {
	color: #511514;         /* braun */
	margin: 0 0 20px;
	line-height: 1.2;
	font-weight: 400;
	font-family: inherit;
}

/* #552 */
.arrow-list li a,
.check-list li a {
	color: #9b0254;
	outline: none;
    font-weight: bold;
}

.arrow-list li a:hover,
.check-list li a:hover {
	color: #383838;
}


/* ----------- layout.css ------------- */
/* #114 */
.header .header-row {
	display: table;
	width: 100%;
	height: 50px;
}

/* #16 Code steht am Ende */
body {
	background-color: #edd177;    /*   #fef9ea  */
  	background-image: none;
}


/* #277
.content {
	padding-bottom: 40px;
	background-color: #eadef3;
}
*/

/* ---------- shortcode.css -------------------- */
/* #743 */
.callout .callout-inner {
	display: table;
	width: 100%;
	background-color: #8e2954;     /*  alt #b73b43 */
    font-family: Handlee;
    font-size: 1.2em;
    color: #ffffff;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* #800 */
.callout.small {
	padding: 4px;
	font-size: 13px;
}

/* #805 */
.callout.small .callout-inner .kurs {
    font-style: italic;
}

.callout.small .callout-inner .kurs .klein {
    font-style: italic;
    font-size: 11px;
}

.callout .callout-inner02 {
	display: table;
    text-align: center;
	width: 100%;
	background-color: #ffffff;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Youxi v1.3 - Theme Stylesheet
 *
 * This file is part of Youxi, a HTML5 Business Theme build for sale at ThemeForest.
 * For questions, suggestions or support request, please mail me at maimairel@yahoo.com
 *
 * Development Started:
 * March 26, 2013
 *
 */
/* Links
================================================== */
a {
  color: #9b0254;      /* link violett */
}

.accent {
  color: #511514;         /* braun */
  font-size: x-large;
}

.accent2 {
  color: #666666;
  font-size: medium;
}

.accent3 {
  color: #511514;
  font-size: xx-large;
}

/* Body
================================================== */
body {
  background-image: url("assets/img/bg/fabric_of_squares_gray.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body {
    background-size: 410px 410px;
    background-image: url("assets/img/bg/fabric_of_squares_gray_@2X.png");
  }
}
/* Paragraph, DL
================================================== */
.dropcap {
  color: #511514;
}
/* Blockquote
================================================== */
blockquote small {
  color: #511514;
}
/* Navigation
================================================== */
.header .navigation > ul > li.nav-guide {
  background-color: #9b0254;      /* violett */
}
/* Image Gallery
================================================== */
.img-gallery .media > a > .overlay {
  background-color: rgba(193, 73, 237, 0.65);
}
/* Skill
================================================== */
.skill .bar .inner {
  background-color: #511514;
}
/* Testimonial
================================================== */
.testimonial .text .author > span {
  color: #511514;
}
/* Flickr
================================================== */
.footer .flickr-stream ul li:hover a {
  border-color: #511514;
}
/* Tags
================================================== */
.tags li a:hover {
  background-color: #511514;
  border-color: #b11be8;
}
/* Recent Posts
================================================== */
.recent-posts ul li .info .time {
  color: #511514;
}
/* Buttons
================================================== */
.btn {
  background-color: #511514;
  background-image: -moz-linear-gradient(top, #511514, #b424e9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#511514), to(#b424e9));
  background-image: -webkit-linear-gradient(top, #511514, #b424e9);
  background-image: -o-linear-gradient(top, #511514, #b424e9);
  background-image: linear-gradient(to bottom, #511514, #b424e9);
  border: 1px solid #b11be8;
}
/* Callout
================================================== */
.callout .headline {
  color: #511514;
}
/* Tabs
================================================== */
.tab .tab-nav > li.active {
  border-bottom: 1px solid #511514;
}
.tab.tab-bordered .tab-nav > li.active,
.tab-bordered .tab-nav > li.active {
  border-top-color: #511514;
}
/* Accordion
================================================== */
.accordion-header-active {
  color: #511514;
}
/* Team
================================================== */
.team .info .job {
  color: #511514;
}
/* Featured Text
================================================== */
.feature-text.dotted .text .icon:after {
  background-color: #511514;
}
/* Portfolio
================================================== */
.portfolio-item .item-image .overlay {
  background-color: rgba(193, 73, 237, 0.65);
}
/* Filterable Portfolio
================================================== */
.portfolio-filter > ul li.active a,
.portfolio-filter > ul li:hover a {
  background-color: #511514;
  border-color: #b11be8;
}
/* Pricing Table
================================================== */
.pricing-tables .pricing-table .ribbon-label {
  border: 1px solid #b11be8;
  background-color: #511514;
}
/* Timeline
================================================== */
.timeline ul li .bullet > span {
  background-color: #511514;
}
/* Job
================================================== */
.job-position .job-code > span {
  color: #511514;
}
/* Pagination
================================================== */
.pagination > ul li.active a,
.pagination > ul li:hover a {
  background-color: #511514;
  border-color: #b11be8;
}
/* Portfolio (IE)
================================================== */
.lt-ie9 .portfolio-item .item-image .overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a68B008B,endColorstr=#a68B008B)";
}
/* Image Gallery (IE)
================================================== */
.lt-ie9 .img-gallery .media > a > .overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a68B008B,endColorstr=#a68B008B)";
}

/* #16 */
body {
	background-color: #edd177;
  	background-image: none;
}