@charset "UTF-8";

#main {
    width:100%;
}



/** disable double-tap-to-zoom on IE10 */
a, input, button {
    -ms-touch-action: none !important;
}

/**
 * Kleine Bildschirme und Tablets
 */
@media only screen and (max-width: 1024px) {
    /* Top und  vorerst ausblenden */
    /* Mit #5807 werden die Bannerplätze dynamisch befüllt */
    /* #Ads_BA_BS2, #Ads_BA_SKY {display:none} */
     #Ads_BA_SKY {display:none}
	.jcarousel-item-placeholder {
		display: none;
	}
	#main_content .contentbox img {
		/* height: 100% !important; */
	}

	.jcarousel-container-horizontal {
		width: 100% !important;
		height: 100% !important;
	}

}
/**
 * Mobile Geräte mit mittleren Displaygrößen
 */
@media only screen and (max-width: 768px) {


    /** show mobile content */
    .mobile{display:inline-block}
    .mobile_banner > iframe:nth-child(2){margin-top: 3.8em;}
    body{padding-top:.5em;}
    #main{background-color:#f5f5f5}
    #main > header{height:0;padding:0;}
    #main > header > *{display:none}
    header{position:fixed;z-index: 10000}

    #main > #mobileheader{
        display:block;
        position:fixed;
        top:0;
        left:0;
        height:3em;
        padding:0;
        margin:0;
        width:100%;
        background-color:#efefef;
        border-bottom:1px solid #999999;
        color: #888888;

        font-size:130%;
        z-index: 10000;
        box-shadow: 0 0 .25em rgba(0,0,0,.5);
    }
    #main > #mobileheader.dark{
        color:#fcfcfc;
        background-color: #007273;
        border-bottom:1px solid #005858;
    }

    #main > #mobileheader > *{display:inline-block}

    #mobileheader a{font-size: 100%;color:inherit;}
    #mobileheader a:hover{
        text-decoration: none;
    }

    #backlink{
        background-image:url(/images/layout/logo_ahgzonline.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-origin:content-box;
        height:2em;
        width:4.2em;
        display:inline-block;
        padding:.5em;
        color:inherit;
    }

    #backlink {
        margin-left: 1.25em;
    }
    #backlink::before{
        position:absolute;
        font-family: 'WebSymbolsRegular',sans-serif;
        content: '<';
        display:block;
        font-size: 1.5em;
        line-height: 2em;
        left:.2em;
        top:0;
    }
    .home #backlink{
        margin-left: 0;
    }
    .home #backlink::before{
        left:100%
    }

    .print #backlink{
        background-image:url(/images/layout/logo_ahgz_2012.svg);
        width:2.5em;
    }
    .no-svg #backlink{
        background-image:url(/images/AHGZonline_100x48.png);
    }
    #backlink:hover{
        text-decoration: none;
    }
    #menushow{
        z-index:10000;
        position:absolute;
        top:0;
        right:0;
        height:100%;
        width:1em;
        background-color: inherit;
        font-size:2em !important;
    }
    #menushow:before{
        content: "";
        position: absolute;
        left: 0;
        top: 0.45em;
        width: .75em;
        height: 0.08em;
        margin-right:-1em;
        background: #999999;
        box-shadow:
            0 0.25em 0 0 #999999,
            0 0.5em 0 0 #999999;
    }
    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
        }
    }
    .loading  #backlink{
        background-image:none;
    }
    .loading  #backlink:after{
        content: '0';
        font-family: 'WebSymbolsRegular';
        font-size: 2em;
        display:block;
        -webkit-animation-name:             rotate;
        -webkit-animation-duration:         2s;
        -webkit-animation-iteration-count:  infinite;
        -webkit-animation-timing-function: linear;
        width: 1em;
        height: 1em;
        padding: 0;
        margin: 0;
    }

    /**
     * wird beim Menü-Öffnen per JS generiert
     */
    #close{
        position:fixed;
        top:0;
        left:0;
        right:0;
        height:3.6em;
        width:100%;
        z-index:10010;
        background-color:rgba(255,255,255,.2);
    }

    #sectiondropdown
    ,#mobileheader > #searchbox{
        display:inline-block;
        width:auto;
    }

    #sectiondropdown {
        position:absolute;
        z-index: 1;
        top:0;
        left:6.1em;
        right:5.1em;
        height:2em;
        margin-top:.5em;
        line-height: 1em;

        opacity: 1;
        -webkit-transition: opacity .2s 0 ease-out;
        -moz-transition: opacity .2s 0 ease-out;
        transition: opacity .2s 0 ease-out;
    }
    .home #sectiondropdown{
        left:5.1em;
    }
    .print #sectiondropdown{
        left:4.2em;
    }
    .home.print #sectiondropdown{
        left:3.2em;
    }
    #sectiondropdown_top{
        position:relative;
        display:inline-block;
        width: 99%;
        padding-right:1%;
        font-size:inherit;
        line-height:inherit;
        color:inherit;
    }
    #sectiondropdown_top:active{
        background-color:Highlight;
    }
    #sectiondropdown_top > .subline{
        font-size:.9em
    }
    #sectiondropdown_top > .topline,
    #sectiondropdown_top > .subline{
        display:block;
        white-space: nowrap;
        word-wrap: break-word;      /* for IE, Firefox since 3.5 and Opera since 10.5 */
        overflow: hidden;           /* required for text-overflow */
        text-overflow: ellipsis;    /* for IE and WebKit (Safari, Chrome) */
        -o-text-overflow: ellipsis; /* for Opera since 9.0 */
        width:100%;
    }
    /*#sectiondropdown_top:before{
        content:' ';
        display:block;
        position:absolute;
        top:1.6em;
        right:0;
        width:0;
        height:0;
        border:.6em solid transparent;
        border-left-color: inherit;

        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }*/

    #mobileheader > #searchbox{
        position: absolute;
        right: 2em;
        left: 6.1em;
        height: 100%;
        text-align: right;
        margin:0;
        padding:0;
        background-color: inherit;
    }
    .home #mobileheader > #searchbox{
        left:5.1em;
    }
    .print #mobileheader > #searchbox{
        left:4.2em;
    }
    .home.print #mobileheader > #searchbox{
        left:3.2em;
    }
    #mobileheader > #searchbox > #searchinput{
        width:auto;
        padding:0 .25%;
        height:1.3em;
        line-height: 1.2em;
        border:1px solid #cccccc;
        border-right-width: 0px;

        -webkit-transition: -webkit-transform .5s ease-out;
        -moz-transition: transform .5s ease-out;
        transition: transform .5s ease-out;

        font-size:1.5em;
        z-index:2;

        position:absolute;
        top:.3em;
        left:0;
        right:1.75em;

        transform: translateX(110%);
        -webkit-transform: translateX(110%);
        -ms-transform: translateX(110%);
    }

    #mobileheader > #searchbox > a{
        font-family: 'WebSymbolsRegular';
        color: inherit;
        font-size:1.4em;
        padding:.45em;
        z-index:5;

        position:absolute;
        top:0;
        right:0;
        background-color:inherit;
    }

    #mobileheader.search > #searchbox > #searchinput
    ,#mobileheader:target > #searchbox > #searchinput
    ,#mobileheader > #searchbox > #searchinput:focus{
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
    }
    #mobileheader.search > #searchbox
    ,#mobileheader:target > #searchbox{
        left:5.7em;
    }
    .print #mobileheader.search > #searchbox
    ,.print #mobileheader:target > #searchbox{
        left:1.7em;
    }
    #mobileheader.search > #sectiondropdown
    ,#mobileheader:target > #sectiondropdown{
        opacity: 0;
        color: inherit;
    }

    /**
     * Hide real searchform
     */
    form#search {display:none}

    #mobilenavi{
        display:block !important;

        position:fixed;
        left:100%;
        top:0;
        bottom:0;

        z-index:10001;
        display:block;
        width:100%;

        -webkit-transition: left 0s ease-out .5s;
        -moz-transition: left 0s ease-out .5s;
        transition: left 0s ease-out .5s;

        overflow:hidden;
    }
    #navi1{
        position: absolute !important;
        left:0;
        z-index: 10001;
        top:3.8em !important;

        background: #ffffff;

        width:100%;
        display:block !important;
        margin:0;

        overflow: auto;

        max-height:40em;

        -webkit-transition: -webkit-transform .5s 0s ease-out;
        -moz-transition: -moz-transform .5s 0s ease-out;
        transition: transform .5s 0s ease-out;

        box-shadow: 0 0 .5em rgba(0,0,0,.5);

        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
    }
    /** deaktiviert desktop-fixed-styling */
    #navi1.fixed
    ,#navi1.fixed ul{
        box-shadow: none;
    }

    /* Ein Link-Symbol hinter externen Links anzeigen */
    /* #navi1 a[href^='http']:after {
         content: 'K';
         font-family: "WebSymbolsRegular";
         color:inherit;
         padding-left:1em;
     }*/

    /* Alle externen Links aus der Navigation raus halten */
    #navi1 li a[href^='http']
    ,.morenavi #navi1 li a[href^='http']
    ,#navi1 li a{
        display:none;
        color:#000000;
        font-weight: normal;
    }
    #navi1 li a.shortlist
    ,.morenavi #navi1 li a{
        display:block;
        color:#000000;
        background-color: #ffffff;
    }

    /* größerer Touchpoint */
    #navi1 li a{
        padding:1.3em .5em;
        font-size:1.3em;
    }

    #navi1 li.active > a{
        background:#cccccc;
    }

    #navi1 > li{
        display:block;
        height:auto;
    }
    #navi1 > li > ul{
        position:inherit;
        top:0;
        height: auto;
    }

    #mobilenavi:target{
        -webkit-transition: left 0s 0s ease-out;
        -moz-transition: left 0s 0s ease-out;
        transition: left 0s 0s ease-out;
        left:0;
    }

    #mobilenavi > #mngrey{
        display:block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        height:110%;
        background-color: rgba(0,0,0,0);
        -webkit-transition: background .5s 0s ease-out;
        -moz-transition: background .5s 0s ease-out;
        transition: background .5s 0s ease-out;

        -webkit-overflow-scrolling: touch;
    }
    #mobilenavi:target > #mngrey{
        background-color: rgba(0,0,0,.2);
    }

    #mobilenavi:target #navi1{
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
    }

    .mobilenavi body{
        height:100%;
        overflow: hidden;
    }


    /** more mobile-listing look */
    #main_content > .contentbox{
        background:inherit;
        margin:2% 0 0 0;
        width:96%;
        padding:0 2%;
    }
    #main_content > .contentbox > .newsLevel2{
        border-radius: 4px;
        border:1px solid #ccc;
        padding:4px;
    }
    #main_content .contentbox > .newsLevel2:hover
    ,#main_content .contentbox > .newsLevel2:focus
    ,#main_content .contentbox > .newsLevel2:active{
        border:1px solid #999;
    }

    body{background-color: #eee !important;
        /* Überlappung von Navi und Content verhindern */
        margin-top:4em
    }
    /* Nicht benötigte Elemente ausblenden */
    #navi0,aside,#article_comments{display:none}
    #article_actions .icon_comment,#article_actions .icon_print{display:none}

    #articleflyin,.speechbubble.fixed{display:none}


    #main_content.fullwidth,#main_content{width:100%;overflow:hidden}
    #main_content.fullwidth .contentbox,#main_content .contentbox{margin-left: 0;width:95.238095238%;box-shadow: none;}
    #main_content.fullwidth .contentbox{width:98%;padding:1%;position: relative}
    #main_content .mainbox.teaser{margin:0;box-shadow: none}

    #searchbox > form{box-shadow: none}

    #topthemen {margin:0}

    #footerTop > ul > li li{width:100%}

    /**
      * News-Bilder ausschalten, wenn Light-Version
      */
    body.simple .newsLevel2 > a{display:none}
    body.simple .newsLevel2 > div{margin:0}

    /**
      * More-Links verstecken f�r mehr App-Feeling
      */
    ul.listing > li a.more, #top-des-tages a.more, .newsLevel2 a.more, .clickable a.more{display:none}
    #ahgzumfrage {border:1px solid #cccccc;border-radius: 4px;background-color:#ffffff;padding:8px;}
}

/**
 * Fotostrecken Mobillayout
 */
@media only screen and (max-width: 590px) {
    #fotostrecken_foto,#fotostrecken_side{width:100%;margin:0}
    #fotostrecken_foto{margin-top:30px}
    #fotostrecken_side > ul.pagination{position:absolute;top:7px;padding:0;border:0;}
}

/**
 * Mobile Geräte mit kleinen Displaygrößen
 */
@media only screen and (max-width: 480px) {

    a{font-size:110%}

    body{padding-top:0;}
    h1{font-size:1.3em;line-height:1.2em}
    h3{font-size:1em}
    /* Fullsize-Banner ausblenden */
    /* mit #5807 werden die Bannerplätze dynamisch befüllt */
    /*#Ads_BA_BS,#Ads_BA_FS,#Ads_BA_FLB,#Ads_BS,#Ads_FS,#Ads_FLB {display:none}*/

    .mobile_banner > iframe:nth-child(2){margin-top: 4.2em;}

    #main_content #top-des-tages.mainbox.teaser{
        border-bottom:1px solid #ccc;
    }

	#main_content > .contentbox {
		padding: 0;
		width: 100%;
	}
	#main_content > .contentbox > #article {
		padding: 0 4%;
        font-size:105%;
	}
    #main_content > .contentbox > #article a {
        font-size: 100%;
    }

	#main_content > .contentbox.listing-big > div {
		margin-left: 2%;
		margin-right: 2%;
	}

    #top-des-tages > a{
        float:none;
        width:100%;
        height:180px;
        overflow:hidden;
        display:block;
        margin-top:.3em;
    }
    #top-des-tages > a > img{
        width:100%;
        height:auto
    }

    #top-des-tages > div.topnewsbox{
        background-color: #ffffff;
    }
    #top-des-tages > div.topnewsbox > h1{
        margin-top:0;
    }


    #main_content > #top-des-tages > a {
        height: auto;
        overflow: hidden;
    }

    /** Hochformat-Bilder ausblenden **/
    #main_content > #top-des-tages > a > img.orientation-portrait {
        display: none;
    }

    #top-des-tages .orientation-landscape.aspect-17
    ,#top-des-tages .orientation-landscape.aspect-16
    ,.artikelbild .orientation-landscape.aspect-17
    ,.artikelbild .orientation-landscape.aspect-16{
        margin:-5% 0;
    }

    #top-des-tages .orientation-landscape.aspect-15
    ,.artikelbild .orientation-landscape.aspect-15{
        margin:-9% 0;
    }
    #top-des-tages .orientation-landscape.aspect-14
    ,.artikelbild .orientation-landscape.aspect-14{
        margin:-10% 0;
    }

    #top-des-tages .orientation-landscape.aspect-13
    ,#top-des-tages .orientation-landscape.aspect-12
    ,.artikelbild .orientation-landscape.aspect-13
    ,.artikelbild .orientation-landscape.aspect-12{
        margin:-15% 0;
    }

    #top-des-tages .orientation-landscape.aspect-11
    ,.artikelbild .orientation-landscape.aspect-11{
        margin:-20% 0;
    }
    #top-des-tages .aspect-10
    ,.artikelbild .aspect-10{
        margin:-25% 0;
    }

    /**
      * Dachzeilen ausblenden
      */
    #top-des-tages > div.topnewsbox > h2,.newsLevel2 span{display:none}

    /**
      * Hintergrundverlauf in Navi entfernen
      */
    /*#navi1 {background: #7d7d7d;font-size:1.1em}
    #navi1 li.active > a{background: #febe00}*/

    /**
      * Umfrage ausblenden
      */
    #ahgzumfrage{display:none}
    #article #ahgzumfrage{display:block}

    /**
      * Top-Artikelbild über ganze Breite
      */
    #article .artikelbild{float:none;margin:2% 0;width:auto;height:auto;position:relative}
    #article .artikelbild .image{/*max-height: 180px;*/overflow:hidden;width: 105%;margin-left: -2%;}
    #article .artikelbild .image img{width:100%;height:auto}
    #article .artikelbild .link {background: #ffffff;
        font-size: 90%;
        margin: 0 0 1em -2%;
        padding: .5em 2%;
        width: 100%;}
    #article .artikelbild .link a {display:none}

    /**
      * Article Actions ausblenden
      */
    /*#article_actions{position:fixed;bottom:0;left:0;margin:0;border-top:1px solid #ccc;background-color:#efefef;padding: .5em;line-height: 1.5em;z-index:10000;width:100%}
     #article_actions > a {}*/
    #article_actions,#themenalarm,#tooltipp1,#tooltipp2,#tooltipp3,#tooltipp4,#tooltipp5,#tooltipp6{display:none !important}

    /**
      * Artikel-Sperre anpassen
      */
    div.sperre.guest,div.sperre.basic{padding-left: 10px;background:#fff}
    div.sperre.guest{border-color:#900}

    /**
      * Footer Anpassungen
      */
    footer{border-top:1px solid #ddd}
    #footerTop{padding:.5em}
    #footerTop > ul > li{width:auto}
    #footerTop > ul > li:first-child{margin-bottom:1em}
    #footerTop > ul > li li{width:auto;padding-right:1em}
    #footerTop > ul > li#otherlinks {display:none}
    #footerCopyright {text-align: left;padding:.5em;}
    #footerCopyright .fCopyright{display:none}

    /**
      * Zeile unter der Navigation ausblenden
      */
    #subBreadcrumb,#topthemen{display:none}

    #article_related > ul{
        list-style: none;
        list-style-type: none;
        margin-left:0;
    }
    #article_related > h4, #article_keywords > h4 {
        font-size:1.15em;
        border:0;
		margin-left: 2%;
    }

    #article_keywords > a:after{
        content: '';
    }

	/*ul.listing-small > li.listing-item, div.listing-small > a.listing-item {*/

	.listing-small {
		margin-left: 0;
		padding-left: 0;
	}

	.listing-small > .listing-item {
		display:block;
		padding:1.35em .4em;
		margin-left: 0;
		text-decoration: none;
		border: 1px solid #e0e0e0;
		background: #dbdbdb;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #dbdbdb 0%, #f3f3f3 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#f3f3f3));
		background: -webkit-linear-gradient(top,  #dbdbdb 0%,#f3f3f3 100%);
		background: -o-linear-gradient(top,  #dbdbdb 0%,#f3f3f3 100%);
		background: -ms-linear-gradient(top,  #dbdbdb 0%,#f3f3f3 100%);
		background: linear-gradient(top,  #dbdbdb 0%,#f3f3f3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f3f3f3',GradientType=0 );
	}
	.listing-small > a.listing-item, .listing-small > .listing-item a {
		color: inherit;
		text-decoration: none;
	}

	.listing-small > .listing-item:hover{
		background: #e7e7e7;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #e7e7e7 0%, #d0d0d0 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#d0d0d0));
		background: -webkit-linear-gradient(top,  #e7e7e7 0%,#d0d0d0 100%);
		background: -o-linear-gradient(top,  #e7e7e7 0%,#d0d0d0 100%);
		background: -ms-linear-gradient(top,  #e7e7e7 0%,#d0d0d0 100%);
		background: linear-gradient(top,  #e7e7e7 0%,#d0d0d0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#d0d0d0',GradientType=0 );
	}
	li.archivarticle > .pagenumber {
	  width:1.2em;
	}
	li.archivarticle > h4 {
		padding: 0;
		width: 33em;
		margin-left:1em;
	}


    /**
     * Pagination besser für touch optimiert
     */
    ul.pagination {font-size:1.2em}
    ul.pagination li.page a, ul.pagination li.place a{padding:3px 8px}

    /**
     * header bei Fotostrecken ausblenden
     */
    header.fotostrecke{display:none}
    header.fotostrecke+#main_content{margin-top:0}
    #fotostrecken_side > ul.pagination{display:none}
    #fotostrecken_foto{margin-top:0}

}

/**
 * Mobile Geräte mit ganz kleinen Displaygrößen
 */
@media only screen and (max-width: 320px) {
    /**
      * News-Bilder bei zu kleinem Display ganz ausschalten
      */
    body .newsLevel2 > a{display:none}
    body .newsLevel2 > div{margin:0}

    #article_social,#ahgzumfrage,#footerTop{display:none}

    #sectiondropdown_top > .topline{margin-top: 0.5em;line-height: 1.2em;}
    #sectiondropdown_top > .subline{display:none}
    #sectiondropdown_top > .topline.force-twoline{line-height:inherit;margin-top:0}
    #sectiondropdown_top > .topline.force-twoline ~ .subline{display:block}
}

/**
 * iPad 1,2
 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #ipad-identifier{display:block}
}

/**
 * iPad 3
 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    #ipad3-identifier{display:block}
}

/**
 * iPhone mit Retina Display
 */
@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { }