/**
 * JYAML - Template Framework includes YAML for Joomla!
 *
 * All rights reserved. The JYAML project is a template to manage and
 * configure Joomla!-Templates with the YAML XHTML/CSS Framework
 * - http://www.yaml.de
 *
 * -----------------------------------------------------------------------------
 *
 * @version     Id: $Id$
 *
 * @package     JYAML
 * @subpackage  Stylesheet
 *
 * @author      Reinhard Hiebl <reinhard@hieblmedia.com>
 * @copyright   Copyright (C) 2006 - 2016, HieblMedia (Reinhard Hiebl)
 * @license     http://www.jyaml.de/en/license Creative Commons Attribution 3.0
 * @link        http://www.jyaml.de
 */

@import url(../fonts/opensans/opensans_regular_macroman/stylesheet.css);

@import url(_custom.navigation.css);
@import url(_custom.print.css);

@media all {

body {
/*  background-color: #EFEFEF;*/
  background-color: #ede3e3;
  font-size: 1em;
}

div.ym-wrapper {
  background-color: transparent;
  max-width: 1200px;
}

div.ym-wbox {
  padding: 0;
}

header {
  background-color: transparent;
  padding-bottom: 0;
}

#breadcrumbs {
  padding-top: 0;
}

#main {
  padding: 1em 2em;
}

h1, h2, h3, h4 {
  font-family: "open_sansregular", sans-serif;
  font-weight: normal !important;
  color: #720000;
}

h2 {
  max-width: 82%;
}

h3 {
  margin: 1.3em 0 0.9em 0;
  line-height: 1.25em;
}

h4 {
  font-size: 1.3em;
  margin: 1.1em 0 0.4em 0;
}

p {
  margin-bottom: 1.1em;
}

a {
  color: #720000;
}

a:hover,
a:focus,
a.active {
  background-color: transparent;
  color: #720000;
  border-bottom: 1px solid #720000;
}

h1 a:hover,
h1 a:focus,
h1 a.active,
h2 a:hover,
h2 a:focus,
h2 a.active,
h3 a:hover,
h3 a:focus,
h3 a.active,
h4 a:hover,
h4 a:focus,
h4 a.active {
  border-bottom: 0;
}

header h1 {
  font-size: 1.9em;
  letter-spacing: 0.001em;
  padding-bottom: 0.3em;
  padding-left: 1em;
}

header h1 a {
  text-transform: lowercase;
}

div.item-page,
div[class^="blog"] {
  margin-top: 1.5em;
  margin-bottom: 3em;
}

div[class^="blog"] h2 {
  max-width: 66%;
}

div[class^="blog"] div.item {
  padding-bottom: 2em;
}

div[class^="blog"] div.ym-gbox-left {
  padding-right: 1.5em;
}

div[class^="blog"] div.ym-gbox-right {
  padding-left: 1.5em;
}

div.icons {
  margin-left: 0;
  margin-top: 0.5em;
}

div.icons ul.dropdown-menu {
  position: relative;
  display: block;
  min-width: 0;
  border: 0;
  padding: 0;
  margin: 2px 0 0.7em 0em;
  z-index: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 !important;
  -moz-box-shadow: 0 0 0 !important;
  box-shadow: 0 0 0 !important;
}

div.icons ul.dropdown-menu a {
  color: #720000;
}

div.icons ul.dropdown-menu a:hover,
div.icons ul.dropdown-menu a:focus,
div.icons ul.dropdown-menu a:active {
  color: #aa2a2a;
  background: transparent;
  border-bottom: none;
}

div.icons ul.dropdown-menu span[class^="fa"] {
  padding-right: 0.3em;
}

.page-header {
  border-bottom: 0;
}

div.item-page h2 {
  font-size: 1.9em;
  font-weight: bold !important;
}

div[class^="blog"] h2 {
  font-size: 1.9em;
}

div.infobox {
  background-color: #e8e8e8;
  padding: 1.5em;
  margin-top: 1em;
  margin-bottom: 1.5em;
  display: inline-block;
  text-align: justify;
}

p.readmore,
div#back-link {
  padding-top: 0.5em;
}
p.readmore a::before {
  content: "";
}
p.readmore a span,
div#back-link a span {
  top: 0.1em;
  position: relative;
  margin-right: 0.2em;
}

.no-article-footer div#article-footer {
  display: none;
}




/*************** Footer **************/
footer .ym-cbox {
  padding: 0;
}

footer {
  border-top: 0;
  background: #720000;
  color: #FFFFFF;
  padding: 1.5em 2em 1em 2em;
}

footer div.kontaktdaten {
  width: 60%;
}

footer .table-cell {
  display: inline-table;
}

footer p {
  display: inline-table;
  margin-right: 3em;
  margin-bottom: 0;
}

footer a {
  font-weight: normal;
  color: #FFFFFF;
}

footer a:hover,
footer a:focus,
footer a:active {
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 1px solid #FFFFFF;
}
  
footer #deco-img {
  float: right;
}
/*************** Ende Footer **************/


/********* "Mailto"-Fenster *********/
body.tmpl-component  div#mailto-window h2 {
  width: 100%;
  font-size: 1em;
  font-weight: bold !important;
}
body.tmpl-component div#mailto-window div.mailto-close {
  margin-bottom: 20px;
}
body.tmpl-component div#mailto-window form#mailtoForm,
body.tmpl-component div#mailto-window div.formelm {
  display: table;
}
body.tmpl-component div#mailto-window div.formelm label,
body.tmpl-component div#mailto-window div.formelm input {
  display: table-cell;
}
body.tmpl-component div#mailto-window div.formelm label {
  width: 110px;
}
/*************** Ende "Mailto"-Fenster **************/

div.totop {
  display: none;
  position: fixed;
  bottom: 0;
  right: 1em;
  color: black;
  background-color: #696969;
  z-index: 999999999;
}

div.totop a {
  border-bottom: none;
}

div.totop a i[class^="fa"] {
  padding: 0.7em;
}

}



/***********************************************************************************************************************************************************
********************************************************** Media Queries ***********************************************************************************
************************************************************************************************************************************************************/

/*******************************************************************************/
@media all and (max-width: 1024px) {

.hide-on-mobile {
  display: none !important
}

header {
  padding-top: 0;
}

header h1 {
  padding-left: 1em;
  padding-top: 2em;
  padding-bottom: 0.5em;
}

}

/*******************************************************************************/
@media all and (max-width: 899px) {

header {
  padding-top: 0;
}

body.tmpl-error .ym-col3 {
  margin: 0;
}
/*
footer #deco-img {
  float: none;
  margin-top: 20px;
}
*/
}


/*******************************************************************************/
@media all and (max-width: 707px) {

footer p {
  margin-right: 0.5em;
}

}

/*******************************************************************************/
@media all and (min-width: 560px) and (max-width: 707px) {
/*
footer div.kontaktdaten {
  width: 60%;
}
*/
footer #deco-img {
  float: right;
  margin-top: 0;
}

}

/*******************************************************************************/
@media all and (max-width: 650px) {

header h1 {
  font-size: 1.5em;
  line-height: 1.1em;
  padding-left: 0.5em;
  padding-bottom: 0;
}

#main {
  padding: 1em 1em;
}

div.item-page,
div[class^="blog"] {
  margin-bottom: 0;
}

div.icons {
  float: none;
}

ul.actions li {
  margin-left: -1em;
}

div[class^="blog"] h2 {
  max-width: 100%;
}

div[class^="blog"] div.ym-gbox-left,
div[class^="blog"] div.ym-gbox-right {
  border-bottom: 1px solid #696969;
}

footer {
  padding-left: 1em;
  padding-right: 1em;
}

footer div.kontaktdaten {
  width: 100%;
}

footer #deco-img {
  float: none;
  margin-top: 30px;
}

}

/*******************************************************************************/
@media all and (max-width: 480px) {

header h1 {
  margin-top: -1.7em;
}

div.infobox {
  text-align: left;
  padding: 0.8em;
}

div.totop a i[class^="fa"] {
  padding: 0.4em;
}

}