/**
* MEDIA QUERIES FOR TABLETS
*
* Formatierung der Inhalte für kleine Ausgabegeräte
*
* @copyright       Copyright 2012-2014, .hausformat
* @link            http://www.hausformat.com
*/

/*-------------------------------------------------------------------------*/
/* Grid Anpassung */

/* linearization for grid module */
.linearize-level-1,
.linearize-level-1 > [class*="ym-g"],
.linearize-level-1 > [class*="ym-c"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0 !important;
    width: 100% !important;
}

.linearize-level-1.hf-equalize > [class*="ym-g"] > [class*="csc-default"] {
    height: auto !important;
}


/*-------------------------------------------------------------------------*/
/* Column Anpassung */

/* change ym-wrapper to percentage */
.ym-wrapper,
header {
    max-width: 100%;
    min-width: 740px;
    width: auto;
}

.ym-col1 {
    width: 25%;
}

/* remove space for rightcol (col2) */
.ym-col3 {
    margin-right: 0 !important;
    margin-left: 25% !important;
    display: table-header-group;
}

/* remove rightcol (col2) */
.ym-col2 {
    float: none;
    display: table-footer-group;
}

/* Space between maincontent and right col */
.ym-col2 .csc-default:first-child {
    margin-top: 40px;
}


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

#mainnav {
    display: none;
}

#mobile-nav {
    display: block;
    padding-top: 45px;
    margin-right: 0;
}

#mobile-nav .mobile-mainnav {
    display: none;
}

#mobile-menu-button #menu-button-icon {
    padding: 10px 0;
    margin-right: 10px;
    width: 30px;
}

/* extend the buttons for top- and metanav */
#topnav ul li a,
#metanav ul li a {
    padding: 6px;
}

#topnav {
    right: 4px;
}

#metanav ul li {
     margin: 0 4px 0 0;
}

/* Socialmedia Sharing Buttons */

/* Slider */
#headerslider .owl-slider .owl-controls .owl-buttons {
    display: none;
}

#headerslider .owl-slider h1 {
    max-height: 290px;
}

#headerslider .owl-slider .csc-content {
    display: none;
}

#headerslider .owl-slider .box hr {
    display: none;
}

#headerslider .owl-slider .box {
    padding-top: 12px;
}

/* Banner */
.box-banner {
    display: table;
    margin: 0 auto;
}

.box-banner:before{
    background-color: transparent;
}

.box-banner .csc-header {
    text-align: right;
}

/* Service */
#service .button {
	min-width: 100px;
}

#headerbottom .ym-wrapper #service {
    margin: 0;
}

#headerbottom .ym-wrapper #service .spenden {
    margin-right: 10px;
}