/* hikelCOM | Frank Schwarz */

.responsive body
{
   min-width: 360px;
}

.responsive img
{
   __-webkit-box-sizing: border-box;
   ___-moz-box-sizing: border-box;
   ___box-sizing: border-box;
}

.responsive .content-layout img,
.responsive .content-layout video
{
   max-width: 100%;
   height: auto !important;
}

.responsive.responsive-phone .content-layout img
{
   margin: 1%;
}

.responsive.responsive-phone .collage,
.responsive.responsive-tablet .collage {
   margin: 0 !important;
}

.responsive .content-layout .sidebar0,
.responsive .content-layout .sidebar1,
.responsive .content-layout .sidebar2
{
   width: auto !important;
}

.responsive .content-layout,
.responsive .content-layout-row,
.responsive .layout-cell
{
   padding: 0;
   display: block;
}

.responsive .image-caption-wrapper
{
   width: auto;
}

.responsive.responsive-tablet .vmenublock,
.responsive.responsive-tablet .block
{
   margin-left: 1%;
   margin-right: 1%;
   width: 48%;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .responsive-embed
{
   height: 0;
   padding-bottom: 56.25%;
   /* 16:9 */
    position: relative;
}

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

.responsive .header
{
   ___width: auto !important;
   ___max-width: none !important;
   ___min-height: 100px !important;
   ___min-width: 0 !important;
   ___text-align: center;
}

.default-responsive .header
{
   ___height: auto;
}

.default-responsive .header *
{
   ___position: relative;
   ___left:-20px;
   ___text-align: center;
   ___-webkit-transform: none !important;
   ___-moz-transform: none !important;
   ___-o-transform: none !important;
   ___-ms-transform: none !important;
   ___transform: none !important;
}

.default-responsive .header .headline,
.default-responsive .header .slogan
{
   ___display: block !important;
   ___top: 0 !important;
   ___left: 0 !important;
   ___margin: 2% !important;
   ___text-align: center !important;
}

.default-responsive .header .headline a,
.default-responsive .header .slogan
{
   ___white-space: normal !important;
}

.default-responsive .header .logo
{
   ___display: block;
   ___margin: auto !important;
   ___left: auto;
   ___top: auto !important;
   ___width: auto;
   ___height: auto;
}

.responsive .header .slidenavigator
{
   ___position: absolute;
}

.default-responsive .header .positioncontrol
{
   ___top: auto !important;
   ___right: auto !important;
   ___bottom: auto !important;
   ___left: auto !important;
   ___width: auto;
   ___height: auto;
   ___margin: auto;
}

.responsive .header #flash-area
{
   display: none;
}

/* Search and other elements in header element directly */
.default-responsive .header>.textblock
{
   ___position: relative !important;
   ___display: block !important;
   ___margin: 1% auto !important;
   ___width: 75% !important;
   ___top: auto !important;
   ___right: auto !important;
   ___bottom: auto !important;
   ___left: auto !important;
}

.default-responsive .header .textblock
{
   ___position: relative !important;
   ___display: block !important;
   ___margin: auto !important;
   ___left: 0 !important;
   ___right: 0 !important;
   ___top: auto !important;
   ___height: auto !important;
   ___width: auto;
   ___background-image: none;
}

.responsive .breadcrumbs
{
    display:none;
}

/* '.header *' used noram align, but for '.textblock *' we must force align because of preview */
.responsive .header .textblock *
{
   ___text-align: center !important;
}

.default-responsive .header .shapes > .textblock,
.default-responsive .header .slide-item > .textblock
{
   display: none !important;
}

.default-responsive .header .shapes > .textblock *
{
   ___text-align: center !important;
   ___width: auto !important;
   ___height: auto !important;
   ___display: block;
}

.default-responsive .header .slider .textblock *
{
   ___text-align: center !important;
   ___width: auto !important;
   ___height: auto !important;
   ___display: block;
}

/* For icons like facebook, rss, etc. */
.responsive .header>.textblock>div
{
   width: 100%;
}
.responsive .sheet
{
   width: auto !important;
   min-width: 240px !important;
   max-width: none !important;
   margin-right: 1% !important;
   margin-left: 1% !important;
}

#resp {
   display: none;
}

@media all and (max-width: 1099px)
{
    #resp, #resp-t { display: block; }
    #resp-m { display: none; }


    .logo-1368712396 {
        position: absolute;
        right: 0;
    }
}

@media all and (max-width: 480px)
{
    #resp, #resp-m { display: block; }
    #resp-t { display: none; }
}

#resp-desktop {
   display: none;
}
#resp-tablet-landscape {
   display: none;
}
#resp-tablet-portrait {
   display: none;
}
#resp-phone-landscape {
   display: none;
}
#resp-phone-portrait {
   display: none;
}

@media (min-width: 1100px)
{
    #resp-desktop { display: block; }
}

@media (min-width: 980px) and (max-width: 1099px)
{
    #resp-tablet-landscape { display: block; }
    
    #header-sheet {
        
    }

    .header-titel{
        display: none;
    }
    .logo-888936419{
 
    }
    .logo-888936419 img{
        
    }

    .responsive.responsive-tablet .vmenublock, .responsive.responsive-tablet .block {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toggelMenu{
        display: block;

        padding: 19px 0 0 30px;

        margin: 18px 0 0 0;

    }
    #toggelMenu .icon, #toggelMenu .icon img{
        width: 25px;

        height: 25px;

        cursor: pointer;
    }
    #openClose{
        display: none;
        margin: 0;
    }
    #shadowMenu{
        background: none;
    }
   
    .sidebar1 .menu {
        background: url(../images/menu-linie.png) no-repeat 10px center;
        background-size: 3px 100%;
        padding: 0 0 0 10px;
    }
    .sidebar1 .blockcontent .menu li:hover ul { 
        font: inherit;
        z-index: -1;
    }
    
    .block {
        margin: 0;
    }

    .shapes{
        display: none;
    }

    .block ul>li {
        padding: 0 0 0 0;
        text-align: left;
    }

    .blockcontent a, .blockcontent a:link {
        display: block;

        padding: 0 0 0 14px;

        font-size: 14px;
        line-height: 35px;
    }

    .blockcontent .menu {
        margin: 0 0 0 0;
    }
    
    .responsive .sheet {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
        min-width: 360px !important;
    }

    .layout-wrapper {
        margin: -42px 0 0 0;

    }

    .sidebar1{
        display: block !important;
    }
    .sidebar1 .bg{
        clear: both;
        
        display: block;

        height: 38px;

        background: url("../images/header-bg.jpg") repeat-x bottom left;
    }
}

@media (min-width: 768px) and (max-width: 979px)
{
    #resp-tablet-portrait { display: block; };
    
    #header-sheet {
        width: 100%;
        text-align: center;
    }

    .header-titel{
        display: none;
    }
    .logo-888936419{

    }
    .logo-888936419 img{
        
    }

    .responsive.responsive-tablet .vmenublock, .responsive.responsive-tablet .block {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toggelMenu{
        display: block;

        padding: 19px 0 0 30px;

        margin: 18px 0 0 0;

    }
    #toggelMenu .icon, #toggelMenu .icon img{
        width: 25px;

        height: 25px;

        cursor: pointer;
    }
    #openClose{
        display: none;
        
        margin: 0;
    }
    #shadowMenu{
        background: none;
    }
    
    .sidebar1 .menu {
        background: url(../images/menu-linie.png) no-repeat 10px center;
        background-size: 3px 100%;
        padding: 0 0 0 10px;
    }
    .sidebar1 .blockcontent .menu li:hover ul { 
        font: inherit;
        z-index: -1;
    }
    
    .block {
        margin: 0;
    }

    .shapes{
        display: none;
    }

    .block ul>li {
        padding: 0 0 0 0;
        text-align: left;
    }

    .blockcontent a, .blockcontent a:link {
        display: block;

        padding: 0 0 0 14px;

        font-size: 14px;
        line-height: 35px;
    }

    .blockcontent .menu {
        margin: 0 0 0 0;
    }
    
    .responsive .sheet {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
        min-width: 360px !important;
    }

    .layout-wrapper {
        margin: -42px 0 0 0;

    }

    .sidebar1{
        display: block !important;
    }
    .sidebar1 .bg{
        clear: both;
        
        display: block;

        height: 38px;

        background: url("../images/header-bg.jpg") repeat-x bottom left;
    }

}

@media (max-width: 670px)
{
    .logo-1368712396{
        
        opacity: 0;
    }
}

@media (min-width: 480px) and (max-width: 767px)
{
    #resp-phone-landscape { display: block; }
    
    #header-sheet {

    }

    .header-titel{
        display: none;
    }
    .logo-888936419{

    }
    .logo-888936419 img{
        
    }

    .logo-1368712396{
        
    }

    #toggelMenu{
        display: block;

        padding: 19px 0 0 30px;

        margin: 18px 0 0 0;

    }
    #toggelMenu .icon, #toggelMenu .icon img{
        width: 25px;

        height: 25px;

        cursor: pointer;
    }
    #openClose{
        display: none;
        
        margin: 0;
    }
    #shadowMenu{
        background: none;
    }
    
    .sidebar1 .menu {
        background: url(../images/menu-linie.png) no-repeat 10px center;
        background-size: 3px 100%;
        padding: 0 0 0 10px;
    }
    .sidebar1 .blockcontent .menu li:hover ul { 
        font: inherit;
        z-index: -1;
    }
    
    .block {
        margin: 0;
    }

    .shapes{
        display: none;
    }

    .block ul>li {
        padding: 0 0 0 0;
        text-align: left;
    }

    .blockcontent a, .blockcontent a:link {
        display: block;

        padding: 0 0 0 14px;

        font-size: 14px;
        line-height: 35px;
    }

    .blockcontent .menu {
        margin: 0 0 0 0;
    }
    
    .post {
        margin: 35px 30px 35px 10px;
    }
    
    .responsive .sheet {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
        min-width: 360px !important;
    }

    .responsive.responsive-tablet .vmenublock, .responsive.responsive-tablet .block {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .layout-wrapper {
        margin: -42px 0 0 0;

    }

    .sidebar1{
        display: block !important;
    }
    .sidebar1 .bg{
        display: block;

        height: 38px;

        background: url("../images/header-bg.jpg") repeat-x bottom left;
    }

    .sidebar2 .block {
        margin-bottom: 40px;
    }
}

@media (max-width: 479px)
{
    #resp-phone-portrait { display: block; }

    #header-sheet {
        width: 100%;
        text-align: center;
    }

    .header-titel{
        display: none;
    }
    .logo-888936419{
        padding: 45px 0 0 0;

        margin: 0 auto;
    }
    .logo-888936419 img{
        width: 250px;
    }

    .logo-1368712396{
        display: none;
    }

    #toggelMenu{
        display: block;

        padding: 30px 0 0 30px;

        margin: 18px 0 0 0;

    }
    #toggelMenu .icon, #toggelMenu .icon img{
        width: 25px;

        height: 25px;

        cursor: pointer;
    }
    #openClose{
        display: none;
        
        margin: 0;
    }
    #shadowMenu{
        background: none;
    }
    
    .sidebar1 .menu {
        background: url(../images/menu-linie.png) no-repeat 10px center;
        background-size: 3px 100%;
        padding: 0 0 0 10px;
    }
    
    .sidebar1 .blockcontent .menu li:hover ul { 
        font: inherit;
        z-index: -1;
    }
    
    .block {
        margin: 0;
    }

    .shapes{
        display: none;
    }

    .block ul>li {
        padding: 0 0 0 0;
        text-align: left;
    }

    .blockcontent a, .blockcontent a:link {
        display: block;

        padding: 0 0 0 14px;

        font-size: 14px;
        line-height: 35px;
    }

    .blockcontent .menu {
        margin: 0 0 0 0;
    }
    
    .post {
        margin: 35px 30px 35px 10px;
    }
    .responsive .sheet {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
        min-width: 360px !important;
        
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .layout-wrapper {
        margin: -42px 0 0 0;

    }

    .sidebar1{
        display: block !important;
    }
    .sidebar1 .bg{
        display: block;

        height: 38px;

        background: url("../images/header-bg.jpg") repeat-x bottom left;
    }

    .sidebar2 .block {
        margin-bottom: 40px;
    }
}

.responsive .content-layout,
.responsive .content-layout-row,
.responsive .layout-cell
{
   display: block;
}

.responsive .layout-cell
{
   width: auto !important;
   height: auto !important;
}

.responsive .content-layout:after,
.responsive .content-layout-row:after,
.responsive .layout-cell:after
{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.responsive .post
{
   border-radius: 0;
}

.responsive .footer-inner
{
   width: auto;
   padding: 2% !important;
}

.responsive .responsive-tablet-layout-cell
{
   width: 50% !important;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .responsive-layout-row-3 .responsive-tablet-layout-cell
{
   width: 33.33% !important;
}

.responsive.responsive-tablet .items-row .item ,
.responsive.responsive-phone .items-row .item
{
    width: auto;
}
.responsive .vmenu{
	margin-top: 50px !important;
}