/* ### MOBILE     ############################################################# */

@media (max-width: 767px) {		
	

	.mt-5 {margin-top: 2rem !important;}	
	.mb-5 {margin-bottom: 2rem !important;}
	.pt-5 {padding-top: 2rem !important;}
	.pb-5 {padding-bottom: 2rem !important;}
	
	/***************************************************************************
	* Header + Nav
	****************************************************************************/
	html {font-size: 18px}
	
	body {padding-top: 50px;}
	
	.custom-header {
		top: 0;
		height: 50px;
		width: 100%;
		background: var(--white);
		position: fixed;
		z-index: 1;
		border-bottom: 1px solid var(--border-grey-01);
	}
	
	.custom-header .custom-container {
		padding: 0;
		justify-content: flex-end !important;
	}
	
	.custom-header .custom-logo {
		position: absolute; 
		margin-top: 0;
		top: 10px;
		left: 12px;
		width: 165px;
		height: 28px;
		flex-shrink: 0;
		transform: translate(0, 0);
	}
	
	.custom-header button {
		box-shadow: none !Important;
	}
	
	.custom-header .custom-sandwich-icon {
		position: relative;
		margin-top: 5px;
		margin-left: 7px;
		margin-right: 8px;
		width: 40px;
		height: 40px;
	}
	
	.custom-header .custom-sandwich-icon button {
		position: absolute;
		top: 0;
		width: 40px;
		height: 40px;
		z-index: 2;
		background: url(/img/list-red.svg) center center no-repeat;
		background-size: auto 32px;
	}
	
	.custom-header .custom-sandwich-icon button[aria-expanded="true"] {
		background: url(/img/x-circle-red.svg) center center no-repeat;
		background-size: auto 28px;
	}
	
	.custom-header .custom-search-icon {
		margin-top: 5px;
		width: 42px;
		height: 42px;
	}
	
	.custom-header .custom-search-icon button {
		width: 42px;
		height: 42px;
		background: url(/img/search-red.svg) center center no-repeat;
		background-size: 24px auto;
	}

	.custom-header .custom-login-icon {
		margin-top: 5px;
		margin-right: 5px;
		width: 42px;
		height: 42px;
	}
	
	.custom-header .custom-login-icon button {
		width: 42px;
		height: 42px;
		background: url(/img/person-blue.svg) center center no-repeat;
		background-size: 30px auto;
	}
	
	.custom-header .custom-loggedin-icon button {
		margin-top: 4px;
		margin-right: 12px;
		width: 35px;
		height: 35px;
		background: url(/img/person-check-fill-blue.svg) center center no-repeat;
		background-size: 30px auto;
		border-radius: 50%;
	}
		
	.custom-header .custom-loggedin-icon .dropdown-toggle::after {
		display: none;
	}
	
	.custom-header .custom-loggedin-icon .custom-dropdown-menu {
		left: auto;
		right: -80px;
		padding: 0;
		
	}
	
	.custom-header .custom-loggedin-icon .custom-dropdown-menu .custom-dropdown-logout {
		background: var(--bg-rose-01);
		font-weight: 600;
		font-size: 120%;
		color: var(--red);
		padding-top: .5em;
		padding-bottom: .5em;
	}
	
	.custom-header .custom-loggedin-icon .custom-dropdown-menu .custom-dropdown-logout .custom-icon {
		display: inline-block;
		margin-left: .5em;
	}
	
	.custom-header .custom-loggedin-icon .custom-dropdown-menu .custom-dropdown-logout .custom-icon img {
		height: 1.15em;
		width: auto;
	}
	
	/* Nav */
	
	.custom-navbar-mobile-header {
		width: 30em; 
		height: 50px; 
		position: fixed; 
		top: 0; 
		z-index: 1; 
		background: var(--white);
	}
	
	.custom-header .custom-navbar-wrap {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		height: 100%;
		min-height: 100vh;		
		width: 100%;
		background-color: rgba(0,70,125,.75);
	}
	
	.custom-header .custom-navbar-container {
		padding: 0;
		padding-top: 2em;
		background-color: var(--white);
		height: 100%;
		min-height: 100vh;	
		width: 30em;
		overflow-y: auto;
	}
	
	.custom-header .custom-sandwich-icon button[aria-expanded="true"] {
		right: calc(100vw - 29.825em);
	}
	
	.custom-header .custom-nav-main {
		flex-direction: column;
		min-width: auto;
		margin-left: .5em;
		padding-top: 0;
	}
	
	.custom-header .custom-nav-main .nav-link {
		display: inline-block !important;
		font-size: 117%;
	}
	
	.custom-header .custom-nav-main .nav-item.custom-first {
		margin-left: 0;
		margin-top: 1em;
	}
	
	.custom-header .custom-nav-main .custom-nav-item {
		display: block;
	}
	
	.custom-header .custom-nav-main .custom-nav-item-04 {
		display: none;
	}
	
	.custom-header .custom-nav-main .custom-nav-item-05 {
		display: block;
	}
	
	.custom-header .custom-nav-main .custom-divider,
	.custom-header .custom-nav-main .custom-divider01,
	.custom-header .custom-nav-main .custom-divider02,
	.custom-header .custom-nav-main .custom-divider03 {
		margin-top: .75em;
		margin-bottom: .75em;
		border-top: 1px solid var(--border-grey-01);
		width: calc(100% + .5em);
		transform: translate(-.5em, 0);
	}
	
	.custom-header .custom-nav-main .nav-item.custom-first {
		margin-top: 0;
	}

	.custom-header .custom-mobile-nav-end {
	  height: 20px;
	  background: var(--bg-grey-03);
	}
	
	.custom-header .custom-nav-legal {
		padding: .75rem 1.25rem 7rem 1.25rem;
		background: var(--bg-grey-03);
	}
	
	.custom-header .custom-nav-legal a {
		color: var(--black);
		display: inline-block;
		padding-top: .25em;
		padding-bottom: .25em;
	}
	
	.custom-header .custom-nav-login {	
		margin: 0 1em 0 1em;	
		padding-top: 1em;	
		overflow: hidden;
	}
	
	.custom-header .custom-nav-login .custom-btn {
		margin-top: 1em;
		margin-bottom: .75em;
		width: 9.5em;
		float: left;
	}
	
	.custom-header .custom-nav-login .custom-btn-login {
		margin-right: .75em;
	}
	
	.custom-header .custom-nav-login .nav-link {
		display: none;	
	}
	
	
	
	/* Logged in */
	
	.custom-header .custom-wrap-loggedin {
		width: 100%;
		margin-top: .5em;
		margin-bottom: .5em;
		overflow: hidden;
		max-width: 500px;
		}
	
	.custom-header .custom-wrap-loggedin .custom-text-container {
		padding: .575em .75em .4em 3.5em;
		color: var(--white);
		font-size: 110%;
		font-weight: 600;
		line-height: 1.333;
		background-color: var(--blue);
		background-image: url(/img/person.svg);
		background-size: 1.75em auto;
		background-position: .85em .85em;
		background-repeat: no-repeat;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	
	.custom-header .custom-wrap-loggedin .custom-text-container span {
		display: block;
		font-size: 75%;
		font-weight: 400;
	}
	
	.custom-header .custom-wrap-loggedin .custom-link-container {
		border-left: 2px solid var(--border-grey-01);
		border-right: 2px solid var(--border-grey-01);
		border-bottom: 2px solid var(--border-grey-01);				
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		overflow: hidden;
	}
	
	.custom-header .custom-wrap-loggedin .custom-link-container ul {
		margin: .75em;
		padding: 0;
		list-style: none;		
	}
	
	.custom-header .custom-wrap-loggedin .custom-link-container .custom-link {
		display: inline-block;
		padding: .25em 0 0 0;
		font-weight: 700;
		font-size: 117%;
		color: var(--blue);
	}
	
	.custom-header .custom-wrap-loggedin .custom-link-logout {
		margin: 0;
		padding-top: .575em;
		padding-bottom: .425em;
		width: 100%;
		text-align: center;
		font-weight: 600;
		font-size: 120%;
		color: var(--red);
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		background-color: var(--bg-rose-01);
	}
	
	.custom-header .custom-wrap-loggedin .custom-link-logout .custom-icon {
		display: inline-block;
		height: 1.25em;
		margin-left: .5em;
	}

	.custom-header .custom-wrap-loggedin .custom-link-logout .custom-icon img {
		height: 100%;
		width: auto;
		margin-right: .25em;
		vertical-align: top;
	}
	
	/* Icon Links */
	.custom-icon-link.h3 {
		/* font-size: 100%; */
	}
	
	
	/***************************************************************************
	* Typography
	****************************************************************************/
	
	html {font-size: 17px;}
	
	h1, .h1 {font-size: 175%; line-height: 1.3;}
	h2, .h2 {font-size: 140%; line-height: 1.5;}
	h3, .h3 {font-size: 112%; line-height: 1.5;}
	h4, .h4 {}
	
	
	/***************************************************************************
	* Buttons
	****************************************************************************/
	
	.custom-btn-top {
		width: 3em;
		height: 3em;
		left: calc(50% - 1.5em);
		bottom: -3.5em;
	}
	
	.custom-btn-top.custom-move {
		bottom: 1em;
	}
	
	/***************************************************************************
	* Forms
	****************************************************************************/	
	
	.custom-form .form-label {
		margin-bottom: .375rem;
		margin-top: .825rem !important;
	}
	
	
	/***************************************************************************
	* Layout Helper
	****************************************************************************/
	
	.custom-divider-bg-bottom {
		height: 2.5em;
		background-size: 768px auto;
	}
	
	.custom-divider-bg-top {
		height: 2.125em;
		background-position: right 50px;
		background-size: 768px auto;
	}
	
	.custom-form-message {
		margin-bottom: -2.125em;
	}

	
	
	/***************************************************************************
	* Modals
	****************************************************************************/
	
	.custom-modal .modal-dialog .custom-btn-close {
		right: 7px;
		top: 5px;
		width: 35px;
		height: 35px;
		background-size: auto 28px;
	}
	
	/* Modal: Search */
	
	.custom-search-modal {
		background-color: rgba(0,70,125,.85);
	}	
	
	.custom-search-modal .custom-btn-close {
		background-image: url(/img/x-circle-red.svg);
	}
	
	.custom-search-modal .custom-logo {
	  position: absolute;
	  top: 10px;
	  left: 12px;
	  width: 135px;
	  height: 28px;
	  flex-shrink: 0;
	  transform: translate(0, 0);
	}
	
	.custom-search-modal .custom-logo img {
	  height: 100%;
	  width: auto;
	}
	
	.custom-search-modal .modal-dialog {
		margin: 0;
		width: 100%;
		max-width: 100%;
		box-shadow: 0px 0px 30px rgba(0,21,38,.35);
	}
	
	.custom-search-modal .modal-content {
		border: none;
		border-radius: 0;
	}
	
	.custom-search-modal .modal-body {
		padding: 5em .75em 2em .75em;
		margin: auto;
		width: 100%;
		max-width: 35em;
	}
		
	.custom-search-modal .custom-wrap-link {
		margin-top: 1.5em;
		float: right;		
	}
	
	.custom-search-modal .custom-input-group {
		font-size: 120%;
	}
	
	
	/* Modal: Login */

	.custom-login-modal .modal-dialog {
		margin: 0 0 0 auto;	
		width: 100%;
		max-width: 100%;
		border-radius: 0;
	}

	.custom-login-modal .modal-content {
		position: relative;
		padding-top: 3em;
		text-align: center;
		border-radius: 0;
	}
	
	.custom-login-modal .custom-form-login .form-control,
	.custom-login-modal .custom-form-login .custom-btn {
		font-size: 115%;
	}
	
	/* Modal: Survey Results */
	
	.custom-survey-modal .modal-dialog {
		width: calc(100% - 1rem);
	}
	
	.custom-survey-modal .custom-table, 
	.custom-survey-modal .custom-table tbody,
	.custom-survey-modal .custom-table tr,
	.custom-survey-modal .custom-table td	{
		display: block;
		width: 100%;
	}
	
	.custom-survey-modal .custom-table tr {
		overflow: hidden;
	}
	
	.custom-survey-modal .custom-table td {
		padding: .75em 1em 1.5em 0;
		float: left;
	}
	
	.custom-survey-modal .custom-table td.custom-td-01 {
		padding-bottom: 0;
		float: none;
	}
	
	.custom-survey-modal .custom-table td.custom-td-02 {
		width: 60%;
	}
	
	.custom-survey-modal .custom-table td.custom-td-03	{
		width: 23%;
	}
	
	.custom-survey-modal .custom-table td.custom-td-04	{
		width: 17%;
	}	
	
	.custom-survey-modal .custom-table td.custom-td-05 {
		width: 83%;
	}
	
	/* Modal: Standard */
	
	.custom-standard-modal .modal-dialog {
		width: calc(100% - 1rem);
	}
	
	
	/***************************************************************************
	* Pagination
	****************************************************************************/
	
	.custom-pagination {
		font-size: 100%;
	}
	
	
	/***************************************************************************
	* Collapse standard
	****************************************************************************/
	
	.custom-wrap-collapse .custom-item .custom-icon-link {
		font-size: 100% !important;
	}
	
	
	/***************************************************************************
	* Sections + Pages
	****************************************************************************/
	
	
	section {
		padding-bottom: 3em;
	}
	
	.section-intro {
		padding-top: 1em;
		padding-bottom: 2.5em;
	}	
	
	.section-intro .custom-topic {
		font-size: 100%;
		margin-bottom: 1em;
	}
	
	.section-intro h1 {
		font-size: 175%;
		margin-bottom: .375em;
		hyphens: auto;
		hyphenate-limit-chars: auto 5;
		hyphenate-limit-lines: 2;
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-chars: auto 3;
		-webkit-hyphenate-limit-lines: 4;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: auto 3;
		-ms-hyphenate-limit-lines: 4;
	}
	
	.section-intro .custom-btn {
		font-size: 120%;
	}
	
	.section-intro .custom-wrap-topnews {
		margin-top: 2.25em;
		margin-bottom: -1em;
	}
	
	.section-usp {
		padding: 3em .5em 3em .5em;
	}
	
	.section-usp .custom-cardlink {
		max-width: 30em;
		margin-left: auto;
		margin-right: auto;
	}
				
	.section-usp .custom-quote {
		margin: 3em auto 0 auto;
		padding: 1.125em 2em 0 2em;
		text-align: center;
		font-size: 90%;
	}
	
	.section-usp .custom-quote::before {
		content: ' ';
		position: absolute;
		top: -2.5em;
		left: 50%;
		transform: translateX(-50%);
		width: 3em;
		height: 3em;
	}
	
	.section-usp .custom-cardlink h2,
	.section-usp .custom-cardlink-01 p {
		text-align: center;
	}
	
	.section-teaser {
		padding-top: .5em;
		padding-bottom: 0;
	}
	
	.section-teaser .custom-container {
		padding-top: 2em;
		padding-bottom: 3.5em;
	}
	
	.section-teaser .custom-wrap-img {
		margin: auto;
		max-width: 10em;
	}
	
	.section-teaser .custom-col-survey {
		padding-top: 2em;
		padding-left: calc(var(--bs-gutter-x) * .5);
		border-top: 2px solid var(--border-grey-02);
	}
	
	.section-teaser .custom-logo {
		margin-right: auto;
		margin-left: auto;
		height: 2.5em;
	}
	
	.custom-wrap-cat-search,
	.custom-wrap-cat-search .custom-wrap-link	{
		font-size: 100%;
	}
	
	.custom-wrap-cat-search {
		margin-top: 1.5em;
	}
	
	.section-cat .custom-wrap-cat-index {
		padding-top: 1em;
		padding-bottom: .5em;
	}
	
	.section-cat .custom-wrap-cat-index h1 {
		width: 100%;
		font-size: 140%;
	}
	
	.section-cat .custom-icon-link.custom-icon-back {
		position: absolute; 
		top: 1em;
		left: .5em;
		margin-top: 0;
	}
	
	.section-cat .custom-wrap-cat-index .custom-link-wrap {
		padding-top: 1em;
		margin-bottom: .5em;
		position: absolute;
		top: 0;
		right: .5em;
	}
	
	.section-cat .custom-wrap-cat-index .custom-wrap-theme h2, 
	.section-cat .custom-wrap-cat-index .custom-wrap-subcat h3 {
		/* font-size: 100%; */
	}
	
	.section-cat .custom-wrap-info {
		padding: 1em;
	}
	
	.section-cat .custom-wrap-info .custom-table table th,
	.section-cat .custom-wrap-info .custom-table table td {
		padding-left: 0;
		padding-right: 20px;
	}
	
	.section-cat .custom-article-total {
		margin-bottom: .5em;
		padding-left: 1.75em;
		padding-right: 0;
	}
	
	.section-cat .custom-article-total::after {
		right: auto;
		left: 0;	
		background-position: left center;		
	}
	
	.section-cat .custom-item-subcat h3 {
		padding-left: .85em;
	}
	
	.section-cat .custom-wrap-articles .custom-article-total {
		margin-bottom: 1em;
		transform: translate(.85em, -.5em);
	}
	
	.section-cat-overview .custom-wrap-cat-index,
	.section-cat-article .custom-wrap-cat-index	{
		padding-top: 3.75em;
		padding-bottom: 1em;
	}
	
	.section-cat-article .custom-article .h1 {
		hyphens: auto;
		hyphenate-limit-chars: auto 5;
		hyphenate-limit-lines: 2;
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-chars: auto 3;
		-webkit-hyphenate-limit-lines: 4;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: auto 3;
		-ms-hyphenate-limit-lines: 4;
	}
	
	.section-cat-article .custom-stopper-register {
		padding: 1.5em 1.25em 2em 1.25em;
	}
	
	.section-cat-article .custom-stopper-register .h2 {
		font-size: 115%;
	}
	
	.section-cat-article .custom-wrap-related-articles .h2 {
		font-size: 120%;
		text-align: center;
		margin-bottom: 1em;
	}
	
	.section-cat-article .custom-wrap-related-articles div,
	.section-cat-article .custom-wrap-related-articles > div:first-child {
		margin-top: 0;
	}
	
	.section-cat-article .custom-wrap-related-articles > div:first-child {
		padding-top: 2.5em;
	}
				
	.section-standard {
		padding-top: 1.25em;
		padding-bottom: 2em;
	}
	
	.section-teaser .custom-container-news .custom-wrap-img {
		display: block; 
		float: left;
		width: 40%;
		margin-right: 2.5em;
		margin-bottom: 1.5em;
	}
	
	.section-news .custom-wrap-img,
	.section-cat-article .custom-wrap-img {
		display: block; 
		float: left;
		width: 40%;
		margin-right: 2.5em;
		margin-bottom: 1.5em;
	}

	.section-about .custom-item {
		padding-top: 2em;
	}
	
	.section-links .custom-img-link {
		width: 9em;
	}
	
	.section-register .custom-wrap-conditions {
		width: 100%;
		transform: translateX(0);
		padding: 2em 1em;
	}
	
	.section-register .custom-width-membership {
		width: calc(50% - 2em);
	}
	
	.section-search .custom-form .custom-wrap-collapse .custom-wrap-cat {
		padding-top: 0;
	}
	
	/* Ausblenden search collapse (header) */
	
	.custom-search.collapse {display: none;}
	
	/* Messages */
	
	.custom-body-nodivider .custom-form-message {
		font-size: 85%;
	}
	
	
	/***************************************************************************
	* Footer
	****************************************************************************/
	
	.custom-footer .custom-container {
		padding-top: 0;
		padding-bottom: 6.5em;
	}
	
	.custom-footer .custom-row-02 {
		margin-top: 2em;
	}
	
	.custom-footer .custom-wrap-copyright p {
		text-align: center;
	}
	
	.custom-footer .custom-wrap-logo {
		text-align: center;
	}
	
	.custom-footer .custom-logo {
		margin-top: 1.625em;
		margin-left: auto;
		margin-right: auto;
		width: 11em;
	}
	
		
}


/* ### MOBILE S   ############################################################# */

@media (max-width: 576px) {
	
	.custom-wrap-cat-tree .custom-item-level-02 .custom-icon-link {
		hyphens: auto;
		hyphenate-limit-chars: auto 5;
		hyphenate-limit-lines: 2;
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-chars: auto 3;
		-webkit-hyphenate-limit-lines: 4;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: auto 3;
		-ms-hyphenate-limit-lines: 4;
	}	
	
	.custom-header .custom-navbar-container,
	.custom-navbar-mobile-header {
		width: 100%;
	}
	
	.custom-header .custom-sandwich-icon button[aria-expanded="true"] {
		right: 0;
	}
		
	.section-intro .custom-wrap-btn {
		margin-left: auto;
		margin-right: auto;
		 font-size: 95%;
	}
	
	.section-usp .custom-cardlink {
		padding: 2em 1.25em 2.25em 1.25em;
	}
	
	.section-usp .custom-wrap-text {
		font-size: 18px;
	}
	
	.custom-wrap-cat-tree .custom-wrap-level-02	{
		margin-left: .5em;
		margin-right: .5em;
	}
	
	.custom-wrap-cat-tree .custom-wrap-level-02 .custom-close {
		right: -.135em;
	}
	
	.custom-wrap-cat-tree .custom-wrap-level-03	{
		margin-left: .75em;
		margin-right: .75em;
		padding-right: 0;
	}
	
	.custom-wrap-cat-tree .custom-wrap-level-03.custom-variant {
		padding-left: .75em;
		padding-right: 0;
	}
	
	.custom-wrap-cat-tree .custom-wrap-level-03 .custom-icon-link {
	  border-top-right-radius: 6px;
	  border-bottom-right-radius: 6px;
	}	
	
	.custom-wrap-cat-search {
		width: 100%;
	}
	
	.section-register .custom-width-membership {
		width: calc(100% - 1.5em);
	}
	
	.section-teaser .custom-container-news .custom-wrap-img {
		display: block; 
		float: none;
		width: 13em;
		max-width: none;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 1.5em;
	}
	
	.section-news .custom-wrap-img,
	.section-cat-article .custom-wrap-img {
		display: block; 
		float: none;
		width: 13em;
		max-width: none;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 1.5em;
	}
	
	.section-help .custom-wrap-collapse .custom-wrap, 
	.section-faq .custom-wrap-collapse .custom-wrap,
	.section-search .custom-wrap-collapse .custom-wrap	{
		padding-right: 0;
	}
	
	.custom-survey-modal .modal-body,
	.custom-standard-modal .modal-body	{
		padding-left: 1.25em;
		padding-right: 1.25em;
	}
		
}


/* ### MOBILE S/XS   ############################################################# */

@media (max-width: 430px) {
	
	.custom-footer .custom-container {
	  padding-bottom: 7em;
	}
	
	.custom-btn-top.custom-move {
		bottom: 2em;
	}
	
}



/* ### MOBILE XS   ############################################################# */

@media (max-width: 400px) {
	
	.custom-header .custom-nav-login .custom-btn {
		font-size: 4.5vw;
	}
	
}



/* ### < 768  ########################################################## */

@media (min-width: 768px) {
	
	.custom-header.custom-minified {
	}
	
	.custom-header .custom-nav-legal {
		display: none;
	}
	
	.custom-header .custom-nav-login {
		display: none;
	}
	
	.custom-search-modal {
		display: none !important;
	}
			
	.custom-footer .custom-nav-login {
		width: 11em;
	}
	
	.section-teaser .custom-col-survey {
		margin-top: 0 !important;
	}

}

/* ### 768 - 1399  ####################################################### */

@media (min-width: 768px) and (max-width: 1399px) {

	html {font-size: 17px;}
	
	/* body {border: 2px solid green;} */
	
	/***************************************************************************
	* Typography
	****************************************************************************/
	
	h1, .h1 {font-size: 200%; line-height: 1.3;}
	h2, .h2 {font-size: 150%; line-height: 1.5;}
	h3, .h3 {font-size: 115%; line-height: 1.5;}
	h4, .h4 {font-size: 115%; line-height: 1.5;}
	
	.section-teaser .custom-wrap-teaser p {
		hyphens: auto;
		hyphenate-limit-chars: auto 5;
		hyphenate-limit-lines: 2;
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-chars: auto 3;
		-webkit-hyphenate-limit-lines: 4;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: auto 3;
		-ms-hyphenate-limit-lines: 4;
	}
	
	
	/***************************************************************************
	* Buttons
	****************************************************************************/
	
	.custom-btn-top {
		width: 3.3em;
		height: 3.3em;
		left: calc(50% - 1.65em);
		bottom: -4em;
	}
	
		.custom-btn-top.custom-move {
		bottom: 1.25em;
	}
	
	
	/***************************************************************************
	* Container
	****************************************************************************/
	
	.custom-container {
		padding-left: 2em;
		padding-right: 2em;
	}
	
	/***************************************************************************
	* Layout Helper
	****************************************************************************/
	
	.custom-divider-bg-top {
		background-position: right 8em;
		background-size: 1100px auto;
	}
	
	/***************************************************************************
	* Header + Nav
	****************************************************************************/
			
	.custom-header {
		height: 8em;
	}
	
	.custom-header .custom-container {
		padding: 1rem .75rem;
	}
	
	.custom-header .custom-logo {
		height: 2em;
	}
	
	.custom-header .custom-nav-main {
		position: absolute;
		top: 4.5rem; 
		left: .625em;
	}
	
	.custom-nav-main .nav-link {
		font-size: 1.85vw;
		padding: .575em .3em .375em .3em !important;
	}
	
	.custom-nav-main .nav-item.custom-first {
		margin-left: .75em;
	}
	
	.section-cat .custom-wrap-cat-index {
		padding-top: 1.5em; 
		padding-bottom: .75em;
		padding-left: .25em;
	}
	
	.custom-search .custom-container {
		padding-top: 1em;
	}
	
		
	
	/***************************************************************************
	* Sections + Pages
	****************************************************************************/
	
	/* PAGE: HOME ***************/
	
	/* Intro */
	
	.section-intro {
		font-size: 85%;
		padding: 2rem 2.5rem 5.5rem 2.5rem;
	}
	
	.section-intro h1 {
		font-size: 4.2vw;
	}
	
	
	/* USP */
	
	.section-usp {		
		padding: 3.5em 2vw;
	}
	
	.section-usp .custom-quote {
		margin-left: auto;
		margin-right: auto;
		padding-top: 2em;
		padding-right: 3.5em;
		text-align: center;
	}
	
	.section-usp .custom-quote::before {
		left: 50%;
		right: 50%;
		margin-left: -1.25em;
		transform: translate(0, -50%);
	}
	
	/* Teaser */	
	
	.section-teaser {
	}	
	
	.section-teaser .custom-container {
		padding: 3.5em 3em 3em 1.5em;
	}
	
	.section-teaser .custom-wrap-teaser {
		padding: 2em 1.5em;
	}
	
	.section-teaser .custom-wrap-teaser h2 {
		font-size: 135%;
	}	
	
	.section-teaser .custom-logo {
		margin-right: 1.5em;
		margin-left: 1.5em;
		height: 2.5em;
	}
	
	/* Diverse */

	.section-register .custom-width-membership {
		width: calc(50% - 2em);
	}

	
	/***************************************************************************
	* Modals 
	****************************************************************************/
	
	.custom-form-login .form-control,
	.custom-form-login .custom-btn {
		font-size: 115%;
	}
	
	/***************************************************************************
	* Footer
	****************************************************************************/
	
	.custom-footer .custom-container {
		position: relative;
		padding: 1.5em 2em 2em 2em;
	}
	
	.custom-footer .custom-row-01 {
		padding-bottom: 4em;
	}
	
	.custom-footer .custom-nav-main .nav-link {
		font-size: 85%;
	}
	
	.custom-footer .custom-nav-main .custom-divider02 {
		height: 1em;
	}
	
	.custom-footer .custom-nav-legal {
		position: absolute;
		top: 1.75rem;
		left: 45vw;
		font-size: 85%;
	}
	
	.custom-nav-legal .nav-link {
		margin-top: 0;
		margin-bottom: .5rem;
	}
	
	.custom-nav-login {
		margin-left: auto;
		font-size: 85%;
	}
	
	.custom-footer .custom-logo {
		width: 9.25em;
	}
	

}

/* ### 768 - 1023  ####################################################### */

@media (min-width: 768px) and (max-width: 1023px) {

	section {
		padding-bottom: 4em;
	}
	
	.section-teaser {
		padding-top: 0;
	}
	
	.section-usp {
		padding: 4em 0 3em 0 !important;
		font-size: 90%;
		min-height: 0;
	}
	
	.custom-wrap-cat-search {
		font-size: 1rem;
	}
	
	.section-cat .custom-wrap-cat-index .custom-link-wrap {
		padding-top: .625em;
	}
	
	.section-cat-article .custom-wrap-related-articles > div {
		margin-top: 1em;
	}
	
	.section-cat-article .custom-wrap-related-articles > div:first-child {
		padding-top: 3.25em;
	}
	
	.section-links .custom-img-link {
		width: 12em;
	}
	

}


/* ### 768 - 991    ############################################################# */

@media (min-width: 768px) and (max-width: 991px) {
	
	
	.mt-5, .mt-md-5 {margin-top: 2rem !important;}	
	.mb-5, .mb-md-5 {margin-bottom: 2rem !important;}
	.pt-5, .pt-md-5 {padding-top: 2rem !important;}
	.pb-5, .pb-md-5 {padding-bottom: 2rem !important;}
	
	.me-5, .me-md-5 {margin-right: 2rem !important;}
	.pe-5, .pe-md-5 {padding-right: 2rem !important;}

	
	.custom-nav-main .nav-link {
		font-size: 1.78vw;
	}	
	
	.custom-form .form-label {
		margin-bottom: .375rem;
		margin-top: .825rem !important;
	}
	
	.section-intro {
		padding: 1rem 1.25rem 4rem 1.25rem;
		font-size: 90%;
	}

	.section-usp .custom-cardlink {
		padding: 2.075em 1.75em 2.75em 1.75em;
		font-size: 90%;
	}
	
	.section-dashboard .custom-form {
		max-width: 80%;
	}
	
	.custom-nav-legal .nav-link {
		margin-top: 0;
		margin-bottom: .5rem;
	}
	
	.custom-footer .custom-row-01 {
		padding-bottom: 11em;
	}
	
	.custom-footer .custom-nav-legal {
		position: absolute;
		top: 13em;
		left: 2rem;
		margin: 0;
	}
	
	.section-cat .custom-wrap-info .custom-table table th,
	.section-cat .custom-wrap-info .custom-table table td {
		padding-left: 0;
		padding-right: 20px;
	}
	

}



/* ### 992 - 1399    ############################################################# */

@media (min-width: 992px) and (max-width: 1399px) {
	
	body {}
	
	.custom-nav-main .nav-link {

	}
	
	.section-register .custom-width-membership {
		width: calc(41.66666667% - 2em);
	}
	


}


/* ### 1024 - 1399  ############################################################# */

@media (min-width: 1024px) and (max-width: 1399px) {
	
	/* body {border: 2px solid black;} */
	.custom-header {
		height: 8.5em;
	}
	
	.custom-nav-main .nav-link {
		font-size: 1.05em;
	}
	
	.custom-nav-main .nav-item.custom-first {
		margin-left: 1.5em;
	}
	
	.custom-search .custom-container {
		margin-left: 0 !important;
		max-width: 55em;
	}
	
	.custom-divider-bg-top {
		background-position: right 7em;
		background-size: 100% auto;
	}
	
	.section-intro .custom-container {
		max-width: 70em;
	}
	
	.section-intro h1 {
		font-size: 295%;
	}

	.section-register .custom-width-membership {
		width: calc(41.66666667% - 2em);
	}


}



/* ### SPECIAL: 1400 - 1650  ################################################## */

@media (min-width: 1400px) and (max-width: 1800px) {
	
	html {font-size: 1vw;}	
	
	/* body {border: 2px solid red;} */
	
	.custom-nav-main .nav-link {
		font-size: 1.1vw;
	}
	
	.custom-nav-main .nav-item.custom-first {
		margin-left: .75em;
	}
	
	.custom-search .custom-container {
		max-width: 66%;		
	}
	
	.section-intro .custom-container {
		max-width: 63%;
	}
	
	.section-intro h1 {
		font-size: 3vw;
	}
	
	.section-intro h1 {
		font-size: 3vw;
	}
	
	.section-teaser .custom-container {
		max-width: 75%;
	}
	
	.custom-footer .custom-container {
		padding-left: 2em;
		padding-right: 2em;
	}
	
}

/* ### SPECIAL: DESKTOP XXL  #################################################### */

@media (min-width: 1751px) {

	.custom-header .custom-navbar-main {
		min-width: 1175px;
	}
	
}

/* ### SPECIAL: DESKTOP 3XL  #################################################### */

@media (min-width: 1900px) {
		
	.custom-search .custom-container {
		max-width: 1260px;
	}

	.custom-nav-main .nav-link {
		margin-right: .7em;
	}
	
	.custom-nav-main .nav-item.custom-first {
		margin-left: 2.4em;
	}
	
	.section-intro {
		padding-bottom: 5.5em;
	}
	
	.section-intro .custom-container {
		max-width: 1250px;
	}
	
}


/* ### < 992  #################################################### */

@media (min-width: 768px) {	


.dropdown-toggle::after {
	display: none;
}



/* ----------------------------------------------------------------------- */
/* ### EFFECTS  ########################################################## */
/* ----------------------------------------------------------------------- */


/***************************************************************************
* Transitions + Hover
****************************************************************************/

/* Transition */

.custom-notransition
	{-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important;}
	

@media (min-width: 992px) {	

	a 
		{-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}


	.custom-btn,
	.custom-link,
	.custom-link-group,
	.custom-icon-link,
	.custom-icon-link::after,
	.custom-icon-link::before,
	.custom-link-logout .custom-icon,
	.custom-dropdown-logout .custom-icon,
	.custom-link-logout .custom-icon:hover,
	.custom-dropdown-logout .custom-icon:hover,
		.custom-btn-top:hover 
		{-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}


	.custom-cardlink,
	.custom-wrap-teaser,
	.custom-img-link
		{-webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
		
	
	.custom-minified-transition
		{-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
		

	/* Transform */

	.custom-btn:hover,
	.custom-img-link:hover
		{transform: scale(1.075); -webkit-transform: scale(1.075); backface-visibility: hidden !important;}

	.custom-btn-top:hover 
		{transform: scale(1.075) translate(0, -.25em) !important;}	
		
	.custom-cardlink:hover 
		{transform: scale(1.025); -webkit-transform: scale(1.025); backface-visibility: hidden !important;
		 box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);}
		

	.custom-wrap-teaser:hover
		{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);}
		
	.section-cat .custom-icon-link.custom-icon-article:hover::before
		{transform: scale(1.1111); -webkit-transform: scale(1.1111); backface-visibility: hidden !important;}

}



/***************************************************************************
* Anims Move
****************************************************************************/


.custom-anim-container.custom-anim-move-up {
  transform: translate(0px, 4em);
  -webkit-transform: translate(0px, 4em);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.custom-anim-container.custom-anim-move-up-s {
  transform: translate(0px, 2em);
  -webkit-transform: translate(0px, 2em);
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}

.custom-anim-container.custom-anim-move-up.custom-anim,
.custom-anim-container.custom-anim-move-up-s.custom-anim {
  transform: translate(0px, 0px) !important;
  -webkit-transform: translate(0px, 0px) !important;
}


/***************************************************************************
* BG Scaling
****************************************************************************/
 .custom-scale100-container {
	transform: scale(1.07);
	-webkit-transition: all 11s ease; 
	-moz-transition: all 11s ease; 
	-o-transition: all 11s ease; 
	transition: all 11s ease;
 }
 
 .custom-scale100-container.custom-scale100  {
	 transform: scale(1);	
 }