@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 {
	
img.site-logo {margin-left:40px; margin-top:0px; background-image: url(../images/logos/logo_kng3.png)}
  
  body.lang-fr img.site-logo {background-image: url(../images/logos/logo_ngtv.png)}
header h1 {background-color:#fff; height:86px;margin-bottom:40px; margin-top:40px;}	

#main {padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
  width:100%;}
  
  
  body.category-27 #main {margin-left:0; max-width:1020px;}

.blog h1 {text-align: right;
color: #E93664;
font-size: 32px;}
  
.page-header h1 {
text-align: right;
color: #E93664;
font-size: 32px;
  display:none}


body.is-homepage #main {background-color:transparent; padding-left:5px; padding-right:0px;}
  
  .blog h1 {display:none}
  
  .category-desc {padding-left:15px}

/*** TAG TEST ***/

ul.tags {}

ul.tags li {margin-left:-4px}


ul.inline > li, ol.inline > li {
    display: inline-block;
    *display: inline;
    padding-right: 5px;
    padding-left: 5px;
    *zoom: 1;}
	
ul.inline, ol.inline {
    margin-left: 0;
    list-style: none;
}	

label-info[href], .badge-info[href] {
    background-color: #2d6987;
}
.label-info, .badge-info {
    background-color: #3a87ad;
}
.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
label-info[href], .badge-info[href] {
    background-color: #2d6987;
}
.label-info, .badge-info {
    background-color: #3a87ad;
}
.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.label, .badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    white-space: nowrap;
    vertical-align: baseline;
    /*background-color: #999;*/
}

/***/

/*.blog {width:1120px; margin-left:-30px}*/

.ym-grid {width:1120px; margin-left:-20px;}
  .ym-contain-fl {max-width:1100px; margin-left:20px;}  

body.is-homepage .ym-grid {width:1120px; margin-left:0;}


.ym-gbox {
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
.ym-gbox-left {padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;}
.ym-gbox-right {padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;} 

/** Falang - Language Switcher **/

li.lang-active a{color:#FF2655!important}


.logo {margin-right:24px; margin-top:34px;}
  
/***LOGO***/
  
  /** Frontseite mit Flip-Wall **/
.flip-container {
    perspective: 1000px;
	margin-bottom:12px;
        
}
    /* flip the pane when hovered */
    .flip-container:hover .flipper, .flip-container.hover .flipper {
        transform: rotateY(180deg);
    }
.flip-container, .front, .back {
    width: 360px;
    height: 360px;
    hyphens: auto;
    
    
    }
/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
/* hide back of pane during swap */
.front, .back {
    /**backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;**/
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 0.6s;
transition: 0.6s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;

}
/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    /**transform: rotateY(0deg);
    background-color:#F96;**/
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
    
}
/* back, initially hidden pane */
.back {
    /**transform: rotateY(180deg);
    background-color: #FFF;**/

-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
   background-color: #FFF;}
    }
.back_inner {padding:15px}


/****/

select.djsm-select {padding:10px}
.filter01 {float:left;margin-right:20px;}
.filter02 {}
.filter01 h5, .filter02 h5  {margin: 0 0 0.4em 0; font-weight:600; font-size:90%; color:#E93664}
  
/**Buttons**/

.btn2 {
  background: #E93664;
  background-image: -webkit-linear-gradient(top, #E93664, #E93664);
  background-image: -moz-linear-gradient(top, #E93664, #E93664);
  background-image: -ms-linear-gradient(top, #E93664, #E93664);
  background-image: -o-linear-gradient(top, #E93664, #E93664);
  background-image: linear-gradient(to bottom, #E93664, #E93664);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:140px;
  border:0;
  cursor:pointer;
}

.btn2:hover {
  background: #9fa4a6;
  text-decoration: none;
}
  
.btn2 a {color:#ffffff;}


 .btn3 {
  background: #A6CE39;
  /**background-image: -webkit-linear-gradient(top, #E93664, #E93664);
  background-image: -moz-linear-gradient(top, #E93664, #E93664);
  background-image: -ms-linear-gradient(top, #E93664, #E93664);
  background-image: -o-linear-gradient(top, #E93664, #E93664);
  background-image: linear-gradient(to bottom, #E93664, #E93664);**/
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  padding: 10px 18px 10px 18px;
  text-decoration: none;
  /**max-width:140px;**/
   float:left; 
   white-space:nowrap;
   margin-bottom:10px;
}

.btn3:hover {
  background: #9fa4a6;
  text-decoration: none;
  color: #fff;
}
  
.btn3 a {color:#ffffff;}

.spenden {margin-top:24px;}
  

}

/** EDITORklassen*/

h4.sag-gruen {background: #A3C041; display: block; width: auto; padding:0;}
.sag-gruen2 {background: #A3C041; display: block; width: auto; padding:5px;}
.sag-gruen3 {background: #A3C041; display: block; width: auto; padding:10px;}


/** Neue eigene Klasse **/
.back_inner {padding:20px}

.blog h2 {display:none}

/**.green {background-color:#00FF37!important}**/

/***
 #flip-this {
	height: 360px;
    width: 360px;
   	float:left;
}

#flip-this img {
	width: 360px;
	height: 360px;
}

#flip-this .back {
    background: #2184cd;
    color: #fff;
    text-align: center;
	margin-top:-18px;
}**/

/**EDGE**/
@supports (-ms-ime-align:auto) {
  .ym-col2 { width:23%; } 
}

}