/* 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');
}



/* Bilder für die KISS-Kuller...Nummern entsprechen den Ids aus der categories.json */
/* für Mandant BA */
.app-tile.kiss-category-1000 .round {
    background-image: url('/pin-board/static-page/assets/kiss/bringtweiter_500x500.jpg');
}

.app-tile.kiss-category-1010 .round {
    background-image: url('/pin-board/static-page/assets/kiss/BA_RGB_Mutter_Kind_TCP5977_B 2.jpg');
}

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

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

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

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

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

.app-tile.kiss-category-1110 .round {
    background-image: url('/pin-board/static-page/assets/kiss/Kachel_Kommunikationsthemen.png');
}

.app-tile.kiss-category-1120 .round {
    background-image: url('/pin-board/static-page/assets/kiss/Kachel_Support.png');
}

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

.app-tile.kiss-category-1140 .round {
    background-image: url('/pin-board/static-page/assets/kiss/BAA071816_Logo_Ba-Aktuell_500px_RZ.png');
}

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

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

.app-tile.kiss-category-1210 .round {
    background-image: url('/pin-board/static-page/assets/kiss/Zentrale_der Bundesagentur für Arbeit in Nürnberg.jpg');
}

.app-tile.kiss-category-1220 .round {
    background-image: url('/pin-board/static-page/assets/kiss/Jobcenter-CD.jpg');
}

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

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

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

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

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

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

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

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

.app-tile.kiss-category-1510 .round {
    background-image: url('/pin-board/static-page/assets/kiss/hands-people-woman-working.jpg');
}

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

.app-tile.kiss-category-1710 .round {
    background-image: url('/pin-board/static-page/assets/kiss/twitter-facebook-together-exchange-of-information-147413.jpeg');
}

.app-tile.kiss-category-1720 .round {
    background-image: url('/pin-board/static-page/assets/kiss/Twitter_Logo_Blue.png');
}

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

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

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

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

/* Bilder für die KISS-Kuller...Nummern entsprechen den Ids aus der categories.json */
/* für Mandant Demo 4 */
.app-tile.kiss-category-2010000 .round {
    background-image: url('/pin-board/static-page/assets/kiss/2010000_Regionalmarketing_500x500.jpg');
}

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

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

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

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

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

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

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

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

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

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

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

.app-tile.kiss-category-2011200 .round {
    background-image: url('/pin-board/static-page/assets/kiss/2011200_Vermittler-Websites_500x500.jpg');
}

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

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

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

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

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

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

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

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

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

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

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

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

.app-tile.kiss-category-2050000 .round {
    background-image: url('/pin-board/static-page/assets/kiss/2050000_Kontakt_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;
}