/* bySam */

img {
	height:auto;
}

/* ============================================================ */
/* Bootstrap 5													*/
/* ============================================================ */

:root {
--bs-blue:#0d6efd;
--bs-indigo:#6610f2;
--bs-purple:#6f42c1;
--bs-pink:#d63384;
--bs-red:#dc3545;
--bs-orange:#fd7e14;
--bs-yellow:#ffc107;
--bs-green:#198754;
--bs-teal:#20c997;
--bs-cyan:#0dcaf0;
--bs-white:#fff;
--bs-gray:#6c757d;
--bs-gray-dark:#343a40;
--bs-gray-100:#f8f9fa;
--bs-gray-200:#e9ecef;
--bs-gray-300:#dee2e6;
--bs-gray-400:#ced4da;
--bs-gray-500:#adb5bd;
--bs-gray-600:#6c757d;
--bs-gray-700:#495057;
--bs-gray-800:#343a40;
--bs-gray-900:#212529;
--bs-primary:#0d6efd;
--bs-secondary:#6c757d;
--bs-success:#198754;
--bs-info:#0dcaf0;
--bs-warning:#ffc107;
--bs-danger:#dc3545;
--bs-light:#f8f9fa;
--bs-dark:#212529;
--bs-primary-rgb:13, 110, 253;
--bs-secondary-rgb:108, 117, 125;
--bs-success-rgb:25, 135, 84;
--bs-info-rgb:13, 202, 240;
--bs-warning-rgb:255, 193, 7;
--bs-danger-rgb:220, 53, 69;
--bs-light-rgb:248, 249, 250;
--bs-dark-rgb:33, 37, 41;
--bs-white-rgb:255, 255, 255;
--bs-black-rgb:0, 0, 0;
--bs-body-color-rgb:33, 37, 41;
--bs-body-bg-rgb:255, 255, 255;
--bs-font-sans-serif:sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", 'Open Sans', "Liberation Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient:linear-gradient(180deg, hsla(0,0%,100%,.15), hsla(0,0%,100%,0));
--bs-body-font-family:var(--bs-font-sans-serif);
--bs-body-font-size:18px;
--bs-body-font-weight:400;
--bs-body-line-height:1.5;
--bs-body-color:#5B5B5B;
--bs-body-bg:#fff
}

/* ============================================================ */
/* Custom Project Classes										*/
/* ============================================================ */

.color-blue {
	color:#0060AA;
}

.bg-color-blue {
	background-color:#0060AA;
}
.bg-color-blue,
.bg-color-blue a,
.bg-color-blue a:link,
.bg-color-blue a:visited,
.bg-color-blue a:active { 
	color:#FFFFFF; 
	outline:none; 
	text-decoration:none; 
}
.bg-color-blue a:focus,
.bg-color-blue a:hover  { 
	color:#FFFFFF; 
	background:none; 
	text-decoration:underline;
}

.bg-color-gray {
	background-color:#EEEEEE;
	padding-top:10px;
	margin-bottom:10px;
}

.footer-top-column-1 {
	color:#FFFFFF;
	background:#0060AA url(/images/supertek-logo-white.png) right top no-repeat;
	background-size:148px auto;
}
.footer-top-column-1 a,
.footer-top-column-1 a:link,
.footer-top-column-1 a:visited,
.footer-top-column-1 a:active { 
	color:#FFFFFF; 
	outline:none; 
	text-decoration:none; 
}
.footer-top-column-1 a:focus,
.footer-top-column-1 a:hover  { 
	color:#FFFFFF; 
	background:none; 
	text-decoration:underline;
}

.german-box {
	position:absolute;
	top:12px; left:220px;
	width:250px;
	color:#000000;
	font-family:'Open Sans';
	transform: scale(.8);
}
.german-text-top {
	position:absolute; 
	left:0px; top:2px;
	font-size:15.35px !important;
	font-size:11.25px !important;
	line-height:16px !important;
}
.german-flag {
	position:absolute; 
	left:0px; right:0px; top:24px;
}
.german-black {
	width:44px; height:4px; 
	background-color:#000000; 
	margin-right:4px;
}
.german-red {
	width:44px; height:4px; 
	background-color:#F60403; 
	margin-right:4px;
}
.german-yellow {
	width:44px; height:4px; 
	background-color:#FFC708;
}
.german-text-bottom {
	position:absolute; 
	left:0px; top:33px; 
	font-size:9px !important; 
	line-height:12px !important;
	text-transform:uppercase; 
	letter-spacing:4px !important;
}

.captcha-view {
	display:inline-block;
	padding-right:10px;
	font-size:24px;
}

.neu-button {
	position:absolute;
	left:-10px; top:-15px;
	z-index:999;
	width:95px; height:70px;
	background:url(/images/neu-button.png) left top no-repeat;
	background-size:95px 70px;
}

.new-button {
	position:absolute;
	left:-10px; top:-15px;
	z-index:999;
	width:95px; height:70px;
	background:url(/images/new-button.png) left top no-repeat;
	background-size:95px 70px;
}

.public .ccm-region-flag {
	width:24px;
	height:auto;
	margin-right:4px;
}


.wiki h1,
.wiki h2,
.wiki h3,
.wiki h4,
.wiki h5,
.wiki h6 {
	font-family:Montserrat,sans-serif !important;
}

.alpha-navi-area-wrapper {
	background-color:#F6F6F6;
}

.alpha-navi-area {
	background:url(/images/alpha-navi-area-bg.png) right top no-repeat;
	
	min-height:359px;
	padding-top:80px;
}

.alpha-navi {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	font-family:Montserrat,sans-serif;
}

.alpha-navi a {
	padding:10px;
	text-decoration:none !important;
	color:#0060AA !important;
}

.alpha-navi a:hover {
	color:#000000 !important;
	text-decoration:underline !important;
}

.rund,
.rund img {
	 -webkit-border-radius: 16px;
		-moz-border-radius: 16px;
			 border-radius: 16px;
}

/* ============================================================ */
/* Support 														*/
/* ============================================================ */

/* Float Classes */
.public .left {
	float:left !important;
}
.public .right {
	float:right !important;
}
.public .clear {
	clear:both !important;
}

/* Text-Decoration Classes */
.public .tdu {
	text-decoration:underline !important;
}
.public .tdn {
	text-decoration:none !important;
}

/* Only Small Big Classes */
.public .only-small {
	display:block !important;
}
.public .only-big {
	display:none !important;
}
/* @media (min-width: 768px) { /* navbar-expand-md */
/* @media (min-width: 992px) { /* navbar-expand-lg */
@media (min-width: 1200px) { /* navbar-expand-xl */
	.public .only-small {
		display:none !important;
	}
	.public .only-big {
		display:block !important;
	}
}

.rounded { 
	 -webkit-border-radius: 8px;
		-moz-border-radius: 8px;
			 border-radius: 8px;
}

/* No Selection Class */
.public .deselect ::selection,
.public .deselect ::-moz-selection {
    background:transparent !important;
    color:inherit !important;
}
.public .deselect {
    -ms-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}

/* No Outline */
.public .nooutline { 
	outline:none !important; 
}

/* Bild in echter Größe anzeigen, aber nicht über 100% (keine Scroller) */
.max-width-100p {
	width:auto;
	max-width:100%;
}

/* Bei Bookmarks Header mitrechnen */
.anchor { 
	display:block;
	position:relative;
	top:-80px;
	visibility:hidden;
}
/* @media (min-width: 768px) { /* navbar-expand-md */
/* @media (min-width: 992px) { /* navbar-expand-lg */
@media (min-width: 1200px) { /* navbar-expand-xl */
	.anchor { 
		top:-135px;
	}
}

/* ============================================================ */
/* Global 														*/
/* ============================================================ */

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Link Colors */
a,
a:link,
a:visited,
a:active { color:#5B5B5B; outline:none; text-decoration:underline; }
a:focus,
a:hover  { color:#0060AA; background:none; text-decoration:underline; }

a, a:visited { outline:none !important; } /* Safari Fix */

/* Select Colors */
::selection {
	background:#0060AA;
	color:#FFFFFF;
}
::-moz-selection {
	background:#0060AA;
	color:#FFFFFF;
}
::-webkit-selection {
	background:#0060AA;
	color:#FFFFFF;
}

/* Body, Header, Footer, Main, ... */
body {
}
/*@media (min-width: 576px) {*/
@media (max-width: 575px) {
	body {
		font-size:16px;
		line-height:1.2;
	}

	h1, .h1 {
		font-size:20px;
		line-height:1.2;
	}
	h2, .h2 {
		font-size:18px;
		line-height:1.2;
	}
	h3, .h3 {
		font-size:18px;
		line-height:1.2;
	}
	h4, .h4 {
		font-size:18px;
		line-height:1.2;
	}
	h5, .h5 {
	}
	h6, .h6 {
	}

}








.public header {
	width:100% !important;
	background-color:#FFFFFF;
	border-bottom:2px solid #0060AA;
}
.public .navbar-inner {
	height:50px !important;
	width:100% !important;
}
.public main {
	padding-top:68px;
}
.public main .main-content-wrapper {
	padding-top:20px;
}

.public footer {
	background-color:#EEEEEE;
}
.public footer a {
	text-decoration:none;
}

.public .footer-top-column-1 {
	font-size:14px;
	line-height:24px;
}

.public .footer-column-1,
.public .footer-column-2,
.public .footer-column-3,
.public .footer-column-4 {
	font-size:14px;
	line-height:24px;
}
.public .footer-column-1 h4,
.public .footer-column-2 h4,
.public .footer-column-3 h4,
.public .footer-column-4 h4 {
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.public .footer-bottom-1 {
	padding:15px;
	font-size:12px;
}

/* @media (min-width: 768px) { /* navbar-expand-md */
/* @media (min-width: 992px) { /* navbar-expand-lg */
@media (min-width: 1200px) { /* navbar-expand-xl */
	.public .navbar-inner {
		height:103px !important;
	}
	.public main {
		padding-top:148px !important;
	}

	.public main.wiki {
		padding-top:120px !important;
	}
}

hr {
    background-color:#BBBBBB;
    border: 0;
    color: inherit;
    margin: 1rem 0;
    opacity:1;
}

/* ============================================================ */
/* Header Navigation 											*/
/* ============================================================ */

/* Navbar */
.public .navbar > .container, 
.public .navbar > .container-fluid, 
.public .navbar > .container-lg, 
.public .navbar > .container-md, 
.public .navbar > .container-sm, 
.public .navbar > .container-xl, 
.public .navbar > .container-xxl {
	 display:block;
}

.public header {
	z-index:1000;
}

.public .navbar-nav {
	position:absolute;
	left:0px; right:0px;
	top:60px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	border-bottom:2px solid #0060AA;
}
/* @media (min-width: 768px) { /* navbar-expand-md */
/* @media (min-width: 992px) { /* navbar-expand-lg */
@media (min-width: 1200px) { /* navbar-expand-xl */
	.public .navbar-nav {
		top:62px;
		border-bottom:none;
	}
}

/* Navbar Custom Logo */
.navbar-custom .navbar-brand {
	position:absolute;
	left:15px; top:6px;
	padding:0px !important;
	margin:0px !important;

	width:127px;
	height:40px;
}
.navbar-custom .navbar-brand, 
.navbar-custom .navbar-brand:focus, 
.navbar-custom .navbar-brand:hover {
	color:#5B5B5B;
}
.navbar-custom .navbar-brand img {
	width:127px !important;
	height:40px !important;
}
/* @media (min-width: 768px) { /* navbar-expand-md */
/* @media (min-width: 992px) { /* navbar-expand-lg */
@media (min-width: 1200px) { /* navbar-expand-xl */
	.navbar-custom .navbar-brand {
		top:6px;
		width:147px;
		height:46px;
	}
	.navbar-custom .navbar-brand img {
		width:147px !important;
		height:46px !important;
	}
}

/* Navbar Custom Burgermenu */
.navbar-custom .navbar-toggler {
	border-color:#5B5B5B;;
	color:#5B5B5B;
	position:absolute;
	right:15px; top:5px;
}
.navbar-toggler:focus {
	box-shadow: none;
}
.navbar-custom .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

/* Navbar Custom Text */
.navbar-custom .navbar-text {
	color:#5B5B5B;
}
.navbar-custom .navbar-text a {
	color:#5B5B5B;
}
.navbar-custom .navbar-text a:focus, 
.navbar-custom .navbar-text a:hover {
	color:#0060AA;
}

/* Navbar Custom Links */
.navbar-custom .navbar-nav .nav-link {
	padding-left:15px;
	padding-right:0px;
	padding:6px 15px 6px 15px;
	color:#5B5B5B;
	text-decoration:none;
}
.navbar-custom .navbar-nav .nav-link:focus, 
.navbar-custom .navbar-nav .nav-link:hover {
	color:#000000;
}
.navbar-custom .navbar-nav .nav-link.disabled {
	color:#8B8B8B;
}
.navbar-custom .navbar-nav .nav-link.active, 
.navbar-custom .navbar-nav .show>.nav-link {
	color:#000000;
}

/* Navbar Custom Dropdown */
.navbar-custom .dropdown-menu {
	padding:0px 0px 0px 15px;
	border:none;
}
/* @media (min-width: 768px) {  /* navbar-expand-md */
/* @media (min-width: 992px) { /* navbar-expand-lg */
@media (min-width: 1200px) { /* navbar-expand-xl */
	/* Navbar Custom Links */
	.navbar-custom .navbar-nav .nav-link {
		white-space:nowrap;
		padding-left:8px;
		padding-right:8px;
	}

	/* Navbar Custom Dropdown */
	.navbar-custom .dropdown-menu {
		min-width: 300px;
		padding:0px 0px 10px 0px;
		margin-top:5px;

		border:none;
		border-left:1px solid #0060AA;
		border-right:1px solid #0060AA;
		border-bottom:1px solid #0060AA;
	}
}
@media (min-width: 1400px) { /* navbar-expand-xl */
	/* Navbar Custom Links */
	.navbar-custom .navbar-nav .nav-link {
		padding-left:12px;
		padding-right:12px;
	}
}




/* Navbar Custom Path Colors */
.navbar-custom .nav-selected,
.navbar-custom .nav-path-selected {
	color:#0060AA !important;
}

/* Service Area */
.public .header-service {
	position:absolute;
	top:4px;
	right:80px;
}
.made-for-usa {
	width:44px;
	height:40px;
	margin-left:30px;
}
@media (min-width: 768px) {
	.public .header-service {
		top:3px;
		right:100px;
	}
	.made-for-usa {
		width:46px;
		height:42px;
		margin-left:48px;
	}
}
@media (min-width: 1200px) { /* navbar-expand-xl */
	/* Service Area */
	.public .header-service {
		top:0px;
		right:20px;
	}
	.made-for-usa {
		width:77px;
		height:70px;
		margin-left:48px;
	}
}


/* Language Area */
.public .header-language {
	position:absolute;
	top:11px;
	right:100px;
}


/* -xs- */
@media (min-width: 576px) {
}
/* -md- */
@media (min-width: 768px) {
}
/* -lg- */
@media (min-width: 992px) {
}
/* -xl- */
@media (min-width: 1200px) {
}
/* -xxl- */
@media (min-width: 1400px) {
}

/* ============================================================ */
/* Navi horizontal (footer)										*/
/* ============================================================ */

.public .navi-horizontal {
}

.public ul.navi-horizontal {
	padding:0px 0px 5px 0px;
	margin:0px;
	list-style:none;
}

.public ul.navi-horizontal li {
}

.public ul.navi-horizontal li a,
.public ul.navi-horizontal li a:link,
.public ul.navi-horizontal li a:visited,
.public ul.navi-horizontal li a:active { color:#5B5B5B; outline:none; text-decoration:none; }
.public ul.navi-horizontal li a:focus,
.public ul.navi-horizontal li a:hover  { color:#000000; background:none; text-decoration:underline; }

/* Navbar Custom Path Colors */
.public ul.navi-horizontal a.nav-selected,
.public ul.navi-horizontal a.nav-path-selected {
	color:#0060AA !important;
}

/* ============================================================ */
/* Breadcrumb													*/
/* ============================================================ */

.public ol.breadcrumb {
	margin-top:0px;

	font-size:14px;
	line-height:18px;
	color:#808080;
}

.public ol.breadcrumb .active {
	color:#5B5B5B;
}

.public ol.breadcrumb a {
	color: #0060AA;
}
.public ol.breadcrumb a:hover {
	text-decoration:underline !important;
}

.public .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #5B5B5B;
    content: "/\00a0";
}

/* ============================================================ */
/* Social Links													*/
/* ============================================================ */

.public .ccm-block-social-links {
}
.public .ccm-block-social-links ul {
}
.public .ccm-block-social-links ul li {
	display:block;
	padding-bottom:15px;
	font-size:36px;
}

/* ============================================================ */
/* Hero Image													*/
/* ============================================================ */

/* default-block-hero-image */
.public .default-block-hero-image {
	padding:15px;
	margin-bottom:0px;
}
.public .default-block-hero-image-image {
	width:100%;
	text-align:center;
	margin-bottom:15px;
}
.public .default-block-hero-image-image img {
	width:100%;
}
.public .default-block-hero-image-text {
	position:static !important;
	width:100% !important;
	overflow: hidden;
}
.public .default-block-hero-image-text h1,
.public .default-block-hero-image-text h2,
.public .default-block-hero-image-text h3,
.public .default-block-hero-image-text h4,
.public .default-block-hero-image-text h5,
.public .default-block-hero-image-text h6 {
	font-size:18px;
	font-weight:bold;
}
.public .default-block-hero-image-button {
}

/* border-block-hero-image */
.public .border-block-hero-image {
	padding:15px 15px 0px 15px;
	border:1px solid #0060AA;
	 -webkit-border-radius: 8px;
		-moz-border-radius: 8px;
			 border-radius: 8px;
			 margin-bottom:0px;
}
.public .border-block-hero-image-image {
	width:100%;
	text-align:center;
	margin-bottom:15px;
}
.public .border-block-hero-image-image img {
	width:100%;
}
.public .border-block-hero-image-text {
	position:static !important;
	width:100% !important;
	overflow: hidden;
}
.public .border-block-hero-image-text h1,
.public .border-block-hero-image-text h2,
.public .border-block-hero-image-text h3,
.public .border-block-hero-image-text h4,
.public .border-block-hero-image-text h5,
.public .border-block-hero-image-text h6 {
	font-size:18px;
	font-weight:bold;
}
.public .border-block-hero-image-button {
	margin:-8px 0px 30px 0px;
}

/* ============================================================ */
/* Video														*/
/* ============================================================ */

.public .ccm-video {
	text-align:center;
}
.public .ccm-video h1 {
	display:block; 
	position:absolute; 
	left:0px; right:0px; top:0px; 
	padding:15px;
	font-size:16px;
	text-align:center; 
	color:#5B5B5B;
	background:url(/images/bg/transparent-white-50.png) left top repeat;
}
.public .ccm-video-outside {
	padding:0px 15px 0px 15px;
}
.public .ccm-video-outside h1 {
	text-align:center;
}
/* -lg- */
@media (min-width: 992px) {
	.public .ccm-video h1 {
		font-size:22px !important;
		line-height:30px;
	}
}
/* -xl- */
@media (min-width: 1200px) {
	.public .ccm-video h1 {
		font-size:26px !important;
		line-height:34px;
	}
}
/* -xxl- */
@media (min-width: 1400px) {
	.public .ccm-video h1 {
		font-size:32px !important;
		line-height:40px;
	}
}
@media (min-width: 1600px) {
	.public .ccm-video h1 {
		font-size:36px !important;
		line-height:40px;
	}
}


/* ============================================================ */
/* Bootstrap 5 korrekturen										*/
/* ============================================================ */

.public .btn-primary {
	background-color:#0060AA;
	color:#FFFFFF !important;
	text-decoration:none !important;
	width:100%;
}

.public .btn-primary a {
	color:#FFFFFF !important;
	text-decoration:none;
}


.public .btn-outline-primary {
	width:100%;
}

/* Start (s) und Ende (e) sind keine Richtungsangaben, daher werden Sie wieder durch Left (l) und Right (r) erweitert. */
.pl-0 {
	padding-left: 0!important
}
.pl-1 {
	padding-left: .25rem!important
}
.pl-2 {
	padding-left: .5rem!important
}
.pl-3 {
	padding-left: 1rem!important
}
.pl-4 {
	padding-left: 1.5rem!important
}
.pl-5 {
	padding-left: 3rem!important
}

.pr-0 {
	padding-right: 0!important
}
.pr-1 {
	padding-right: .25rem!important
}
.pr-2 {
	padding-right: .5rem!important
}
.pr-3 {
	padding-right: 1rem!important
}
.pr-4 {
	padding-right: 1.5rem!important
}
.pr-5 {
	padding-right: 3rem!important
}

.ml-0 {
	margin-left: 0!important
}
.ml-1 {
	margin-left: .25rem!important
}
.ml-2 {
	margin-left: .5rem!important
}
.ml-3 {
	margin-left: 1rem!important
}
.ml-4 {
	margin-left: 1.5rem!important
}
.ml-5 {
	margin-left: 3rem!important
}
.ml-auto {
	margin-left: auto!important
}

.mr-0 {
	margin-right: 0!important
}
.mr-1 {
	margin-right: .25rem!important
}
.mr-2 {
	margin-right: .5rem!important
}
.mr-3 {
	margin-right: 1rem!important
}
.mr-4 {
	margin-right: 1.5rem!important
}
.mr-5 {
	margin-right: 3rem!important
}
.mr-auto {
	margin-right: auto!important
}

/* -sm- */
@media (min-width:576px) {
	.pl-sm-0 {
		padding-left: 0!important
	}
	.pl-sm-1 {
		padding-left: .25rem!important
	}
	.pl-sm-2 {
		padding-left: .5rem!important
	}
	.pl-sm-3 {
		padding-left: 1rem!important
	}
	.pl-sm-4 {
		padding-left: 1.5rem!important
	}
	.pl-sm-5 {
		padding-left: 3rem!important
	}

	.pr-sm-0 {
		padding-right: 0!important
	}
	.pr-sm-1 {
		padding-right: .25rem!important
	}
	.pr-sm-2 {
		padding-right: .5rem!important
	}
	.pr-sm-3 {
		padding-right: 1rem!important
	}
	.pr-sm-4 {
		padding-right: 1.5rem!important
	}
	.pr-sm-5 {
		padding-right: 3rem!important
	}

	.ml-sm-0 {
		margin-left: 0!important
	}
	.ml-sm-1 {
		margin-left: .25rem!important
	}
	.ml-sm-2 {
		margin-left: .5rem!important
	}
	.ml-sm-3 {
		margin-left: 1rem!important
	}
	.ml-sm-4 {
		margin-left: 1.5rem!important
	}
	.ml-sm-5 {
		margin-left: 3rem!important
	}
	.ml-sm-auto {
		margin-left: auto!important
	}

	.mr-sm-0 {
		margin-right: 0!important
	}
	.mr-sm-1 {
		margin-right: .25rem!important
	}
	.mr-sm-2 {
		margin-right: .5rem!important
	}
	.mr-sm-3 {
		margin-right: 1rem!important
	}
	.mr-sm-4 {
		margin-right: 1.5rem!important
	}
	.mr-sm-5 {
		margin-right: 3rem!important
	}
	.mr-sm-auto {
		margin-right: auto!important
	}
}

/* -md- */
@media (min-width:768px) {
	.pl-md-0 {
		padding-left: 0!important
	}
	.pl-md-1 {
		padding-left: .25rem!important
	}
	.pl-md-2 {
		padding-left: .5rem!important
	}
	.pl-md-3 {
		padding-left: 1rem!important
	}
	.pl-md-4 {
		padding-left: 1.5rem!important
	}
	.pl-md-5 {
		padding-left: 3rem!important
	}

	.pr-md-0 {
		padding-right: 0!important
	}
	.pr-md-1 {
		padding-right: .25rem!important
	}
	.pr-md-2 {
		padding-right: .5rem!important
	}
	.pr-md-3 {
		padding-right: 1rem!important
	}
	.pr-md-4 {
		padding-right: 1.5rem!important
	}
	.pr-md-5 {
		padding-right: 3rem!important
	}

	.ml-md-0 {
		margin-left: 0!important
	}
	.ml-md-1 {
		margin-left: .25rem!important
	}
	.ml-md-2 {
		margin-left: .5rem!important
	}
	.ml-md-3 {
		margin-left: 1rem!important
	}
	.ml-md-4 {
		margin-left: 1.5rem!important
	}
	.ml-md-5 {
		margin-left: 3rem!important
	}
	.ml-md-auto {
		margin-left: auto!important
	}

	.mr-md-0 {
		margin-right: 0!important
	}
	.mr-md-1 {
		margin-right: .25rem!important
	}
	.mr-md-2 {
		margin-right: .5rem!important
	}
	.mr-md-3 {
		margin-right: 1rem!important
	}
	.mr-md-4 {
		margin-right: 1.5rem!important
	}
	.mr-md-5 {
		margin-right: 3rem!important
	}
	.mr-md-auto {
		margin-right: auto!important
	}
}

/* -lg- */
@media (min-width:992px) {
	.pl-lg-0 {
		padding-left: 0!important
	}
	.pl-lg-1 {
		padding-left: .25rem!important
	}
	.pl-lg-2 {
		padding-left: .5rem!important
	}
	.pl-lg-3 {
		padding-left: 1rem!important
	}
	.pl-lg-4 {
		padding-left: 1.5rem!important
	}
	.pl-lg-5 {
		padding-left: 3rem!important
	}

	.pr-lg-0 {
		padding-right: 0!important
	}
	.pr-lg-1 {
		padding-right: .25rem!important
	}
	.pr-lg-2 {
		padding-right: .5rem!important
	}
	.pr-lg-3 {
		padding-right: 1rem!important
	}
	.pr-lg-4 {
		padding-right: 1.5rem!important
	}
	.pr-lg-5 {
		padding-right: 3rem!important
	}

	.ml-lg-0 {
		margin-left: 0!important
	}
	.ml-lg-1 {
		margin-left: .25rem!important
	}
	.ml-lg-2 {
		margin-left: .5rem!important
	}
	.ml-lg-3 {
		margin-left: 1rem!important
	}
	.ml-lg-4 {
		margin-left: 1.5rem!important
	}
	.ml-lg-5 {
		margin-left: 3rem!important
	}
	.ml-lg-auto {
		margin-left: auto!important
	}

	.mr-lg-0 {
		margin-right: 0!important
	}
	.mr-lg-1 {
		margin-right: .25rem!important
	}
	.mr-lg-2 {
		margin-right: .5rem!important
	}
	.mr-lg-3 {
		margin-right: 1rem!important
	}
	.mr-lg-4 {
		margin-right: 1.5rem!important
	}
	.mr-lg-5 {
		margin-right: 3rem!important
	}
	.mr-lg-auto {
		margin-right: auto!important
	}
}

/* -xl- */
@media (min-width:1200px) {
	.pl-xl-0 {
		padding-left: 0!important
	}
	.pl-xl-1 {
		padding-left: .25rem!important
	}
	.pl-xl-2 {
		padding-left: .5rem!important
	}
	.pl-xl-3 {
		padding-left: 1rem!important
	}
	.pl-xl-4 {
		padding-left: 1.5rem!important
	}
	.pl-xl-5 {
		padding-left: 3rem!important
	}

	.pr-xl-0 {
		padding-right: 0!important
	}
	.pr-xl-1 {
		padding-right: .25rem!important
	}
	.pr-xl-2 {
		padding-right: .5rem!important
	}
	.pr-xl-3 {
		padding-right: 1rem!important
	}
	.pr-xl-4 {
		padding-right: 1.5rem!important
	}
	.pr-xl-5 {
		padding-right: 3rem!important
	}

	.ml-xl-0 {
		margin-left: 0!important
	}
	.ml-xl-1 {
		margin-left: .25rem!important
	}
	.ml-xl-2 {
		margin-left: .5rem!important
	}
	.ml-xl-3 {
		margin-left: 1rem!important
	}
	.ml-xl-4 {
		margin-left: 1.5rem!important
	}
	.ml-xl-5 {
		margin-left: 3rem!important
	}
	.ml-xl-auto {
		margin-left: auto!important
	}

	.mr-xl-0 {
		margin-right: 0!important
	}
	.mr-xl-1 {
		margin-right: .25rem!important
	}
	.mr-xl-2 {
		margin-right: .5rem!important
	}
	.mr-xl-3 {
		margin-right: 1rem!important
	}
	.mr-xl-4 {
		margin-right: 1.5rem!important
	}
	.mr-xl-5 {
		margin-right: 3rem!important
	}
	.mr-xl-auto {
		margin-right: auto!important
	}
}

/* -xxl- */
@media (min-width:1400px) {
	.pl-xxl-0 {
		padding-left: 0!important
	}
	.pl-xxl-1 {
		padding-left: .25rem!important
	}
	.pl-xxl-2 {
		padding-left: .5rem!important
	}
	.pl-xxl-3 {
		padding-left: 1rem!important
	}
	.pl-xxl-4 {
		padding-left: 1.5rem!important
	}
	.pl-xxl-5 {
		padding-left: 3rem!important
	}

	.pr-xxl-0 {
		padding-right: 0!important
	}
	.pr-xxl-1 {
		padding-right: .25rem!important
	}
	.pr-xxl-2 {
		padding-right: .5rem!important
	}
	.pr-xxl-3 {
		padding-right: 1rem!important
	}
	.pr-xxl-4 {
		padding-right: 1.5rem!important
	}
	.pr-xxl-5 {
		padding-right: 3rem!important
	}

	.ml-xxl-0 {
		margin-left: 0!important
	}
	.ml-xxl-1 {
		margin-left: .25rem!important
	}
	.ml-xxl-2 {
		margin-left: .5rem!important
	}
	.ml-xxl-3 {
		margin-left: 1rem!important
	}
	.ml-xxl-4 {
		margin-left: 1.5rem!important
	}
	.ml-xxl-5 {
		margin-left: 3rem!important
	}
	.ml-xxl-auto {
		margin-left: auto!important
	}

	.mr-xxl-0 {
		margin-right: 0!important
	}
	.mr-xxl-1 {
		margin-right: .25rem!important
	}
	.mr-xxl-2 {
		margin-right: .5rem!important
	}
	.mr-xxl-3 {
		margin-right: 1rem!important
	}
	.mr-xxl-4 {
		margin-right: 1.5rem!important
	}
	.mr-xxl-5 {
		margin-right: 3rem!important
	}
	.mr-xxl-auto {
		margin-right: auto!important
	}
}

/* ============================================================ */
/* Developement Helper											*/
/* ============================================================ */

/* Screensize Helper 
body::after {
	position:fixed;
	right:0px; bottom:0px;
	background-color:#FFFFFF;
	content:"- | <576px (XS)";
	z-index:999999;
	padding-left:5px;
}
@media (min-width: 576px) {
	body::after { content:"-SM- | >=576px"; }
}
@media (min-width: 768px) {
	body::after { content:"-MD- | >=768px"; }
}
@media (min-width: 992px) {
	body::after { content:"-LG- | >=992px"; }
}
@media (min-width: 1200px) {
	body::after { content:"-XL- | >=1200px"; }
}
@media (min-width: 1400px) {
	body::after { content:"-XXL- | >=1400px"; }
}
*/
/* Container Helper */
/*
.container { background-color:#E0E0E0 !important; }
@media (max-width: 320px) {
}
@media (min-width: 576px) {
	.container { background-color:#FFC1FC !important; }
}
@media (min-width: 768px) {
	.container { background-color:#FCB1B3 !important; }
}
@media (min-width: 992px) {
	.container { background-color:#FFFE9B !important; }
}
@media (min-width: 1200px) {
	.container { background-color:#BCFBF8 !important; }
}
*/