@charset "UTF-8";
/**
 * combine less css files for final css output
 * version2017: included kpoe_new.less into
 * defaults...
 *
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/**
 * Bootstrap custom styling, VARIABLES AND MIXINS
 *
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
/* less cmd import once to include settings */
/* ADDITIONAL SCREENSIZES */
/* calculate some common used spacers in em for default fontsize */
/*10px*/
/*5px*/
/*15px*/
/*15px*/
/*the divider color for css3 columns*/
/* navigation top  */
/*
@mainmenu_bgcolor: lighten(@navbar-default-border, 6.5%);
@mainmenu_hovercolor: darken(@navbar-default-border, 6.5%); 
*/
/*@navbar-default-border;*/
/*#CCCCCC;*/
/**
*  mixin for responsive column sizing (different count of columns for each screensize)
*  use like: .mixin_floating_columns(3;15;@screen-xs-max); 
*  //calc 3 columns with gutter <=15px at screen-xs-max (15px reached at targetscreensize)
*  used in filelist css for phpwcms
*/
/* additional screen sizes for media queries */
/* bs has screen-xs=screen-phone=480px 
 * notice this is used as lower and higher limit
 * max-width: @screen-xxs - 1
 * min-width: @screen-xxs
 * */
/**
 * Bootstrap custom styling, VARIABLES AND MIXINS
 *
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
/* less cmd import once to include settings */
/* ADDITIONAL SCREENSIZES */
/* variables for carousel calculation */
/* ADDITIONAL SCREENSIZES */
/**
 * global phpwcms css to include
 * includes all common styles for core phpwcms elements and bootstrap3 templates
 *
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
/* less cmd import once to include settings */
body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow: -moz-scrollbars-vertical;
  background: none repeat scroll 0 0 #F9FAFB;
  /* #f9fafb;*/
}
a {
  color: #AD0000;
  text-decoration: none;
  word-break: break-word;
  word-wrap: break-word;
}
a:hover,
a:focus {
  color: #940000;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline-offset: -2px;
}
/*article start: artikel detailanzeige und schlagtext bzw. bild standard */
/*the max-width setting combined with an inner div setting max width of captions works much better, but limits the size of article images to 50% */
.article-image-wrapper {
  float: left;
  /* normalerweise top: 6px (20 line-height - 14 font-size to properly aline image top with text top)*/
  margin: .5em 1em .5em 0;
  max-width: 50%;
}
/* img with text umbruch auf schmalen displays anpassen */
@media (max-width: 480px) {
  .article-image-wrapper {
    float: none;
    margin: 0 0 0.5em 0;
    width: 100%;
    max-width: 100%;
  }
  .article-image-wrapper:before,
  .article-image-wrapper:after {
    content: " ";
    display: table;
  }
  .article-image-wrapper:after {
    clear: both;
  }
}
/*article end: artikel detailanzeige und schlagtext bzw. bild standard */
/* updated text mit bild contentpart requires css! */
.imgtxt-top-left,
.imgtxt-bottom-left {
  position: relative;
  margin: 1em 0;
  clear: both;
}
.imgtxt-top-right,
.imgtxt-bottom-right {
  position: relative;
  /* 	float: right;*/
  margin: 1em 0;
  clear: both;
  text-align: right;
}
/*working with new default imagediv, using image_td as wrapper*/
.imgtxt-top-center,
.imgtxt-bottom-center {
  position: relative;
  margin: 1em auto;
  clear: both;
  text-align: center;
}
.imgtxt-top-right .image_caption,
.imgtxt-bottom-right .image_caption {
  text-align: left;
  float: right;
}
.imgtxt-top-right:before,
.imgtxt-bottom-right:before,
.imgtxt-top-right:after,
.imgtxt-bottom-right:after {
  content: " ";
  display: table;
}
.imgtxt-top-right:after,
.imgtxt-bottom-right:after {
  clear: both;
}
.imgtxt-top-center .image_caption,
.imgtxt-bottom-center .image_caption {
  text-align: left;
  margin: 0 auto;
}
.imgtxt-left {
  position: relative;
  float: left;
  margin: 0 1em 1em 0;
}
.imgtxt-right {
  position: relative;
  float: right;
  margin: 0 0 1em 1em;
}
/* verbesserungen by tomo.at, table-row is supported by ie 9*/
.image-with-text:before,
.image-with-text:after {
  display: table;
  line-height: 0;
  content: "";
}
.image-with-text:after {
  clear: both;
}
.imgtxt-column-right {
  display: table-row;
}
.imgtxt-column-right .imgtxt-column-right-text {
  display: table-cell;
  vertical-align: top;
  width: 65%;
}
.imgtxt-column-right .imgtxt-column-right-image {
  display: table-cell;
  vertical-align: top;
  padding: 0px 1em 0px 0px;
  max-width: 75px;
  overflow: hidden;
}
.imgtxt-column-left {
  display: table-row;
}
.imgtxt-column-left .imgtxt-column-left-text {
  display: table-cell;
  vertical-align: top;
  width: 65%;
}
.imgtxt-column-left .imgtxt-column-left-image {
  display: table-cell;
  vertical-align: top;
  padding: 0px 0em 0px 1em;
  max-width: 75px;
  overflow: hidden;
}
/* Anpassungen für responsive imagetext (move to phpwcms settings?) */
.imgtxt-column-right-image img,
.imgtxt-column-left-image img {
  max-width: 100%;
  height: auto;
}
/* img with text umbruch auf schmalen displays anpassen */
@media (max-width: 480px) {
  .imgtxt-right,
  .imgtxt-left {
    float: none;
    margin: 0 0 1em 0;
    width: 100%;
  }
  .imgtxt-right {
    text-align: right;
  }
  .imgtxt-right:before,
  .imgtxt-right:after {
    content: " ";
    display: table;
  }
  .imgtxt-right:after {
    clear: both;
  }
  .imgtxt-right .image_caption {
    text-align: left;
    float: right;
  }
}
/*responsive imagetext images */
.image-with-text .image_td,
.image-with-text .image_img {
  max-width: 100%;
  height: auto;
  overflow: hidden;
}
/*some default styles for bordered block elements*/
.bordered {
  border: 1px solid #CCCCCC;
  padding: 2px;
}
/* more common use default styles */
.no-margin {
  margin: 0;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.strong {
  font-weight: bold;
}
/*horizontal spacers */
.hor_spacer_big {
  margin: 5px 0;
  border: 0px dotted #CCCCCC;
  border-bottom: 6px dotted #CCCCCC !important;
}
.hor_spacer_medium {
  margin: 6px 0;
  border: 0px dotted #ccc;
  border-bottom: 4px dotted #CCCCCC !important;
}
.hor_teaser_after,
.hor-teaser-after {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* default categories article listing */
/*reset floats*/
.articlelist-item {
  overflow: hidden;
}
.articlelist-imgwrap {
  float: left;
  margin: 0 10px 10px 0;
}
/* overflow:hidden is the magic to make it takeup available space and not wrap*/
.articlelist-txtwrap {
  overflow: hidden;
}
/*force override styling of summary texts*/
.articlelist-summary,
.articlelist-summary * {
  font-size: 1em !important;
  color: inherit !important;
  font-weight: inherit !important;
  font-family: inherit !important;
}
.articlelist-title {
  margin-top: 0px;
}
/*image caption*/
.image_caption {
  font-size: 0.8em;
  font-weight: normal;
  color: #555555;
  word-wrap: break-word;
}
/* initialen */
.initialen:first-letter {
  float: left;
  padding: 0.1em 0.25em 0 0;
  font-size: 3em;
  color: #AD0000;
}
.initialen:first-line {
  line-height: 100%;
}
/* so called image tables (cp 2) */
.image-table .image_caption {
  overflow-x: hidden;
  word-wrap: break-word;
}
/*cp 19 sitemap*/
.sitemap-ebene,
.sitemap-artikel {
  list-style-image: none;
  list-style: none;
}
.sitemap-ebene li:before,
.sitemap-artikel li:before {
  content: url("/img/mini_icons_2/folder.gif");
  display: inline-block;
  margin-left: -15px;
  margin-right: 0.5em;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: relative;
  top: 1px;
}
.sitemap-artikel li:before {
  content: url("/img/mini_icons_2/document.gif");
}
/* end cp19 sitemap*/
/** css3 columns used in plaintext and html templates
 * 2015: added media queries to only add columns if
 * screen size allows it.
 * unter 481px wird alles einspaltig angezeigt, darüber
 * werden die spalten mehr (aber u.u weniger als die klasse 
 * suggeriert, z.b col5 < 993 nur 3 spalten (mindestbreite spalte ca. 240px!) 
 * */
/*keeptogether is used to avoid breaks inside blocks */
.keeptogether {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid !important;
  break-inside: avoid-column;
  /*this is a required hack for firefox*/
  display: table;
}
/* >=481px */
@media (min-width: 481px) {
  /*hier alle auf 2 spalten gesetzt für ~ 240px; */
  .col-tx-2 {
    -moz-column-width: auto;
    -moz-column-count: 2;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 2;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 2;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
  .col-tx-3 {
    -moz-column-width: auto;
    -moz-column-count: 2;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 2;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 2;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
  .col-tx-4 {
    -moz-column-width: auto;
    -moz-column-count: 2;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 2;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 2;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
  .col-tx-5 {
    -moz-column-width: auto;
    -moz-column-count: 2;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 2;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 2;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
  .col-tx-6 {
    -moz-column-width: auto;
    -moz-column-count: 2;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 2;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 2;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
}
/* >=768px, alle > 3 auf 3! */
@media (min-width: 768px) {
  .col-tx-3 {
    -moz-column-width: auto;
    -moz-column-count: 3;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 3;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 3;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
  .col-tx-4 {
    -moz-column-width: auto;
    -moz-column-count: 3;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 3;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 3;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
  .col-tx-5 {
    -moz-column-width: auto;
    -moz-column-count: 3;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 3;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 3;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
  .col-tx-6 {
    -moz-column-width: auto;
    -moz-column-count: 3;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 3;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 3;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
}
/* >=993x, alle > 4 auf 4! */
@media (min-width: 992px) {
  .col-tx-4 {
    -moz-column-width: auto;
    -moz-column-count: 4;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 4;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 4;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
  .col-tx-5 {
    -moz-column-width: auto;
    -moz-column-count: 4;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 4;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 4;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
  .col-tx-6 {
    -moz-column-width: auto;
    -moz-column-count: 4;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 4;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 4;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
}
/* >=1200, alle > 4 auf 4! */
@media (min-width: 1200px) {
  .col-tx-5 {
    -moz-column-width: auto;
    -moz-column-count: 5;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 5;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 5;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
  .col-tx-6 {
    -moz-column-width: auto;
    -moz-column-count: 6;
    -moz-column-gap: 29px;
    -moz-column-rule-color: #F2F2F2;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-width: auto;
    -webkit-column-count: 6;
    -webkit-column-gap: 29px;
    -webkit-column-rule-color: #F2F2F2;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-width: auto;
    column-count: 6;
    column-gap: 29px;
    column-rule-color: #F2F2F2;
    column-rule-style: solid;
    column-rule-width: 1px;
  }
}
/* filelists with images */
ul.filelist {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/*
.filelist-standard .row, .fl-bild-1spaltig .row {
padding-bottom:1em;	
margin-bottom:1em;
border-bottom: 1px solid #efefef	
}
*/
/*fully responsive styling for fl-pressefoto downloadlists  */
.fl-pressefoto {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 0 dotted #CCC;
  clear: both;
  /*max 479 */
  /* min 480, max 767*/
  /* min 768, max 991*/
}
.fl-pressefoto .filelist {
  padding: 0 15px;
}
.fl-pressefoto .filelist-item {
  margin-left: 3.1315%;
  margin-bottom: 10px;
  max-width: 48.43425%;
  width: 48.43425%;
  float: left;
  padding: 4px;
  border: 1px solid silver;
  overflow: hidden;
}
.fl-pressefoto img {
  margin: 0 auto;
}
@media (max-width: 479px) {
  .fl-pressefoto .filelist-item:nth-child(2n+1) {
    clear: both;
    margin-left: 0px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .fl-pressefoto .filelist-item {
    margin-left: 1.9557%;
    max-width: 32.02953333%;
    width: 32.02953333%;
  }
  .fl-pressefoto .filelist-item:nth-child(3n + 1) {
    clear: both;
    margin-left: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fl-pressefoto .filelist-item {
    margin-left: 1.5136%;
    max-width: 23.8648%;
    width: 23.8648%;
  }
  .fl-pressefoto .filelist-item:nth-child(4n + 1) {
    clear: both;
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .fl-pressefoto .filelist-item {
    margin-left: 1.25%;
    max-width: 19%;
    width: 19%;
  }
  .fl-pressefoto .filelist-item:nth-child(5n + 1) {
    clear: both;
    margin-left: 0px;
  }
}
/*end filelist fl-pressefoto responsive styling */
/*fully responsive styling for fl-medien-pdf downloadlists  */
.fl-medien-pdf {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 0 dotted #CCC;
  clear: both;
  /*max 479 */
  /* min 481, max 767*/
  /* min 768, max 991*/
}
.fl-medien-pdf .filelist {
  padding: 0 15px;
}
.fl-medien-pdf .filelist-item {
  margin-left: 3.1315%;
  max-width: 48.43425%;
  width: 48.43425%;
  float: left;
  padding: 4px;
  overflow: hidden;
}
.fl-medien-pdf img {
  margin: 0 auto;
}
.fl-medien-pdf .btn {
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 479px) {
  .fl-medien-pdf .filelist-item:nth-child(2n+1) {
    clear: both;
    margin-left: 0px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .fl-medien-pdf .filelist-item {
    margin-left: 1.9557%;
    max-width: 32.02953333%;
    width: 32.02953333%;
  }
  .fl-medien-pdf .filelist-item:nth-child(3n + 1) {
    clear: both;
    margin-left: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fl-medien-pdf .filelist-item {
    margin-left: 1.5136%;
    max-width: 32.32426667%;
    width: 32.32426667%;
  }
  .fl-medien-pdf .filelist-item:nth-child(3n + 1) {
    clear: both;
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .fl-medien-pdf .filelist-item {
    margin-left: 1.25%;
    max-width: 24.0625%;
    width: 24.0625%;
  }
  .fl-medien-pdf .filelist-item:nth-child(4n + 1) {
    clear: both;
    margin-left: 0px;
  }
}
/*end filelist fl-medien-pdf responsive styling */
.filelist .thumbnail {
  border-width: 0;
}
.filelist .thumbnail img {
  border: 1px solid #ccc;
  padding: 2px;
}
.fl-downloadsection li {
  border-bottom: 3px dotted #CCCCCC;
  padding-bottom: 0.5em;
}
/* pdfviewer plugin*/
.pdf-viewer-container,
.pdf-viewer-container object {
  max-width: 100% !important;
}
.fl-pdfviewer .pdf-viewer-container {
  margin-bottom: 0.5em;
}
/* article with cp pagination nav-tabs */
.cp-pagination {
  margin-bottom: 1em;
}
/* our active class is on the link itself! */
.cp-pagination .nav-tabs > li > a.active,
.cp-pagination .nav-tabs > li > a.active:hover,
.cp-pagination .nav-tabs > li > a.active:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #fff;
  border-color: #ddd #ddd transparent;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #555;
  cursor: default;
}
/* reference cp aka bilderwechsel, images responsive */
.cp-reference img {
  height: auto;
  max-width: 100%;
  overflow: hidden;
}
/*einige anpassungen für frontendEditLinks */
.fe-link + .row {
  clear: left !important;
}
a.fe-link {
  z-index: 1025 !important;
}
/* add word break in headlines for long texts, alternatively add hyphenation to long words */
h1,
h2,
h3,
h4,
h5,
h6 {
  word-wrap: break-word !important;
}
/* zeitungsarchiv 6-spaltige anzeige */
.teaserfilter {
  margin-bottom: 0.5em;
}
.teaserfilter select {
  margin-right: 0.5em;
}
/* smaller column gaps in 6 columns large view */
@media (min-width: 1200px) {
  .zeitungsarchiv [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .zeitungsarchiv [class*="col-"]:last-child {
    padding-right: 15px;
  }
  .zeitungsarchiv [class*="col-"]:first-child {
    padding-left: 15px;
  }
}
/* images div make images in template img_thumbnails responsive */
.img-fototabelle-item {
  max-width: 100%;
  overflow: hidden;
}
/**
 * bootstrap3 layout css for kpoe sites
 * fixed top navbar, sticky footer (100% page height), right column
 *
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
/* less cmd import once to include settings */
/*100% height and sticky footer*/
html,
body {
  height: 100%;
}
#wrap {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0 auto 0;
  background-color: #FFFFFF;
  /*box-shadow: 0 -6px 5px 2px #ccc;*/
  border: 1px solid #e7e7e7;
  border-top-width: 0px;
  border-bottom-width: 0px;
  box-sizing: content-box;
}
header .navbar-default {
  background-color: #FFFFFF;
  border-color: #e7e7e7;
}
header .navbar-brand {
  padding: 0;
}
#logo {
  height: 3.3333em;
  width: auto;
  margin-top: 0.5556em;
  /*10px*/
  margin-left: 0.8333em;
  /*15px*/
}
/*the addon buttons in the top navbar, mobile first...!, style changes for bigger ones with media queries*/
/*
#top-addonbar .fa {
  font-size: @baseFontSize !important;
  color: inherit;
}

#top-addonbar > .btn {
  margin-top: 0;
  color: @gray-light;
}
*/
/*the page content area*/
#pagecontent {
  margin-top: 80px;
  margin-bottom: 30px;
}
.pagecontent-padding {
  padding: 0 1.0714em 0 1.0714em;
}
#content {
  padding-top: 1.0714em;
}
footer {
  position: relative;
  height: 30px;
  margin-top: -30px;
  clear: both;
  background-position: top right;
}
footer .container {
  padding-top: 0px;
  margin: 0 auto 0;
  border-top: 0 solid #e7e7e7;
}
footer .navbar {
  border-width: 0;
}
footer .nav > li > a {
  padding: 5px 15px;
}
/* add class="jumptarget" to all targets. */
.jumptarget::before {
  content: "";
  display: block;
  visibility: hidden;
  height: 80px;
  /* fixed header height*/
  margin: -80px 0 0;
  /* negative fixed header height */
}
/*some settings to alter bootstrap column gaps*/
/*use .row-no-padding on row to eliminate column gap */
.row-no-padding [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.row-no-padding [class*="col-"]:last-child {
  padding-right: 15px;
}
.row-no-padding [class*="col-"]:first-child {
  padding-left: 15px;
}
/*use .row-sm-padding on row for smaller padding between columns */
.row-sm-padding [class*="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}
.row-sm-padding [class*="col-"]:last-child {
  padding-right: 15px;
}
.row-sm-padding [class*="col-"]:first-child {
  padding-left: 15px;
}
/* breadcrumb shall allway be only one line */
.breadcrumb {
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/**
 * bootstrap3 layout css for kpoe sites
 * fixed top navbar, sticky footer (100% page height), right column
 *
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
/* less cmd import once to include settings */
/*MOBILE AND GENERIC LAYOUT FIRST*/
#content {
  padding-top: 0;
}
#pagecontent {
  margin-top: 0;
}
#exdcp_10980_container_ph {
  max-width: 100% !important;
}
#hdr-wrap {
  overflow: hidden;
  /*	max-height: 420px;*/
  /*	min-height: 420px;*/
  padding-top: 50px;
  /*navbar new style, because old css does not match!*/
}
#hdr-wrap .navbar-default {
  background-color: #ffffff;
  border-color: #e7e7e7;
}
#hdr-wrap .navbar-brand {
  padding: 0 15px;
}
#hdr-wrap .navbar-nav > li > a {
  padding: 5px 10px;
}
/**
 * custom styling css kpoe 2014
 *
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
/* less cmd import once to include settings */
/*specific teaser and news config, MOBILE FIRST!! */
/*teaser default images and wrapping*/
.teaser_entry_inner,
.news_entry_inner {
  margin-bottom: 0.7143em;
  /*.7143em */
  overflow: hidden;
}
.teaser_entry,
.news_entry {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 2px dotted #CCCCCC;
}
.teaser_entry_inner.noimg h4 {
  margin-top: 0;
}
.block-columns-2 .teaser_entry_inner {
  min-height: none;
  height: auto;
}
.block-columns-2 .teaser_imgwrapper {
  margin: 0 10px 2px 0;
}
.block-columns-2 h4 {
  margin-top: 0;
}
/* block 3 white, als tabelle bzw mit färbigem hg auszeichnen */
.block-3 .teaser_entry {
  border: 1px solid #eee !important;
}
.block-3 .teaser_imgwrapper {
  margin: 2px 10px 2px 0;
  float: left;
}
.block-3 h4 {
  margin-top: 0px;
}
.block-3 .teaser_entry_inner {
  min-height: none;
  height: auto;
}
@media (min-width: 768px) {
  .block-3 {
    margin: 0px -29px !important;
  }
  .block-3 .col-xs-12 {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 7px;
  }
  .block-3 .row {
    display: table-row;
  }
  .block-3 .teaser_entry {
    float: none;
    display: table-cell;
    vertical-align: top;
    padding: 8px 8px 35px 8px;
    /*	border: 3px dotted @divider_std;
	        border-width: 0 3px 0 3px; */
  }
  .block-3 .row .teaser_entry:first-of-type {
    border-width: 0 1px 0 0;
  }
  .block-3 .row .teaser_entry:last-of-type {
    border-width: 0 0 0 1px;
  }
  .block-3 .btn {
    border-collapse: separate;
    border-spacing: 0px;
    position: absolute;
    bottom: 8px;
    left: 4%;
    max-width: 92%;
  }
}
.red .teaser_entry {
  background-color: #ffd7bf;
}
.lightgrey .teaser_entry {
  background-color: #eeeeee;
}
.well.bg-warning {
  background-color: #fcf8e3 !important;
}
/*
.block-3-white .teaser_imgwrapper{
	margin: 0 10px 2px 0;
	float:left;	
}

.block-3-white{
	margin: 0 0px!important;	
}

.block-3-white .teaser_entry_inner{
	min-height:none;
	height: auto;
}

.block-3-white h4{
	margin-top: 0;	
}

.block-3-white .col-xs-12 {
	display:table;
	border-collapse: collapse;
}

.block-3-white .row {
	display:table-row;
}

.block-3-white .teaser_entry {
	float:none;	
	display:table-cell;	
	vertical-align: top;
	padding:8px;
	border: 1px solid @divider_std;
	border-width: 0 1px 0 1px;
}

.block-3-white .row .teaser_entry:first-of-type{
	border-width: 0 1px 0 0;
}

.block-3-white .row .teaser_entry:last-of-type{
		border-width: 0 0 0 1px;
}

.block-3-white .btn {
border-collapse: separate;	
}

*/
/*1.variante zum erzeugen von column dividers in der row
FUNKTIONIERT (aber erfordert css3)
*/
/*
.block-hor-3 .teaser_entry:after {
    width: 0px;
    border-left:1px dotted red;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -0px;
}

.block-hor-3 .teaser_entry:last-of-type:after {
    border:0;
    width: 0px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -0px;
}
*/
/*2.variante zum erzeugen von column dividers in der row, but with media query (above 768 only)*/
/* min 768 */
@media (min-width: 768px) {
  .block-hor-3,
  .bg-col-3 {
    background-image: -moz-linear-gradient(white 0%, #CCCCCC 30%, #CCCCCC 70%, white 100%), -moz-linear-gradient(white 0%, #CCCCCC 30%, #CCCCCC 70%, white 100%);
    background-position: 33.33% 0, 66.66% 0 !important;
    background-size: 1px 100%,1px 100%;
    background-repeat: no-repeat;
  }
}
/*
.teaser_entry .noimg h4:before {
	display: block;
	width: 100%;
	max-width: 320px;
	height: 180px;
	margin-top: 0;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: url("cssimg/roter-stern.png");
	background-image: url("cssimg/roter-stern.svg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content: ""
}
*/
/*
.teaser_news_4, .teaser_article_4 {
    border-top: 1px solid #E0E0E0;
    margin-top: 1.3571em;
    padding-top: 1.4286em;
}

.newsEntry-inner, .teaserEntry-inner {
    height: 21.4286em;
    margin-bottom: 0.7143em;
    max-height: 21.4286em;
    overflow: hidden;
}

*/
/*facebook button abstand*/
.fb-like {
  margin: 0.5em 0;
}
.pls-facebook-wrapper {
  margin: 0 0 .2em 0;
  min-height: 70px;
}
/*cp4 bulletlist glyphicon as bullets*/
/**
ul.linklist22{
margin-left:15px;
list-style: none outside none;
padding-left: 0;	
}
ul.linklist22 li:before { 	
    font-family: 'Glyphicons Halflings';
    content: "\e006";
    margin:0 5px 0 -15px;
    color: #f00;
}
*/
/*cp4 bulletlist*/
.glyphicon-li-redstar,
.glyphicon-li-star,
.glyphicon-li-plus,
.glyphicon-li-new-window {
  margin-left: 0px;
  list-style: none outside none;
  padding-left: 40px;
}
.glyphicon-li-redstar li:before,
.glyphicon-li-star li:before,
.glyphicon-li-plus li:before,
.glyphicon-li-new-window li:before {
  font-family: 'Glyphicons Halflings';
  content: "\e006";
  margin: 0 5px 0 -15px;
}
.glyphicon-li-redstar li:before {
  color: #FF0000;
}
.glyphicon-li-plus li:before {
  content: "\e081";
}
.glyphicon-li-new-window li:before {
  content: "\e164";
}
/* end cp4 bulletlist*/
/*google maps iframe*/
.gmapframe {
  border: 0px none #000 !important;
}
/*twitter widget*/
.twtr-widget {
  margin-top: 1em !important;
}
/*nested nav lists */
.nav .nav {
  padding-left: 1em;
}
/* e-mail form nested checkboxes */
.form-checkbox label {
  cursor: pointer;
  /* display: inline;*/
  display: block;
  font-weight: 400;
}
.form-checkbox label input {
  margin-right: 1em;
}
aside {
  border-left: 1px dotted #e7e7e7;
}
/* cycle2 slideshows default css */
.cycle_container {
  /*padding: 0.5em 0 0.5em 0; */
  width: 100%;
  overflow: hidden;
}
.cycle_container div,
.cycle_container img {
  width: 100%;
  height: auto;
}
.cycle-caption {
  position: absolute;
  color: white;
  bottom: 1em;
  right: 15px;
  z-index: 700;
}
/* overlay */
.cycle-overlay {
  position: absolute;
  bottom: 0.5em;
  width: 100%;
  z-index: 600;
  background: black;
  color: white;
  padding: 15px;
  opacity: .5;
}
/* navigation top  */
/* muerzzuschlage only
#li_topmenu_78 {
	display: none;
}
 */
header .navbar-nav > li > a {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
header .navbar-nav > .active > a,
header .navbar-nav > .active > a:hover,
header .navbar-nav > .active > a:focus {
  background-color: #f5f5f5 !important;
  color: #AD0000;
}
/* mainmenu: rechts */
/** mobile first: standardmäßig unsichtbar, > 768 sichtbar
realized with hidden-xs now!*/
#mainmenu a {
  background-color: #f5f5f5;
}
#mainmenu a:hover {
  background-color: #e7e7e7;
  text-decoration: none;
}
#mainmenu .nav > li > a {
  display: block;
  padding: 3px 15px;
  position: relative;
  border-bottom: 1px dotted #e7e7e7;
}
#mainmenu .nav > .active > a,
#mainmenu .nav > .active > a:hover,
#mainmenu .nav > .active > a:focus {
  font-weight: bold;
  background-color: #f5f5f5;
}
#mainmenu .nav {
  list-style: none outside none;
  margin-bottom: 0;
  padding-left: 0;
  margin: 0 -15px;
}
#mainmenu .nav .nav {
  list-style: none outside none;
  margin-bottom: 0;
  padding-left: 0;
  margin: 0 0px;
}
#mainmenu .nav > li {
  display: block;
  position: relative;
}
#mainmenu .nav .nav > li > a {
  padding: 3px 5px 3px 25px;
}
/*galleries */
.blueimp-gallery-carousel {
  box-shadow: none !important;
}
.leitartikel h2,
h3,
h4,
.h3,
.h4 {
  text-transform: uppercase;
}
.leitartikel h2 {
  margin-top: 0;
}
/* anpassungen pagination phpwcms (wir haben die css klassen .active und .disabled am span oder a und nicht am parent li */
.pagination-row {
  clear: both;
}
.pagination > li > a.active,
.pagination > li > span.active,
.pagination > li > a.active:hover,
.pagination > li > span.active:hover,
.pagination > li > a.active:focus,
.pagination > li > span.active:focus {
  background-color: #337ab7;
  border-color: #337ab7;
  color: #fff;
  cursor: default;
  z-index: 2;
}
.pagination > li > span.disabled,
.pagination > li > span.disabled:hover,
.pagination > li > span.disabled:focus,
.pagination > li > a.disabled,
.pagination > li > a.disabled:hover,
.pagination > li > a.disabled:focus {
  background-color: #fff;
  border-color: #ddd;
  color: #777777;
  cursor: not-allowed;
}
/* site search form (builtin search - results) */
em.highlight {
  font-style: inherit;
  font-weight: bold;
}
.cs-result-item {
  clear: both;
}
.cs-result-item:hover {
  background-color: #eeeeee;
}
.cs-item-title {
  font-size: 1em;
  margin: 0;
}
.cs-item-title > a {
  font-size: 1em;
  text-decoration: underline;
  text-transform: uppercase;
}
.cs-item-image {
  float: left;
  margin: 4px 10px 15px 0;
}
.cs-result-item .cs-item-link {
  color: #999;
}
/* fototabelle: standardausgabe für image contentparts */
.img-fototabelle-item {
  float: left;
}
.modal.fade.slide-content.in {
  overflow: hidden !important;
}
/*hide breadcrumb row on main pages */
#cat_0 .breadcrumb,
#cat_144 .breadcrumb,
#cat_3 .breadcrumb {
  display: none;
}
.inline-block-left {
  padding-left: 0px;
}
/* expansibles start */
.expansible-100,
.expansible-200,
.expansible-300 {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 115px;
  overflow-y: hidden;
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
}
.expansible-100:hover,
.expansible-200:hover,
.expansible-300:hover {
  overflow-y: scroll;
}
.expansible-200 {
  max-height: 207px;
}
.expansible-300 {
  max-height: 299px;
}
.expansible-button-container {
  text-align: right;
  padding: 0 0.5em;
}
.artikelmenue a {
  padding: 5px;
  display: block;
}
.artikelmenue h6 {
  padding: 0px;
  margin: 0;
}
.artikelmenue li:nth-child(odd) {
  background: #f0f0f0;
}
.artikelmenue li:hover {
  background: #e0f0f0;
}
.artikelmenue a:hover {
  text-decoration: none;
  color: #ff0000;
}
/**
to allow for transitions, we can not use max-height: none or auto,
but instead we use a large value (thus it will not clip). 

*/
.expanded {
  max-height: 2500px !important;
}
/* expansibles end */
/*kpoe bruck kapfenberg*/
.bruck-kapfenberg header .navbar-default {
  background-color: #990013;
}
.bruck-kapfenberg header .navbar-default .navbar-nav > li > a {
  color: #FFFFFF;
}
/*kpoe bruck kapfenberg ende*/
/*this requires more testing on image with text cps  */
.image-with-text {
  display: table;
  width: 100%;
}
/*artikel titel und subtitel */
.article_title {
  color: #AD0000;
  text-transform: uppercase;
}
/*placeholder für cycle2 banner auf großen displays fixieren */
@media (min-width: 1200px) {
  #exdcp_10980_container_ph {
    width: 933px;
    height: 155px;
    max-width: 100% !important;
  }
}
/*facebook placeholders */
.pls-btn-toggle {
  cursor: pointer;
}
/*top navbar styling */
.homeicon a:before {
  content: "\f015";
  font-family: "FontAwesome";
  margin-right: 0.5em;
}
/**
 * custom styling css kpoe 2014
 *
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
/* less cmd import once to include settings */
/* styling starts here */
/*things (image) with overlays inside item-inner*/
.item-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  height: auto;
  min-height: 30%;
  background: #ff9933;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 0.5em;
  display: block;
}
.item-overlay h1,
.item-overlay h2,
.item-overlay h3,
.item-overlay h4 {
  font-size: 1.1em !important;
  font-weight: 300;
  margin: 0;
  color: #000;
}
.item-overlay a {
  color: #000;
}
.item-overlay a.ellipsis {
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
/*better visibility for priorized image-overlay teasers*/
.item-prio .item-overlay {
  background-color: #ff9933;
}
/*the image-flex entities* (should fill their space)*/
.image-flex .col-xs-4,
.image-flex .col-xs-6,
.image-flex .col-xs-12 {
  padding: 0;
}
.image-flex .row {
  margin: 0px;
}
.image-flex img {
  width: 100%;
}
.image-flex-22 .item:nth-of-type(2n+1) {
  clear: both;
}
.image-flex-33 .item:nth-of-type(3n+1) {
  clear: both;
}
/*imageflex in der hauptspalte */
#content .image-flex {
  margin: 0.5em 0 1em 0;
  border: 1px solid #ccc;
}
#content .image-flex h4,
#content .image-flex h4 *,
.imageflex-11 h4,
.imageflex-11 h4 * {
  font-weight: bold;
  color: #ad0000;
}
/* elemente auf der startseite verstecken! */
#cat_3 .breadcrumb,
#cat_3 .sidebar-nav,
#cat_3 table.calendar {
  display: none;
}
#cat_3 #content .block-hor-3 {
  margin-top: 0.5em;
}
/****************** RESTYLE MAIN MENU **********************************/
#mainmenu a {
  background-color: #FFF;
  /*#f5f5f5;*/
}
#mainmenu a:hover {
  background-color: #e7e7e7;
  text-decoration: none;
}
#mainmenu .nav > li > a {
  border-bottom: 1px dotted #e7e7e7;
  display: block;
  padding: 3px 15px;
  position: relative;
}
#mainmenu .nav > li.sub_ul_true a:before {
  font-family: FontAwesome;
  content: "\f0da";
  margin: 0 0px 0 -15px;
  padding: 0 10px 0 0;
  color: inherit;
  font-size: 20px;
  line-height: 20px;
  vertical-align: middle;
  /*background:#FFF;*/
}
#mainmenu .nav > .active > a,
#mainmenu .nav > .active > a:hover,
#mainmenu .nav > .active > a:focus {
  background-color: #f5f5f5;
  font-weight: 700;
}
#mainmenu .nav {
  list-style: outside none none;
  margin: 0 0 0 0px;
  padding-left: 0;
}
#mainmenu .nav .nav {
  list-style: outside none none;
  margin: 0;
  padding-left: 0;
}
#mainmenu .nav > li {
  display: block;
  position: relative;
}
#mainmenu .nav .nav > li > a {
  padding: 3px 5px 3px 25px;
}
/*thumbnail columns*/
.img-columns-5 .img-fototabelle-item {
  width: 19%;
}
.img-columns-3 .img-fototabelle-item {
  width: 32%;
}
.img-fototabelle-item.first {
  clear: left;
}
a.thumbnail {
  text-decoration: none;
}
.fl-wahlfolder .thumbnail {
  margin-top: 1em;
}
/* pager für kandidatinnen cycles*/
.cycle-pager {
  text-align: center;
  width: 100%;
  z-index: 500;
  /*position: absolute; bottom: 0px;*/
  overflow: hidden;
  margin-top: 5px;
}
.cycle-pager span {
  font-family: arial;
  font-size: 50px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  color: #ddd;
  cursor: pointer;
}
.cycle-pager span.cycle-pager-active {
  color: #D69746;
}
.cycle-pager > * {
  cursor: pointer;
}
.cycle-w-thumbs .cycle-description {
  max-height: 200px;
  overflow: hidden !important;
  overflow-y: scroll !important;
}
/* header slides and image menus */
header {
  /*mobile first we need a margin after the header */
  margin-bottom: 1em;
  /*the header columns as used in my header setup*/
  /*reset some clear:both settings we introduces for better scaling*/
  /*styling for the carousel*/
  /*carousel text caption aligning, mobile first*/
}
header .col-01,
header .col-03 {
  padding: 0 15px 0 15px;
  overflow: hidden;
}
header .col-03,
header .col-03 .col-xs-6 {
  clear: none !important;
}
header .carousel-control {
  bottom: 0;
  color: #ffffff;
  font-size: 220px;
  left: 0;
  opacity: 0.3;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  top: 0;
  width: 15%;
}
header .carousel .item-inner {
  display: block;
  height: 100%;
  max-height: none;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
}
header .carousel .imgcol {
  float: none;
  overflow: hidden;
  margin-right: 0px;
  display: block;
  height: 100%;
  width: 100%;
  max-width: 100%;
}
header .imgcol img {
  width: 100%;
  height: auto;
}
header .carousel .carousel-caption {
  display: table-cell;
  height: 100%;
  vertical-align: bottom;
  font-size: 1.0em;
  padding: 0 5% 75px 5%;
  color: #444;
  text-shadow: none;
  font-weight: 200;
  text-align: left;
  position: relative;
  z-index: 0;
  left: auto;
  top: auto;
  bottom: auto;
  right: auto;
  float: left;
  max-width: 100%;
  overflow: hidden;
}
header .carousel .carousel-caption h4 {
  font-size: 1.3em;
  font-weight: 200;
}
header .carousel .carousel-caption .btn {
  margin-top: 10px;
}
header .carousel-caption-text strong {
  font-weight: 600;
}
/*paddingless leitartikel style see media queries */
.leitartikel .col-sm-8 {
  padding-top: 19px;
}
/*kandidatinnen carousel top */
.carousel-injected .carousel-indicators li {
  background-color: #e6e6e6;
  border: 1px solid #ccc;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-injected .carousel-indicators .active {
  background-color: #ccc;
  height: 12px;
  margin: 0;
  width: 12px;
}
.carousel-injected .carousel-indicators {
  top: 0px;
  bottom: auto;
}
header .carousel-injected .carousel-caption {
  font-size: 1.5em;
  padding-bottom: 75px;
}
/*längere zitate mit kleinerer schrift individuell festlegen */
#ecp_596 .carousel-caption,
#ecp_597 .carousel-caption,
#ecp_591 .carousel-caption,
#ecp_632 .carousel-caption,
#ecp_647 .carousel-caption {
  line-height: 1.2em;
}
#ecp_596 .carousel-caption em,
#ecp_597 .carousel-caption em,
#ecp_591 .carousel-caption em,
#ecp_632 .carousel-caption em,
#ecp_647 .carousel-caption em {
  font-size: 0.8em;
}
/* common wahlteaser background */
header .carousel-injected .carousel-caption {
  background-image: url("grw2017/logo-gwwaehlen.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100% auto;
}
/* embedded video */
.videorow .embed-responsive {
  margin-top: 1em;
}
/*kandidatinnenliste striped */
.grwliste:nth-of-type(2n+1) {
  background-color: #f9f9f9;
}
.grwliste .badge {
  background-color: #ff9933;
  color: #ad0000;
  border-radius: 35px;
  font-size: 1em;
}
.videorow .jumbotron {
  padding: 15px;
  background: transparent;
}
#grw_content {
  background-color: #ff9933;
  background-image: url("grw2017/logo-gwwaehlen-dark.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100% auto;
  padding-bottom: 100px;
}
#grw_content h3 {
  color: #AD0000;
  font-weight: normal;
}
/**
 * media query css for redout.or.at
 * diverse anpassungen für mobile devices, etc.
 *
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
.pls-overlay {
  position: fixed;
  top: 0px;
  display: none;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1031;
}
#pls-addonbar {
  position: absolute;
  right: 75px;
  top: 8px;
  margin-right: 0;
  float: none;
  z-index: 1032;
  /*
    > .btn:active , > .btn.active {
		background-color: #00FF00;
	} 
   */
}
#pls-addonbar .fa {
  font-size: 14px ! important;
  color: inherit;
}
#pls-addonbar > .btn {
  margin-top: 0;
  color: #777777;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
#pls-addonbar > .btn:hover,
#pls-addonbar > .btn:focus {
  color: #a3a3a3;
}
#pls-addonbar > .btn.active {
  background-color: #00FF00;
}
@media (min-width: 768px) {
  #pls-addonbar {
    top: 0;
    right: 8px;
    /*
		> .btn:active , > .btn.active {
			color: #00FF00;
			background-color: transparent;
		}
*/
  }
  #pls-addonbar .fa {
    font-size: 30px ! important;
  }
  #pls-addonbar > .btn {
    min-width: 40px;
    box-shadow: none;
    padding: 6px;
    margin: 0;
    color: #e3e3e3;
    border-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 0 ! important;
  }
  #pls-addonbar > .btn.active {
    color: #00FF00;
    background-color: transparent;
  }
}
@media (min-width: 1460px) {
  #pls-addonbar > .btn {
    height: 80px;
  }
}
.pls-twitter-visible,.pls-google-visible,.pls-facebook-visible ,.pls-twitter-enabled .pls-twitter-hidden,.pls-google-enabled .pls-google-hidden,.pls-facebook-enabled .pls-facebook-hidden {
  display: none;
}
.pls-twitter-enabled .pls-twitter-visible,.pls-google-enabled .pls-google-visible,.pls-facebook-enabled .pls-facebook-visible {
  display: inherit;
}
.pls-popover {
  min-width: 200px;
}
.pls-popover .service {
  text-transform: capitalize;
}
.pls-popover .pls-yesno {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.pls-popover .popover-content,
.pls-popover .popover-title {
  color: #000;
}
.pls-tooltip {
  text-align: left;
  min-width: 150px;
}
.pls-tooltip .service {
  text-transform: capitalize;
}
.pls-tooltip .status,
.pls-popover .status {
  color: #00ff00;
}
/**
 * custom styling css kpoe 2014
 *
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
.fa-plus-container {
  border: 1px solid #CCCCCC;
  padding: 5px 5px 0px;
}
.fa-info-container {
  border: 0px solid #CCCCCC;
  padding: 10px;
}
.fa-plus-list {
  list-style-type: none;
}
.fa-plus-list li {
  vertical-align: middle;
  line-height: 18px;
  margin-top: 10px;
  font-size: 0.8em;
}
.fa-plus-list li:before {
  font-family: 'FontAwesome';
  content: "\f055";
  margin: 0px 15px 0 -35px;
  color: #f00;
  font-size: 24px;
  vertical-align: middle;
}
.fa-plus-list li:nth-of-type(2):before {
  color: #FFBD3C;
}
.fa-plus-list li:nth-of-type(3):before {
  color: #E90079;
}
.fa-plus-list li:nth-of-type(4):before {
  color: #39A243;
}
.fa-plus-list li:nth-of-type(5):before {
  color: #009FDE;
}
.fa-plus-list li:nth-of-type(6):before {
  color: #FFBD3C;
}
.fa-plus-list li:nth-of-type(7):before {
  color: #009FDE;
}
.fa-plus-list li:nth-of-type(8):before {
  color: #39A243;
}
/*font-size-variations */
.fa-plus-list-std li {
  font-size: 1em;
}
.fa-info-list li {
  font-size: 1em;
}
.fa-info-list li:before {
  content: "\f05a";
}
/*@import url("kpoe_media.less");*/
/**
 * media query css for redout.or.at
 * diverse anpassungen für mobile devices, etc.
 *
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
/* less cmd import once to include settings */
@media (min-width: 768px) {
  #hdr-wrap {
    padding-top: 80px;
  }
  #pagecontent {
    padding: 0 15px;
    width: 100%;
  }
  .pagecontent-padding {
    padding: 0px;
  }
  /*top navbar width shall match container #pagecontent */
  .navbar-fixed-top .container {
    width: 100%;
  }
  /*paddingless leitartikel style*/
  .leitartikel {
    padding: 0;
    border-left-width: 1px;
  }
  .leitartikel .col-sm-8 {
    padding-right: 34px;
  }
  header {
    margin-bottom: 0;
    /*
	.carousel .item-inner {
		table-layout: auto;
	}
	.carousel .carousel-caption {
		padding: 0 15% 20px 5%;
	}
*/
    /*
 * since right side button will not disturb in most cases, remove its 
 * influence on size
 * 
 * 
 */
    /*the working col settings*/
  }
  header .carousel .item-inner {
    display: table;
    height: 100%;
    max-height: 340px;
    overflow: hidden;
    width: 100%;
    table-layout: auto;
  }
  header .carousel .imgcol {
    float: none;
    overflow: hidden;
    margin-right: 20px;
    display: table-cell;
    height: 100%;
    width: auto;
    max-width: 50%;
  }
  header .imgcol img {
    width: auto;
    height: auto;
  }
  header .carousel .carousel-inner {
    max-height: 340px;
    overflow: hidden;
  }
  header .carousel .carousel-caption {
    float: none;
    display: table-cell;
    height: 100%;
    vertical-align: bottom;
    font-size: 1.3em;
    padding: 30px 20px 75px 20px;
    color: #444;
    text-shadow: none;
    font-weight: 200;
    text-align: left;
    position: relative;
    max-width: 100%;
    max-height: 100%;
    /*   max-width: none; */
    z-index: 0;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
  }
  header .carousel .carousel-caption .btn {
    margin-bottom: -44px;
    float: left;
  }
  header .carousel-caption-text {
    max-height: 235px;
  }
  header .col-01 {
    padding: 0 0 0 15px;
  }
  header .col-03 {
    padding: 0 15px 0 0;
  }
  header .carousel .imgcol img {
    max-width: none;
  }
}
@media (min-width: 992px) {
  /*top navbar width shall match container #pagecontent */
  .navbar-fixed-top .container {
    width: 100%;
  }
  header {
    /*
 * since right side button will not disturb in most cases, remove its 
 * influence on size
 * 
 * 
 */
    /*images left and right*/
  }
  header .carousel .item-inner {
    table-layout: fixed;
  }
  header .carousel .carousel-caption {
    padding: 30px 20px 75px 20px;
    max-height: 310px;
    overflow: hidden;
  }
  header .carousel .carousel-caption .btn {
    margin-bottom: -44px;
    float: left;
  }
  header .carousel-caption-text {
    max-height: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  header .item-statement .carousel-caption-text {
    max-height: 267px;
  }
  header .image-flex img {
    width: auto;
    max-width: none;
    max-height: 170px;
  }
  header .imageflex-11 img {
    max-height: 340px;
  }
  header .col-01 {
    padding-left: 0px;
    margin-left: 15px;
  }
  header .col-03 {
    margin-left: -30px;
    padding-right: 0px;
  }
}
@media (min-width: 1200px) {
  #pagecontent {
    padding: 0 5px;
    width: 66.6667%;
    min-width: 1200px;
    max-width: 1200px;
  }
  /*top navbar width shall match container #pagecontent */
  .navbar-fixed-top .container {
    width: 66.6667%;
    min-width: 1200px;
    max-width: 1200px;
  }
  #main-columns {
    margin: 0 -15px;
  }
  header {
    /*
 * since right side button will not disturb in most cases, remove its 
 * influence on size
 * 
 * 
 */
  }
  header .carousel .item-inner {
    table-layout: auto;
  }
  header .carousel .imgcol {
    max-width: auto;
    width: auto;
  }
  header .carousel .carousel-caption .btn {
    margin-bottom: -44px;
    float: left;
  }
  header .carousel-caption-text {
    max-height: 190px;
  }
  header .carousel .carousel-caption {
    font-size: 1.5em;
    max-width: auto;
    max-height: 340px;
    height: 340px;
    overflow: hidden;
    width: auto;
    padding: 30px 30px 120px 30px;
  }
}
/*collapsed navbar styling, old selector not matching anymore!*/
@media (max-width: 767px) {
  #top-navbar-collapse {
    background-color: #222;
    color: #9d9d9d;
  }
  #top-navbar-collapse .navbar-nav > li > a,
  #top-navbar-collapse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  #top-navbar-collapse .navbar-nav > .active > a,
  #top-navbar-collapse .navbar-nav > .active > a:hover,
  #top-navbar-collapse .navbar-nav > .active > a:focus,
  #top-navbar-collapse .navbar-nav .open .dropdown-menu > .active > a {
    background-color: #080808 !important;
    color: #fff;
  }
  #top-navbar-collapse .navbar-nav > li > a:hover {
    color: #fff;
  }
  #top-navbar-collapse .navbar-nav .open .dropdown-menu > li > a:hover,
  #top-navbar-collapse .navbar-nav .open .dropdown-menu > li > a:focus,
  #top-navbar-collapse .navbar-nav > .open > a,
  #top-navbar-collapse .navbar-nav > .open > a:hover,
  #top-navbar-collapse .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #fff !important;
  }
  header .carousel-injected .carousel-caption {
    padding-bottom: 37.5px;
  }
}
/* required addons for uhd and 4k displays XL , screen var defined in common_settings*/
@media (min-width: 1921px) {
  header {
    max-width: 2204px;
    margin: 0 auto;
    /*
 * since right side button will not disturb in most cases, remove its 
 * influence on size
 * 
 * 
 */
  }
  header .carousel .carousel-inner {
    max-height: 372px;
  }
  header .carousel .carousel-caption {
    font-size: 2.0em;
    display: table-cell;
    max-width: 100%;
    padding: 30px 40px 120px 40px;
    max-height: 372px;
    overflow: hidden;
    vertical-align: bottom !important;
  }
  header .carousel-injected .carousel-caption {
    font-size: 1.7em !important;
    padding-bottom: 120px;
  }
  header .carousel .carousel-caption .btn {
    margin-bottom: -44px;
    float: left;
  }
  header .carousel-caption-text {
    max-height: 222px;
  }
  header .carousel .imgcol img {
    height: 372px !important;
    width: auto;
  }
  header .image-flex img {
    max-height: 186px;
  }
  header .imageflex-11 img {
    max-height: 372px;
  }
}
/**
 * responsive image grids (respecting cp settings for columns and margins)
 * 
 * @todo: this shall replace default cp template for images div, include all possible settings to make
 * it as generalized as possible
 *
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
.img-grid {
  max-width: 100%;
}
.img-grid .img-wrap {
  float: left;
  overflow: hidden;
  max-height: auto;
  padding: 0px;
  border: 0px solid #fff;
}
.img-grid .img-wrap-inner {
  overflow: hidden;
}
.img-grid img {
  width: 100%;
  height: auto;
  border-radius: 30px;
  transition: 0.6s all ease-in-out;
}
.img-grid img:hover {
  -webkit-transform: translateY(10px) scale(1.3);
  -moz-transform: translateY(10px) scale(1.3);
  -o-transform: translateY(10px) scale(1.3);
  -ms-transform: translateY(10px) scale(1.3);
  transform: translateY(10px) scale(1.3);
  filter: brightness(0.9);
  cursor: pointer;
}
.img-grid-1 .img-wrap {
  width: 100%;
}
.img-grid-2 .img-wrap {
  width: 50%;
}
.img-grid-3 .img-wrap {
  width: 33.33333333%;
}
.img-grid-4 .img-wrap {
  width: 25%;
}
.img-grid-5 .img-wrap {
  width: 20%;
}
.img-grid-6 .img-wrap {
  width: 16.66666667%;
}
.img-grid-7 .img-wrap {
  width: 14.28571429%;
}
.img-grid-8 .img-wrap {
  width: 12.5%;
}
.img-grid-9 .img-wrap {
  width: 11.11111111%;
}
.img-grid-10 .img-wrap {
  width: 10%;
}
.img-grid-11 .img-wrap {
  width: 9.09090909%;
}
.img-grid-12 .img-wrap {
  width: 8.33333333%;
}
/**
 * überarbeitet: GRW 2017
 * addon stylesheet für wahlseiten (grw 2015)
 *
 * es geht vor allem um den vorgeschalteten header mit dem image teasern, diese stellen auf 
 * mobilen geräten praktisch den above the fold content dar mit leicht
 * zu erreichenden und anzutippenden feldern!
 * 
 * außerdem wird der pagecontent adäquat skaliert, um sich besser als
 * ein fixer container an den header anzupassen (width: 66.667.%)
 * @package    phpwcms
 * @subpackage  bootstrap_less 
 * @author    Thomas
 * @copyright  Copyright (c) 2014 tomo.at
 * @license    http://creativecommons.org/licenses/by-nc-sa/3.0/at/     CC BY-NC-SA 3.0 Austria
 * @version    $Id$
 */
/* less cmd import once to include settings */
/* LESS VARIABLES */
#nav .navbar {
  border-radius: 0;
}
.smoothpandiv .smoothslides-on,
.smoothpandiv .ss-slide-stage {
  border-radius: 0;
}
/* ADDON STYLE HOLLERHOF - BOOKING APPLET */
/*MOBILE AND GENERIC FIRST*/
@media (min-width: 768px) {
  /*NOT THERE! reset?*/
  /*
	#top-navbar-collapse {
		margin-top: 3.5714em
	}
	*/
}
@media (min-width: 1200px) {
  #pagecontent {
    padding: 0 15px;
  }
}
#grw_content h3 {
  color: #fff;
  font-weight: 700;
}
header {
/*  background-image: url(cssimg/gruener_busch-x340.jpg);*/
  min-height: 340px;
}
footer .navbar {
  min-height: 30px;
  margin-bottom: 0;
}
#nav.affix {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4000;
}
#nav.affix + #pagecontent {
  margin-top: 72px;
}
#hdr-wrap {
  padding-top: 0 !important;
}
#headercontent {
  position: relative;
  height: 340px;
}
.header-padding {
  position: absolute;
  bottom: 15px;
}
.header-padding h1 {
  font-size: 5em;
  font-weight: 100;
  color: #fff;
  text-shadow: #000 0.1em 0.1em 0.2em;
}
.header-padding .h2 {
  font-size: 3.5em;
  font-weight: 100;
  color: #fff;
  text-shadow: #000 0.1em 0.1em 0.2em;
}
.teaser_startpage_3 {
  margin-top: 5em;
}
.teaser_startpage_3 .teaser_imgwrapper a {
  margin: 0 auto;
}
.teaser_startpage_3 h2 {
  text-align: center;
  color: #777;
  font-weight: lighter;
}
#pagecontent {
  margin-bottom: 50px;
}
body {
  background: red;
  background-color: #FFF;
}
.article h1.article_title,
.hollerhof-textimage .h1 {
  color: #777;
  font-weight: lighter;
}
#faq-nav_39.affix {
  top: 100px;
}
/****************** 2017 onepage design ***************************************/
#wrap {
  margin: 0 !important;
  border: 0px solid #fff !important;
  border-left-width: 0px !important;
  background-color: transparent;
}
/*disable max-width on container, keep it relative to match columns in fluid containers (col-xs-8 centered);*/
#pagecontent {
  padding: 0 5px;
  width: 66.66667%;
  max-width: none;
}
.op-section .container {
  width: 66.66667%;
  padding: 0 20px;
}
body {
  background-image: url(bg/realize.svg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 15% 15%;
  background-position: 96% 97%;
}
.navbar-tomo {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.wrap-container-fluid {
  padding-bottom: 30px;
}
.container-header object {
  float: left;
  margin-top: 3em;
  margin-left: -13em;
  transform: rotate(4deg);
  transition: 0.6s all ease-in-out;
}
.container-header object:hover {
  float: left;
  margin-top: 3em;
  margin-left: -13em;
  transform: rotate(21deg);
}
.container-header h1 {
  font-family: 'danielregular', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: grey;
  margin-top: .8em;
  font-size: 8em;
  visibility: visible !important;
}
.daniel {
  font-family: 'danielregular';
  color: grey;
}
/*
.op-section h3{
		font-family: 'danielregular';
	color:#ff9933;
	font-weight:600;
}
*/
/*new op-section background settings */
div.op-section {
  background-image: url(bg/konzept.svg), url(bg/horline.svgz);
  background-size: 250px 250px, 100%;
  background-repeat: no-repeat, repeat-x;
  background-position: 100px center, left top;
  padding: 4em 0;
}
div.op-section[data-title=coding] {
  background-image: url(bg/konzept.svg), url(bg/horline.svgz);
}
div.op-section[data-title=web] {
  background-image: url(bg/design.svg), url(bg/horline.svgz);
}
div.op-section[data-title=archtest] {
  background: rgba(255, 153, 255, 0.5);
}
div.op-section[data-title=architecture] {
  background-image: url(bg/design.svg), url(bg/horline.svgz);
  background-size: 350px 300px, 50%;
  background-position: 27% 60px, left top;
}
div.op-section[data-title=contact] {
  background-image: url(bg/kontakt.svg), url(bg/horline.svgz);
  background-position: 95% 40px, left top;
}
div.op-section[data-title=print-view] {
  background-color: #00ff00;
  background-image: url(bg/printwhite.svg);
}
/*tototop button link*/
.gototop {
  position: fixed;
  bottom: 70px;
  right: 10px;
  background: rgba(0, 0, 0, 0.4);
  background: rgba(232, 44, 12, 0.6);
  padding: 8px 6px 6px 8px;
  color: #fff;
  border-radius: 6px;
  display: none;
}
/*whats wrong with header and canvas*/
header {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 2202px;
  max-height: auto;
  /*340px;*/
}

/*babylon webgl 3d*/

#fixedcanvas{
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
background-color: blue;	
}

#scene3d canvas{
max-width:100%;
max-height:100%;	
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++ bablyon js experiments*/
#behind3d {
  position: absolute;
  font-size: 280px;
  z-index: -1;
  color: #efefef;
}

#cat_24 footer,#cat_24 .gototop{
display:none !important;	
}


/*# sourceMappingURL=bootstrap.tomo.css.map */