@charset "UTF-8";

/**
 * 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
 */

@media all {

  body {
	background-color: #FFF;
	background-image: url(../images/pexels-photo-27285weich.jpg);
	background-size: 100% 5000%;
	background-repeat: no-repeat;
	color: rgba(135, 135, 135, 1)
  }

header h1 {margin-left:50px; margin-top:30px;}
  
  .blog h1 {
    margin-left: 50px;
    font-size:300%;
    color: #8191c2;
}

  body.category-30 div.item-page, body.category-30 div.blog .item, body.parent-category-27 div.item-page, body.parent-category-27 div.blog .item {padding:25px; margin:30px; background-color: #F8F8F8; -webkit-border-radius: 1.1em;-moz-border-radius: 1.1em;border-radius: 1.1em;}
	
  body.category-30 div.blog,body.category-30 div.item-page p, body.parent-category-27 div.blog, body.parent-category-27 div.item-page p {font-size:130%}
  
  
h2 {color:#D77417}

.ym-wrapper {
		min-width:90%;
		/**max-width:80em;**/

		background:#fff;
	}
	
	.radius img {border-radius:20px}
	
	.vertikal {display: table-cell;
    vertical-align: middle;
	min-height:10em}

}

.naturtitle h3 {
	font-family: Raleway;
	font-size: 32px;
	color:#D77417;
    text-transform:uppercase;
  	line-height: 1.2em
}

.naturtitle p {
	
color: rgba(135, 135, 135, 1);
font-size: 16px;
line-height: 16px;
line-height: 25px;
font-weight: 300;
}


.cat-children, .pagination-box {margin-left:50px}

/** Buttons **/

.button {
    border: none;
	color: white;
	padding: 13px 40px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	text-transform: uppercase;
}

.button1 {
    background-color: rgba(215, 116, 23, 1); 
    color: white; 
    /**border: 0px solid #4CAF50;**/
	border-radius:100px;
}

.button1:hover {
    background-color: grey;
    color: white;
}


tbody tr:hover th, tbody tr:hover td {
  background: #fff;
}

tbody td {border:none}

table {border-top:0; border-bottom:0}



.ym-hlist ul li.active a.active_link {color:#000}

/*** Blog Bild - gecropped und verkleinert ***/

.item-image img {width:300px; height:300px; object-fit: cover;}

/** Videos einbinden **/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}