/**
 * /res/ism/css/ism_customer_static.css (screen)
 *
 * Diese Datei bitte leer lassen (dient als Platzhalter, falls im Customer-Bereich keine vorhanden ist)!!!
 *
 * Wenn hier Einträge notwendig sind, bitte im jeweiligen Customer-Bereich anlegen!
 *
 *
 */

/* ---------- viewport all ---------- */
@media all {

    /* Bilder in akt. Meldungen etc. */
    .coma-g62 {
        width: 90%;
    }
    /* Bilder in akt. Meldungen etc. */

    /* Akkordeons */

    .modSidebarSubject .toggle-title, .modFocus .toggle-title {
        border-top: solid 1px #fff;
        border-bottom: solid 1px #2C5A93;
        border-left: none;
        border-right: none;
        background-color: #2C5A93;
        height: 30px;
        line-height: 30px;
    }

    .modSidebarSubject .toggle-title a {
        padding: 0.1em 0.75em;
        color: #FFF;
    }


    .modFocus .toggle-title {
        font-weight: normal;
    }

    .modFocus .toggle-title a {
        padding: 0.1em 0em;
        color: #FFF;
    }

    .modSidebarSubject .toggle-title a::before, .modFocus .toggle-title a::before {
        top: 0.5em;
    }

    .modSidebarSubject .toggle-title a:hover, .modFocus .toggle-title a:hover {
        color: #FFF;
        background-color: #02a1e6;
    }

    .modSidebarMinistry ul li a, .modSidebarDates ul li a, .modFocus .toggle-title a {
        color: #FFF;
        background-color: #2C5A93;
        height: 30px;
        line-height: 30px;
    }

    .modSidebarMinistry ul li a:hover, .modSidebarDates ul li a:hover, .modFocus .toggle-title a:hover {
        color: #FFF;
        background-color: #02a1e6;
    }

    .contrastMode .modSidebarMinistry ul li a, .contrastMode .modSidebarDates ul li a, .contrastMode .modFocus .toggle-title a {
        color: #FFF;
        background-color: #333;
    }

    .contrastMode .modSidebarMinistry ul li a:hover, .contrastMode .modSidebarDates ul li a:hover, .contrastMode .modFocus .toggle-title a:hover {
        color: #000;
        background-color: #FFF;
    }

    .more {
        height:30px;
        margin-top: -3px;
    }


    /* Akkordeons */


    /* Datum und Ort in PMs formatieren */
    .pmDate {
        margin-bottom: 20px;
        text-align: right;
    }

    .pmFussnote {
        font-size: 0.75em;
        line-height: 1.0em;
        border-top: 1px solid rgb(128,128,128);
        padding-top: 5px;
        color: rgb(128,128,128);
    }

    .pm_date_width {
        width:70px;
    }

    ul.pm {
        list-style-image: none !important;
        margin:0 !important;
    }

    ul.pm li div.modDates {
        margin:0 !important;
    }

    span.pm {
        margin:0 !important;
    }


    /* Rahmen für Flexmodul Bild */
    .image_border_flex {
        border: 1px solid rgb(128, 128, 128);
    }



    /* Fuer Content-Bild */
    .content_image img {
        max-width:600px;
    }

    .content_image i {
        width:auto !important;
    }

    a.content_image:hover , a.content_image:focus {
        color: #3f3f3f;
    }

    /* Ende Fuer Content-Bild */


    .modContent .modSidebarSubject .accordion table tbody tr:first-child td {
        border-top: none;
    }

    .modDates table tbody tr:first-child td, .modDates table tbody tr:first-child th {
        border-top: none;
    }

    /* Icons ausblenden */
    .icon-excel:before, .icon-xls:before, .icon-pdf:before, .icon-link_internal:before, .icon-link_external:before, .icon-word:before, .icon-download:before,
    .icon-zip:before, .icon-image:before, .icon-project:before, .icon-mail:before, .icon-paragraph:before, .icon-info:before, .icon-telefon:before, .icon-telefax:before, .icon-video:before {
        content: none;
    }

    /* Formatierung des Copyright-Vermerks in der Zitatbox */
    .modSidebarMinistry ul li > i {
        display: block;
        text-align: right;
        padding-right: 5px;
        font-size: 94%;
    }


    /* Formatierung Vorschläge der FTS */
    .ui-autocomplete {
        background: #FFFFFF;
        border: 1px solid #008DC9;
        border-top:none;
    }
    .ui-menu-item {
        background:#ECECEC;
    }


    /* Formatierung der Termine */
    .modSidebarDates ul li {
        padding:15px 10px;
        width:280px;
    }
    .modSidebarDates ul li.more {
        width:300px;
    }
    .modSidebarDates ul li b, .modSidebarDates ul li small {
        min-width:200px;
    }

    /* Formatierung für Themen A-Z */
    .modTopicsAZ ol li {
        margin:0 10px 0 0;
    }

    /* Ausrichtung erster Menuepunkt der dritten Ebene */
    .modSidebarNavigation ul ul li.first>a {
        padding: 7px 0 7px 0;
    }


    /* Formatierung für spezielle Ankerliste (Schnellzugriff) */
    .modContent ol.anchorlist {
        margin: 0.5em 0 3em 1.1em;
    }

    .modTopicsAZ dl dd {
        margin: 0 0 10px 20px;
        display: list-item;
        list-style-image: url(../img/icons/list_square.gif);
    }

    .modSummary h2.acc-title a, .modSummary h2 a.acc-title {
        background-color:#2c5a93 !important;
        line-height:30px;
        height:25px;
        color:white;
        font-weight:normal;
        padding-left:0.9em;
        background:none;
    }

    .modSummary h2 a.active, .modSummary .acc-active h2.acc-title a, .modSummary .acc-active h2 a.acc-title,
    .modSummary h2 a:hover, .modSummary h2.acc-title a:hover, .modSummary h2 a.acc-title:hover,
    .modSummary h2 a.active:hover, .modSummary .acc-active h2.acc-title a:hover, .modSummary .acc-active h2 a.acc-title:hover
    {
        background:none;
    }

    .modSummary dl dd {
        margin: 0 0 10px 20px;
        display: list-item;
        list-style-image: url(../img/icons/list_square.gif);
    }

    table.statistische_berichte tr td {
        padding:5px !important;
    }

    table.statistische_berichte tr td img {
        margin: 0px !important;
    }

    table.statistische_berichte tr td:nth-child(1), table.statistische_berichte tr td:nth-child(2) {
        width:30px;
    }

    div.statistik_kommunal {
        background-color: #f3f3f3;
        padding:10px;
        line-height: 1.5em;
    }

    div.sk_jahr {
        font-weight:700;
    }

    div.sk_bereich {
        font-weight:700;
    }

    div#sk_BL_Link {
        margin-bottom:2em;
    }

    div.demografischer_wandel {
        background-color: #f3f3f3;
        padding:10px;
        line-height: 1.5em;
    }

    div.dw_bereich {
        font-weight:700;
    }

    div#dw_BL_Link {
        margin-bottom:2em;
    }


    /* Anpassungen für Link "Alle Pressemitteilungen"*/
    .pm_important ul li.more {
        padding-bottom: 0px;
    }

    .pm_important .more a {
        color: #FFF;
        background-color: #2C5A93;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
    }

    /* Kontakt-Schaltfläche in Helper-Leiste */
    .modHeader div.header-navigation ul li a[data-role="contact"]::before
    {
        font-size: 1.6em;
        line-height: 1em;
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1em;
        text-align: center;
        width: 100%;
        position: static;
    }

    .modHeader div.header-navigation ul li a[data-role="contact"] {
        padding-left: 0;
        padding-right: 0;
        width: 5.5em;
    }

    .icon-contact::before {
        content: '\e83a  \F800';      /* schwarzer Briefumschlag und Telefonhörer */
    }

    .modHeader div.header-navigation ul li a[data-role="contact"] span {
        position: absolute !important;
        left: -9999px;
        top: -9999px;
        overflow: hidden;
        max-width: 200px;
        max-height: 200px;
    }
    /* ENDE: Kontakt-Schaltfläche in Helper-Leiste */
}



/* ---------- viewport desktop ---------- */
@media screen {

    .modMainNavigation ul li a {
        padding: 10px 0 0 7px;
        min-height: 2.40em;
    }

    /* Textbox für Text mit Bild anpassen - für aktuelle Meldungen auf Homepage */
    .coma-g62 {
        width: 90%;
    }

    /* Formatierung für spezielle Ankerliste (Schnellzugriff) */
    .quicklinks {
        background-color: #EFEFEF;
    }

    .quicklinksHl {
        background-color:#2c5a93 !important;
        line-height:30px;
        height:30px;
        color:white;
        font-weight:normal;
        padding-left:0.9em;
        background:none;
    }

    .modContent .modSidebarSubject {
        width:620px;
    }

    /* Kontakt-Schaltfläche in Helper-Leiste */
    .modHeader form .ym-searchfield	{
        width: 16em !important;
    }

    .t0 .modHeader form .ym-searchfield,
    .t1 .modHeader form .ym-searchfield {
        width: 11em !important;
    }

    .t2 .modHeader form .ym-searchfield	{
        width: 9.5em !important;
    }
    /* ENDE: Kontakt-Schaltfläche in Helper-Leiste */

    /* Tickergröße anpassen */
    .modTicker .ym-g960-8 {
        width: 940px !important;
    }

    .modTicker .ym-g960-8 a {
        width: 800px;
    }

    .modTicker h3 {
        width: 20%;
    }

    .modTicker .ym-g960-8 .coma-g62 {
        width: 77%;
    }
    /* ENDE: Tickergröße anpassen */
}



/* ---------- viewport tablet ---------- */
@media only screen and (min-width : 767px) and (max-width : 1024px) {

    /* Kontakt-Schaltfläche in Helper-Leiste */
    .modHeader form .ym-searchfield	{
        width: 11em !important;
    }

    .t2 .modHeader form .ym-searchfield {
        width: 7.5em !important;
    }
    /* ENDE: Kontakt-Schaltfläche in Helper-Leiste */

    /* Tickergröße anpassen */
    .modTicker .ym-g960-8 {
        width: 620px !important;
    }

    .modTicker .ym-g960-8 a {
        width: 500px;
    }

    .modTicker h3 {
        width: 20%;
    }

    .modTicker .ym-g960-8 .coma-g62 {
        width: 77%;
    }
    /* ENDE: Tickergröße anpassen */
}



/* ---------- viewport smartphone ---------- */
@media only screen and (min-width : 20px) and (max-width : 766px) {

    /* Optimierung Abstand EHST-Karte zum Content-Bereich */
    iframe#JQ-iFrame-EHST {
        height: calc(105vw + 190px) !important;
    }
    /* Ende: Optimierung Abstand EHST-Karte zum Content-Bereich */

    /* Datum und Ort in PMs formatieren */
    .pmDate {
        float: none;
        margin-top: 4px;
        margin-bottom: 10px;
        text-align: left;
    }

    /* Icons für aktuelle Meldungen anpassen */
    .modCurrent ul li img {
        width: 8%;
    }

    .modContent .modSidebarSubject {
        width:auto;
    }

    .editor_bild_klein {
        width: auto !important;
    }


    /* Fuer Content-Bild */
    .modContent .copyright.ym-gl.content_image {
        width: auto;
    }

    .content_image img {
        max-width:100%;
    }

    td img {
        width: auto !important;
    }

    /* Formatierung der Termine */
    .modSidebarDates ul li {
        width:auto;
    }
    .modSidebarDates ul li.more {
        width:auto;
    }

    /* Kontakt-Schaltfläche in Helper-Leiste */
    .modHeader form .ym-searchfield	{
        width: 12.5em !important;
    }

    .t0 .modHeader div.header-navigation ul li a[data-role="contact"],
    .t1 .modHeader div.header-navigation ul li a[data-role="contact"],
    .t2 .modHeader div.header-navigation ul li a[data-role="contact"]	{
        font-size: 18.2px;
    }

    .t0 .modHeader form .ym-searchfield,
    .t1 .modHeader form .ym-searchfield,
    .t2 .modHeader form .ym-searchfield	{
        width: 9em !important;
    }
    /* ENDE: Kontakt-Schaltfläche in Helper-Leiste */

    /* Tickergröße anpassen */
    .modTicker {
        display: block;
    }

    .modTicker .ym-g960-8 {
        width: auto !important;
    }

    .modTicker .ym-g960-8 a {
        width: auto;
    }

    .modTicker h3 {
        width: 120px;
        padding-left: 10px;
    }

    .modTicker .ym-g960-8 .coma-g62 {
        width: calc(85vw - 85px);
    }

    .modTicker .ym-g960-8.ym-gl {
        height: 41px;
    }
    /* ENDE: Tickergröße anpassen */
}