@media (max-width:1520px) {
	.lakbw-main-width {
		max-width: calc(100vw - 80px);
	}
}

@media (max-width:991px) {
	
}

@media (max-width:1350px) {
	.lakbw-menu {
		display: none;
	}
	
	.lakbw-mobile-menu-trigger {
		display: block;
	}
	
	.lakbw-header {
		overflow: scroll;
	}
	
	.lakbw-header-logo img {
		width: 200px;
		left: 10px;
		top: 1.8em;
	}
	
	.lakbw-content .lakbw-box-container {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}
}

@media (max-width: 767px) {
	
	/* ~~~ GENERAL ~~~ */
	
	.lakbw-content {
		margin-top: 100px;
	}
	
	.lakbw-main-width {
		width: calc(100vw - 20px);
		max-width: calc(100vw - 20px);
		padding: 0;
	}
	
	.lakbw-content .sf-dialog-title h1 {
		margin: 0;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 1.5em;
	}
	
	.lakbw-content ul.sf-nav.sf-nav-tabmenu {
		display: flex;
		flex-direction: column;
		text-align: center;
		width: 100%;
	}
	
	.lakbw-content .sf-buttons .p2 {
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: center;
	}
	.lakbw-content .sf-buttons .p2 input[type="submit"],
	.lakbw-content .sf-buttons .p2 a {
		margin: 0;
		margin-right: 0;
		width: 100%;
		text-align: center;
	}
	
	.lakbw-content fieldset .p2 select {
		width: 100%;
	}
	
	.lakbw-btn {
		min-height: 32px;
		height: auto;
		text-align: center;
	}
	
	.lakbw-breadcrumb {
		display: none;
	}
	
	.lakbw-content hr,
	.lakbw-content .sf-dialog hr {
		margin: 10px;
	}
	
	.lakbw-content div.sf-message {
		padding: 10%;
	}
	
	.lakbw-content div.sf-panel,
	.lakbw-content article.sf-panel {
	    font-size: .9em;
	    padding: 2em;
	}

	/* ~~~ HOME ~~~ */
	
	.lakbw-home-row {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	.lakbw-home-row .sf-col-xs-2 {
		width: auto;
	}
	
	/* ~~~ FORM ~~~ */
	
	.lakbw-body-image .lakbw-content .sf-dialog-content .sf-form {
		padding: 10px;
	}
	
	.lakbw-content fieldset {
		min-width: 0;
	}
	
	.lakbw-content form fieldset legend,
	.lakbw-content .sf-form fieldset legend {
		border-top-left-radius: var(--lakbw-radius-md);
		border-top-right-radius: var(--lakbw-radius-md);
	}
	
	.lakbw-content .lakbw-form-label-description-container {
		flex-direction: column;
	}
	
	.lakbw-content .sf-panel .sf-form {
		display: flex;
		flex-direction: column;
	}
	
	.lakbw-content .sf-form fieldset .p2 input {
		width: 100%;
	}
	
	/* ~~~ CARD ~~~ */
	
	.lakbw-card {
		padding: 10px;
	}
	
	.lakbw-card-heading {
		font-size: 1.5em;
		margin: 0;
	}
	
	.lakbw-card-header {
		flex-direction: column;
	}
	
	.lakbw-card-date {
		margin: 0;
		padding: 10px 0;
		flex-direction: row;
		justify-content: space-evenly;
	}
	
	.lakbw-card-footer-container {
		flex-direction: column-reverse;
		height: auto;
	}
	
	.lakbw-card-footer-container a,
	.lakbw-card-footer-container div {
		margin: 0;
	}
	
	.lakbw-card-footer-container .lakbw-card-text-item {
		width: 100%;
		border-radius: var(--lakbw-radius-sm);
	}
	
	.lakbw-card-footer-container .lakbw-progress-circle {
		width: 100%;
		padding: 10px;
		text-align: center;
		border: 1px solid var(--color, #eee);
		border-radius: var(--lakbw-radius-sm);
	}
	
	.lakbw-card-footer-container .lakbw-progress-circle::before,
	.lakbw-card-footer-container .lakbw-progress-circle::after {
		display: none;
	}
	
	/* ~~~ SF ~~~ */
	
	.lakbw-content .sf-row-padding {
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	
	.lakbw-content [class^="sf-col-"] {
		padding: 0;
	}
	
	.lakbw-content sf-form {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
	
	/* ~~~ STORY ~~~ */
	
	.lakbw-story-container {
		display: flex;
		flex-direction: column;
	}
	
	.lakbw-content .lakbw-story-content {
		padding: 10px;
	}
	
	.lakbw-content .lakbw-story-sidebar {
		max-width: none;
	}
	
	.lakbw-content .lakbw-story-img img {
		height: auto;
	}
	
	.lakbw-content .lakbw-story-headline h1 {
		font-size: 1.3em;
	}
	
	.lakbw-content .lakbw-story-text h2 {
		font-size: 1.1em;
	}
	
	.lakbw-content .lakbw-story-card {
		padding: 10px;
		display: flex;
		flex-direction: column;
	}
	
	.lakbw-content .lakbw-story-card .sf-article-image {
		width: 100%;
		height: auto;
	}
	
	.lakbw-content .lakbw-story-card .lakbw-btn {
		display: flex;
		flex-direction: column;
	}
	
	/* ~~~ STEP NAV ~~~ */
	
	.lakbw-content .lakbw-step-nav {
		gap: 20px;
		margin-bottom: 1em;
	}
	
	.lakbw-content .lakbw-step-nav.active {
		gap: 10px;
	}
	
	.lakbw-step-nav .lakbw-step-nav-number {
		width: 20px;
		height: 20px;
		border-radius: var(--lakbw-radius-sm);
		margin-left: 10px;
	}
	
	.lakbw-step-nav .lakbw-step-nav-number::after {
		height: 10px;
		transform: translateY(20px);
		top: auto;
	}
	
	.lakbw-step-nav .lakbw-step-nav-title {
		font-size: 0.7em;
	}
	
	.lakbw-step-nav.active .lakbw-step-nav-number {
		width: 40px;
		height: 40px;
		border-radius: var(--lakbw-radius-lg);
		margin-left: 0;
	}
	
	.lakbw-step-nav.active .lakbw-step-nav-title {
		font-size: 1.0em;
	}
	
	.lakbw-step-nav.active .lakbw-step-nav-number::after {
		transform: translateY(28px);
	}
	
	/* ~~~ PHARMACY ~~~ */
	
	.lakbw-content #sberg-notdienst-app div main div,
	.lakbw-content #sberg-notdienst-app div main div div {
		flex-direction: column;
		gap: 10px;
	}
	
	.lakbw-content #sberg-notdienst-app div main div div label {
		white-space: wrap;
		text-align: center;
	}
	
	.lakbw-content #sberg-notdienst-app div div main div button span {
		flex-shrink: 1;
	}
	
	/* ~~~ LAK-MEDIATHEK TRAINING ~~~ */
	
	.lakbw-content .lakbw-card-02 .lakbw-card-icon {
		display: none;
	}
	
	.lakbw-content .lakbw-card-02 .lakbw-btn {
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	
	.lakbw-content .lakbw-training-card-header {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.lakbw-content .lakbw-training-lesson-card {
		flex-direction: column;
	}
	
	.lakbw-content .lakbw-training-lesson-card-sidebar {
		border-right: 0;
		border-bottom: var(--lakbw-border-01);
		margin-bottom: 10px;
	}
	
	.lakbw-content .lakbw-training-lesson-card-content {
		padding: 0;
	}
	
	/* ~~~ OTHER ~~~ */
	
	.lakbw-content .sf-buttons {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 100%;
		text-align: center;
	}
	
	.lakbw-content .sf-buttons .lakbw-btn {
		display: flex;
		flex-direction: column;
	}
	
	.lakbw-content .lakbw-table-container,
	.lakbw-content fieldset > .lakbw-table-container {
		display: block;
		overflow-x: auto;
	}
	
	.lakbw-content .lakbw-note {
		flex-direction: column;
		padding: 10px;
		gap: 0;
	}
	
	.lakbw-content .lakbw-box-container {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}
	
	.lakbw-contact {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	/* ~~~ GROUP ~~~ */
	
	.lakbw-body-network div.sf-dialog-content div[class^="js-page"] {
		padding: 10px;
	}
	
	/* ~~~ DIALOG MESSAGE ~~~ */

	.lakbw-content div.sf-message.sf-message-type-timeout {
		min-width: auto;
		white-space: wrap;
		inset: auto 10px 10px 10px;
	}

	.lakbw-content div.sf-message.sf-message-type-timeout div.sf-container.sf-message-success {
		align-items: start;
		padding: 0;
	}
	
	.lakbw-content div.sf-message.sf-message-type-timeout div.sf-container.sf-message-success h3 {
		margin: 0;
		font-size: 1em;
	}
	
	.lakbw-content div.sf-message.sf-message-type-timeout div.sf-container.sf-message-success span.sf-btn-close {
		position: relative;
		right: 10px;
	}
	
	/* ~~~ EVENT ~~~ */
	
	.lakbw-education-category {
		max-width: none;
	}
}