@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
 */

/**
 * Contao Extension
 * @copyright  Felix Pfeiffer : Neue Medien 2007 - 2012
 * @author     Felix Pfeiffer <info@felixpfeiffer.com>
 * @package    Subcolumns
 */

@media screen{.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.c15l,.c15r{width:15%}.c16l,.c16r{width:16.666%}.c30l,.c30r{width:30%}.c45l,.c45r{width:45%}.c55l,.c55r{width:55%}.c70l,.c70r{width:70%}.c85l,.c85r{width:85%}.subc{padding:0 .5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize > div{display:table-cell;float:none;overflow:hidden;vertical-align:top;margin:0}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l,.c15l,.c16l,.c30l,.c45l,.c55l,.c70l,.c85l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r,.c15r,.c16r,.c30r,.c45r,.c55r,.c70r,.c85r{float:right;margin-left:-5px}}@media print{.subcolumns > div{display:table;overflow:visible}}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #b9b9bb;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../../system/modules/lightbox4ward/assets/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../system/modules/lightbox4ward/assets/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../system/modules/lightbox4ward/assets/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../system/modules/lightbox4ward/assets/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../../system/modules/lightbox4ward/assets/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../../system/modules/lightbox4ward/assets/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
.fancybox-skin .count {
	position: absolute;
	right: 5px;
	color: #fff;
	bottom: -25px;
	font-size: 14px;
}
#fancyboy-dotnavi {
	position: fixed;
	bottom: 10px;
	width: 100%;
	padding-top: 10px;
	list-style: none;
	text-align: center;
	z-index: 99999;
}

#fancyboy-dotnavi li {
	display: inline;
	padding: 0 5px;
}

#fancyboy-dotnavi li label {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
	cursor: pointer;
}

#fancyboy-dotnavi li.active label {
	background-color: white;
}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/desc.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.ce_table td {
    vertical-align: top;
}
.ce_table .col_0 {
    width:190px;
    padding:0px !important;
}
.ce_text a:hover {
    border-bottom:1px solid;
    border-spacing:1px;
    color:#1a171b;
}
.ce_text a {
    line-height:17px;
    text-decoration:none;
    color:#1a171b;
}
#projekte .mod_article {
    margin-left: 0px !important;
    padding-left: 0px !important;
}
.mod_article {
    margin-left:15px;
}
.layout_full .ce_text sc {
    padding-left:0px !important;
    padding-right:0px !important;
}
.layout_full h2 {
    font-size:14px;
    line-height:14px;
    font-weight:500;
}
.layout_full h1 {
    font-size:14px;
    line-height:14px;
}
h1 {
    font-size:14px;
    line-height:14px;
}
.hoch {
    background-color:#dedede;
    left: 60px !important;
}
.slider-next {
    width:15px;
    height:65px;
    margin-top:-280px;
    margin-right:20px;
    background-image:url("../../files/00_ThemePlanrand/CSS/files/Design/next.png");
    background-position:center center;
    background-repeat:no-repeat;
}
.slider-prev {
    width:15px;
    height:65px;
    margin-top:-280px;
    margin-left:20px;
    background-image:url("../../files/00_ThemePlanrand/CSS/files/Design/prev.png");
    background-position:center center;
    background-repeat:no-repeat;
}
.slider-control .slider-menu span {
    display:none;
}
.content-slider {
    width:720px;
    height:540px;
}

/* Navigation */
.mod_navigation li,
.mod_navigation li a {
    margin:0 0 10px;
    padding:0;
    font:13px/15px "letter-gothic-std";
    text-decoration:none;
    color:#1a171b;
    text-transform:uppercase;
    list-style-type:none;
    font-weight:700;
}

/* Navigation */
.mod_navigation li a:hover {
    font:13px/15px "letter-gothic-std";
    text-decoration:underline;
    color:#1a171b;
    text-transform:uppercase;
    font-weight:700;
}

/* Navigation */
.mod_navigation li span,
.mod_navigation li .trail {
    padding-left:10px;
}

/* navigation */
.mod_navigation ul {
    padding:0 !important;
    z-index:2 !important;
}

/* Body //////////////////////////////////////////////////////////////////// */
body {
    margin:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#fff;
    font:13px "letter-gothic-std";
}

/* LightboxForward */
.fancybox-title {
    font:13px "letter-gothic-std";
}
p {
    line-height:20px;
}

/* News//////////////// */
.masonry_item h2,
.masonry_item h2 a {
    font:13px/13px "letter-gothic-std";
    text-decoration:none;
    color:#1a171b;
    font-weight: 700;
}

/* News//////////////// */
.masonry_item h3,
.masonry_item h3 a {
    margin-top:-5px;
    margin-left:0;
    padding-top:-10px;
    padding-left:0;
    font:13px/13px  "letter-gothic-std";
    text-decoration:none;
    color:#1a171b;
    font-weight: 500;
}
#wrapper {
    width:100%;
    max-width:960px;
    margin:0 auto;
    padding:180px 0 0;
}
#container {
    width:720px;
    min-height:600px;
    padding-left:0;
    z-index:1 !important;
}
#header {
    width:100%;
    height:180px;
    left:0;
    top:0;
    position:fixed;
    background-color:#fff;
    z-index:20 !important;
}
#left {
    width:240px;
}
#left .inside {
    width:220px;
    position:fixed;
    margin-left:-240px;
    border-top:1px solid #1a171b;
    border-right:0px solid #1a171b;
    border-bottom:0px solid #1a171b;
    border-left:0px solid #1a171b;
}
#main {
    width:100%;
    max-width:720px;
    right:0;
    float:left;
    margin-right:0;
    margin-left:240px;
    z-index:1 !important;
}
.footer {
    bottom:0;
    position:fixed;
    clear:both;
}
#footer {
    bottom:0;
    margin-left:240px !important;
}
#header .inside {
    width:100%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    background-color:#ffffff !important;
}
#header .logo {
    left:255px;
    top:32px;
    position:absolute;
    background-color:#fff;
}


/* Figure //////////////////////////////////////////////////////////////////// */
figure {
    margin:0;
}
figure.float_left {
    position:relative;
    float:left;
}
figure.float_right {
    position:relative;
    float:right;
    display:inline-block;
}
figure:focus,
img:focus {
    outline:none;
}
.center {
    text-align:center;
}
.responsive img {
    width: auto !important;
    height:100% !important;
}
img {
    max-width:auto !important;
    height:100% !important;
}
.padding {
    padding-right:15px !important;
    padding-left:15px !important;
}
p.back a,
p.more a {
    margin-left:15px;
    padding:10px;
    white-space:nowrap;
    background-color:#1a1a1a;
    border:1px solid;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    font-weight:400;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}
p.back a:hover,
p.more a:hover {
    color:#1a1a1a;
    background:none;
}

@media (max-width:768px) {
.slider-wrapper .ce_image {
    width:100% !important;
    height:auto important;
    left:auto !important;
    transition: 300ms; 
    -webkit-transition: 300ms; 
    transform: translate(auto, 0px) translateZ(0px);
}
.slider-next {
    width:15px;
    height:65px;
    margin-top:-280px;
    margin-right:20px;
    background-image:url("../../files/00_ThemePlanrand/CSS/files/Design/next.png");
    background-position:center center;
    background-repeat:no-repeat;
}
.slider-prev {
    width:15px;
    height:65px;
    margin-top:-280px;
    margin-left:20px;
    background-image:url("../../files/00_ThemePlanrand/CSS/files/Design/prev.png");
    background-position:center center;
    background-repeat:no-repeat;
}
.slider-control .slider-menu span {
    display:none;
}
.layout_latest {
    padding-right:0 !important;
}
.level_1 {
    margin-top:30px;
}
.c50l,
.c50r,
.layout_latest {
    width:100% !important;
}
.ce_text a:hover {
    border-bottom:1px solid;
    border-spacing:1px;
    color:#1a171b;
}
.ce_text a {
    line-height:17px;
    text-decoration:none;
    color:#1a171b;
}
#projekte .mod_article {
    margin-left: 0px !important;
    padding-left: 0px !important;
}
.mod_article {
    margin-left:0;
    padding-right:10px;
    padding-left:10px;
}
.layout_full .ce_text sc {
    padding-left:0px !important;
    padding-right:0px !important;
}
.layout_full h2 {
    font-size:14px;
    line-height:14px;
    font-weight:600;
}
.layout_full h1 {
    font-size:14px;
    line-height:14px;
}
h1 {
    font-size:14px;
    line-height:14px;
}
#footer {
    width:100%;
    margin-top:50px;
    margin-left:0;
    text-align:center;
    font-size:10px;
    line-height:15px;
    font-weight:700;
}
.hoch {
    background-color:#dedede;
    left: 60px !important;
}
.content-slider {
    width:720px;
    height:480px;
}

/* Navigation */
.mod_navigation li,
.mod_navigation li a {
    margin:0 0 10px;
    padding:0;
    font:13px/15px "letter-gothic-std";
    text-decoration:none;
    color:#1a171b;
    text-transform:uppercase;
    list-style-type:none;
    font-weight:700;
}

/* Navigation */
.mod_navigation li a:hover {
    font:13px/15px "letter-gothic-std";
    text-decoration:underline;
    color:#1a171b;
    text-transform:uppercase;
    font-weight:700;
}

/* navigation */
#mainmenu {
    margin:0;
    padding:0;
}

/* Body //////////////////////////////////////////////////////////////////// */
body {
    margin:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#fff;
    font:13px "letter-gothic-std";
}

/* News//////////////// */
.mod_newslist h2,
.mod_newslist h2 a {
    font:13px/15px "letter-gothic-std";
    text-decoration:none;
    color:#1a171b;
    font-weight: 700;
}
#wrapper {
    width:100%;
    margin:0 auto;
    padding-right:0;
    padding-bottom:0;
    padding-left:0;
    max-width:760px !important;
}
#container {
    min-height:600px;
    padding-left:0;
    z-index:1 !important;
}
#container,
#main,
#left,
#foter,
#header {
    width:100%;
    max-width:760px;
}
#left {
    left:10px;
    top:-165px;
    position:absolute;
    float:none;
    z-index:25 !important;
    margin:0 !important;
    background:#ff0000;
}
#mainmenu-icon {
    margin-bottom:15px;
    padding-bottom:15px;
}
#left .inside {
    position:absolute;
    margin-left:0;
    border:0px hidden;
}
#main {
    width:100%;
    float:none;
    z-index:1 !important;
    padding:0 !important;
    margin:0 !important;
}
#header {
    width:100%;
    height:10px;
    left:0;
    top:0;
    position:absolute;
    background-color:#fff;
    z-index:2 !important;
}
#header .logo {
    width:123px;
    height:87px;
    right:20px;
    top:20px;
    position:absolute;
    background-color:#fff;
}
}

.ce_gallery {
    margin-bottom: 30px;
    padding:0;
    width:720px;
    height:540px;
    overflow:hidden;
}
.portfolio img {
    width:100% !important;
    height:100% !important;
}
@media (max-width:768px) {
    .portfolio{
             padding-bottom:15px !important;
        }
}
.sliphover-container span.vertical-align {
    width:100%;
    left:0;
    top:50%;
    position:absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sliphover-container h4 {
    width:100%;
    margin-bottom:3px;
    padding-right:20px;
    padding-left:20px;
    font-size:18px;
    color:#fff;
    text-transform:uppercase;
    font-weight: 700;
}
.sliphover-container a {
    width:100%;
    height:100%;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:absolute;
}
.portlink_mobile {
    width:100%;
    height:100%;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:absolute;
    display:none;
}
@media (max-width:992px) {
    .portlink_mobile{
           display:block;
        }
}
.sliphover-container span.subheadline {
    font-size:14px;
    color:#999;
    font-weight:300;
}
.izotope-container {
    width:100%;
}

.layout_latest {
    line-height:0px;
        padding-right: 15px !important;
        padding-left: 15px !important;
        padding-bottom: 0px !important;
}

/* Simple Columns Custom /////////////////////////////////////////////// */
.sc2 {
    width:48%;
    margin-right:1%;
    margin-left:1%;
}
.sc3 {
    width:33.3%;
}
.sc3-2 {
    width:66.6%;
}
.sc4 {
    width:25%;
}
.sc4-2 {
    width:50%;
}
.sc4-3 {
    width:75%;
}
.sc5 {
    width:20%;
}
.sc5-2 {
    width:40%;
}
.sc5-3 {
    width:60%;
}
.sc5-3 {
    width:80%;
}
.sc {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    float: left;
}
.sc-first {
    padding-left:15px !important;
}
.sc2,
.sc3,
.sc3-2,
.sc4,
.sc4-2,
.sc4-3,
.sc5,
.sc5-2,
.sc5-3,
.sc5-4 {
    padding-right:0px !important;
    padding-left:0px !important;
}