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

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

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

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

.linearize-level-4 > [class*=ym-g] {
    float: left;
    width: 50%;
}


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

/* change ym-wrapper to percentage */
.ym-wrapper,
header {
    min-width: inherit;
}

/* fullwidth for the maincontent */
.ym-col3 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/*-------------------------------------------------------------------------*/
/* Anpassung Bild/Texte Elemente */

#main .csc-textpic-intext-left .csc-textpic-imagewrap,
#main .csc-textpic-intext-right .csc-textpic-imagewrap,
#main .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
#main .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
#main .csc-textmedia-beside-left .csc-textmedia-gallery,
#main .csc-textmedia-beside-right .csc-textmedia-gallery {
    float: none;
    margin-left: 0;
    margin-right: 0;
}

#main .csc-textpic-intext-left .csc-textpic-text,
#main .csc-textpic-intext-right .csc-textpic-text,
#main .csc-textpic-intext-left-nowrap .csc-textpic-text,
#main .csc-textpic-intext-right-nowrap .csc-textpic-text,
#main .csc-textmedia-beside-left .csc-textmedia-text,
#main .csc-textmedia-beside-right .csc-textmedia-text {
    margin-left: 0;
    margin-right: 0;
}

#main .box .csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 10px;
    margin-right: 10px;
}


/* Struktur */

#logo-mobile {
    margin-left: 16px;
    top: 0;
    max-width: 120px;
    position: absolute;
    display: block;
}

#mobile-nav {
    padding-top: 0;
}

#mobile-nav > .ym-grid.ym-equalize {
    min-height: 72px;
}

#mobile-nav #mobile-menu-button #menu-button-icon {
    padding: 25px 0 10px 0;
}

#onepagernav {
    display: none;
}

#main {
    margin-top: 10px;
}

/* Header Anpassung */

#headertop {
    height: 72px;
}

/* Footer Anpassung */
#metanav, #footersocial, #footertop, #footerbottom{
    margin-bottom: 0;
}
#sitefooter #footercontent {
    padding-left: 0;
    padding-right: 0;
}

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

#topnav,
#crumblelink {
    display: none;
}

#metanav {
    margin-bottom: 10px;
}

/*.maintemplate .crumblelink {
    padding-top: 200px;
}*/


/*-------------------------------------------------------------------------*/
/* Travelnav Anpassung */

#travelnav {
    min-width: inherit;
    margin-top: 0;
    position: relative;
}

#travelnav > ul > li {
    width: 25%;
    margin-bottom: 20px;
}

#travelnav .dropdown {
    width: 25%;
}

.hometemplate #travelnav > ul > li > a {
    padding-top: 60px;
    font-size: 14px;
    background: no-repeat center 10px;
}

.hometemplate #travelnav > ul > li.nav-item1 > a {
    background-image: url('../../../fileadmin/config_default/templates/gui/menu-icons/fair-small.png');
}

.hometemplate #travelnav > ul > li.nav-item1:hover > a {
    background-image: url('../../../fileadmin/config_default/templates/gui/menu-icons/fair-small-hover.png');
}

.hometemplate #travelnav > ul > li.nav-item2 > a {
    background-image: url('../../../fileadmin/config_default/templates/gui/menu-icons/suitcase-small.png');
}

.hometemplate #travelnav > ul > li.nav-item2:hover > a {
    background-image: url('../../../fileadmin/config_default/templates/gui/menu-icons/suitcase-small-hover.png');
}

.hometemplate #travelnav > ul > li.nav-item3 > a {
    background-image: url('../../../fileadmin/config_default/templates/gui/menu-icons/earth-small.png');
}

.hometemplate #travelnav > ul > li.nav-item3:hover > a {
    background-image: url('../../../fileadmin/config_default/templates/gui/menu-icons/earth-small-hover.png');
}

.hometemplate #travelnav > ul > li.nav-item4 > a {
    background-image: url('../../../fileadmin/config_default/templates/gui/menu-icons/drink-small.png');
}

.hometemplate #travelnav > ul > li.nav-item4:hover > a {
    background-image: url('../../../fileadmin/config_default/templates/gui/menu-icons/drink-small-hover.png');
}


/*-------------------------------------------------------------------------*/
/* Schriftgrössenanpassungen */

h1,
.font-size-h1 {
    font-size: 16px; /* 16px */
    line-height: 20px;
}

h2,
.font-size-h2 {
    font-size: 14px; /* 14px */
    line-height: 20px;
}


/*-------------------------------------------------------------------------*/
/* Diverses */

#headerslider {
    padding-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
}

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

#headerslider .owl-slider .owl-item {
    height: 220px;
    width: 100%;
}

#headerbottom {
    height: inherit !important;
    margin-bottom: 0 !important;
    background-image: none;
    background-color: transparent;
}


/* Entfernt die Agentur Icons unten rechts */
#agencies {
    display: none;
}

/* desktop & mobile Klassen */
.desktop-only {
    display: none;
}

.mobile-only {
    display: block;
}

#service .button {
    max-width: 100px;

}

/* Slider */
#headerslider .owl-slider .box{
    max-width: 128px;
}

#headerslider .owl-slider  .owl-controls .owl-pagination{
    display: none;
}
#headerslider .owl-slider .button a,
#headerslider .owl-slider .button{
    margin: 0;
}

#headerslider .owl-slider .box{
    max-width: 180px;
    right: 0;
}

/* Mobile Anpassungen 17.10.2017 DaJa */
#headerslider .owl-slider .box {
    left: 0;
    max-width: 100%;
    padding-bottom: 10px;
}

#headerslider .owl-slider img {
    width: 100%;
    min-height: 180px;
}

#headerslider .owl-slider .box.csc-default {
    margin-left: 0;
    margin-right: 0;
}

#headerslider .owl-slider .box:before {
    width: 100%;
    left: 0;
    margin: 0;
}

#headerslider .owl-slider .box > .csc-header, #headerslider .owl-slider .box > a > .csc-header {
    margin: 0;
}

#headerslider .owl-slider .slideritem .ym-g66 {
    width: 100%;
}

/* Social Media Buttons */
#sitefooter #footersocial{
    float: left;
    width: 100%;
    max-width: 100%;
}

#footersocial .social-fb,
#footersocial .social-tw {
    margin-right: 10px;
}

/* Buttons */
.button-big {
    min-width: 120px;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
a.button,
.ym-wrapper .button a {
    padding: 4px 4px;
    display: inline-block;
}


/*-------------------------------------------------------------------------*/
/* Powermail */

.tx-powermail .powermail_label {
    width: 100%;
    margin-right: 0;
    display: block;
}

.tx-powermail .powermail_input, .tx-powermail .powermail_textarea, .tx-powermail .powermail_date, .tx-powermail .powermail_select {
    width: 100%;
}

/*-------------------------------------------------------------------------*/
/* Suche */

#service .tx-solr button{
    width: 20px;
}


/* Labelführer / Akkoprdion */

#labelfuehrer .box.box-inkl-title .ym-g50 {
    width: 100%;
}

#labelfuehrer .accordion {
    padding-bottom: 10px;
}

#labelfuehrer .accordion .accordion-content dt, #labelfuehrer .accordion .accordion-content dd {
    width: 100%;
    padding-left: 0;
}

#labelfuehrer .accordion .ym-g75.ym-gr .csc-default {
    padding-left: 0;
    margin-left: 0;
}