body, .navbar-nav a, h4, h5 {font-weight:400;}
h3, .btn, .form-control {font-weight: 400;}
h1, h2, b {font-weight: bold;}
h3.sepLine {position: relative; margin-bottom: 2em;}
h3.sepLine:after {position: absolute; content: ''; left:50%; bottom:-1em; margin-left:-2em; width: 4em; height:.125em; background-color: #000;}

h1, .h1 {font-size: 1.2em !important;}
h2, .h2 {font-size: 1.1em !important;}
h3, .h3 {font-size: 1em !important;}
h4, .h4 {font-size: 1em !important;}
h5, .h5 {font-size: .9em !important;}
h6, .h6 {font-size: .8em !important;}

h1, h2, h3, h4, h5 {margin-bottom: 1em;}
h2+h3 {margin-top:-.5em; margin-bottom:1.75em;}

.strike {text-decoration: line-through;}

a:hover {text-decoration: none !important;}

footer.footer section.copy {padding:1.25em 0; text-align: center;}

#middle-col h1 {margin-bottom: .5em;}
#middle-col h1, #middle-col h2 {font-weight: normal;}

.logo {
	display: inline-block; margin-left: .65em; font-size: 1.2em; font-weight: 700;
}

.logo > img {
	height: 41px;
}

.slimHeader .logo > img {
	height: 31px;
}

.navbar {
	position: fixed; width: 100%; top:0em; z-index: 99;
	box-shadow: 0 0 .5em .35em rgba(0,0,0,.1);
}
.navbar-expand-lg .navbar-nav .nav-link {white-space: nowrap; color: #000;}

.navbar-expand-lg .navbar-collapse {border-radius:.25em; padding:.35em .5em;}
.lang-support .btn, .location-support .btn {color: #000;}

/*--[SlimHeader]--*/
.slimHeader .navbar-expand-lg .navbar-collapse {background-color: transparent;}
.slimHeader .navbar.sticky-top {font-size:.75em; }
.slimHeader .navbar.sticky-top .dropdown-menu {font-size:1em;}

.unSetHeader .navbar {
	top:-10em;
	-webkit-animation: floatNav .65s normal forwards;
	animation: floatNav .65s normal forwards;
}

.setSlimHeader .navbar {
	top:-10em; padding-bottom: .5em;
	-webkit-animation: setfloatNav .5s normal forwards;
	animation: setfloatNav .5s normal forwards;
}

@-webkit-keyframes setfloatNav {
  0% {top: 0em;} 100% {top: -10em;}
}

@keyframes setfloatNav {
  0% {top: 0em;} 100% {top: -10em;}
}

.slimHeader .navbar {
	-webkit-animation: floatNav .75s normal forwards .15s;
	animation: floatNav .75s normal forwards .15s;
}

@-webkit-keyframes floatNav {
  0% {top: -10em;} 100% {top: 0;}
}

@keyframes floatNav {
  0% {top: -10em;} 100% {top: 0;}
}

.container-fluid, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {padding-left:1em !important; padding-right:1em !important;}
.row {margin-right: -1em !important; margin-left: -1em !important;}

.cols-gap-sm .form-group:first-child {padding-left:1em !important;}
.cols-gap-sm .form-group:last-child {padding-right:1em !important;}

.content-view .card {
    width: 100%; margin-bottom: .35em; border-radius: .25em;
}
.accordion h3 {margin-top: 1.5em; margin-bottom: .5em;}
.accordion h3:first-child {margin-top:.25em;}
.accordion .card-header {padding:0; border-color:#ddd !important;}
.accordion .card-header+div {border-bottom: 1px solid; font-size:.85em;}
.accordion .card-header .btn {width:100%; text-align: left; position: relative; white-space: normal; height:auto !important; padding-right:2.5em !important;}
.accordion .card-header .btn:after {
	content:''; position: absolute; right:.75em; top:.75em; width:1em; height:1em; display: inline-block; border-radius:.1em;
	background-image: url("../../img/e/basic/spendenteam/minus.svg"); background-repeat: no-repeat; background-position: center center; background-size: 55%;
}
.accordion .card-header .btn.collapsed:after, .zoomIn {
	background-image: url("../../img/e/basic/spendenteam/plus.svg"); 
}

.box .btn-link .fa-plus-square:before {content: "\f146";}
.box .collapsed .fa-plus-square:before {content: "\f0fe";}

.modal-body .close:before, .big-header .swiper-wrapper:after {
	content:''; position:absolute; top:0; height: 2.55em;
}
.modal-body .close:before, .big-header .swiper-wrapper:after,
.btn span {vertical-align: middle;}

label {font-size:.85em !important;}

.modal-content {border-radius:0 !important; border: 2px solid;}
.modal-content, .modal-header, .modal-footer {border-color:rgba(255,255,255,.2) !important;}
.modal-content .close{
	position: absolute; left: 50%; top: -3em; margin-left: -1.5em;
	width: 3em; height: 3em; padding: 0; text-indent:-999em;
}
.modal-content .close:before{
	width:3em; height:3em; left: 0;
	background-image: url("../../img/e/basic/spendenteam/close-icon.svg");
}
.modal-footer {justify-content: center !important; padding: 1em !important; border-radius: 0 0 .2em .2em;}
.modal-footer .btn {font-size:1em; min-width:8em; text-align: center; border-radius: 2em; border: 2px solid rgba(255,255,255,.7) !important; background-color: rgba(255,255,255,.12);}

.content-wrapper {min-height: calc(100vh - 20em);}
.footer {min-height: 2.5em;}

.btn {
    height: 2.5em !important;
    padding: 0.5em 1em !important;
}
.btn-sm, .btn-md {font-size: .85em !important;}
.btn-lg {font-size: .9em !important; height: calc(3em) !important; padding: .65em 2.5em !important;}

.form-control {
    height: 2.5em !important;
    padding: 0.5em 1em !important;
}
select.form-control {
    height:inherit !important;
}
.form-control.textarea, textarea.form-control {
    height: 6.2em !important;
}
.form-control-md {font-size: .85em !important;}
.form-control-lg {font-size: .9em !important;}

.col-form-label {
    padding-top: calc(0.375em + 1px) !important;
    padding-bottom: calc(0.375em + 1px) !important;
}


.bon-overlay {
	position: fixed; left:0; top:0; z-index: 998;
	display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);
}
.clr {clear: both;}

/*--[transition]--*/
.navbar-toggler, .myBasket, .bon-overlay, .partners .img-th b {transition: all .22s ease-in-out;}
.auto-slides .swiper-slide b, .swiper-button-prev, .swiper-button-next {transition: all .1s ease-in;}



.mainpage section {text-align: center;}
.nextpage .navbar+section {padding-top: 5em;}

.navbar {padding:.25em .5em;}
footer .navbar-nav .nav-link {margin:0 1em;}
footer .navbar-nav {
	-webkit-box-orient: horizontal; -webkit-box-direction: normal;
    -ms-flex-direction: row; flex-direction: row;
}

.navbar-nav .nav-item {padding: 0 .75em; line-height:2.5em;}
.navbar-nav .nav-item .btn {vertical-align: bottom;}
.navbar-nav .nav-item .btn .fas {vertical-align: baseline; margin-right: .25em;}

.status-check .fas { font-size: 1.25em; vertical-align: middle;} 
.status-check .text-warning .fas, .status-check .text-error .fas, .status-check .text-success .fas {opacity:.85;}

.with-icon {text-align: center; position: relative; padding-top: 1.25em;}
.with-icon .fas {position: absolute; left:1em; top:1em; font-size: 1.2em;}

.sideNav .list-group-item {border-left:0; border-right:0;}
.sideNav .list-group-item:first-child {border-top:0;}
.sideNav .list-group-item:last-child {border-bottom:0;}
.sideNav {margin-top: 2em; padding: .35em 0; border-radius:.25em;}
.donation-info {padding:1em; margin-top: 2em; border-radius:.25em; text-align:center;}
.donation-info i {display: block; font-size:.9em; font-style: normal; margin-top: .75em; opacity:.6;}
.donation-info h3 {font-weight: bold; margin-top: 1.5em;}

.entry-form h3 {padding:.5em; margin-top: 2em;}
.loginBox {position: absolute; width:460px; left:50%; top:50%; margin: -300px 0 0 -230px;}
.loginBox ul {padding: 0; text-align: center;}

.footer {margin-top: 1em;}
footer.footer section.bg-primary {padding: .75em 0;}
footer.footer section {padding: 1.5em 0;}

.monitor_table {border:1px solid #ddd !important;}
.monitor_table th {text-align: center; font-size:.8em; padding: .25em !important; border:0;}
.monitor_table td {padding: .25em .15em !important; border:0;}


@media all and (min-width:580px) {
	.cols-gap-sm .form-group {padding-right:.25em !important; padding-left:.25em !important; margin-bottom: 0;}
}
@media all and (min-width:990px) {
	.btn-lg {min-width:300px;}
	.menu-icon {
		border: transparent; text-indent: -999em; width: 3em;
		background-image: url("../../img/e/basic/spendenteam/menu-icon.svg");background-repeat: no-repeat; background-position: center center; background-size: 50% 50%;
	}
}
@media all and (min-width:1024px) {
	#left-col {position: static; width: 25%; float: left; box-sizing: border-box;}
	#middle-col {width: 72%; float: right; box-sizing: border-box; padding-left: .5em;}
}
@media all and (min-width:1400px) {
	.container {max-width: calc(100vw - 10em) !important;}
	header .navbar {max-width: calc(100vw - 10em);}
	#left-col {width: 20%;}
	#middle-col {width: 77%;}	
	
		/*-[sticky thead]-*/
	.monitor_table tr {clear:both; display:flex; width: 100%; border-bottom: 1px solid #ddd;}
	.monitor_table tbody {height: calc(100vh - 21em);}
	.monitor_table tbody {
		overflow-y: auto; width: 100%;
	}

	.monitor_table thead,
	.monitor_table tbody,
	.monitor_table td,
	.monitor_table th {
		display: block;
	}

	.monitor_table tbody td,
	.monitor_table tbody th,
	.monitor_table thead > tr > th {
		float: left; position: relative;
	}
	.monitor_table thead > tr > th:after {
			content: ''; clear: both; display: block;
	}

	.monitor_table .col-2.col-2n {flex: 0 0 19%; max-width: 19%;}
	.monitor_table .col-1.col-1n {flex: 0 0 11.3333333333%; max-width: 11.3333333333%;}
	/*-[/sticky thead]-*/
	
	
}
@media all and (min-width:1600px) {
	.modal-header .close{right:1.75em; top:1.25em;}
	.boxes {padding-top: 1.2em;}
	.monitor_table th {font-size:.9em;}
}
@media all and (min-width:1920px) {
	body {font-size: .85vw !important;}
	header .navbar {max-width: calc(100vw - 25em);}
	.navbar-brand {font-size: 1.3em !important;}
	.container {max-width: calc(100vw - 25em) !important;}
	.form-control, .btn {font-size:1em !important;}
	.form-control.textarea {
		height: calc(5.75em + 2px) !important;
	}
}

@media all and (max-width:1400px) {
	#moveMobi-234-revert {font-size: .9em;}
}

@media all and (max-width:1024px) {
	.navbar {font-size:.9em !important;}
}

@media all and (max-width:990px) {
	.btn-lg {min-width:250px;}
	.navbar-nav.ml-md-auto {margin-left:0 !important;}
	.navbar-light .navbar-toggler {
		border:0; border-radius: .25em; font-size:1.5em;
		border-color: transparent; text-indent: -999em; width: 2em;
		background-image: url("../../img/e/basic/spendenteam/menu-icon.svg");background-repeat: no-repeat; background-position: center center; background-size: 50% 50%;
	}
	.navbar-toggler .navbar-toggler-icon {background-image: none !important; position: relative;}
	.navbar-toggler .navbar-toggler-icon:after, .navbar-toggler .navbar-toggler-icon:before {position: absolute; content:''; width: 100%; height:.15em; left:0;}
	.navbar-toggler .navbar-toggler-icon:after {top:.35em;}
	.navbar-toggler .navbar-toggler-icon:before {bottom:.35em;}
}
@media all and (max-width:768px) {
	body > .container {padding-bottom: 4em;}
	.navbar .navbar-collapse {position: relative; box-shadow: 0 .35em .5em rgba(0,0,0,.13);}
	h1, .h1, .big-header h2 {font-size: 1.45em !important;}
	h2, .h2 {font-size: 1.35em !important;}
	h3, .h3 {font-size: 1.25em !important;}
	h4, .h4 {font-size: 1.1em !important;}
	.btnBox .btn {margin:.25em 0;}
	section:not(.no-margin) {padding: 2.25em 0;}
	.logo, .slimHeader .logo {
		padding: 0;
	}
	footer {position: static;}
	footer .container {padding-right: 0; padding-left: 0;}
}

@media all and (max-width:480px) {
	h1 {font-size:1.5em;}
	h2, h3 {font-size:1.35em;}
	h4, h5 {font-size:1.25em;}
	.btn, .form-control {font-size:1.15em;}
	.loginBox {width:90%; left:5%; top:18%; margin:0 !important;}
}

/****** missing styles *****/

.icon-favorites, .icon-error, .icon-success {color:#CCC; vertical-align: middle;}
.icon-favorites .icon, .icon-error .icon, .icon-success .icon {vertical-align: bottom; display:inline-block;}
.icon-favorites {font-size:1.1em; line-height:1em;}
.icon-error {font-size:1.2em; line-height:0.85em;}
.icon-success {font-size:1.05em; line-height:1em;}
.nok .icon-error {color:#f00;}
.ntp .icon-favorites {color:#fc0;}
.ok .icon-success {color:#6dd400;}

#inworten {
	border: 1px solid #999;
	background-color:#EEE;
	color: #000;
	font-weight: bold;
	padding:5px;
	font-size: 1.2em;
	text-align:center;
	margin-bottom: 2em;
	width: 100%;
	display: block;
}

#accv-result-block {
	background-color:#FFF;
	color: #C00;
	font-weight: bold;
	padding:0.5em;
	font-size: 1em;
	text-align:center;
	margin: 1em 0;
	width: 100%;
	display: block;
}

#accv-result-block.nok {
	background-color:#C00;
	border: 2px solid #C00;
	color: #FFF;
}

#accv-result-block.notp {
	border: 2px solid #999;
	color: #999;
}

#accv-result-block.ok {
	border: 1px solid #009900;
	color: #009900;
}

.input-alert { /* Alert */
	background-color: #C00 !important;
	background-image: none !important;
	color: #FFF !important;
	-moz-box-shadow: 2px 3px 6px rgba(0,0,0,.15) inset; -ms-box-shadow:  2px 3px 6px rgba(0,0,0,.15) inset; -o-box-shadow:  2px 3px 6px rgba(0,0,0,.15) inset; -webkit-box-shadow:  2px 3px 6px rgba(0,0,0,.15) inset; box-shadow: 2px 3px 6px rgba(0,0,0,.15) inset;
}

.alert {
	border: 2px dashed #C00;
	padding: 1em;
	color: #C00;
	background-color: yellow;
	margin: 1em 0 1em 0;
}

.info {
	border: 2px dashed #090;
	padding: 1em;
	color: #090;
	background-color: #FFF;
	margin: 1em 0 1em 0;
}

#sepa_transfer_result {
	font-size: 0.9em;
	color: #00897B;	
}

.yellowBox, .greenBox {
	display: block; width: 500px; padding: 10px; text-align: center; border-radius: 8px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

.yellowBox, .search {
	color:#000; border: 2px solid rgb(221, 221, 0); background-color: rgb(255, 255, 0);
}

.greenBox {
	color:#fff; border: 2px solid rgb(102, 197, 46); background-color: rgb(86, 166, 38);
}

.hidden-box-style>.row {background-color: #f7f890; border:2px solid #ebec76; border-radius:.5em; padding: 1.5em .5em; margin: .5em 0 1em !important;}
#to-old.btn, #to-sepa.btn {max-width: 100%; height: inherit !important; white-space: normal;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before {background-color: #00897b;}
.custom-control-input:checked ~ .custom-control-label::before {border-color: #00897b;}