/* Styles der Inhalte für die statischen Inhaltsseiten */
.bild {
    max-width: 100% !important;
    height: auto;
}

.bildsmall {
    max-width: 35% !important;
    height: auto;
}

.bildsmallright {
    max-width: 20% !important;
    height: auto;
    float: right;
    margin-left: 2%
}

article.kiss-static-page .frage {
    background-color: yellow;
}

article.kiss-static-page .content {
    margin: 2% 10% 5% 10%;
    font-size: 1.16667rem;
    line-height: 1.5rem;
    font-weight: 400;
}

article.kiss-static-page .wbox {
    margin: 0% 10% 5% 10%;
}

article.kiss-static-page .header {
    margin: 2% 10% 0% 10%;
}

article.kiss-static-page ol,
article.kiss-static-page p,
article.kiss-static-page ul {
    font-size: 1.16667rem;
    line-height: 1.5rem;
    font-weight: 400;
}

/* Bilder für die Kuller der BA-Medianet-Systeme */
.app-tile.BA_MEDIANET .round {
    background-image: url('/pin-board/static-page/assets/kiss/Link - BAMediaNet.jpg');
}

.app-tile.BA_MEDIATHEK .round {
    background-image: url('/pin-board/static-page/assets/kiss/mediathek_500x500.jpg');
}

.app-tile.JC_MEDIANET .round {
    background-image: url('/pin-board/static-page/assets/kiss/jcmedianet_500x500.jpg');
}

.app-tile.JC_MEDIATHEK .round {
    background-image: url('/pin-board/static-page/assets/kiss/mediathek_500x500.jpg');
}

.app-tile.IAB_MEDIANET .round {
    background-image: url('/pin-board/static-page/assets/kiss/FuerAppKreis_IAB-MediaNet_500x500px.jpg');
}

.app-tile.SB58_MEDIATHEK .round {
    background-image: url('/pin-board/static-page/assets/kiss/Berufskundl_Bilder_500x500.jpg');
}

.app-tile.BA_VISITING_CARD .round {
    background-image: url('/pin-board/static-page/assets/kiss/visitenkarten_500x500.jpg');
}

.app-tile.media-share-app .round {
    background-image: url('/pin-board/static-page/assets/kiss/externe_freigabe_neu_500x500.jpg');
}

/* Bilder für die Kuller der angebundenen Demo-4-Systeme*/
.app-tile.DEMO4_MEDIANET .round {
    background-image: url('/pin-board/static-page/assets/kiss/genera-Plakate_500x500.jpg');
}

.app-tile.DEMO4_MEDIATHEK .round {
    background-image: url('/pin-board/static-page/assets/kiss/mediathek_500x500.jpg');
}

/* Demo für Teststyling der Appkreise, Breadcrumb. CSS-Pfade mit Browsertool F12 ermitteln. Sollte dennoch durch reguläre US umgesetzt werden*/

.app-tile h3 {
    font-size: 16px;
	margin-top: 0px;
	margin-bottom: 15px;
}


.kiss-navigation header nav a {
    font-size: 14px;
    line-height: 20px;
}

/*
.kiss-navigation header h5 {
    font-size: 30px;
    line-height: 35px;
}
*/

.desktop-section-switcher li.active span,
.desktop-section-switcher li.active a {
    background-color: #e2001a;
    color: white !important;
    padding: 3px;
    border-radius: 3px;
}

.desktop-section-switcher li span,
.desktop-section-switcher li a {
    background-color: white;
    color: black !important;
    padding: 3px;
    border-radius: 3px;
}