/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
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}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@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}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type=submit].red:active,.button.red:active{background-color:#be322b}
/* dk_masonry global styles */
.masonry .image_container img {
	vertical-align: bottom;
}
.masonry > div, .masonry > section {
	float: left;
}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}

/*
-------------------------
GLOBAL
-------------------------
*/

body {
    font-size: 100%;
    background-color: #f0f0f0;
    background-image: url(../../files/theme/bg3.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    font-family: 'Open Sans', sans-serif;
    color: #5d4d4d;
    font-weight: 400;
    line-height: 1.45;
}

body a {
    color: #5d4d4d;
    text-decoration: none;
    text-decoration: none;
}

#postHeader .inside,
#footer .inside {
    max-width: 88%;
    margin: 0 auto;
}

#footer #footer-produkt-menue {
    clear: both;
    max-width: 85%;
    margin: 0 auto;
}

#header {
    position: absolute;
    margin-bottom: 0;
    min-height: 9.5rem;
    padding-top: 1.5rem;
    top: 0;
    width: 100%;
    z-index: 100;
    background-color: transparent;
    transition: background-color .5s ease-in, min-height .5s ease;
}

#header.scrolled {
    position: fixed;
    background-color: #FFF;
    background-color: rgba(255,255,255,.98);
    transition: background-color .2s ease-in, min-height .5s ease;
}

#header .inside,
#main .inside {
    max-width: 88%;
    margin: 0 auto;
}

#container {
    margin-top: 11.5rem;
}

#main {
    box-sizing: border-box;
    padding: 1.75rem .5rem 2rem .5rem;
    float: none;
    width: 100%;
    margin: 0;
}

#main .mod_article.oneColumn,
#main .ce_text.oneColumn {
    max-width: 32rem;
    margin: 0 auto;
}

#main .ce_text.w50 {
    max-width: 50%;
    margin: 1rem auto 0 auto;
}

#main .ce_text.w33 {
    max-width: 33%;
    margin: 1rem auto 0 auto;
}

#main .ce_text.w25 {
    max-width: 25%;
    margin: 1rem auto 0 auto;
}

#footer {
    margin: 1rem 0 0 0;
    font-size: .75rem;
    text-align: center;
    background: #d3d3d3;
    padding: 2rem;
}

#footer .ce_text {
    margin-bottom: 0;
}

#footer p {
    text-align: center;
    margin-bottom: 0;
    line-height: 170%;
}

.topnavigation #container .p-grid {
    max-width: 80%;
    margin: 0 auto 5rem auto;
}

.topnavigation #main {
    padding-top: 0;
}

.layoutleft #main {
    margin-left: 20rem;
    width: auto;
    padding: 3rem;
}

.layoutleft #main .inside {
    width: auto;
    max-width: 100%;
}

.layoutleft #brand {
    margin-bottom: 2rem;
}

#postHeader .inside {
    max-width: 88%;
}

#postHeader .inside .mod_article {
    margin-bottom: 0;
}

/*#logotype {
    text-align: center;
    margin: 1rem 0 0 0;
}

#logotype img {
    width: 8rem;
    height: auto;
}*/

#logotype {
    max-width: 23.5rem;
    margin: 0 auto;
    transition: max-width .5s ease;
    white-space: nowrap;
}

#header.scrolled #logotype {
    max-width: 17rem;
    transition: max-width .5s ease;
}

#logotype .ce_image {
    display: inline-block;
    float: left;
    margin: 0 auto;
}

#logotype img {
    width: 8rem;
    height: auto;
    float: left;
    margin: 0 1rem .5rem 0;
    transition: width .5s ease;
}

#header.scrolled #logotype img {
    width: 5rem;
    transition: width .5s ease;
}

body p {
    margin-top: 0;
}

.mod_article {
    margin-bottom: 2rem;
}

.clearfix {
    clear: both;
}

img {
    vertical-align: middle;
}

.footer-collage {
    text-align: center;
}

/*.textbox-imagemargin figure.image_container.float_left {
	border: 1px solid red;
	margin-left: -100%;
}*/

.slicknav_menu {
    display: none;
}

.copy {
    font-size: .75rem;
    margin-top: 2rem;
}

.copy p {
    text-align: center !important;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

/*
-------------------------
Main Navigation
-------------------------
*/


#mainNavi {
    margin: .75rem 0 0 0;
    padding-top: .75rem;
    z-index: +1;
    text-align: center;
    color: #353635;
    clear: both;
}

#mainNavi ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0 .75rem;
    border-top: 1px solid #504e4c;
    border-top: 1px solid rgba(78,78,78,.3333333);
    border-bottom: 1px solid #504e4c;
    border-bottom: 1px solid rgba(78,78,78,.3333333);
    background: rgba(255,255,255,.25);
}

#mainNavi ul.level_2 {
    border-top: none;
    background: none;
}

#mainNavi ul li {
    display: inline-block;
    text-align: center;
    margin: 0 .75rem;
    font-size: .9375rem;
    padding: .375rem 0;
}

/*#mainNavi ul li {
    display: inline-block;
    text-align: center;
    padding: .5rem 1.625rem;
    background: #FFF;
    background: rgba(255,255,255,.65);
    margin: 0 .5rem;
    border-radius: .625rem;
    font-size: 1.25rem;
}*/

#mainNavi a {
    color: #414141;
}

#mainNavi ul li a,
#mainNavi ul li span.active,
#mainNavi ul li a.trail {
    display: inline-block;
}

#mainNavi ul li span.active,
#mainNavi ul li a.trail {
    font-weight: 700;
}

#mainNavi ul li>ul {
    position: absolute;
    padding: 0;
    display: block; /* jsdalksjdlaksjldjasl */
    border: none;
}

#mainNavi ul li ul.level_2 {
    position: absolute;
    /*    visibility: hidden;
    opacity: 0;*/
    width: 100%;
    left: 0;
    margin: .375rem auto 0 auto;
    transition: visibility .3s ease, opacity .3s ease, color .3s ease;
    z-index: 10000;
}



.ios #mainNavi ul li:focus ul.level_2 {
    visibility: visible;
    opacity: 1;
    transition: visibility .3s ease, opacity .3s ease;
    z-index: 10000;
}

#mainNavi ul.level_2 li {
    display: inline-block;
    text-align: center;
    margin: .25rem .75rem;
}

#mainNavi ul.level_2 li a,
#mainNavi ul.level_2 li span.active,
#mainNavi ul.level_2 li a.trail {
    padding: 0;
    display: block;
    text-align: center;
}

.slicknav_menu {
    display: none;
}

@media screen and (max-width: 40em)  {

    /* #menu is the original menu */
    #mainNavi .level_1 {
        display: none;
    }

    .slicknav_menu {
        display: block;
    }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape)
{
       #mainNavi .level_1 {
        display: none;
    }

    .slicknav_menu {
        display: block;
    } 
}

.mod_changelanguage {
    position: absolute;
    top: 0;
    left: 0;
    font-size: .875rem;
    background: white;
    background: rgba(255, 255, 255, .5);
    padding: .75rem 1rem .875rem 1rem;
    display: table-cell;
    vertical-align: middle;
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    z-index: 800;
}

.mod_changelanguage ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mod_changelanguage ul li {
    display: inline-block;
}

.mod_changelanguage ul li.active {
    font-weight: 600;
}

.mod_changelanguage ul li:after {
    content: " |";
}

.mod_changelanguage ul li.last:after {
    content: none;
}

#footer-produkt-menue nav {
    font-size: .75rem;
}

#footer-produkt-menue nav ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

#footer-produkt-menue nav ul li {
    list-style: none;
    margin: 0;
    display: inline-block;
    padding: 0 .5rem;
}

.handmade img {
    max-width: 280px;
    margin: 2.5rem 0 2.5rem 0;
}

#socialmedia {
    text-align: center;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    background: white;
    background: rgba(255, 255, 255, .5);
    padding: .75rem 1rem .5rem 1rem;
    display: table-cell;
    vertical-align: middle;
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    z-index: 900;
}

#socialmedia .ce_hyperlink {
    display: inline-block;
    margin: 0 .375rem;
    overflow: visible;
}

#socialmedia .ce_hyperlink figure {
    margin: 0;
    padding: 0;
}

#socialmedia .ce_hyperlink a {
    display: inline-block;
    overflow: hidden;
}

#socialmedia .ce_hyperlink img {
    max-width: 1.5rem;
    line-height: 0;
}

/*
--------- Breadcrumb ----------
*/

.start #main .mod_breadcrumb {
    display: none;
}

#main .mod_breadcrumb,
#main .mod_breadcrumb a {
    color: #676767;
}

#main .mod_breadcrumb {
    margin-bottom: 1.25em;
    font-weight: 300;
    text-align: center;
}

#main .mod_breadcrumb ul {
    padding: 0;
    margin: 0;
    display: inline-block;
}

#main .mod_breadcrumb ul li {
    display: inline-block;
    list-style: none;
    font-size: .75rem;
}

#main .mod_breadcrumb ul li:before {
    font-family: FontAwesome;
    content: "\f061";
    margin: 0 .75rem;
    opacity: .75;
    font-size: .5rem;
}

#main .mod_breadcrumb ul li.first:before {
    content: "";
    margin: 0;
}

#main .mod_breadcrumb li.last {
    font-weight: bold;
}

/*
-------------------------
Produkte-Portal
-------------------------
*/


/*
.mod_article.products-portal {
	display: block;
	margin: 0 auto;
	max-width: 450px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.mod_article.products-portal .ce_image {
	margin-bottom: 0;
}

.mod_article.products-portal .ce_image .image_container {
	padding-top: 0;
}

.mod_article.products-portal h1 {
	text-align: center;
	font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.mod_article.products-portal .ov-left {
	margin-right: 12rem;
}

.mod_article.products-portal .ov-right {
	margin-left: 12rem;
}*/

/* one row */

.mod_article.products-portal {
    max-width: 33%;
    margin: 0 auto;
}

.mod_article.products-portal .ce_image {
    max-width: 100%;
    display: block;
    position: relative;
    margin-bottom: 2rem;
}

.mod_article.products-portal .ce_image:nth-child(odd) .image_container {
    width: 49%;
    float: right;
}

.mod_article.products-portal .ce_image:nth-child(even) .image_container {
    width: 49%;
    float: left;
}

.mod_article.products-portal .ce_image h1 {
    position: absolute;
    top: 40%;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    width: 47%;
}

.mod_article.products-portal .ce_image:nth-child(odd) h1 {
    float: left;
    text-align: right;
}

.mod_article.products-portal .ce_image:nth-child(even) h1 {
    right: 0;
    float: right;
    text-align: left;
}

/*.bildartikel-left{
    position: relative;
}

.bildartikel-left .ce_image{
    width: 65%;
    float: left;
}


.bildartikel-left .ce_text{
    top: 0;
    right: 2rem;
    width: 31%;
    box-sizing: border-box;
    padding: 0 2rem;
}*/

.bildartikel .ce_image,
.bildartikel .ce_flexSlider {
    margin-bottom: 3rem;
}

.bildartikel .ce_headline,
.bildartikel .ce_text h1,
.bildartikel .ce_text h2,
.centered-article.ce_form,
.centered-article .ce_text {
    text-align: center;
}

.bildartikel .ce_text,
.centered-article.ce_form,
.centered-article .ce_text {
    width: 40%;
    margin: 0 auto;
}

.flowimage {
    width: 52%;
    margin: 0 auto;
}

.flowimage .image_container {
    text-align: center;
}

#main .rep-image {
    position: relative;
}

#main .rep-left,
#main .rep-right {
    font-size: .75rem;
    color: #EDEDED;
    bottom: 14%;
    font-weight: normal;
}

#main .rep-left {
    position: absolute;
    left: 18%;
}

#main .rep-right {
    position: absolute;
    right: 21%;
}

#main .rep-left,
#main .rep-right{
    margin-bottom: 0;
}

/* one row /// */

/*

-------------------------

Typography

-------------------------

*/

#main {
    color: #171717;
}

.hl-center h1,
.hl-center h2,
.hl-center h3,
.hl-center h4 {
    text-align: center;
}

#logotype h1,
#logotype h2 {
    font-size: 1.4375rem;
    margin: 0 0 0 0;
    color: #353635;
    transition: font-size .5s ease;
}

#logotype h1 {
    font-weight: bold;
    margin: 0 0 0 0;
    padding-top: .875rem;
    font-weight: normal;
}

#header.scrolled #logotype h1 {
    font-size: 1rem;
    transition: font-size .5s ease;
    padding-top: .5rem;
}

#logotype h2 {
    margin: 0 0 0 0;
}

#header.scrolled #logotype h2 {
    font-size: 1rem;
    transition: font-size .5s ease;
    margin: .0625rem 0 0 0;
}

.mod_article {
    overflow: visible;
}

p {
    margin-bottom: 1.3em;
    text-align: justify;
}

h1,
h2,
h3,
h4 {
    margin: 1.414em 0 0.5em;
    font-weight: inherit;
    line-height: 1.2;
}

h1 {
    margin: 0 0 1.75rem 0;
    font-size: 2.7rem;
    font-weight: 600;
    color: #353635;
    text-transform: uppercase;
}

h2 {
    font-size: 1.5rem;
    margin-top: 0;
    font-weight: bold;
    color: #353635;
    margin-bottom: 2rem;
}

h3 {
    font-size: 1.44rem;
}

h4 {
    font-size: 1.2rem;
}

strong {
    color: #353635;
}

.center {
    text-align: center;
}

.center p {
    text-align: center;
}

.justify p {
    text-align: justify;
}

small,
.font_small {
    font-size: 0.833em;
}

.p-grid-headline h1 {
    font-size: 1.5em;
    text-transform: uppercase;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .15);
}

.link_register {
    width: 320px;
    margin: 1rem auto 0 auto;
}

.link-register-button {
    font-weight: 600;
}

.ce_text p:last-child {
    margin-bottom: 1rem;
}

.bildartikel .ce_text,
.ce_text {
    margin-bottom: 2rem;
}

.special-textbox {
    background-color: #F7F7F7;
    background-color: rgba(255,255,255,.25);
    border-radius: .5rem;
    padding: 2.25rem 1.5rem 1.5rem 1.5rem;
    margin-bottom: 1rem;
    box-shadow: 0 3px 14px rgba(0,0,0,.25);
    overflow: visible;
}

/*#main .underline{
    border: 1px solid #171717;
}*/

/*
-------------------------
Formulare Global
-------------------------
*/

input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input:not([type]),
textarea {
    padding: .5rem;
    font-size: 1.25rem;
}

.mod_login {
    text-align: center;
}

.like-loginbox {
    width: 320px;
    margin: 0 auto;
    margin-bottom: 1rem;
    text-align: justify;
}

.mod_login .formbody {
    background-color: #F7F7F7;
    padding: 1.5rem;
    border-radius: .5rem;
    width: 320px;
}

.mod_login table td:nth-child(odd) {
    padding-right: 1rem;
}

.mod_login .formbody {
    display: inline-block;
    text-align: left;
}

.mod_login .tl_logout {
    margin-top: 2rem;
}

/*
-------------------------
Special Picture Modul Design
-------------------------
*/

.ce_image figcaption {
    text-align: center;
    padding-top: .5rem;
}

.ce_form table {
    width: 100%;
}

.ce_form .col_first {
    width: 33%;
    text-align: left;
}

.ce_form .col_first label {
    text-align: left;
}

.ce_form table td {
    width: 100%;
}

.imgBorder {
    border: 1rem solid white;
}

/*
-------------------------
Forms
-------------------------
*/

/*.oneColumn {
	width: 25%;
	text-align: left;
	margin: 0 auto;
}
*/

form .widget {
    margin-bottom: .75rem;
    text-align: left;
}

form .widget label {
    flaot: left;
    display: inline-block;
    width: 20%;
    text-align: left;
}

input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input:not([type]),
textarea {
    flaot: left;
    display: inline-block;
    width: 79%;
}

input[type=checkbox] {
    margin-left: 20%;
}

form .widget-checkbox {
    margin-bottom: 0;
}

form .widget-checkbox label {
    width: auto;
}

form .widget-textarea label {
    vertical-align: top;
}

form fieldset {
    border: none;
}

/*
-------------------------
Forms
-------------------------
*/

.ce_downloads ul {
    padding: 0;
    margin: 0 0 1rem 0;
}

.ce_downloads ul li {
    list-style: none;
    background: #f7f7f7;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.ce_downloads ul li a {
    padding: 2rem;
    display: inline-block;
}

.ce_downloads ul li:hover {
    background: #CFCFCF;
    cursor: pointer;
}

.ce_downloads .mime_icon {
    vertical-align: sub;
    padding-right: .5rem;
}

.grid12 {
    position: static;
    width: 49%;
    float: left;
    margin-right: 1%;
}

.grid13 {
    position: static;
    width: 32%;
    float: left;
    margin-right: 1%;
}

.grid23 {
    position: static;
    width: 66%;
    float: left;
    box-sizing: border-box;
}

.textbox.grid23 {
    background: white;
    padding: 2rem 2.5rem;
}

.mod_registration .fields {
    display: table;
}

.mod_registration .fields .widget {
    display: table-row;
}

.mod_registration .widget label,
.mod_registration .widget input {
    display: table-cell;
}

.mod_registration .widget label {
    padding-right: 1rem;
}

.mod_registration .fields .widget input {
    margin-bottom: .5rem;
}

.mod_registration .submit_container .submit {
    float: right;
}

#beispiele-presse .ce_gallery ul li {
    width: 22% !important;
    float: left;
}


.fsVideo {
    width: 80%;
    height: 80%;
    margin: 0 auto;
}

.fsVideo video {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 48rem) {

    #logotype img {
        width: 6rem;
    }

    #logotype h1,
    #logotype h2 {
        font-size: 1.25rem;
    }
    .fsVideo {
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    h1 {
        font-size: 1.375rem;
    }

    h2 {
        font-size: 1rem;
        margin-top: 0;
        font-weight: bold;
        color: #353635;
        margin-bottom: 2rem;
    }

}

@media screen and (max-width: 48rem) { /* 768 */

    #mainNavi ul li {
        margin: 0 .375rem;
        letter-spacing: normal;
    }

    .mod_changelanguage {
        background: none;
        top: .25rem;
    }

    .grid12,
    .grid13,
    .grid23 {
        width: 100%;
        float: none;
        margin-right: 0;
    }
        #main .rep-left,
    #main .rep-right {
       font-size: .5rem;
    }

}

@media screen and (max-width:64rem) { /* 1024 */

    #main .inside {
        max-width: 100%;
    }

    #main .mod_article.oneColumn {
        max-width: 100%;
    }

    .mod_login .formbody {
        width: auto;
    }

    .mod_login .formbody td {
        display: block;
    }

    #main .ce_text.w50,
     #main .ce_text.w33,
     #main .ce_text.w25 {
        width: 90%;
        max-width: 90%;
    }

    .mod_article.products-portal {
        max-width: 100%;
    }

    .mod_article.products-portal .ce_image h1 {
        font-size: 1.375rem;
    }

    .bildartikel .ce_text,
    .centered-article.ce_form,
    .centered-article .ce_text {
        width: 98%;
    }

    .flowimage {
        width: 98%;
    }

    .flowimage img {
        width: 98% !important;
    }
    #main .rep-left,
    #main .rep-right {
       bottom: 10%;
    }
    #main .rep-left{
       left: 8%;
    }
        #main .rep-right{
       right: 10%
    }

}



#slider,
.flexSliderContainer{
	margin-bottom: 0 !important;
	line-height: 0;
	margin: 0 !important;
    position: relative;
}

.flexslider{
	margin: 0;
    position: relative;
}

.flexslider .flex-direction-nav
{
    
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    
}

.flex-direction-nav a{
    width: auto;
    height: auto;
    top: 0;
    margin: 0;

}

.flexslider .flex-direction-nav .flex-prev,
.flexslider .flex-direction-nav .flex-next{
	z-index: 10000;
	opacity: .7;
    width: 5rem;
    height: 100%;

    
}

.flexslider .flex-direction-nav .flex-prev:hover,
.flexslider .flex-direction-nav .flex-next:hover{
	z-index: 10000;
	opacity: 1;
    
}

.flexslider .flex-direction-nav .flex-prev{
	left: 3em;
    display: table;
}

.flexslider .flex-direction-nav .flex-next{
	right: 3rem;
    display: table;
}

.flexslider .flex-direction-nav a {
    background: none;

}


.flexslider .flex-direction-nav .flex-prev:before,
.flexslider .flex-direction-nav .flex-next:before{

    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 5rem;
    font-family: FontAwesome;
    font-size: 120px;
    text-indent: 0;
    color: #000;
    display: table-cell;
    vertical-align: middle;
    line-height: 100%;
}

.flexslider .flex-direction-nav a.flex-prev:before{
	content: "\f104";
    text-align: left;
}

.flexslider .flex-direction-nav a.flex-next:before{
	content: "\f105";
	text-align: right;
}


/*.flexslider .flex-direction-nav a {
    width: 100px;
    height: 100px;
    margin: -20px 0 0;
    display: block;
    background: url(../../files/images/bg_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
	-webkit-transition: all .3s ease;
}*/
.sgridcontainer{
	clear: both;
	max-width: 85%;
	margin: 0 auto;
	text-align: center;
}

.sgridcontainer *{
	text-align: center;
}

.sgridcontainer + .mod_article{
	clear: both;
}

/**
 * Set the default margin of the ssgrid columns
 */
*[class*="ssgrid"]
{
	float: left;
	display: inline;
	margin-bottom: 1.75rem;
}

*[class*="ssgrid"] + :not([class*="ssgrid"])
{
	clear: both;
}




/**
 * Handle news and event reader modules which are added via content element and
 * contain content elements themselves (see #5331)
 */
.mod_article .mod_newsreader, .mod_article .mod_eventreader {
	margin-left:0;
	margin-right:0;
}



/**
 * Remove the margin from floated articles, because the margin is already
 * applied to its content elements (see above)
 */
 
 
/*.mod_article.ssgrid1,.mod_article.,.mod_article.ssgrid3,.mod_article.ssgrid4,.mod_article.ssgrid5,.mod_article.ssgrid6,
.mod_article.ssgrid7,.mod_article.ssgrid8,.mod_article.ssgrid9,.mod_article.ssgrid10,.mod_article.ssgrid11,.mod_article.ssgrid12 {
	margin-left:0;
	margin-right:0;
}*/

#main .inside
{
	overflow: hidden;
}

/**
 * ssgrid column widths
 */
.ssgrid1
{
	width: 100%;
	margin-bottom: 0;
}

.ssgrid2
{
	width: 48%;
	margin-right: 4%;
}

/*.ssgrid2:nth-child(2n+1) {clear: left;}*/
/*.ssgrid2:first-child {margin-left: 0;}*/



.ssgrid2:nth-of-type(2n+0)
{
	margin-right: 0;
}

/*.ie8 .ssgrid2  { width:46%; margin-right: 3%;}*/


.ssgrid3
{
	width: 30%;
	margin-right: 5%;
}

.ssgrid3.center
{
	float: none;
}

#main .ssgrid3 .image_container{
	margin-bottom: 0.5rem;
}

.ssgrid3:nth-child(3n+0)
{
	margin-right: 0;
}

.ssgrid3:nth-child(3n+1)
{
	clear: both;
}

.ssgrid3:first-child
{
	margin-left: 0;
}


.ssgrid4
{
	width: 24%;
	margin-right: 1%;
	margin-bottom: 3rem;
}

.ssgrid4:nth-of-type(4n+1)
{
	clear: left;
}

.ssgrid4:first-child
{
	margin-left: 0;
}

.ssgrid4:nth-of-type(4n)
{
	margin-right: 0;
}

.ssgrid5
{
	width: 19%;
	margin-right: 1%;
}

.ssgrid5:nth-of-type(5n+1)
{
	clear: left;
}

.ssgrid5:nth-of-type(5n)
{
	margin-right: 0;
}

.ssgrid6
{
	width: 15%;
	margin-right: 1%;
}

.ssgrid6:nth-of-type(6n+1)
{
	clear: left;
}

.ssgrid6:nth-of-type(6n)
{
	margin-right: 0;
}

.mod_article.ssgrid2
{
	margin-right: 1.25rem;
}



.centeredssgrid
{
	text-align: center;
}

.ssgrid2.center,
.ssgrid3.center,
.ssgrid4.center
{
	float: none;
	display: inline-block;
	margin-left: 1.25rem;
}

.ssgrid5.center,
.ssgrid3.center,
.ssgrid6.center
{
	float: none;
	display: inline-block;
	margin-left: 1.25rem;
}

.resetssgridMargin
{
	margin-bottom: 0;
}

/* Extended ssgrid Configuration */

.ext-ssgrid-28.ssgrid2
{
	width: 14.625rem;
}

.ext-ssgrid-28.ssgrid2.last
{
	width: 57.25rem;
}

*[class*="ce_image ssgrid"]
{
	margin-bottom: 2rem;
}

.extra-margin-bottom *[class*="ce_image ssgrid"] .image_container,
.extra-margin-bottom *[class*="ce_image ssgrid"]{
	margin-bottom: 3rem;
}

.extra-padding-between *[class*="ssgrid"]{
	padding: 0 2rem;
	box-sizing: border-box;
}



/* 1170 + scrollbar */
@media (max-width:1187px) {

#header,
 #main,
 #footer
{
	padding-left: 1rem;
	padding-right: 1rem;
}
    
    .sgridcontainer{
        width: 100%;
    }

.ssgrid2,
.ssgrid4,
.sgrid5,
.sgrid6
{
	width: 47%;
}

.sgrid3
{
	width: 31.5% !important;	
}


}

@media (max-width:768px) {

/*
	* Remove the overall width
*/
#wrapper
{
	width: auto;
}

/*
	* Show all columns underneath each other
*/
*[class*="sgrid"]
{
	float: none !important;
	display: block !important;
	width: auto !important;
	margin-right: 0;
    width: 100%;
    max-width: 100%;
}

*[class*="offset"]
{
	margin-left: 10px !important;
}

.half
{
	width: 50%;
}
}

.ie8 .sgrid3
{
	display: block;
	width: 32%;
	margin-left: 1%;
}

.ie8 .footerbox
{
	padding: 1%;
}



/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
    position: relative;
    display: inline-block;
    padding: 0.438em 0.625em 0.438em 0.625em;
    line-height: 1.125em;
    cursor: pointer;
    margin: 0 auto;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em;
}

.slicknav_menu {
 *zoom: 1;
}



.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
}

.slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_icon:before {
    background: transparent;
    width: 1.125em;
    height: 0.875em;
    display: block;
    content: "";
    position: absolute;
}

.slicknav_menu .slicknav_no-text {
    margin: 0;
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.slicknav_menu:before {
    content: " ";
    display: table;
}

.slicknav_menu:after {
    content: " ";
    display: table;
    clear: both;
}

.slicknav_nav {
    clear: both;
}

.slicknav_nav ul.level_1 {
    background: #FFF;
    color: #232323;
    padding: 2rem;
}

.slicknav_nav ul.level_1 a{
    color: #232323;
}

.slicknav_nav ul {
    display: block;
}

.slicknav_nav li {
    display: block;
}

.slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em;
}

.slicknav_nav .slicknav_item {
    cursor: pointer;
}

.slicknav_nav .slicknav_item a {
    display: inline;
}

.slicknav_nav .slicknav_row {
    display: block;
}

.slicknav_nav a {
    display: block;
}

.slicknav_nav .slicknav_parent-link a {
    display: inline;
}

.slicknav_brand {
    float: left;
}

.slicknav_menu {
    position: absolute;
    top: 8rem;
    font-size: 16px;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    text-align: center;
    z-index: 10000;
}

.slicknav_menu * {
    box-sizing: border-box;
}

.slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
}

.slicknav_btn {
    margin: 0 auto;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #222;
}

.slicknav_nav {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
    list-style: none;
    overflow: hidden;
}

.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px;
}

.slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px;
}

.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ccc;
    color: #2E2E2E;
}

.slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff;
}

.slicknav_nav a:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ccc;
    color: #222;
}

.slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
}

.slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
}

.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
}

.slicknav_brand {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding: 7px 12px;
    height: 44px;
}