/* ###################################
   ##  Extra Small Devices, Phones  ##
   ################################### */

/* Anzeige-Steuerung
--------------------*/

	.show-on-480 {
		display: block;
	}

	.hide-on-480 {
		display: none;
	}

/* Printer-Button im Header
----------------------------*/

	.printer {
		display: none;
	}

/* Headerlink: Home-Icon Link
------------------------------*/

	.home {
		display: inline;
	}

/* Allgemein
--------------*/

	/* Mobiler Banner
	------------------*/

		.mobile_banner {
			display: block;
			width: 100%;
			margin-bottom: 10px;
		}

	/* Notfall-Link ausblenden
	---------------------------*/

		.notfall {
			display: none;
		}


	/* Hauptmenü - MENÜ Button ausblenden
	--------------------------------------*/

		.open-navigation-menu {
			display: none
		}

	/* Header-Logo in mobiler Navigation
	------------------------------*/

		.logo {
			width: 100%;
			top: 50px;
			left: 0;
		}

		.logo a {
			width: 100%;
			margin: 0;
			height: 75px;
			background-color: #FFFFFF;
		}

		.logo-wrapper {
			display: none;
		}

	/* Footer
	----------*/

		footer .wrapper {
			padding-left: 0px;
			padding-right: 0px;
		}

		/* Partner-Logos
		-----------------*/

			.footer-partners {
				display: block;
				height: auto;
				margin-left: 0px;
				margin-right: 0px;
				padding: 0;
			}

				.footer-partners a {
					float: none;
					display: block;
					width: 100%;
					height: auto;
					padding: 20px;
					border-bottom: 1px solid #BFBFBF;
					text-align: center;
					clear: both;
				}

					.footer-partners a img {
						padding-top: 0;
					}

		/* Social-Links
		----------------*/

			.footer-socials-desktop {
				display: none;
			}

			.footer-socials-mobile {
				display: block;
			}

				.footer-socials-mobile a {
					display: inline-block;
				}

			.footer-socials-mobile {
				display: block;
				background-color: #0056A2;
				text-align: center;
			}

				.footer-socials-mobile .fa {
					color: #FFFFFF;
				}

		/* Rechts-Positionierung von Navigation
		----------------------------------------*/

			.footer-links .position-container {
				float: none;
				width: 100%;
			}

			.footer-links .row .col-3.tablet-right {
				width: 100%;
				padding: 10px 20px 10px 20px;
				border-top: 1px solid #1A61A0;
				border-bottom: 1px solid #1A61A0;
			}

				.footer-links .row .col-3.tablet-right a {
					display: inline-block;
					margin: 0 10px 5px 0;
					float: left;
				}

		/* Abstand nach oben verringern
		--------------------------------*/

			.footer-partners {
				margin-top: 0px;
			}

/* Startseite
--------------*/

	/* Kachelgröße
	---------------*/

		.startseite .home-rows .col-4 {
			width: 100%;
		}

		.home-tiles-bottom .col-3 {
			width: 100%;
		}

	/* Kachelbilder in der mobilen Ansicht ausblenden
	--------------------------------------------------*/

		.tile-img {
			display: none;
		}

	/* Kachelfarben
	----------------*/

		.tile-content {
/*			background-color: #0056A2; SHei 27.11.2023 */
		}

		.tile-content a {
/*			color: #0056A2 !important; */
/*		    color: #8DD449 !important; SHei 29.11.2023 */
		}

		/* Link in mobiler Ansicht nicht weiß, sondern grün anzeigen
		   07.11.2018 SHei (UKJ) */
		.tile-content * {
/*			color: black !important; */
		}

		.tile-content a:hover {
			color: #8DD449 !important;
		}

		.tile-content span {
			display: none;
		}

	/* Standardabstände zwischen den Kacheln verringern
	-----------------------------------------------------*/

		.row .pad-bottom {
			padding-bottom: 10px;
		}

	/* Aktuelles einblenden
	------------------------*/

		.newslist {
			display: none;
		}

		.newslist-mobile, div.block-container .newslist {
			display: block;
		}

	/* Standemotion ausblenden
	---------------------------*/

		html {
			background-image: none !important;
		}

		.wrapper-container {
			margin-top: 65px;
		}

	.open-navigation-menu {
		display: block;
	}

/* Kontaktblock
----------------*/

	.contact-picture {
		display: none;	/* Wunsch von Kunden: Kontaktbilder nicht in mobiler Ansicht einblenden */
	}

	.contact-content {
		margin-left: 0;
	}


/* Text/Bild Block
-------------------*/

	.block-b02 .media {
		width: 100% !important;
	}

/* Mobile Navigationtoolbar
----------------------------*/

	.nav-mobile {
		display: block;
		position: absolute;
		top: 125px;
		height: 50px;	/* jeweils oben und unten 1px Rand */
		width: 100%;
		background-color: #FFFFFF;
	}

		/* Den rechten Rand mit einem Hintergrund simulieren,
		 * da der IE box-sizing bei manchen Fensterbreiten nicht korrekt berechnet
		 ---------------------------------------------------------------------------*/

		.nav-mobile-notfall {
			background-image: url("../../images/dot-cccccc.png");
			background-position: top right;
			background-repeat: repeat-y;
		}

		.nav-mobile-notfall,
		.nav-mobile-menubutton {
			width: 50%;
			line-height: 48px;
			float: left;
			height: 50px;
			text-align: center;
			border-top: 1px solid #CCCCCC;
			border-bottom: 1px solid #CCCCCC;
			cursor: pointer;
		}

			.nav-mobile-notfall:hover,
			.nav-mobile-menubutton:hover {
				background-color: #F2F2F2;
			}

			.nav-mobile-menubutton.active {
				border-bottom: 1px solid #E4E4E4;
				background-color: #E4E4E4;
			}

			.nav-mobile-notfall *,
			.nav-mobile-notfall *:hover {
				color: red;
				font-size: 20px;
			}

			.nav-mobile-menubutton * {
				font-size: 20px;
			}

			.nav-mobile-menubutton img {
				display: inline-block;
				vertical-align: sub;
				padding-left: 5px;
			}

/* Hauptnavigation
-------------------*/

	header nav {
		display: none;	/* Beim Betreten der Seite Menu nicht anzeigen */
		top: 175px;
	}

	header .nav-tablet-menubutton {
		display: none;
	}

/* Letzte Footerspalte ein/ausblenden
--------------------------------------*/

	.last-footer-col-mobile {
		display: block;
		padding-left: 10px;
		padding-right: 10px;
	}

	.last-footer-col-default {
		display: none;
	}

	.footer-links .row .col-3.tablet-right {
		padding-left: 10px;
		padding-right: 10px;
	}


/* NON-UKJ Logo
----------------*/

	.logo-nonukj > a:first-child {
		position: absolute;
		top: 50px;
		margin: 0;
		width: 100%;
		height: 60px;
		border: 0;
		border-bottom: 1px solid #CCCCCC;
	}

	.logo-nonukj > a:last-child {
		position: absolute;
		width: 100%;
		height: 60px;
		top: 110px;
		left: 0;
		font-size: 18px;
		text-decoration: none;
		font-weight: bold;
		color: #0056a2;
		padding: 0 0 0 10px;
		background-color: #FFFFFF;
		text-align: center;
		vertical-align: middle;
	}

	.nonukj .nav-mobile {
		top: 170px;
	}

	.nonukj .wrapper-container {
		margin-top: 120px;
	}

	.nonukj header nav {
		top: 220px;
	}

/* Block-Abstand von Aktuelles korrigieren
-------------------------------------------*/

	.nonukj .newslist-mobile .tile-content h2 {
		margin-left: 10px;
	}

/* Kacheln ohne Titel haben in mobiler Ansicht keinen Abstand nach unten
-------------------------------------------------------------------------*/

	.tile.hide-on-mobile {
		display: none;
	}

	.flex {
		flex-direction: column;
	}

	.tile-img + .tile {
		padding-top: 10px;
	}