@import url("https://pro.fontawesome.com/releases/v5.0.13/css/all.css");

/* ====== COLORS =======
 * main orange: rgb(240, 129, 19)
 * filter icon: #F08113
 * timetable icon: #679DF6
 * pinboard icon: #3FB079
 * group icon: #DB4437
 * article icon: #8E24AA
 * follows notification: #039BE5
 * function notification: #7CB342
 * message notification: #F6BF26
*/

:root {
	--primary: #f08113;
	--primary-9: #f18e37;
	--primary-8: #f39b53;
	--primary-7: #f4a86c;
	--primary-6: #f5b583;
	--primary-5: #f7c198;
	--primary-4: #f8cfaf;
	--primary-3: #f9dac3;
	--primary-2: #fce7d7;
	--primary-1: #fdf3eb;

	--second: #f7a420;
	--second-9: #f8ad41;
	--second-8: #f8b75b;
	--second-7: #f9c072;
	--second-6: #faca88;
	--second-5: #fad29d;
	--second-4: #fbdbb2;
	--second-3: #fce5c6;
	--second-2: #fdedda;
	--second-1: #fef6ec;

	--gold: #B8870F;
	--gold-5: #dabd85;
	--gruen: #34a853;
	--gruen-5: #96c699;
	--gruen-6: #83c18c;
	--gruen-7: #71c286;

	--hellblau: #02adc2;
	--hellblau-7: #4dc5d4;

	--dunkelblau: #4285f4;
	--dunkelblau-5: #9fb7ec;
	--dunkelblau-6: #8caced;
	--dunkelblau-7: #7aa9f7;

	--lila: #7248bc;
	--lila-5: #b799d1;
	--lila-6: #a888cd;
	--lila-7: #9c7fd0;

	--rot: #ea4335;
	--rot-5: #f1978e;
	--rot-6: #f1877e;
	--rot-7: #f07b71;

	--tara-rot: #8B0000;
	--tara-weis: #f8e3dc;

	--dunkelgrau: #34444e;
	--mainBlau: #0D263C;

	--filter-icon: var(--primary);
 	--timetable-icon: #679DF6;
 	--pinboard-icon: #3FB079;
 	--group-icon: #DB4437;
 	--article-icon: #8E24AA;
 	--follows-notification: #039BE5;
	--function-notification: #7CB342;
	--message-notification: #F6BF26;
	--success: #28a745;
	--calendar-red: #CC0B17;
	--calendar-pink: #E37D76;
	--calendar-orange: #f08113;
	--calendar-yellow: #EEC237;
	--calendar-mint: #36B77E;
	--calendar-dark-green: #177E46;
	--calendar-light-blue: #1A9CE8;
	--calendar-dark-blue: #4053B5;
	--calendar-lavender: #7684CD;
	--calendar-violet: #8F2BA9;
	--calendar-grey: #626262;
	--calendar-light-green: #7EB249;
}
.colorGray{
	color: RGBA(103, 103, 102, 1.00) !important;
}
.color-primary{
	color: var(--primary);
}
.color-dunkelgrau{
	color: var(--dunkelgrau);
}
.font-size-1-2-rem{
  font-size: 1.2rem;
}

.fs-h-1{
	font-size: 1.8rem;
}
.fs-h-2{
	font-size: 1.5rem;
}
.fs-p{
	font-size: 1.1rem;
}
/* #content.newBackground{
	background-image: url(/static/img/connect/startseite/hintergrund.jpg);
	background-attachment: fixed;
	background-size: cover;
} */

.backgroundImageStruktur{
	position:fixed;
  width:100%;
  height:100%;
  background:url("/static/img/connect/startseite/hintergrund.jpg") no-repeat left top;
  background-size:cover;
	z-index: -5;
  }

  .backgroundGroupSenz{
	position:fixed;
  width:100%;
  height:100%;
background-color: var(--second-2);
	z-index: -5;
  }
  .puzzleBackground{
	background-image: url(/static/img/connect/startseite/puzzleBackground.png);
	background-size: 130%;
	background-position: center;
	height: 100%;
	width: 100%;
  }
/***fade animation**/
.rechts.animation.bottom, .rechts.animation{
	transition: transform .8s cubic-bezier(.47,0,.745,.715), opacity .8s cubic-bezier(.47,0,.745,.715);
	transform: translateX(100px);
	opacity: 0;
  }
  .links.animation.bottom, .links.animation{
	transition: transform .8s cubic-bezier(.47,0,.745,.715), opacity .8s cubic-bezier(.47,0,.745,.715);
	transform: translateX(-100px);
	opacity: 0;
  }
  .unten.animation.bottom, .unten.animation{
	transition: transform .8s cubic-bezier(.47,0,.745,.715), opacity .8s cubic-bezier(.47,0,.745,.715);
	transform: translateY(50px);
	opacity: 0;
  }
   .animation.top {
	transition: transform .8s cubic-bezier(.47,0,.745,.715), opacity .8s cubic-bezier(.47,0,.745,.715);
	transform: translateX(0);
	opacity: 1;
  }
  /***fade animation ende****/
@media (min-width: 768px){
	.fs-h-1{
		font-size: 3.5rem;
	}
	.fs-h-2{
		font-size: 2.5rem;
		font-weight: bold;
	}
	.fs-p{
		font-size: 1.4rem;
	}
}
/***modals 25 Elemente***/
.verstehenPhilosophie25 .modal-title{
  color: #A9A359;
}
.mitgefuehlPhilosophie25 .modal-title{
  color: #6572A6;
}
.gelassenheitPhilosophie25 .modal-title{
  color: #876395;
}
.dankbarkeitPhilosophie25 .modal-title{
  color: #D6413A;
}
.authentizitaetPhilosophie25 .modal-title{
  color: var(--second);
}

.allePhilosophie25 .modal-body h5{
  font-family: 'Varela Round', sans-serif;
  font-size: 1.7rem;
}
.allePhilosophie25 .modal-body p{
  font-family: 'Varela Round', sans-serif;
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px){
	.allePhilosophie25 .modal-body h5{
		font-size: 3rem;
	}
	.allePhilosophie25 .modal-body p{
		font-size: 2.3rem;
	}
}
.verstehenPhilosophie25 .modal-body h5{
  color: #A9A359;
}
.mitgefuehlPhilosophie25 .modal-body h5{
  color: #6572A6;
}
.gelassenheitPhilosophie25 .modal-body h5{
  color: #876395;
}
.dankbarkeitPhilosophie25 .modal-body h5{
  color: #D6413A;
}
.authentizitaetPhilosophie25 .modal-body h5{
  color: var(--second);
}
.verstehenPhilosophie25 .modal-body p{
  color: #A9A359;
}
.mitgefuehlPhilosophie25 .modal-body p{
  color: #6572A6;
}
.gelassenheitPhilosophie25 .modal-body p{
  color: #876395;
}
.dankbarkeitPhilosophie25 .modal-body p{
  color: #D6413A;
}
.authentizitaetPhilosophie25 .modal-body p{
  color: var(--second);
}
.allePhilosophie25 .modal-body img{
  width: 100px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.verstehenPhilosophie25 .modal-content{
  border: 8px solid #A9A359;
}
.mitgefuehlPhilosophie25 .modal-content{
  border: 8px solid #6572A6;
}
.gelassenheitPhilosophie25 .modal-content{
  border: 8px solid #876395;
}
.dankbarkeitPhilosophie25 .modal-content{
  border: 8px solid #D6413A;
}
.authentizitaetPhilosophie25 .modal-content{
  border: 8px solid var(--second);
}
/***modals 25 Elemtne ende***/

.merienda{
	font-family: 'Merienda', cursive;
}
.mw1000px{
	max-width: 1000px !important;
}
.checkBoxRundAllgemein label{
	cursor: pointer;
}
.checkBoxRundAllgemein label:before{
	content: '\f111';
	font-size: 1.5em;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	position: relative;
	vertical-align: middle;
	color: var(--primary);
	margin-right: 10px;
}
.checkBoxRundAllgemein input[type=checkbox]:checked + label:before{
	content: '\f058';
	font-weight: 900;
}

.allgemeinerFormularButton:disabled{
	text-decoration: none;
    color: #fff !important;
    cursor: not-allowed;
    background: var(--primary-5);
    border: none;
}
.allgemeinerFormularButton{
	border: none;
	cursor: pointer;
}

#landingpageVieleBeitraege{
	padding: 3rem 0;
	background-color: var(--second-3);
}
#landingpageVieleBeitraege .row{
		margin-bottom: 40px;
}
#landingpageVieleBeitraege .borderVieleBeitraegeLandingpage{
	border-bottom: 2px solid var(--second-7);
	padding-bottom: 40px;
	margin-left: 30px;
	margin-right: 30px;
}
#landingpageVieleBeitraege h2{
		font-size: 2rem;
		color: var(--primary);
		margin-bottom: 10px;

		margin-top: 20px;
}
@media (min-width:767px){
	#landingpageVieleBeitraege h2{
		margin-top: 0;
	}
}
#landingpageVieleBeitraege .kurzBeschreibungLandingpageVieleBeitraege{
	color: var(--second);
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}
#landingpageVieleBeitraege p, #landingpageVieleBeitraege li{
		font-size: 1.3rem;
}
#landingpageVieleBeitraege img{
		border-radius: 10px;
}


#sliderZumConnectArtikel{
	padding: 3rem 0;
}
#sliderZumConnectArtikel h1{
	background-image: linear-gradient(28deg, var(--primary) 40%, var(--second) 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
		display: inline-block;
		margin-bottom: 20px;
		font-size: 1.8rem;
}
#sliderZumConnectArtikel h2{
	font-size: 19px;
	font-family: 'Open Sans', sans-serif;
	margin-top: 10px;
	color: var(--primary);
}
@media (min-width:1200px){
	#sliderZumConnectArtikel h2{
		font-size: 15px;
	}
}
@media (min-width:1500px){
	#sliderZumConnectArtikel h2{
		font-size: 19px;
	}
}
#sliderZumConnectArtikel a:hover img{
	transform: scale(1.02);
}
#sliderZumConnectArtikel a:hover{
	text-decoration: none;
}
#sliderZumConnectArtikel img{
	object-fit: cover;
	transition: transform 0.4s ease-in-out 0s;
	border-radius: 7px;
	width: 100%;
	height: 200px;
}
@media only screen and (min-width: 350px){
	#sliderZumConnectArtikel img{
		height: 250px;
	}
}
@media only screen and (min-width: 1200px){
	#sliderZumConnectArtikel img{
		height: 150px;
	}
}
@media only screen and (min-width: 1700px){
	#sliderZumConnectArtikel img{
		height: 200px;
	}
}
#sliderZumConnectArtikel .sliderZumConnectArtikelBox {
		width: 200px;
		margin-bottom: 20px;
}
/***landingpages***/

#footerBeginneUtility .footerBeginneUtilityBox{
  background-color: var(--second-4);
  border-radius: 12px;
  border: 2px solid var(--second);
  max-width: 800px;
  margin: auto;
}
#footerBeginneUtility img{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#footerBeginneUtility h2{
  color: var(--primary);
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
  margin-top: -5px;

}
#footerBeginneUtility .footerBeginneUtilityCol{
  padding: 3rem 2rem;
}
#footerBeginneUtility a{
  background-color: var(--primary);
  color: #fff !important;
  padding: 5px 10px;
  border-radius: 8px;
}
#footerBeginneUtility a:hover{
  background-color: var(--second);
  text-decoration: none;
}
@media (min-width: 767px){
  #footerBeginneUtility img{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
  }
}

/**landingpages ende***/
/****allgeminer button*****/

.allgemeinerButton, .allgemeinerButtonSmall{
  background: linear-gradient(90deg, var(--primary) 0%,var(--second) 100%);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  padding: 12px 20px;
  border-radius: 8px;
  color:#fff !important;
  border-bottom: 2px solid;
}
.allgemeinerButton:hover, .allgemeinerButtonSmall:hover{
  text-decoration: none;
  margin-right: 7px;
	color: #fff !important;
}
.allgemeinerButton::after, .allgemeinerButtonSmall::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f061";
  margin-left: 10px;
  opacity: 0;
  width: 0;
  transform: translateX(-9px);
  transition: transform .3s, opacity .3s, width .3s;
  display: inline-block;
  transform-origin: left;
}
.allgemeinerButton:hover::after, .allgemeinerButtonSmall:hover::after{
  transform: scaleX(1);
  opacity: 1;
  width: 17.5px;
}
.allgemeinerButtonSmall{
	padding: 7px 12px;
	font-size: 1rem;
}
/****allgemeiner button ende***/
/*** Popup unangemeldete User****/
.modal-backdrop {
	background-color: var(--primary);
}
#PopupNichtAngemeldeteUser .modal-title{
	color: var(--primary);
	font-family: 'Varela Round';

}
/****popup unangemeldete User ende***/

html {
  height: 100%;
}

body {
	color: RGBA(103, 103, 102, 1.00);
	font-family: 'Open Sans', sans-serif;
	min-height: 100%;
	background-color: var(--primary-1);
}

body.isIframe #header {
	display: none;
}

body.isIframe .filterButtons {
	display: block;
}

body.isIframe .filterButtons, body.isIframe #categoryBar {
	padding-top: 1em;
}

body.isIframe div.filterOverlay.active {
	top: 0;
}

body.isIframe .card .toolbar {
	display: none;
}

.smallButton {
	border: none;
}

/* UI Elements */
.icon-interact {
    border-radius: 60px;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
	line-height: 40px;
}

.like-box {
	font-size: 1.4em !important;
	cursor: pointer;
}

.icon-interact:hover {
	background-color: #fff;
}

.icon-filter {
	color: #F08113;
}

.icon-timetable {
	color: #679DF6;
}

.icon-pinboard {
	color: #3FB079;
}

.icon-group {
	color: #DB4437;
}

.icon-article {
	color: #8E24AA;
}

.notification-follows {
	color: #039BE5;
}

.notification-function {
	color: #7CB342;
}

.notification-message {
	color: #F6BF26;
}

.hidden {
	display: none;
}
.max-width-800px{
	max-width: 800px;
}
h1,h2,h3,label {
	color: #676766;
	font-family: 'Varela Round', sans-serif;
}

a, button.btn-link{
	color: rgb(240, 129, 19) !important;
	cursor: pointer;
}

a:hover {
	color: rgb(247, 164, 32) !important;
}

label {
	font-weight: bold;
}

.input-group .errorlist {
	color: #dc3545;
	list-style: none;
	margin-top: 10px;
}

.form-control {
	height: 50px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
}
.stepper .form-control {
	background-color: var(--second-3);
	border: 2px solid var(--second-3);
}
.form-control--invisible {
	border-color: transparent;
	height: fit-content;
}
#changePaymentMethodModal .form-control{
	background-color: var(--second-3);
	border: 2px solid var(--second-3);
}
#changePaymentMethodModal label{
	color: var(--primary);
}
#changePaymentMethodModal .icons{
	height: 24px;
	width: 24px;
	margin-right: 10px;
	margin-top: -4px;
}
#changePaymentMethodModal h3{
	color: var(--primary);
	font-size: 1.4rem;
}
#changePaymentMethodModal .modal-title{
	color: var(--primary);
}
textarea.form-control{
	height: auto;
}

.btn {
	border-radius: 100px;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: rgb(240, 129, 19) !important;
    border:none;
}
.btn-primary:hover{
	background-color: rgb(247, 164, 31) !important;
}
.btn-light, .btn-light:hover, .btn-light:active, .btn-light:visited {
	background-color: white !important;
	border-color: #DDDDDD !important;
	color: RGB(103, 103, 102) !important
}

#filter_search, #filter_search:hover, #filter_search:focus {
	border-radius: 0 100px 100px 0 !important;
	border: none !important;
	border-left: none !important;
	background-color: #f9e1c9;
}


.input-group-right {
	outline: none !important;
	border:1px solid #ced4da !important;
	border-left: none !important;
	box-shadow: none !important;
}

.slider {
	margin-left: 1em;
	margin-right: 1em;
	min-width: 400px;
}

.filterButtons {
	padding: 5px 10px 5px 10px;
	z-index:11;
	background-color: var(--primary-1);
}

.btn-primary-inverse {
	border-color: var(--primary);
	color: var(--primary);
}
/**** loslegenButtonRegistration ***/

@media (min-width:576px){
  #loslegenButtonRegistration .modal-dialog{
    max-width: 1000px;
  }
}
#loslegenButtonRegistration .modal-header{
  border-bottom: none;
  background-color: var(--second-3);
  margin: 1rem;
  margin-bottom: 0;
}
#loslegenButtonRegistration .modal-body{
  padding-top: 0;
}
#loslegenButtonRegistration #registrationSection{
  padding: 0 0 2rem;
  margin-bottom: 0;
}
/*** end loslegenButtonRegistration ***/

#exploreFlex {
	flex-direction: column!important;
}

#categoryBar {
    background-color: var(--primary-1);
    z-index: 11;
    width:100%;
    padding: 65px 10px 5px 10px;
}

@media (min-width: 720px) {
	#exploreFlex {
		flex-direction: row!important;
	}

	#categoryBar {
		background-color: var(--primary-1);
	    z-index: 11;
		padding: 80px 20px 20px 0;
	    overflow-y: auto;
	    height: 100vh;
	    /* width:280px; */
		width:308px;
	    position: -webkit-sticky;
	    position: sticky;
	    top: 0;
	}

	.filterButtons {
		position: -webkit-sticky;
	    position: sticky;
	    top: 0;
	    padding: 80px 0px 5px 0px;

	}
}

.btn.btn-square {
	border-radius: 5px;;
}

.btn-filter {
	font-size: 1.2rem;
	margin-right: 18px;
	margin-bottom: 1rem;

	background-color: #f9e1c9 !important;
	color: var(--primary) !important;
	border: none;
}
.btn-filter:hover {
	background-color: #f9e1c9 !important;
	color: var(--primary) !important;
}
.btn-filter:focus {
	outline: none;
	box-shadow: none !important;
	border:none !important;
}
.btn-filter:active{
	background-color: #f9e1c9 !important;
	color: var(--primary) !important;
}
.btn-filter.active {
	z-index: 11 !important;
}

.btn-filter.filtering {
	color: rgb(240, 129, 19) !important;
	border-color: rgb(240, 129, 19) !important;
}

.applyFilter {
	float: right;
	margin-top: 1em;
}

.dropdown-filter {
	padding: 1em;
	z-index: 11 !important;
	position: absolute;
	background-color: var(--primary-1);
}

.dropdown-filter-no-padding {
	padding: 0;
	clear: both;
}

#filter-group-action {
	padding: 1em;
}

#filter-group-content {
	white-space: nowrap;
	padding: 1em;
	overflow-y: auto;
	max-height: 50vh;
}

a.btn-primary{
	color: white !important;
}

#exploreForm button, #exploreForm input {
	height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.btn-white {
	background: white;
}

.btn-white-negative {
	border-color: white;
	color: white;
	background-color: transparent;
}

nav .btn-white:hover {
	color: var(--primary) !important;
}

#mobile-nav .btn-white-negative {
	margin-bottom: 0.25rem;
}

#big-nav .btn-white,
#big-nav .btn-white-negative {
	margin-right: 25px;
}

nav a.btn-white {
	color: rgb(240, 129, 19) !important;
}

.navbar-brand img {
	padding: 0;
	margin-top:5px;
	width: 180px;
	height: 40px;
}

.navbar-brand .subdomain-brand img {
	margin-top: 0;
}

.navbar-brand .subdomain-brand {
	font-family: 'Roboto', sans-serif;
	font-size: 1.35em;
}

li.nav-item {
    display: flex;
    justify-content:center;
    align-content:center;
	flex-direction:column; /* column | row */
	position: relative;
}

#navbarLinksDropdown {
  min-width: 30rem;
	color: #676766;
}
#navbarLinksDropdown h4{
	color: var(--primary);
	font-family: 'Varela Round', sans-serif;
}
#navbarLinksDropdown img{
	border-radius: 26px;

}
.navbarLinksDropdownMobile{
	min-width: 0 !important;
}
.navbarLinksDropdownMobile .dropdown-divider{
	clear: both;
}
.navbarLinksDropdownMobile h4{
  display: inline;
  margin-left: 10px;
  color: var(--primary);
  font-size: 1.3rem;
}
.navbarLinksDropdownMobile .dropdown-divider{
	border-color: var(--second-4);
}
#navbarLinksDropdown a {
	color: #676766!important;
  padding: .45rem 1.5rem;
}
#navbarLinksDropdown a:hover {
	background-color: var(--primary-2);
}
#exploreForm {
	padding: 0 0.5rem;
	grid-column: 1/-1;
	width: 400px;
	max-width: 100%;
}
@media (min-width:992px) and (max-width:1055px){
	#exploreForm{
		width: auto;
	}
}
/* Header */


.bg-orange,
.bg-orange h2 {
	background: rgb(240, 129, 19);
	color: white;
}

.navbar {
	font-size: 1.2em;
	padding-top: 0;
	padding-bottom: 0;
}

.navbar.fixed-top.navbar-expand-lg {
	min-height: 60px;
}

.navbar a {
	color: white !important;
}

.dropdown-menu a {
	color: rgb(240, 129, 19) !important;
}

.dropdown-menu a:hover,
.dropdown-menu a:focus {
	color: rgb(240, 129, 19) !important;
}

.card-body .dropdown-item {
	cursor: pointer;
}

button.dropdown-item {
	color: RGBA(103, 103, 102, 1.00);
	padding: .15rem 1rem !important;
}

button.dropdown-item .icon {
	margin-right: .25rem;
}
.menuConnectLoginRegisterButton1{
	border-radius: .25rem;
	color: #fff;
	border-color: #fff;
	margin-right: 25px;
}
.menuConnectLoginRegisterButton2{
	color: var(--second) !important;
	background-color: #fff;
	border-radius: .25rem;
	margin-right: 25px;
}
@media (min-width:992px){
	.menuConnectLoginRegisterButton2{
		display: none;
	}
}
@media (min-width:1242px){
	.menuConnectLoginRegisterButton2{
		display: inline-block;
	}
}
.menuConnectLoginRegisterButton2:hover{
	color: var(--second) !important;
}
.navbar-nav {
	min-width: fit-content;
}

.navbar-dark .navbar-nav .nav-link {
	color: white;
}

.nav-item {
	margin-left: 25px;
}

.navbar-brand {
	padding: 0px;
}

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

.navbar-nav .dropdown-item{
    padding: 12px 28px;
}

@media (min-width: 992px) {
	.navbar .dropdown-menu {
		margin-left: -120px;
	}
}

.iconRundMainMenu{
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
div.iconRundMainMenu > a{
	background-color: #fff;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	padding: 0;
}

div.iconRundMainMenu > a > svg{
	width: 20px !important;
	height: 20px;
	margin: 10px;
}

div.iconRundMainMenu > a > svg path{
	fill: var(--second);
}
div.iconRundMainMenu > a:hover > svg path, .iconRundMainMenu.show a > svg path{
	fill: var(--primary);
}
div.iconRundMainMenu > a:hover, .iconRundMainMenu.show > a{
	background-color: var(--second-2);
}
.iconRundMaiMenuProfil img{
	border-radius: 44px;
	object-fit: cover;
}
.iconRundMaiMenuProfil p{
	color: var(--second);
	font-family: 'Varela Round', sans-serif;
	margin-top: 10px;
	font-size: 1.1rem;
}
.iconRundMaiMenuProfil a{
	border: 1px solid;
	border-radius: 200px;
	padding: 8px 16px;
	margin-bottom: 20px;
	color: var(--second-9) !important;
	border-color: var(--second-6);
}
.iconRundMaiMenuProfil a:hover{
	background-color: var(--second-1);
	color: var(--second-9) !important;
}
.dropdownDreieck .dropdownKleineDaten{
	margin-bottom: 0;
	padding-left: 1.5rem;
	margin-top: 5px;
}
.dropdownDreieck .dropdownKleineDaten li{
	display: inline;
}
.dropdownDreieck .dropdownKleineDaten a, .dropdownDreieck .dropdownKleineDaten span{
	color: #8f9194 !important;
	font-size: .8125rem;
}
.dropdownDreieck .dropdownKleineDaten a:hover{
	text-decoration: underline !important;
}

/* Toasts */
#toast-container > div {
	width: fit-content;
	margin-right: 12px;
	border-radius: 20px;
	font-size: 0.8em;
	opacity: 1;
  	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  	filter: alpha(opacity=100);
}

#toast-container > .toast-success {
	background-image: none !important;
	display: flex;
	flex-direction: row-reverse;
	padding: 5px 20px;
	align-items: center;
  }

.toast, .toast-success {
	background-color: var(--primary-6);
}

.toast-close-button {
	right: unset !important;
	top: unset !important;
	margin-left: 10px;
	float: none;
	font-size: 1.3em;
}

.toast a {
	display: inline-block;
	padding: 5px 10px;
}

.toast a:hover {
	background-color: white;
	border-radius: 20px;
}

/* Footer */
.footer-box{
	background-image: url(/static/img/footer/footer-background.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f9e1c9;
}
.footer-box .container{
	max-width: 100%;
	margin-left: calc(2rem - 15px);
	margin-right: calc(2rem - 15px);
	max-width: calc(100% - 2rem);
}
.footer-box .footer-div-3{
	padding-bottom: 20px;
  border-bottom: 2px solid var(--primary-4);
  margin-bottom: 32px;
}
.footer-box .footer-div-4{
	max-width: 259px;
	margin: auto;
}
@media (min-width: 768px){
	.footer-box .footer-div-4{
		max-width: 100%;
	}
	.footer-box .footer-div-2{
    margin-bottom: 25px;
	}
}
@media (min-width: 992px){
	.footer-div-1 {
		border-right: 1px solid var(--primary);
	}
	.footer-div-2{
		padding-left: 60px;
    margin-bottom: 0;
	}
	.footer-box .footer-div-3{
		padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
	}
	.footer-box .footer-div-4{
    margin-top: 42px;
	}
	.footer-box{
		background-color: var(--primary-1);
		margin-top: 0;
	}
	.footer-box .container{
		margin-top: 186px;
	}
}
@media (min-width: 1200px){
	.footer-div-2 {
		padding-left: 104px;
	}
	.footer-div-3{
		padding-left: 90px;
	}
	.footer-box .footer-div-4{
    margin-top: 0;
	}
}
@media (min-width: 1400px){
	.footer-box .container{
		max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
	}
}
.footer-menu ul{
	padding: 0;
}
.footer-menu li{
	list-style: none;
  margin-bottom: 1rem;
}
.footer-menu a{
	color: inherit !important;
}
.footer-menu h4{
	margin-bottom: 1rem;
	color: #f08112;
}

.footer-copyright{
	background-color: #f9e1c9;
}
.footer-copyright .container{
  max-width: calc(100% - 2rem);
}
@media (min-width: 1400px){
	.footer-copyright .container{
		max-width: 1400px;
	}
}
.footer-copyright .footer-logo{
	height: 33px;
  margin-top: 3px;
}
.footer-copyright .footer-links small{
	line-height: 33px;
}
.footer-social a{
	border: 2px solid;
	padding: 20px;
	border-radius: 40px;
	display: inline-flex;
	color: var(--primary) !important;
}
.footer-social h5{
	text-align: center;
}
.footer-social a:hover{
	background: rgb(240, 129, 19);
	border-color: rgb(240, 129, 19);
	color: #fff !important;
}
.footer-social svg{
	width: 20px !important;
	height: 20px;
}
.footer-social-box{
	padding: 3rem 0 4rem;
}
.footer-social-box .row .col-md-1{
	text-align: center;
}





#cookie-msg {
	bottom: 30px;
	right: 12px;
	left: 12px;

	background-color: var(--primary);
	color: #fff;

	position: fixed;
	z-index: 11;
	border: 2px solid var(--primary);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	border-radius: 10px;
	font-size: 0.9em;
}
@media (min-width:940px){
	#cookie-msg{
		left: 45px;
		right: 45px;
		bottom: 50px;
	}

}

#cookie-msg .buttons {
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (min-width: 0px) and (max-width: 345px){
	#cookie-msg .buttons {
		flex-direction: column !important;
	}
}
@media screen and (max-width: 1024px) {
	#cookie-msg .buttons {
		flex-direction: column;
	}
}

@media screen and (max-width: 768px) {
	#cookie-msg {
		flex-direction: column;
	}

	#cookie-msg .buttons {
		flex-direction: row;
	}
}

#cookie-msg p {
	margin: 0;

	max-width: 700px;
}

#cookie-msg .buttons a {
	margin-top: 1em;
	margin-left: 1em;
}
#cookie-msg .btn-primary-inverse{
	background-color: #fff;
}

/* Content */
/***about footer zitat***/
#aboutFooterZitat{
  padding: 4rem 0 0;
	background-color: var(--primary-1);
	padding-bottom: 5rem;
}
#aboutFooterZitat .container-fluid{
  max-width: 1600px;
  margin: auto;
}
#aboutFooterZitat .aboutFooterBox{
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;

 }
#aboutFooterZitat .aboutFooterAnfuehrungszeichen{
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
  width: 50px;
  transform: scale(-1);
}
#aboutFooterZitat .aboutFooterZitatEnde{
  align-self: center;
  transform: scale(1);
}
#aboutFooterZitat .aboutFooterZitatText{
  padding: 20px;
  max-width: 1090px;
}
#aboutFooterZitat .aboutFooterZitatText h2, #aboutFooterZitat .aboutFooterZitatText h3{
	background-image: linear-gradient(28deg, var(--primary) 40%, var(--second) 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#aboutFooterZitat .aboutFooterZitatTextKlein{
	max-width: 800px;
}
#aboutFooterZitat .fs-zitat-klein h2{
	font-size: 1.4rem;
}
@media (min-width: 768px){
	#aboutFooterZitat .fs-zitat-klein h2{
		font-size: 2rem;
	}
}
#aboutFooterZitat h2{
  text-align: center;
  line-height: 1.4;
}
#aboutFooterZitat h3{
  color: var(--second-8);
  text-align: center;
  line-height: 1.4;
  font-size: 1.3rem;
}
@media only all and (min-width: 992px){
	#aboutFooterZitat{
		padding: 8rem 0 5rem;
	}
  #aboutFooterZitat .aboutFooterAnfuehrungszeichen{
    align-self: flex-start;
  }
  #aboutFooterZitat .aboutFooterZitatEnde{
    align-self: flex-end;
  }
  #aboutFooterZitat .aboutFooterZitatText{
    padding: 50px 30px 10px 30px;
  }
  #aboutFooterZitat .aboutFooterBox{
    flex-direction: row;
   }
}
/***zitat ende***/

/***2***/
#artikelConnectLoginWerbung2{
	border:3px solid var(--second-6);
	border-radius: 12px;
	padding: 2rem 0rem;
}
#artikelConnectLoginWerbung2 .artikelConnectLoginWerbung2img{
	width:350px
}
#artikelConnectLoginWerbung2 h2{
	text-align: center;
	color: var(--mainBlau);
}
#artikelConnectLoginWerbung2 h3{
	margin-bottom: 25px;
}
#artikelConnectLoginWerbung2 .artikelConnectLoginWerbung2Btn{
	background-color: var(--primary);
	color: #fff !important;
	padding: 7px 12px;
	font-weight: bold;
	border-radius: 7px;
	text-decoration: none;
}
#artikelConnectLoginWerbung2 .fa-check{
	font-size: 1.5rem; 
	color: var(--gruen);
	margin-right: 7px;
	float: left;
  }
  #artikelConnectLoginWerbung2 p{
	margin-left: 41px;
  }


  /***premium werbung**/
  #artikelConnectPremiumWerbung .container{
	border:3px solid var(--gold-5);
	border-radius: 12px;
	padding: 2rem;
  }
#artikelConnectPremiumWerbung .artikelConnectPremiumWerbungIcon{
	width: 50px
}
#artikelConnectPremiumWerbung h2{
	color: var(--gold);
	margin-top: 12px;
	margin-bottom: 20px;
}
#artikelConnectPremiumWerbung .artikelConnectPremiumWerbungRow p{
	font-size: 1.3rem;
}
#artikelConnectPremiumWerbung .artikelConnectPremiumWerbungWunschbeitrag img{
	width: 100px;
	margin-top: 20px;
}
#artikelConnectPremiumWerbung .artikelConnectPremiumWerbungWunschbeitrag p{
	color: var(--hellblau);
	font-weight: bold;
}
#artikelConnectPremiumWerbung .artikelConnectPremiumWerbungPreis p{
	color: var(--gold);
	margin-left: 0;
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 0;
}
#artikelConnectPremiumWerbung .artikelConnectPremiumWerbungPreis p>span{
	font-size: 1rem;
	font-weight: 500;
}
#artikelConnectPremiumWerbung .artikelConnectPremiumWerbungPreis b{
	color: var(--gold);
	font-weight: bold;
	margin-top: 0;
}
#artikelConnectPremiumWerbung .artikelConnectPremiumWerbungPreis .preiseUbersichtZahlOder{
	color: var(--hellblau);
	font-size: 1rem;
}
#artikelConnectPremiumWerbung .fa-check{
	font-size: 1.5rem; 
	color: var(--gruen);
}
#artikelConnectPremiumWerbung .artikelConnectPremiumWerbungBtn{
	margin-top: 20px;
}
#artikelConnectPremiumWerbung .artikelConnectPremiumWerbungBtn a{
	color: #fff !important;
	background-color: var(--gold);
	display: inline;
	padding: 7px 12px;
	border-radius: 5px;
	text-decoration: none;
}
#artikelConnectPremiumWerbung .artikelConnectPremiumWerbungBtn p{
	margin-top: 10px;
	font-weight: bold;
	font-size: .8rem;
}
#artikelConnectPremiumWerbung .artikelConnectPremiumWerbungText{
	width: 650px;
	margin:auto;
	font-size: 1.1rem;
	max-width: 100%;
}

.description-fade {
	max-height:70px;
	position: relative;
	overflow:hidden;
}
.description-fade:before {
	content:'';
	width:100%;
	height:100%;    
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(rgba(255,255,255,0) 20px, var(--primary-1));
}

.article-header-box{
	padding-top: 0;
	padding-bottom: 0;
}

.article-header-box-1{
	background-color: var(--primary-3);
	padding: 0;
	border-top-left-radius: 21px;
	border-bottom-left-radius: 21px;
}
.article-header-box-2{
	background-color: var(--primary-3);
	padding-top: 15px;
	border-top-right-radius: 21px;
	border-bottom-right-radius: 21px;
}
@media (min-width:768px){
	.article-header-box{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.article-header-box-1{
		padding: 15px;
	}
	.article-header-box-2{
		padding: 15px;
	}
}
.article-header-img{
	max-width: 100%;
  max-height: 100%;
}
@media (min-width:768px){
	.article-header-img{
		max-width: 60vw;
	  max-height: 460px;
		border-radius: 10px;
	}
}
.article-header-kurzbeschreibung{
  font-weight: bold;
  font-size: 1.2em;
  color: var(--primary);
}
.metaInfoTable{
	color: #fff !important;
  background-color: var(--primary-8);
  border-radius: 8px;
  margin-top: 20px;
	margin-bottom: 27px;
}
/**content neu end***/

.metaInfoTable tr:first-child td {
	border: none;
}
.metaInfoTable .tdIcon{
	width: 20px;
}
.articleKategorieUl{
	margin-bottom: 0;
	list-style: none;
	display: inline-flex;
	flex-wrap: wrap;
	padding-left: 0;
}
.articleKategorieUl li:not(:last-child)::after {
  content:', ';
	margin-right: 10px;
}

.articleKategorieUl li a{
	color: white !important;
}

div.filterOverlay {
	display: none;
}

div.filterOverlay.active {
	display: block;
	position: fixed;
	top: 60px;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	background-color: rgba(0,0,0,0.5);
}

#header .filterOverlay.active {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 20;
	display: block;
}

.lead-img {
	top: 0px;
	left: 0px;
	right: 0px;
	height: 300px;
	background-size: cover;
	background-position: center center;
	text-align: center;
	border-radius: 10px;
	display: flex;
	justify-content: flex-end;
}

.lead-img-container:hover {
	text-decoration: none;
}

.lead-img .fa-play-circle {
	color: rgb(240, 129, 19);
	font-size: 7em;
	margin-top: 120px;
    animation: blinkPlay 2s infinite;
}

.lead-img-counter {
	border-radius: 50%;
	background-color: RGBA(0, 0, 0, 0.8);
	color: white;
	padding: 1em;
	align-self: flex-end;
	margin: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 50px;
	position: absolute;
	bottom: 30px;
	right: 30px;
}

.add-button {
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 80px;
	height: 80px;
	padding-top: -10px;
	text-align: center;
	border-radius: 50px;
	background: #EC6915;
	font-size: 3.25em;
	background: #F58E1C;
	background: linear-gradient(-45deg, #F58E1C 50%, #EC6915 51%);
	cursor: pointer;
	z-index: 1000;
}

.groupsenz-plus {
	width: 50px;
	height: 50px;
	padding-top: 2px;
	text-align: center;
	border-radius: 50px;
	background: #EC6915;
	font-size: 1.5em;
	background: #F58E1C;
	background: linear-gradient(-45deg, #F58E1C 50%, #EC6915 51%);
	cursor: pointer;
}

.add-menu {
	font-size: x-large;
}

.add-button .dropdown-menu {
	position: relative !important;
    top: -45px !important;
    left: -65px !important;
}

a.dropdown-item:active {
	background: inherit;
}

.add-button .dropdown-toggle {
	color: white !important;
	display: block;
}

.add-button .dropdown-toggle::after {
	display: none !important;
}

@keyframes blinkPlay {
    0%   {color: rgb(240, 129, 19);}
    50% {color: rgb(247, 164, 32);}
    100%   {color: rgb(240, 129, 19);}
}

.lead-image {
	width: 100%;
	min-height: 33vh;
	object-fit: cover;
}

.lead-label{
	position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    font-weight: bold;
    color: #fff;
    font-size: 2.4em;
    text-align: center;
    text-shadow: 0 0 19px rgba(0,0,0,1);
}

@media screen and (max-width: 1000px) {
	.lead-label {
		position: relative;
		text-shadow: none;
		color: var(--primary);
		margin: 0 auto;
		padding: 1rem;
		font-size: 2em;
	}
}

.featureCircle {
	text-align: center;
	border: 1px solid #e6e6e6;
	border-radius: 105px;
	margin: auto;
	margin-bottom: 1rem;
	height: 210px;
	width: 210px;
	position: relative;
	padding: 5px;
}

.featureCircle .icon {
	margin: 10px 0 10px 78px;
	font-size: 1.2em;
	border: 1px solid white;
	border-radius: 20px;
	width: 36px;
	height: 36px;
}

.featureCircle .btn {
	left: 75px;
    width: 60px;
    padding: 3px;
	position: absolute;
	border: none;
	bottom: 15px;
	margin-top: 10px;
	font-size: .9rem;
}
.h3-connect-index{
	color: var(--primary);
}

/***startseite connect neu***/
.borderBottomShadow{
	border-bottom: 5px solid var(--second-5);
  -webkit-box-shadow: 4px 9px 28px -5px rgba(251,219,178,1);
  -moz-box-shadow: 4px 9px 28px -5px rgba(251,219,178,1);
  box-shadow: 4px 9px 28px -5px rgba(251,219,178,1);
}
.boxShadow{
	-webkit-box-shadow: 4px 9px 28px -5px rgba(94,63,13,0.18);
	-moz-box-shadow: 4px 9px 28px -5px rgba(94,63,13,0.18);
	box-shadow: 4px 9px 28px -5px rgba(94,63,13,0.18);
}
.trennlinie{
	max-width: 100%;
	width: 400px;
	margin-bottom: 1rem;
	height: 40px;
}







/***startseite connect neu ende***/
.about-img {
	max-width: 100%;
	border-radius: 35px;
	margin-bottom: 2rem;
}

.about-video {
	padding-top: 56.25%;
	position:relative;
	margin-bottom: 2rem;
}

.about-video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 35px;
}

@media screen and (max-width: 767px) {
	.about-img, .about-video {
		margin-top: 2rem;
	}
}

.dropdown-item.activeLanguage,
.dropdown-item.activeLanguage:hover {
	color: white !important;
	background-color: rgb(240, 129, 19);
}

.caption {
	margin-left: 12px;
}

.placeholder {
	width: 100%;
	height: 200px;
	border-radius: 10px;
	margin: 10px;
	padding: 15px;
	background: #676766;
	background-position: center center;
}

.content {
	/* margin-top: 56px; */
	min-height: 350px;
	position: relative;
}

.login-box {
	height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box {
	background: white;
	border-radius: 10px;
	padding: 40px;
}

@media screen and (max-width: 425px) {
	.box {
		border-radius: 0;
		height: 100vh;
		width: 100vw;
	}
}

.box-orange {
	border: 5px solid rgb(240, 129, 19);
}

.box-login {
	margin-top: 150px!important;
	margin-bottom: 150px!important;
}

.box-center {
	max-width: 650px;
	margin: 0 auto;
}

.loginBoxConnect{
	-webkit-box-shadow: 0px 0px 16px 2px rgb(250 210 157 / 65%);
box-shadow: 0px 0px 16px 2px rgb(250 210 157 / 65%);
}
.loader {
	color: #2C2C2C;
	margin-top: 100px;
	text-align: center;
}

.loader img, .infinite-loader img{
	max-width: 512px;
	width:100%;
}

.infinite-loader {
	margin-top: -100px;
	text-align: center;
	display: none;
}

.main {
	padding: 50px 0px;
}

.toolbar .float-right {
	font-size: 1.3em;
	color: #a4a4a4;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.thumbList .toolbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.fa-thumbs-up {
	color: #a4a4a4;
}

.yt_frame {
	margin: auto;
	padding: 30px;
	width: 640px;
	height: 360px;
}

.col-dynamic {
	max-width:315px;
	min-width:275px;
}

.introduction-box ul, .introduction-box ol {
	margin-left: -20px;
}


.connectBeitragEinschub{
	margin-bottom: 40px !important;
}
.connectBeitragEinschub a:hover{
	text-decoration: none;
}
.connectBeitragEinschub a:hover .connectBeitragEinschubTitel{
	color: var(--primary);
}
.connectBeitragEinschub a:hover .container{
	border-color: var(--second);
}
.connectBeitragEinschub .container{
	width:100%;
	padding: 15px;
	border-radius: 12px;
	border: 1px solid var(--second-5);
}
.connectBeitragEinschub .connectBeitragEinschubTitel{
	font-size: 19px;
}
.connectBeitragEinschub .connectBeitragEinschubTitel2{
	color: var(--second);
	font-size: 15px;
	margin-top: -6px;
	margin-bottom: 4px;
}
@media only screen and (min-width: 768px){
	.connectBeitragEinschub .connectBeitragEinschubTitel2{
		font-size: 17px;
	}
}
.connectBeitragEinschub p{
	color: var(--mainBlau);
	display: -webkit-box;
	max-height: 44px;
	overflow-y: hidden;
	opacity: .7;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 7px;
}
.connectBeitragEinschub .connectBeitragEinschubBox{

}
.connectBeitragEinschub .connectBeitragEinschubBox2 img{
	height: 100%;
	margin: 0;
	object-fit: cover;
}
.connectBeitragEinschub .connectBeitragEinschubBox img{
	width: 24px;
  margin: 0;
  margin-right: 5px;
}
.connectBeitragEinschub .connectBeitragEinschubBox span{
	color: var(--mainBlau);
  font-size: 15px;
}


.introduction-box img,
.content-box img {
	width: 100%;
	margin: 1em 0;
	border-radius: 20px;
}

.link-preview {
	display: flex;
	gap: 1.5rem;
	background-color: #FAD6B3;
	padding: 1rem 1rem;
	font-size: .9em;
	text-align: justify;
	text-decoration: none;
	color: RGBA(103, 103, 102, 1.00) !important;
	border-radius: 12px;
}

.link-preview:hover {
	text-decoration: none;
	background-color: #F8C899;
	color: inherit !important;
}

.link-preview img {
	width: 100px;
	border-radius: 5px;
	margin: 0;
	object-fit: cover;
}

.link-preview h5 {
	margin-bottom: 0;
	color: var(--primary) !important;
}

.link-preview:hover h5 {
	color: var(--primary) !important;
}


.content-box {
  padding: 0;
  max-width: 790px;
  margin: auto;
  font-size: 19px;
  line-height: 1.8;
}

.content-box ul, .content-box ol {
	margin-left: -20px;
}

.editArticle-body {
    padding-top: 20px;
}

.editArticle-header {
	padding-bottom: 0px;
	padding-top: 2.5rem;
	border-bottom: 1px solid #e9ecef;
	position: sticky;
	width:100%;
	background-color: white;
	z-index: 11;
	top: 60px;
}

.noUi-horizontal {
	height:8px!important;
}

.noUi-connect {
    background: #F38E2F !important;
}

.noUi-handle {
	background-color: #F38E2F !important;
    border-radius: 20px !important;
    border: none !important;
    height: 28px !important;
    width: 28px !important;
    box-shadow: none !important;
    margin-top: -4px;
}

.noUi-target {
	margin-top: 1em;
    margin-bottom: 1em;
	border: none !important;
	box-shadow: none !important;
	background-color: #ddd !important;
}

.noUi-handle:before, .noUi-handle:after {
	display: none !important;
}

.noUi-handle:focus {
	outline: none !important;
	border: 2px solid #CACACA;
	box-shadow: none;
}

.form-control-file:focus, .form-control:focus, div[contenteditable="true"]:focus, button:focus {
	outline: none !important;
	border: 2px solid rgb(240, 129, 19) !important;
	box-shadow: none;
}

button:focus {
	border-width: 1px!important;
}

div[contenteditable="true"] {
    border: 1px solid #DDDDDD;
    padding: .5em;
    border-radius: 10px;
}

.nav-tabs {
	margin-bottom: -1px;
	border: none;
}

.nav-tabs .list-inline-item {
	padding: 0px 9px 0px 5px;
	margin: 0px 10px 0px 10px;
	cursor: pointer;
}

.nav-tabs .list-inline-item a {
	color: RGBA(103, 103, 102, 1.00) !important;
	text-decoration: none;
}
.nav-tabs .list-inline-item.active a {
	color: rgb(240, 129, 19) !important;
}

.nav-tabs .list-inline-item.active {
	color: rgb(240, 129, 19);
	border-bottom: 4px solid rgb(240, 129, 19);
}

.categoryBox .checkbox:hover {
	background-color: rgb(248, 197, 156);
	border-radius: 5px;
}

.checkbox input[type=checkbox],
.radio input[type=radio] {
	display: none;
}

.checkbox label,
.radio label {
    cursor: pointer;
    font-weight: normal;
	width: 100%;
}

.input-grey {
	color: #676766 !important;
}

.checkbox label:before,
.radio label:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 1.7em;
    margin-right: 10px;
    position: relative;
	vertical-align: middle;
    color: rgb(240, 129, 19);
}

.form-inline .radio label:before, .form-inline .checkbox label:before {
	font-size: 1.1em;
	top: 0.1em;
	margin-right: 6px;
}

.form-inline .radio label, .form-inline .checkbox label {
	margin-right: 1em;
}

.input-grey label:before {
	color: #676766 !important;
}

.checkbox label:before {
    /* content: '\f0c8'; */
    content: '\f111';
}

.radio label:before {
    content: '\f111';
}

.checkbox input[type=checkbox]:checked + label:before {
	/* content: '\f14a'; */
	content: '\f058';
	font-weight: 900;
}
.checkbox input[type=checkbox]:disabled + label {
	cursor: not-allowed;
	color: rgb(117, 117, 117);
}
.checkbox input[type=checkbox]:disabled + label:before {
	/* content: '\f14a'; */
	content: '\f05e';
	font-weight: 900;
	cursor: not-allowed;
}
.checkbox input[type=checkbox]:checked:disabled + label:before {
	content: '\f058';
	font-weight: 900;
	cursor: not-allowed;
}

.radio input[type=radio]:checked + label:before {
	content: '\f058';
	font-weight: 900;
}

.settings-navigation {
	position: fixed;
	margin-top: 20px;
	max-width: inherit;
}

@media screen and (max-width: 991px) {
	.settings-navigation {
		position: relative;
		margin-top: 10px;
	}

	.settings-navigation li {
		display: inline;
		margin-right: 10px;
	}
}

.settings-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.settings-navigation a {
	color: #676766 !important;
}

.settings-navigation a.active {
	color: #333 !important;
	font-weight: bold;
}

.popover {
	max-height: 25vh;
	overflow-y: auto;
}

.popover img {
	max-width:100%;
}

#edit-profile h1, #profile-settings h1, #subscription h1, #manage-group h1, #administrative-settings h1 {
	margin-top: 20px;
	margin-bottom: 10px;
}

#edit-profile .row, #profile-settings .row, #subscription .row, #administrative-settings .row {
	margin-bottom: 2em;
}
.profilBildNameFollowRow{
	max-width: 488px;
	margin: auto;
}
.premiumUserIconProfil{
	width: 40px;
    position: absolute;
    margin-top: 64px;
    margin-left: -33px;
    border: 2px solid #fff;
    border-radius: 100%;
}
.premiumUserIconProfilMenu{
    width: 17px;
    position: absolute;
    margin-top: 16px;
    margin-left: 20px;
    border: 1px solid #fff;
    border-radius: 100%;
}
img.profile-picture {
	object-fit: cover;
	vertical-align: bottom;
	border: 2px solid var(--primary);
}
.settings-profile-picture, .settings-group-picture {
	border-radius: 50%;
	width: 150px;
	height: 150px;
	position: relative;
}

.settings-profile-picture img, .settings-group-picture img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.settingsWunschbeitragRegel{
	padding-top: 1rem;
}
.settingsWunschbeitragRegel svg{
	width: 2.5rem !important;
	height: 2.5rem;
	margin-bottom: -10px;
}
.settingsWunschbeitragRegel svg path{
	fill: var(--gruen);
}
.settingsWunschbeitragRegel span{
  font-size: 2.5rem;
  margin-left: 15px;
	font-family: 'Varela Round', sans-serif;
}

.settingsWunschbeitragRegel p{
	margin-left: calc(2.5rem + 15px);
}
.settingsWunschbeitragAbstand{
	padding: 1rem 0;
	display: block !important;
}
.settingsWunschbeitragAbstand .btn{
	border-radius: 7px !important;
	margin-bottom: 10px;
}
#changeSubscriptionLevelModal .subscriptionAgbHinweis, #oneTimePaymentModal .subscriptionAgbHinweis, #subscribeModal .subscriptionAgbHinweis{
	padding-left: 1rem;
	padding-right: 1rem;
	border-bottom: 1px solid #e9ecef;
	padding-bottom: 12px;
}
#changeSubscriptionLevelModal .modal-header, #oneTimePaymentModal .modal-header, #subscribeModal .modal-header{
	border-bottom: none;
	padding-bottom: 0;
}
#oneTimePaymentModal .modal-footer, #changeSubscriptionLevelModal .modal-footer, #changePaymentMethodModal .modal-footer, #subscribeModal .modal-footer{
	display: block !important;
}
@media (min-width:510px){
	.settingsWunschbeitragAbstand{
		display: flex !important;
	}
	#subscribeModal .modal-footer{
		display: flex !important;
	}
	#changeSubscriptionLevelModal .modal-footer{
		display: flex !important;
	}
	#changePaymentMethodModal .modal-footer{
		display: flex !important;
	}
	#oneTimePaymentModal .modal-footer{
		display: flex !important;
	}
	.settingsWunschbeitragAbstand .btn{
		margin-bottom: 0;
	}
}

.settings-profile-picture-icon {
	display: none;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.75);
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	font-size: 2.5em;
	color: white;
}


.zahlungsUebersichtBox{
	border: 3px solid rgb(185 135 12 / 38%);
    padding: 20px;
    border-radius: 18px;
	width: 500px;
    max-width: 100%;
    margin: auto;
}
.zahlungsUebersichtBox h2{
	font-family: 'Open Sans', sans-serif;
    color: var(--mainBlau);
    font-weight: bold;
    font-size: 1.4rem;
    margin-top: 5px;
	margin-bottom: 0;
}
.zahlungsUebersichtP1{
	margin-top:0;
	color: var(--gold);
}
.zahlungsUebersichtBox img{
	width: 60px;
    height: 60px;
}
.zahlungsUebersichtBox .paymentOverviewAmount{
	font-size: 35px;
	color: var(--gold);
	display: inline-block;
}
.zahlungsUebersichtP2{
	font-size: 35px;
	color: var(--gold);
}
.zahlungsUebersichtBox .paymentOverviewInterval{
	color: var(--gold);
	margin-bottom: 5px;
	font-weight: bold;
}


.wunschbeitragAbbrechen, .wunschbeitragKuendigen{
	color: var(--primary);
	background-color: inherit;
	border: none;
}
.wunschbeitragAbbrechen:hover,.wunschbeitragKuendigen:hover{
	background-color: var(--second-3);
	color: var(--primary);
	border-radius: 8px;
}
.wunschbeitragZahlen{
	background: linear-gradient(90deg, var(--primary) 0%,var(--second) 100%);
	font-size: 15px;
	font-weight: 600;
	border-radius: 8px;
}
.wunschbeitragZahlen:hover{
	border: none !important;
}
.wunschbeitragInputFeld, .wunschbeitragInputFeld:focus{
	border-radius: 8px !important;
	border: none !important;
	background-color: var(--primary-3);
	color: var(--primary);
}
.settings-profile-picture:hover .settings-profile-picture-icon, .settings-group-picture:hover .settings-profile-picture-icon {
	display: flex;
}

.orgaList {
	margin-top: 20px;
}

.inviteList {
	margin: 20px 0;
}

.orgaList .orgaField,
.inviteList .inviteField {
	display: flex;
    justify-content: center;
	align-items: center;
	margin-bottom: 10px;
	position: relative;
}

.orgaField .removeOrgaBtn,
.inviteField .buttons {
	position: absolute;
	right: 1.5em;
}

.inviteField .buttons div {
	background-color: rgba(233, 236, 239, 0.75);
}


.inviteField .inviteStatus:hover {
	background-color: #e9ecef;
}

.orgaField .removeOrgaBtn:hover {
	background-color: var(--primary);
	color: white;
}

.inviteField .removeInviteBtn:hover {
	background-color: var(--primary);
	color: #e9ecef;
}


.orgaList #addOrga,
.inviteList #addInvite {
	display: flex;
	justify-content: center;
	align-items: center;
}

#inviteBtn {
	margin-left: 10px;
}

#addOrgaBtn {
	margin-left: 10px;
}

.status-waiting {
	color: var(--primary);
}

.status-done {
	color: var(--success);
}
#categoryBar .categoryBox .categoryIcon{
    margin-right: 10px;
	display: inline-block;
}
#categoryBar .categoryBox .categoryIcon:before{
    display: block;
    width: 40px;
    height: 40px;
}
#categoryBar .categoryBox:nth-child(1) h5, #categoryBar .categoryBox:nth-child(2) h5, #categoryBar .categoryBox:nth-child(3) h5, #categoryBar .categoryBox:nth-child(4) h5, #categoryBar .categoryBox:nth-child(5) h5{
	color: #fff;
}
#categoryBar .categoryBox:nth-child(1) .subCategories span a, #categoryBar .categoryBox:nth-child(2) .subCategories span a, #categoryBar .categoryBox:nth-child(3) .subCategories span a, #categoryBar .categoryBox:nth-child(4) .subCategories span a, #categoryBar .categoryBox:nth-child(5) .subCategories span a{
	color: #fff !important;
}
#categoryBar .categoryBox:nth-child(1) .subCategories .checkbox label, #categoryBar .categoryBox:nth-child(2) .subCategories .checkbox label, #categoryBar .categoryBox:nth-child(3) .subCategories .checkbox label, #categoryBar .categoryBox:nth-child(4) .subCategories .checkbox label, #categoryBar .categoryBox:nth-child(5) .subCategories .checkbox label{
	color: #fff;
}
#categoryBar .categoryBox:nth-child(1) .subCategories .checkbox label:before, #categoryBar .categoryBox:nth-child(2) .subCategories .checkbox label:before, #categoryBar .categoryBox:nth-child(3) .subCategories .checkbox label:before, #categoryBar .categoryBox:nth-child(4) .subCategories .checkbox label:before, #categoryBar .categoryBox:nth-child(5) .subCategories .checkbox label:before{
	color: #fff;
}

#categoryBar .categoryBox:nth-child(1){
	background-color: #A9A359;
}
#categoryBar .categoryBox .categoryIcon:before{
    content: url(/static/img/connect/categories/icons/leer.svg);
}
#categoryBar .categoryBox:nth-child(1) .categoryIcon:before{
    content: url(/static/img/connect/categories/icons/haende.svg);
}
#categoryBar .categoryBox:nth-child(2){
	background-color: #6572A6;
}
#categoryBar .categoryBox:nth-child(2) .categoryIcon:before{
    content: url(/static/img/connect/categories/icons/feder.svg);
}
#categoryBar .categoryBox:nth-child(3){
	background-color: #876395;
}
#categoryBar .categoryBox:nth-child(3) .categoryIcon:before{
    content: url(/static/img/connect/categories/icons/unendlich.svg);
}
#categoryBar .categoryBox:nth-child(4){
	background-color: #D6413A;
}
#categoryBar .categoryBox:nth-child(4) .categoryIcon:before{
    content: url(/static/img/connect/categories/icons/buddha.svg);
}
#categoryBar .categoryBox:nth-child(5){
	background-color: var(--second);
}
#categoryBar .categoryBox:nth-child(5) .categoryIcon:before{
    content: url(/static/img/connect/categories/icons/hammer.svg);
}

.categoryBox {
	margin-bottom: 21px;
	background: RGBA(250, 225, 201, 1.00);
	padding: 14px 0;
	border-radius: 24px;
	overflow-x: hidden;
}

.categoryBox .subCategories{
	/* max-height: 15em; */
    overflow-y: auto;
}

.categoryBox .subCategories span {
	font-size: 0.8em;
	padding-left:18px;
	padding-right: 18px;
}

.categoryBox .subCategories span a {
	display: inline-block;
	margin-right: 10px;
}

.categoryBox h5 {
	color: rgb(240, 129, 19); 

	cursor: pointer;
	margin: 0px;
	padding-left:18px;
	padding-right: 18px;
	font-size: 1.2em;
}
.categoryText{
	margin-top: 10px;
	display: inline-block;
}
.categoryText2{
	position: absolute;
    margin-top: -28px;
}
.categoryBox .svg-inline--fa{
	margin-top: 12px;
}

#addToInternalCategoriesModal .categoryBox .svg-inline--fa{
	margin-top: 0;
}

.categoryBox h5 button {
    color: inherit;
    background: inherit;
    border: none;
    cursor: pointer;
}

.categoryBox h5 button:active, .categoryBox h5 button:focus {
    outline: none;
}

.subCategories .checkbox {
	cursor: pointer;
}

.subCategories .checkbox label {
	margin-bottom: 0;
	padding-left: 18px;
}

.subCategories .checkbox label:before {
	/* This changes the size of the checkbox graphic */
	font-size: 1.5em;

}

.swal-button, .swal-button:not([disabled]):hover, .swal-button:hover, .swal-button:active, .swal-button:visited {
	background-color: rgb(240, 240, 240);
    border-color: rgb(240, 240, 240);
	border-radius: 100px !important;
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.swal-button--confirm, .swal-button--confirm:not([disabled]):hover, .swal-button--confirm:hover , .swal-button--confirm:active, .swal-button--confirm:visited {
	background-color: rgb(240, 129, 19);
    border-color: rgb(247, 164, 32);
}

input.invalid, textarea.invalid, select.invalid {
	border: 2px solid red !important;
	box-shadow: none;
}

.form-text-error {
	display:none;
	color:red;
}

.form-text-error.show {
	display:block !important;
}

.clickable {
	cursor: pointer;
}

.thumbList .thumbnail {
	margin-bottom: 1em;
	margin-top: 1em;
}

.thumbList .textPin {
	border: 1px solid #DDDDDD;
	border-radius: 10px;
	padding: 1em;
	margin-left: 125px;
	margin-right: 20px;
	margin-bottom: 1em;
	margin-top: 1em;
	background: white;
}

.sortable-ghost {
	background: #cacaca;
}

.orgaItem .timeLabel {
	margin-top: 1em;
	float: left;
	width: 120px;
}

.editButtonHolder {
	color: #676766;
	text-align: right;
}

.editOrgaPinButtons {
	display: none;
}

.emptyListPlaceHolder {
	margin-left: calc(50% - 200px);
	background-color: #eeeeee;
	width: 400px;
	height: 400px;
	border-radius: 200px;
	padding: 35px;
	color: #999999;
	fill: #999999;
	text-align: center;
}

.emptyListPlaceHolder svg {
	margin-top: 15%
}

.orgaItem .thumbnail {
	margin-left: 125px;
	margin-right: 20px;
}

.orgaItem .list-group-handle, .edit-thumbnail {
	cursor: move;
	cursor: -webkit-grabbing;
}

.orgaItem .buttons-vertical-right {
	float: right;
	margin-top: 1em;
	color: #676766;
}

.grid-sizer, .grid-item {
	width: calc(100%);
}

.thumbList-small .grid-sizer, .thumbList-small .grid-item {
	width: calc(100%);
}

@media (min-width: 600px) {
	.grid-sizer, .grid-item {
		width: calc(50% - 8px);
	}

	.thumbList-small .grid-sizer, .thumbList-small .grid-item {
		width: calc(50% - 8px);
	}
}

/* @media (min-width: 768px) {
	.grid-sizer, .grid-item {
		width: calc(33.333% - 12px);
	}

	.thumbList-small .grid-sizer, .thumbList-small .grid-item {
		width: calc(33.333% - 11px);
	}
} */

@media (min-width: 992px) {
	.grid-sizer, .grid-item {
		width: calc(33.333% - 13px);
	}

	.thumbList-small .grid-sizer, .thumbList-small .grid-item {
		width: calc(33.333% - 12px);
	}
}

@media (min-width: 1200px) {
	.grid-sizer, .grid-item {
		width: calc(25% - 13px);
	}

	.thumbList-small .grid-sizer, .thumbList-small .grid-item {
		width: calc(25% - 12px);
	}
}

.card.selected .card-img-top, .card.selected .card-body {
  opacity: 0.3;
}

.card .selectOverlay {
	color: var(--primary);
	z-index: 1;
	display: none;
	background-color: white;
    border-radius: 100%;
    border: 2px solid;
}

.card.selected .selectOverlay {
	position: absolute;
	top: 50%;
	display: block;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card {
	border-radius: 10px;
	margin-bottom: 1rem;
	border: 5px solid #fff;
	box-shadow: 1px 1px 14px 0px rgba(0, 0, 0, 0.11);
}

.card .like-box {
	fill: #a4a4a4;
}

.card .like-box.isLiked {
	fill: #EC8036;
}

.card .dropdown a {
	color: #a4a4a4 !important;
}

.card.highlight {
	background-color: var(--primary);
	border-color: var(--primary);
}

.card.highlight .like-box {
	fill: white;
}

.card.highlight .like-box.isLiked {
	fill: gold;
}

.card.highlight .articleCaption, .card.highlight .dropdown a {
	color: white !important;
}

.card.highlight .icon-interact:hover {
	background-color: transparent;
}

.card-img-top {
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

#timetableArticles .card {
	margin: 1em 20px 1em 125px;
}

.card-body {
	border-top: 1px solid rgba(0,0,0,.125);
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.thumbList .caption .articleCaption {
	overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	display: inline-block;
}

.thumbList .articleCaption {
	max-width: calc(100% - 82px);
	font-weight: bold;
  color: var(--primary);
}

.thumbList .articleCaption .icon {
	color: rgb(240, 129, 19);
	margin-right: 3px;
}

.input-inline{
	background: inherit !important;
    color: inherit;
    font-size: inherit;
    background: inherit;
}

.input-inline:disabled {
	outline: none;
    border: 0px;
    box-shadow: none;
}

.input-inline-right:disabled {
	text-align: right;
}

.adoptModal-authorInfo {
	background-color: #FDE0B7;
	flex-grow: 2;
	padding: 1rem 0;
	border-radius: 1rem;
}

.adoptModal-authorInfo .fa-long-arrow-down {
	color: var(--primary);
	font-size: 4rem;
}

#commentList {
	margin-top: 2rem;
}

.comment {
	margin-top: 1rem;
}

.comment.loaded {
	padding: 1rem;
	border-radius: 10px;
	background-color: var(--second-3);
}
#commentList .subcomment_list{
	border-left: 2px solid var(--primary-7);
}
.comment img {
	border-radius: 55px;
}

.comment .btn-light {
	border-radius: 20px;
	padding: .375rem 1rem .375rem 1rem;
}

.btn-blue {
	background-color: #679DF6;
	color: white!important;
}

.btn-green {
	background-color: #3FB079;
	color: white!important;
}

.btn-red {
	background-color: #DB4437;
	color: white!important;
}

.btn-blue:hover, .btn-green:hover, .btn-red:hover {
	color: white!important;
}

.comment textarea {
	margin-bottom: .5rem;
}

.comment .commentText {
	margin: 0 1rem 0 1rem;
	width: 100%;
}
.comment .commentText .form-control{
	margin-top: 11px;
}
.commentForm .form-control{
	margin-top: 20px;
}
.comment .commentText .form-control, .commentForm .form-control{
	background-color: var(--second-4);
	border-radius: 16px !important;
	border-bottom: none !important;
}
.comment .commentText .form-control:focus, .commentForm .form-control:focus{
	border: none !important;
}
.color-main {
	color: rgb(240, 129, 19);
}

.needs-write-permission {
	display: none;
}

.more-modal-intro {
	color: var(--primary);
	font-size: 1.5em;
}

#addToModal .modal-header {
	border-bottom-color: black;
}
#addToModal .modal-dialog{
	width: 1000px;
	max-width: 100%;
}
#addToModal .modal-body {
	padding-top: 0;
	padding-bottom: 0;
}

#addToModal .col-6.left {
	padding-top: 2rem;
	border-right: 1px solid black;
	min-height: 500px;
	display:none;
}


#addToModal .col-6.right {
	padding-top: 1rem;
	font-size: 140%;
	line-height: 2.8rem;

	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
@media (min-width:768px){
	#addToModal .col-6.left{
		display: block;
	}
	#addToModal .col-6.right{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.wysihtml-command-active, .wysihtml-command-active:hover {
	background: #ffb300 !important;

}

.wysihtml_editor {
	min-height:120px
}

.wysihtml-addImages {
	border: 1px solid #e6e6e6;
    border-radius: 10px;
    box-shadow: 0 0 4px #AEAEAE;
    padding: 1em;
    width: fit-content;
    min-width: 300px;
    margin-bottom: 1em;
    display: none;
}

.wysihtml-insert-image {
	position: relative;
	display: inline-block;
}

.wysihtml-insert-image .counter {
    background-color: white;
    right: 9px;
    bottom: 9px;
    position: absolute;
    border: 1px solid var(--primary);
    width: 1.5em;
    border-radius: 20px;
    height: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wysihtml-uploadFile {
	border: 1px solid #e6e6e6;
    border-radius: 10px;
    box-shadow: 0 0 4px #AEAEAE;
    padding: 1em;
    width: fit-content;
    min-width: 300px;
    margin-bottom: 1em;
    display: none;
}

.uploaded-file, .internal-preview {
    border-radius: 10px;
	background-color: #FAD6B3;
	display: flex;
	align-items: center;
	margin-bottom: .5em;
	color: RGBA(103, 103, 102, 1.00) !important;
}

.internal-preview .resultIcon {
	margin: .5em 1.5em;
}

.internal-preview .resultIcon img {
	max-width: 3em;
}

.content-box a.btn.btn-primary, .wysihtml-editor a.btn.btn-primary {
	width: 100%;
	border-radius: 5px;
}

.uploaded-file:hover, .internal-preview:hover {
	text-decoration: none;
}

.uploaded-file .file-white {
	width: 2em;
    height: 2.5em;
    background-color: white;
    margin: .5em 1em .5em 1.5em;
	border-radius: 3px;
	position: relative;
}

.uploaded-file .file-audio {
	width: 1.4em;
	height: 1.6em;
    margin: .5em 1em .5em 1.5em;

}

.audio-play-button {
	border-color: transparent transparent transparent rgb(240, 129, 19);
	border-style: solid;
	box-sizing: border-box;
	border-width: .8em 0 .8em 1.4em;
}

.audio-pause-button {
	border-style: double;
	border-width: 0 0 0 1.3em;
	border-color: rgb(240, 129, 19);
}

.uploaded-file .file-audio:hover {
	text-decoration: none;
}

.uploaded-file .file-white div {
    font-size: 0.65em;
    position: absolute;
    top: 0.7em;
    left: -1.2em;
    padding: 0px 0.35em;
    border-radius: 3px;
    color: white;
}

.downloadAudio {
	margin-left: auto;
	margin-right: 1em;
	width: 1.3em;
	filter: invert(60%) sepia(91%) saturate(2557%) hue-rotate(355deg) brightness(98%) contrast(92%);
	border-radius: 0 !important;
}

.downloadAudio img {
	border-radius: 0;
}

.downloadAudio + .removeUpload + .in-editor-editButton {
	margin-left: 0!important;
}

.uploaded-file .file-white div.type-document {
    background-color: #4D7ECC;
}

.uploaded-file .file-white div.type-pdf {
    background-color: #E67C73;
}

.uploaded-file .file-white div.type-presentation {
    background-color: #EA483A;
}

.create-link-dialog {
	position: absolute;
	background-color: white;
	border: 1px solid rgb(240, 129, 19);
	border-radius: 10px;
	width: 30rem;
	z-index: 1;
}

.create-link-dialog-header {
	border-bottom: 1px solid rgb(240, 129, 19);
	color: rgb(240, 129, 19);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.create-link-dialog-header button.close {
	margin-left: .5rem;
}

.create-link-dialog-header h4 {
	margin: 0;
	font-size: 1.35rem;
}

.create-link-dialog-header .btn-primary {
	border-radius: 0;
	border-top-right-radius: 9px;
}

.create-link-dialog-mode-selector {
	padding-top: .5rem;
	border-bottom: 1px solid grey;
	font-weight: bold;
}

.create-link-dialog-body {
	padding: .5rem .5rem 1rem .5rem;
}

.create-link-dialog-body .searchResult {
	display: none;
	background-color: white;
	color:RGBA(103, 103, 102, 1.00);
    min-width: 300px;
    max-width: 500px;
    width: 100%;
	padding: 10px 0;
}

.wysihtml-image-preview {
	margin-right:5px;
	margin-bottom: 5px;
	border-radius: 5px;
}

.wysihtml_editor_content img {
	max-width: 300px;
	display: block;
	border-radius: 5px;
}

.wysihtml_editor_content .btn-primary .btn-link {
	color:white!important;
	padding-top: 0;
	padding-bottom: 0;
}

.wysihtml_editor_content .in-editor-editButton {
	float: right;
	margin-left: auto;
	order: 0
}

.wysihtml_editor_content .removeUpload {
	float: right;
	margin-right: 1em;
	order: 1
}

.wysihtml_editor_content .btn-primary {
	padding-right: 0;
}


.nowrap {
	white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.authorItem {
	margin: 1.5rem;
	margin-right: 0;
}

#showAllAuthors {
	width:100%;
	top: 0px;
	position: absolute;
	background-color: #F9F9F9;
    border: 2px solid #CCC;
    border-radius: 20px;
    z-index: 100;
}

#pinboardTitle {
	overflow-wrap: break-word;
	color: var(--primary);
	font-size: 1.6rem;
}
.pinnboardLikedbyTitel{
	color: var(--primary);
	font-size: 1.6rem;
}
@media (min-width:768px){
	.pinnboardLikedbyTitel{
		font-size: 2.5rem;
	}
	#pinboardTitle{
		font-size: 2.5rem;
	}
}
#pinboardAuthors {
	position: relative;
}

.edit-picture {
	margin-right: 1rem;
	border: 1px solid #cacaca;
	margin-bottom: 1rem;
	background-color: white;
}

.edit-delete {
	border: 1px solid #cacaca;
	border-top: none;
	border-right: none;
	background-color:white;
	margin:0;
	text-align: center;
	width: 25px;
	height: 27px;
	line-height: 27px;
	position: absolute;
	right: 0;
	top: 0;
	color: rgb(240, 129, 19) !important;
	cursor: pointer;
}

.edit-languages {
    border: 1px solid #cacaca;
    border-bottom: none;
    border-left: none;
    background-color: white;
    margin: 0;
    text-align: center;
    /* width: 25px; */
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: rgb(240, 129, 19) !important;
    cursor: pointer;
    font-size: 0.8rem;
}

.pinboard-img-grid .card-img-top {
	border-radius: 9px;
	object-fit: contain;
}

.pinboard-img-grid .card-img-top.articlePicture{
	border-radius: 0;
	object-fit: cover;
}

.card .premium-badge {
	position: absolute;
    font-size: 3rem;
	width: 100%;
	margin-top: 4rem;
	display: flex;
    justify-content: center;
}

a .adoption-badge, span .adoption-badge {
	color: white !important;
}

a .adoption-badge:hover {
	color: white !important;
}

.badge-accept {
	background-color: #059BE5;
}
.badge-adopt {
	background-color: #7CB342;
}
.badge-reject {
	background-color: #D50000;
}

.badge-accept:hover {
	background-color: #0487c8;
}
.badge-adopt:hover {
	background-color: #6b993a;
}
.badge-reject:hover {
	background-color: #b40303;
}

.card .premium-badge .lock {
	background-color: #B68900;
	color: white;
	padding: .3rem 1.3rem;
	border-radius: 1rem;
}
.card .edit-delete {
	border-radius: 0;
	border-top-right-radius: 9px;
	border-bottom-left-radius: 10px;
}

.edit-picture .edit-thumbnail {
	height: 100px;
}

.svg-icon{
	width:1em;
	height:1em;
  }
.form-control{
	background-color: var(--primary-1);
}
.form-control:focus{
	border-radius:10px!important;
}

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider_small {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider_small:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider_small {
	background-color: rgb(240, 129, 19);
}

input:focus + .slider_small {
	box-shadow: 0 0 1px rgb(240, 129, 19);
}

input:checked + .slider_small:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider_small.round {
	border-radius: 34px;
}

.slider_small.round:before {
	border-radius: 50%;
}
.addToList{
    max-height: 60vh;
    overflow-y: auto;
}

.roundedInputField{
	border-radius: 100px!important;
	padding-left:20px!important;
}
.roundedInputField:focus{
	border-radius: 100px!important;
	padding-left:20px!important;
}

#additionalTitles {
	padding: 20px 0;
}

#additionalTitles div input {
	margin-bottom: 10px;
}
.articleLabel{
	padding-left:10px;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;

}

.display-inline{
	display:inline;
}

.roundButton{
	width:32px;
	height:32px;
	box-sizing:initial;
	padding:initial;

}

.fa-fw{
	margin: 5px 0;
}

.cancelButtonColor{
	background: rgb(240, 240, 240);
}

.smallButton{
	margin-top:5px;
	height:40px;
}

.gap-1 {
	gap: .5rem;
}

.gap-2 {
	gap: 1rem;
}

.gap-3 {
	gap: 1.5rem;
}

.gap-4 {
	gap: 2rem;
}

.gap-5 {
	gap: 2.5rem;
}

.awesomplete > ul {
	z-index: 100!important;
}

.profileFullNameClass{
	color: var(--primary);
	font-size: 1.6rem;
	margin-top: 10px;
	font-family: 'Open Sans';
	font-weight: bold;
}
.profileUserNameClass{
	color: var(--second);
	font-size: 1rem;
}

.profile-info {
	height:200px;
	width:100%;
	border:none;
	overflow:hidden;
}
@media (min-width:768px){
	.profileUserNameClass{
		font-size: 1.3rem;
	}
}
#profileNav{
	display: flex;
	overflow-x: scroll;
}
@media (min-width:768px){
	#profileNav{
		display: inline;
	}
}
.nav-tab-content.profileNav .groupList {
	margin-left: 25px;
}

.nav-tab-content.profileNav .groupList .groupField {
	border-bottom: 2px solid var(--second-4);
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0;
}
.nav-tab-content.profileNav .groupList .groupField:first-child input{
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.nav-tab-content.profileNav .groupList .groupField.active{
	border-bottom: 2px solid rgb(240, 129, 19);
}

.nav-tab-content.profileNav .groupList .groupField input {
	flex-grow: 5;
}

.nav-tab-content.profileNav .groupList .groupField div {
	flex-grow: 1;
	text-align: center;
	vertical-align: center;
	min-height: 40px;
	min-width: 40px;
}

.nav-tab-content.profileNav .groupList .groupField .moreGroupInfoBtn:active, .nav-tab-content.profileNav .groupList .groupField .moreGroupInfoBtn:focus {
	color: var(--primary);
}

.nav-tab-content.profileNav .groupList .groupField .removeGroupBtn:active, .nav-tab-content.profileNav .groupList .groupField .removeGroupBtn:focus {
	color: var(--group-icon);
}

.nav-tab-content.profileNav .groupList input {
	border: 0;
	padding: 20px 20px 10px 20px;
	width: 90%;
	outline: none;
	box-shadow: none;
	border: none;
}

.nav-tab-content.profileNav .groupList form {
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0;
	padding-left: 20px;
}


.nav-tab-content.profileNav .groupList form input {
	padding: 20px;
	margin: 0 20px;
}

#viewGroupDetails .modal-body table {
	max-height: 70vh;
	overflow: auto;
}

#viewGroupDetails .modal-body table > thead > tr > th {
	border-top: none;
	border-bottom: none;
}

#viewGroupDetails .modal-body thead th {
	position: sticky;
	top: 0;
	background-color: var(--primary);
	color: white;
}

.scrollable-70vh {
	max-height: 70vh;
	overflow: auto;
}

.moreInfoBtn {
	position: sticky;
	bottom: 0;
	padding: 2vh 0 2vh 0;
	width: 100%;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
}

.moreInfoBtnContent {
	border-radius: 50px;
	border: 3px solid gray;
	padding: 0.5em 1.2em;
	display: inline-block;
	color: gray;
	margin-left: 10px;
	cursor: pointer;
}

.moreInfoBtnClose {
	width: 32px;
	cursor: pointer;
	color: gray;
	margin-left: 10px;
}

.filtersystem {
	border-color: var(--primary);
	color: var(--primary);
}

.pinboard {
	border-color: var(--pinboard-icon);
	color: var(--pinboard-icon);
}

.timetable {
	border-color: var(--timetable-icon);
	color: var(--timetable-icon);
}

.article {
	border-color: var(--article-icon);
	color: var(--article-icon);
}

.group {
	border-color: var(--group-icon);
	color: var(--group-icon);
}

.awesomplete{
	margin-right: 10px;
}

#baseAuthorList, #authorScroll{
	overflow: auto;
	max-height: 50vh;
}

#baseAddAuthorLink{
	position: sticky;
	bottom:0;
}

#baseAuthorList>.list-item{
	padding: 10px 0;
}

.horizontal_center{
	margin: auto;
}

.cssgrid{
	display: grid;
	grid-template-columns: 50px 1fr 16px;
	grid-gap: 10px;
	align-items: center;
	margin-right:10px;
}

.addNew{
	margin-top: 10px;
}

.editPinboard{
	display: grid;
	grid-template-columns: 1fr 16px;
	align-items: center;
	margin-right:50px;
}

.ListModal-grid {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.buttons-vertical-right {
	display: grid;
	grid-template-columns: 4fr 1fr;
	bottom: 10px;
}

.buttons-vertical-right button {
	grid-column: 2;
}

@media print {
	html, body {
	   border: 1px solid white;
	   height: 99%;
	   page-break-after: avoid;
	   page-break-before: avoid;
	}
}
/***connect home kacheln***/
.connectHomeKacheln{
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.connectHomeKacheln > .row > div{
	padding: 15px;
}
.connectHomeKacheln .connectHomeKachelnBox{
	padding: 8px;
	border: 2px solid var(--second-3);
	background-color: var(--second-3);
	border-radius: 7px;
	-webkit-box-shadow: 0px 0px 18px 1px rgb(240 129 19 / 10%);
	box-shadow: 0px 0px 18px 1px rgb(240 129 19 / 10%);

	background-image: linear-gradient(28deg, var(--primary-3) 40%, var(--second-3) 70%);
}
@media (min-width:768px) and (max-width:1199px){
	.connectHomeKacheln .connectHomeKachelnBox{
		text-align: center;
		max-width: 175px;
	}
}
.connectHomeKacheln a:hover {
	text-decoration: none;
}
.connectHomeKacheln a:hover .connectHomeKachelnBox{
	border: 2px solid var(--second);
}
.connectHomeKacheln .connectHomeKachelnBox img{
	width: 80px;
}
.connectHomeKacheln .connectHomeKachelnBox span{
  font-family: 'Varela Round', sans-serif;
	margin-left: 10px;
}
.connectHomeKacheln .connectHomeKacheln-col1 span{
	color: var(--primary);
}
.connectHomeKacheln .connectHomeKacheln-col2 span{
	color: var(--dunkelblau);
}
.connectHomeKacheln .connectHomeKacheln-col3 span{
	color: var(--gruen);
}
.connectHomeKacheln .connectHomeKacheln-col4 span{
	color: var(--rot);
}
.connectHomeKacheln .connectHomeKacheln-col5 span{
	color: var(--lila);
}
.connectHomeKacheln .connectHomeKacheln-col6 span{
	color: var(--hellblau);
}
.connectHomeKacheln .connectHomeKacheln-col7 span{
	color: #f9ad04;
}

.connectHomeKacheln a:hover .connectHomeKacheln-col1{
	border-color: rgb(240 129 19 / 40%);
}
.connectHomeKacheln a:hover .connectHomeKacheln-col2{
	border-color: rgb(66 133 244 / 40%);
}
.connectHomeKacheln a:hover .connectHomeKacheln-col3{
	border-color: rgb(52 168 83 / 40%);
}
.connectHomeKacheln a:hover .connectHomeKacheln-col4{
	border-color: rgb(234 67 53 / 40%);
}
.connectHomeKacheln a:hover .connectHomeKacheln-col5{
	border-color: rgb(114 72 188 / 40%);
}
.connectHomeKacheln a:hover .connectHomeKacheln-col6{
	border-color: rgb(2 173 194 / 40%);
}
.connectHomeKacheln a:hover .connectHomeKacheln-col7{
	border-color: rgb(249 173 4 / 40%);
}

/****connect home kacheln ende***/
.home_profile {
	/* display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center; */
}
.home_profile .profile-picture{
	border-radius: 60px;
	width: 130px;
	height: 130px;
	border:none;
	margin:auto;
	border: 2px solid var(--primary);

	/* background-image: url(/static/img/connect/home/profilHintergrund.svg);
  padding: 32px;*/
	margin-top: -30px;
	margin-bottom: 10px;
}
.home_profile h2{
	color: var(--primary);
}
.home_profile:hover .profile-picture {
	border-color: var(--primary-8);
}

.home_profile:hover, .home_profile:hover h2 {
	color: var(--primary-8);
	text-decoration: none;
}

.home_box{
	border: 1px solid var(--primary-4);
	border-radius: 10px;
	padding: 20px;
	height:100%;
	display: flex;
	color: RGBA(103, 103, 102, 1.00) !important;
}

.home_box_content{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.home_box_icon{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 2em;
	font-size: 1.2rem;
	text-align: center;
}
.home_box_icon label{
	margin: 0px;
	font-size: 1rem;
	color: var(--primary);
}

.home_box_icon div{
	border: 1px solid;
	border-radius: 100px;
	padding:5px;
	width: 40px;
	height: 40px;
}

.home_box:hover{
	border: 1px solid var(--primary);
	cursor: pointer;
	color: RGBA(103, 103, 102, 1.00) !important;
	text-decoration: none;
}

.home_box:hover > .home_box_arrow{
	display: block;
	position: absolute;
	bottom: 1em;
	right: 3em;
}

.home_box_text{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.home_box_arrow{
	display: none;
	align-self: flex-end;
	color: var(--primary);
	text-align: right;
}

.home_row{
	margin-top:1em;
	margin-bottom: 2em;
}
.notificationSearchButtonMobilMenu{
	width: 40px;
height: 40px;
}
.notificationSearchButtonMobilMenu button, .notificationSearchButtonMobilMenu a{
	background-color: #fff !important;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	padding: 0;
}
.notificationSearchButtonMobilMenu svg{
	width: 20px !important;
	height: 20px;
	margin: 10px;
}
.notificationSearchButtonMobilMenu svg path{
	fill:var(--second);
}
.new-notification-indicator {
  position: relative;
  z-index: 9;
  top: -5px;
  left: 7px;
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 20px;
	display: none;
}
.notificationBell, .profilBildMenu{
	display: flex;
    justify-content: center;
}
@media screen and (max-width:991px) {
	.new-notification-indicator {
		left: 2px;
		top: 10px;
	}
}

#notification-btn {
	background-color: transparent;
	border: none;
	color: white;
	outline: none;
	cursor: pointer;
	text-align: left;
	position: absolute;
}

#notification-btn:focus, #notification-btn:active {
	background-color: transparent;
	border: none;
	border-width: 0 !important;
	color: white;
	outline: none;
}


#notification-popover-body {
	/* max-height: 60vh; */
	/* overflow-y: auto; */
	padding: 10px 20px;
	transform: initial;
	background-color: var(--second-3);

}

.notification-date {
	font-weight: bold;
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
}


.notification-box.read {
	font-style: italic;
	color: gray;

}

.notification-content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
}

.notification-content .notification-icon {
	border-radius: 60px;
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: white;
	min-width: 32px;
}

.notification-content .notification-icon.function {
	background-color: var(--function-notification);
}

.notification-content .notification-icon.message {
	background-color: var(--message-notification);
}

.notification-content .notification-icon.follow {
	background-color: var(--follows-notification);
}

.notification-content .notification-text {
	margin-left: 10px;
}

.follow-btn-container {
	align-self: center;
	margin-top: 15px;
}
@media (min-width:768px){
	.follow-btn-container {
		margin-top: 5px;
	}
}
#follow {
	border-radius: 19px;
	border: 2px solid var(--primary);
	padding: 5px 20px;
	font-weight: bold;
	color: white;
	background-color: var(--primary);
	cursor: pointer;
}

#unfollow {
	border-radius: 19px;
	border: 2px solid var(--primary);
	padding: 5px 20px;
	font-weight: bold;
	color: var(--primary);
	background-color: transparent;
	cursor: pointer;
}

#following, #followers {
	color: inherit !important;
}

#registrationSection {
	padding: 4em 0;
	margin-bottom: 4rem;
	background-color: var(--second-3);
}

#groupSizeSelect {
	min-width: 45px;
	min-height: 24px;
	background-color: #fff;
	/* height: fit-content; */
}

#registrationSection h3, #registrationSection h2 {
	color: var(--primary);
}

#registrationSection .licenseContainer {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 800px) {
	#registrationSection .licenseContainer {
		flex-direction: column;
	}
}

#registrationSection .licenseBox {
	border: 2px solid var(--primary);
	border-radius: 20px;
	background-color: #fff;
	padding: 2em;
}

#registrationSection .licenseDivider {
	width: 4rem;
	height: 4rem;
}


#registrationSection .licenseBox-header h5 {
	margin-bottom: 0;
}

#registrationSection .licenseBox-header small {
	color: var(--primary);
}

#registrationSection hr {
	border-top-color: #C8C9C8;
}

#registrationSection .fa-ul {
	margin-left:28px;
}

#registrationSection .priceTag {
	color: var(--primary);
	display: inline;
	font-weight: bold;
}

.storeSubodomainsIcons{
	width: 120px;
	height: 40px;
	margin-right: 10px;
	border-radius: 8px;
}
.app-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 100%;
}
.app-container h3{
	color: var(--primary);
  font-family: caveat;
	font-weight: bold;
	font-size: 1.3rem;
}
@media (min-width:768px){
	.app-container h3{
		font-size: 3rem;
	}
}
.app-container__text {
	margin-bottom: 1rem;
	text-align: center;
}

.app-container__badges {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.app-container__badge.app-container__badge--android img {
	height: 100px;
}

.app-container__badge.app-container__badge--apple img {
	height: 68px;
}

.app-container__picture {
	margin: 0;
	max-width: 100%;
    border-radius: 35px;
    margin-bottom: 2rem;
}

@media screen and (max-width: 800px) {
	.app-container {
		margin: 0;
		flex-direction: column;
		justify-content: flex-start;
	}

	.app-container__text {
		margin-right: 0;
		margin-bottom: 2rem;
	}
}

.app-carousel {
	position: relative;
}
.app-carousel .owl-theme .custom-nav {
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
}
.app-carousel .owl-theme .custom-nav .owl-prev, .app-carousel .owl-theme .custom-nav .owl-next {
	position: absolute;
	height: 100px;
	color: inherit;
	background: none;
	border: none;
	z-index: 100;
}
.app-carousel .owl-theme .custom-nav .owl-prev i, .app-carousel .owl-theme .custom-nav .owl-next i {
	font-size: 2.5rem;
	color: #cecece;
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background-color: white !important;
	color: var(--primary) !important;
}

.app-carousel .owl-theme .custom-nav .owl-prev {
	background-color: white !important;
	left: -5px;
	border-radius: 0px 15px 15px 0;
}


.app-carousel .owl-theme .custom-nav .owl-next {
	background-color: white !important;
	right: -5px;
	border-radius: 15px 0px 0px 15px;
}

.app-carousel .owl-theme .custom-nav .owl-prev:focus,
.app-carousel .owl-theme .custom-nav .owl-next:focus {
	outline: none !important;
	border: 1px solid white !important;
}

.app-carousel .owl-theme .item img {
	max-width: 580px;
}


.owl-dots {
	display: none;
}

#id_picture {
	width: 100%;
}

#registerHeader {
	height: 70px;
	padding: 0 40px;
	border-bottom: 1px solid grey;
}

#registerHeader img {
	height: 40px;
}

#registerHeader a {
	color: inherit!important;
}

#registerHeader {
	margin-bottom: 60px;
}

.registerNav-item {
	text-align: center;
}

.registerNav-item h3{
	color: #C6C6C5;
	font-weight: bold;
	white-space: nowrap;
}

.registerNav-item-underline {
	background-color: #C6C6C5;
	height:15px;
	border-radius: 15px;
	width: 100px;
}

.registerNav-item .activeLabel, .registerNav-item.active .inactiveLabel {
	display: none;
}

.registerNav-item.active h3{
	color: var(--primary);
}

.registerNav-item.active .registerNav-item-underline {
	background-color: var(--primary);
	width: 160px;
}

.registerNav-item.active .activeLabel, .registerNav-item .inactiveLabel {
	display: inherit;
}

.registerBox > div {
	max-width: 392px;
}

.registerBox strong {
	color: var(--primary);
}

.registerBox .paymentBox {
	border-color:#D1D1D1;
	width: 100%;
}

.paymentBox .card-header {
	border-bottom: unset;
}

.paymentBox .card-body {
	display: block;
	padding: 10px;
	text-align: left;
}


.registerBox .paymentBox .fa-chevron-right {
	color:#D1D1D1;
	margin-right: 20px;
}

.form-control-small {
	padding-top: 2;
	padding-bottom: 2;
	height: 42px;
}

.form-control-small.left, .form-text-error.left {
	margin-left: 0;
	margin-right: auto;
	width:45% !important;
}

.form-control-small.right, .form-text-error.right {
	margin-left: auto;
	margin-right: 0;
	width:45% !important;
}

.form-control-ultra-small {
	padding-top: 2;
	padding-bottom: 2;
	height: 32px;
}

.radio-alt label:before {
    content: '\f111';
}

.radio-alt label:before {
    content: '\f111';
}

.radio-alt input[type=radio]:checked + label:before {
	content: '\f192';
	font-weight: 400;
}

.radio-alt input.invalid[type=radio] + label {
	color:red;
}

.select-small {
	height: 24px !important;
}

.color-inherit {
	color:inherit!important;
}

.registerBox .step {
	display:none;
}

.registerBox .step.active {
	display:initial;
}

#searchResult {
	display: none;
	background-color: white;
	border: 1px solid #e6e6e6;
	border-radius: 20px;
	box-shadow: 0 0 10px #e6e6e6;
	color:RGBA(103, 103, 102, 1.00);
	position: absolute;
	top: 60px;
	/* right: 0px; */
    min-width: 300px;
    max-width: 500px;
    width: 100%;
	padding: 10px 0;
	z-index: 10;
}

#searchResult a, .searchResult a {
	color:RGBA(103, 103, 102, 1.00)!important;
}

#searchResult.show, .searchResult.show {
	display: initial;
}

#searchResult .head, #searchResult .foot, .searchResult .head {
	font-size: small;
	padding: 0 20px;
}

#searchResult .resultIcon, .searchResult .resultIcon {
	display: inline-block;
    margin-right: .5em;
    border-radius: 20px;
}

#articleResults .head, #articleResults a, #articleResults .resultIcon,
.articleResults .head, .articleResults a, .articleResults .resultIcon {
	color: var(--article-icon)!important;
}

#pinboardResults .head, #pinboardResults a, #pinboardResults .resultIcon,
.pinboardResults .head, .pinboardResults a, .pinboardResults .resultIcon {
	color: var(--pinboard-icon)!important;
}

#timetableResults .head, #timetableResults a, #timetableResults .resultIcon,
.timetableResults .head, .timetableResults a, .timetableResults .resultIcon {
	color: var(--timetable-icon)!important;
}

#searchResult .resultListing, .searchResult .resultListing {
	cursor:pointer;
	height:26px;
	cursor: pointer;
	padding: 0 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.searchResult .resultListing {
	height: initial;
	min-height: 26px;
}

#searchResult .resultListing.marked, #searchResult .resultListing.marked .typedQuery, .searchResult .resultListing.marked, .searchResult .resultListing.marked .typedQuery {
	background-color: #efefef;
	color: var(--primary);
}

#searchResult .resultListing .typedQuery, .searchResult .resultListing .typedQuery {
	color: #ababab;
}

.resultListing .displayOptions {
	font-size: .8em;
	padding-left: 2em;
	line-height: .8;
}

.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
/* Customer provided CSS */

#followingModal .modal-dialog, #followersModal .modal-dialog{
	max-width: calc(100% - 3rem);
}

/* End of customer css */

.followerList {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.followerDetail {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 10px;
	width: 220px;
}

.followerDetail img {
	border-radius: 100px;
	width: 200px;
	height: 200px;
	object-fit: cover;
}

#searchResult #noResults {
	padding: 0 20px;
}

.article-picture {
	object-fit: cover;
}

.custom-article-page-container .lead-img{
  border-radius: 10px;
}
.custom-article-page-container .icon-interact {
  height: 40px;
  width: 40px;
  line-height: 40px;
}


.custom-article-page-container h1{
  text-align: center;
  font-weight: bold;
  color: var(--primary);
  margin-bottom: 20px;
}
.custom-article-page-container h3{
  max-width: 790px;
  margin: auto;
  color: var(--primary);
  margin-bottom: 6px;
  font-size: 2.3em;
}

#articleTitle {
	color: var(--primary);
	font-weight: bold;
	font-size: 1.4rem;
	overflow-wrap: break-word;
}

#additionalTitleList {
	list-style: none;
	color: var(--primary);
	font-size: 1rem;
	font-weight: bold;
	padding: 0;
}

#additionalTitlesBtn {
	border-color: var(--primary);
	color: var(--primary);
	background-color: transparent;
}

#additionalTitleList .additionalTitle {
	display: inline;
	margin: 0;
	padding: 0;
}

#additionalTitleList .additionalTitle::after {
	content: ";";
}

#additionalTitleList .additionalTitle:last-of-type::after {
	content: "";
}

.pinboard-img-grid {
	display: grid;
	height: 200px;
	border-radius: 9px 9px 0 0;
	overflow: hidden;
	grid-gap: 4px;
}

.pinboard-img-grid.single {
	grid-template-columns: 1fr;
	grid-template-rows: 200px;
}

.pinboard-img-grid.double {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 200px;
}

.pinboard-img-grid.four {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 100px 100px;
}

.tooltip .tooltip-inner {
	background-color: #333;
}
 .tooltip .arrow {
	 display: none;
 }

 .chosen-container-multi .chosen-choices {
	display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-radius: 50px;
	padding-left: 25px;
	padding-right: 25px;
	background-image: unset;
}

.chosen-container-active .chosen-choices {
	outline: none !important;
	border: 2px solid rgb(240, 129, 19);
	-webkit-box-shadow: unset;
			box-shadow: unset;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	color: #6c757d;
	opacity: 1;
}

.chosen-container .chosen-drop {
	border: 1px solid #ced4da;
	border-radius: 20px;
	padding: 10px;
}

.chosen-container .chosen-results li.highlighted {
	background-color: unset;
	background-image: unset;
	color: var(--primary);
}

.chosen-container-multi .chosen-choices li.search-choice {
	background-image: unset;
	background-color: unset;
	/* border-radius: 10px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center; */
}

/* .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	position: relative;
	top: unset;
	right: unset;
	margin-left: 5px;
} */

/* Customer provided CSS */
.chosen-container-multi .chosen-choices li.search-choice{
	background-color: rgba(240, 129, 20, 0.39);
	color: #f08114;
	border: none;
	border-radius: 20px;
	padding: 10px 35px 10px 16px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{
	top: 10.5px;
	margin-right: 10px;
}

/* End of customer css */


/* FullCalendar and Timetable Page */
#addPinboardModal .step {
	display: none;
}

#addPinboardModal .step.active {
	display: block;
}

#timetable-head {
	position: sticky;
	top: 60px;
	background-color: var(--primary-1);
	z-index: 10;
	padding-top: 1em;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#calendarSideBar {
	position: sticky;
	top: 170px;
	height: auto;
	overflow: auto;
	padding-right: 15px;
	padding-left: 15px;
}
@media (min-width:768px){
	#calendarSideBar{
		height: calc(100vh - 190px);
	}
}

#calendar thead.fc-head, #calendar .fc-toolbar.fc-header-toolbar {
	display:none;
}

#external-calendar-head td, #external-calendar-head th {
	border: none;
	text-align: left;
	font-weight: 400;
	vertical-align: bottom;
}

#external-calendar-head th.fc-disabled-day {
	background-color: white;
	opacity: 1;
}

#external-calendar-head th.fc-disabled-day h3, #external-calendar-head th.fc-disabled-day small {
	color: #aaa;
}

.fc-custom-toolbar {
	text-align: right;
	margin-left: auto;
}

.fc-custom-toolbar h2 {
	font-size: 1.7rem;
	margin-bottom: 0;
}

.fc-custom-prev-button.disabled, .fc-custom-next-button.disabled {
	color: #aaa;
	cursor: default;
}

.fc-custom-prev-button.disabled:hover, .fc-custom-next-button.disabled:hover {
	background-color: inherit;
}


.fc-minor td {
	border-top: none !important;
}

.fc-axis {
	border: none !important;
}

.fc-event {
	padding: 4px 0px 1px 5px;
	border-radius: 5px !important;
}

.fc-event.fc-short {

}

.fc-event-container a {
	color: white !important;
}

#emptyPool {
	background-color: #E6E6E6;
	position: relative;
	border-radius: 100%;
	position: relative;
}

#emptyPool .text {
    position: absolute;
    top: 0;
    left: 10%;
    bottom: 0;
    right: 10%;
    font-size: 0.94em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

#emptyPool:before {
	content: "";
	display: block;
	padding-top: 100%;
}

#emptyPool:not(:last-child) {
	display: none;
}

.pool-article.fc-event {
	margin-bottom: .5em;
	cursor: pointer;
	background-color: var(--calendar-pink);
	border-color: var(--calendar-pink);
	padding-bottom: .7em;
}

tbody.fc-body > tr > td.fc-widget-content {
	border-top: none !important;
	border-left: none !important;
	border-bottom: none !important;
}

/* Datepicker */
.datepicker.datepicker-dropdown.dropdown-menu {
	padding: 1.5em;
	border-radius: 20px;
}

.datepicker td {
	padding: 6px 10px;
	font-size: .9em;
}
.datepicker .day {
	cursor: pointer;
	text-align: center;
}

.datepicker .day.old, .datepicker .day.new {
	color: #7A7F83;
}

.datepicker .day.active {
	color: white;
	background-color: #6A9FF3;
	border-radius: 20px;
}

.datepicker .day.selected {
	color: white;
	background: #6A9FF3;
	border-radius: 20px;
}

.datepicker td.cw {
	background-color: #F1F3F4;
	color: #3F4447;
}

.datepicker .prev, .datepicker .datepicker-switch, .datepicker .next {
	color: #585C5E;
}

.datepicker .dow {
	color: #767B80;
	font-weight: 400;
}

/* Calendar Modal */
#calendarEventModal .modal-lg {
    max-width: 80%;
}
#calendarEventModal .modal-lg .modal-content{
	background-color: var(--primary-1);
	border:none;
}
.modal-xl {
	max-width: 95%;
	margin: 2.5vh auto;
}

@media (min-width: 576px) {
	.modal-dialog {
    	max-width: 700px;
	}
}


.modal-xl .modal-content {
	height: 95vh;
}

#exploreModal .modal-dialog {
	max-width: 90vw;
}

#exploreModal iframe {
	width:100%;
	height: 100%;
	border: none;
}

.border-none {
	border: none;
}
.dropdownMenuTimetablesModalVerantwortung{
	padding: 10px !important;
	background-color: var(--second-5);
	border:none;
	margin-top: 10px;
	border-radius: 8px !important;
	color: var(--primary);
}
.dropdownMenuTimetablesModalVerantwortung .form-control{
	background-color: var(--second-2);
	border: 2px solid var(--second-2);
	border-radius: 7px !important;
}

.dropdownMenuTimetablesModalVerantwortung .contributor-list__item:hover{
	background-color: var(--second-7);
}
.dropdownMenuTimetablesModal{
	padding: 10px 0 !important;
	background-color: var(--second-5);
	border:none;
	color: var(--primary);
	margin-top: 10px;
	border-radius: 8px !important;
}
.dropdownMenuTimetablesModal div{
	padding: 5px 20px;
}
.dropdownMenuTimetablesModal div:hover{
	background-color: var(--second-7);
}
#wysihtml_description, #wysihtml_notes{
	border:2px solid var(--primary-3);
}

#wysihtml_notes h4, #wysihtml_description h4{
	color: var(--primary);
	margin-top: 12px;
	margin-bottom: 10px;
}
#wysihtml_notes h5, #wysihtml_description h5{
	color: var(--second);
	margin-top: 12px;
	margin-bottom: 10px;
}
#wysihtml_notes h6, #wysihtml_description h6{
	color: var(--second);
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 10px;
}
#calendarEventModal .modal-header {
    border-bottom: none;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
}

#calendarEventModal .modal-body {
    padding: 0 1.5rem 1.5rem 1.5rem;
}

#calendarEventModal .modal-title {
    font-size: 1.3rem;
		border: none !important;
		background-color: inherit;
}

#calendarEventModal .article-img {
	width: 100%;
	border-radius: 15px;
}

#calendarEventModal .article-introduction img {
	max-width: 100%;
}

#calendarEventModal .add-notes {
	resize: none;
	min-height: 50px;
	overflow: hidden;
	background-color: #EFEFEF;
	border-color: #EFEFEF;
}

#calendarEventModal .dropdown-menu {
	padding: .5rem;
	border-radius: 10px;
	min-width: unset;
}

#calendarEventModal .dropdown {
	margin-bottom: 1em;
}

#calendarEventModal .dropdown .btn-orange {
	text-align: left;
}

.btn-orange, .btn-orange:active, .btn-orange:visited, .btn-orange:focus {
	background-color: RGBA(250, 225, 201, 1.00);
	border-color: RGBA(250, 225, 201, 1.00) !important;
	color: var(--primary);
	box-shadow: none;
}

/* Colors in calendar */
.color-dot {
	cursor: pointer;
	font-size: 1.2rem;
}

.color-dot .fa-check-circle, .color-dot.active .fa-circle {
	display: none;
}

.color-dot.active .fa-check-circle {
	display: inherit;
}

.color-red {
	color: var(--calendar-red);
}
.color-pink {
	color: var(--calendar-pink);
}
.color-orange {
	color: var(--calendar-orange);
}
.color-yellow {
	color: var(--calendar-yellow);
}
.color-mint {
	color: var(--calendar-mint);
}
.color-dark-green {
	color: var(--calendar-dark-green);
}
.color-light-blue {
	color: var(--calendar-light-blue);
}
.color-dark-blue {
	color: var(--calendar-dark-blue);
}
.color-lavender {
	color: var(--calendar-lavender);
}
.color-violet {
	color: var(--calendar-violet);
}
.color-grey {
	color: var(--calendar-grey);
}
.color-light-green {
	color: var(--calendar-light-green);
}

#loader {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.2);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 1050;
}

#loader.active {
	display: flex;
}

.changePaymentMethodBox {
	display: flex;
	flex-direction: column;
	margin: 0 1rem;
}

.changePaymentMethodBox #card-element {
	width: 100%;
}

.paymentMethodBox {
	margin-bottom: 1rem;
}
.payment-cards-icons{
	display: inline-block;
  margin-left: 15px;
}
.paymentMethodBox__button.collapsed .payment-arrow-right-down{
	display: none;
}
.paymentMethodBox__button .payment-arrow-right{
	display: none;
}
.paymentMethodBox__button.collapsed .payment-arrow-right{
	display: block;
}
.payment-cards-icons img{
	height: 25px;
}

.paymentMethodBox__header:focus-within {
	border-color: var(--primary);
	outline: none;
}

.paymentMethodBox__button{
	display: block;
  padding: 1rem;
  background-color: var(--second-3);
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.paymentMethodBox__button.collapsed{
	border-radius: 5px;
}
.paymentMethodBox__button:hover{
	background-color: var(--second-4);
	color: var(--primary) !important;
}
.paymentMethodBox__button:focus,
.paymentMethodBox__button:active {
	border-color: var(--primary);
	outline: none;
}

.paymentMethodBox__content {
	padding: 0.5rem 0;
	background-color: var(--second-3);
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#usage-acceptance,
#mandate-acceptance {
	margin: 1rem 0;
}

#bulkInviteField {
	margin-bottom: 10px;
}

#groupMemberSearch {
	width: 100%;
}

.manageGroupMemberHeader, .manageGroupMember {
    display: grid;
    grid-template-columns: 50px 1fr 1fr 50px;
	align-items: center;
	grid-gap: 10px;
	margin-bottom: 10px;
}

.manageGroupMember__image {
	justify-self: center;
}

.manageGroupMember__delete {
	justify-self: center;
}

a.manageGroupMember__delete {
	color: RGBA(103, 103, 102, 1.00) !important;
}

a.manageGroupMember__delete:hover {
	color: var(--primary) !important;
}

.pin-modal__subtitle {
	margin-top: 2rem;
	position: relative;
	color: var(--primary);
	margin-left: 7px;
}

#new-calendar-category, .calendar-category, #addIdeas {
	width: 100%;
	position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: flex-start;
}

#new-calendar-category,
.calendar-category {
	margin-bottom: .25em;
	border-radius: 5px;
	padding: 0.25rem;
}

#new-calendar-category,
.calendar-category,
.category__color,
.category__name, .addIdeasPlus, .addIdeasText {
	background-color: transparent;
	border: 1px solid transparent;
    cursor: pointer;

}

#new-calendar-category:hover, #new-calendar-category:active,
.calendar-category:hover, .calendar-category:active  {
	background-color:  #f0f0f0;

}

.category__name:hover, .category__name:active, .addIdeasText:hover, .addIdeasText:active {
	font-style: italic;
}

.category__color, .addIdeasPlus {
	margin-right: 0.2em;
}

.category__color .fa-circle[data-prefix="far"], .category__color.inactive .fa-circle[data-prefix="fas"]  {
	display: none;
}

.category__color.inactive .fa-circle[data-prefix="far"], .category__color .fa-circle[data-prefix="fas"]  {
	display: inline-block;
}

.category__name, .addIdeasText {
	width: 100%;
}

.form-check-input--hidden {
	display: none;
}

.form-check-input--hidden:checked + label > .color-dot > .fa-check-circle {
	display: inline-block;
}

.form-check-input--hidden:checked + label > .color-dot > .fa-circle {
	display: none;
}

.add-new-checklist-btn {
	margin-top: 0.5em;
}
.checklist{
	background-color: var(--second-4);
	padding: 20px;
	border-radius: 8px;
}
.checklist .form-control{
	background-color: var(--second-4);
}
.checklist__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

.checklist__title {
	font-weight: bold;
	padding-left: 0;
	color: var(--primary);
}
.checklist__title:focus {
	border: none !important;
	color: var(--primary);
	background-color: inherit;
}

.checklist__remove:hover {
	color: var(--primary);
}

.checklist__item {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0.2em 0;

}
.checklist__item input[type=checkbox]{
	-webkit-appearance: none;
-moz-appearance: none;
	appearance: none;
}
.checklist__item input[type=checkbox]:focus{
outline: none;
}
.checklist__item input[type=checkbox]:checked + input[type=text]{
	text-decoration: line-through;
	color: rgba(55, 53, 47, 0.4);
}
.checklist__item input[type=checkbox] + input[type=text]{
	border:none;
}
.checklist__item input[type=checkbox] + input[type=text]:focus{
	border: none !important;
	background-color: inherit;
}
.checklist__item input[type=checkbox]::before{
  content: '\f111';
  font-size: 1.5em;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	position: relative;
	vertical-align: middle;
	color: var(--primary);
}
.checklist__item input[type=checkbox]:checked::before{
  content: '\f058';
	font-weight: 900;
}
.checklist__label {
	margin: 0 1em;
	width: 100%;
}

.checklist__remove-item {
	display: inline-block;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
}

.checklist__remove-item:hover {
	color: var(--primary);
}

.add-checklist {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
}

.add-checklist__input {
	width: 80%;
}

.collapse-pin {
	margin-top: 0.5em;
	padding: 0.2em 0.5em;
}

.contributor-list {
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.selected-contributors__title {
	font-weight: 400;
	font-size: 1rem;
	margin-bottom: 0.5rem;
}

.contributor-list__item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0.2em;
	margin-top: 5px;
	border-radius: 7px;
	padding: 5px 10px;
	width: 100%;
}

.contributor-list__item:hover {
	background-color: #DDDDDD;
	cursor: pointer;
}

.container-list__user {
	display: flex;
	align-items: center;
}

.contributor-list__picture {
	height: 20px;
	width: 20px;
	border-radius: 32px;
	margin-right: 0.5em;
}

.contributor-list__name {
	font-size: 0.9em;
}

.contributor-list__added {
	color: var(--primary);
}

.contributor-list__not-found {
	font-size: 0.9em;
	font-style: italic;
}

#collapseContributorsPictureList {
	min-width: 200px !important;
}

.pin-category-name {
	font-size: 1rem;
	color: RGBA(103, 103, 102, 1.00);
	font-weight: normal;
}

.pin-calendar-category .color-dot {
	margin-right: 0.5rem;
}

.pin-calendar-category label {
	cursor: pointer;
	width: 100%;
}
.pin-category-extra-btn {
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #EFEFEF;
	padding: 0.5rem;
}

.pin-category-extra-btn:hover {
	background-color: #EFEFEF;
}

.selected-contributors__list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.selected-contributors__btn {
	margin-right: 1rem;
	margin-bottom: 1rem;
    background-color: var(--primary);
    border-radius: 100px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
	color: white;
}

#selected-contributors__add {
	cursor: pointer;
}

.selected-contributors__btn img {
    width: 30px;
	height: 30px;
	border-radius: 100px;
}

#locked {
	position: fixed;
	top: 15vh;
	width: 70vw;
	left: 15vw;
	right: 15vw;
	background: white;
	padding: 2rem;
	border-radius: 25px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	z-index: 1060;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.locked__content {
	max-width: 560px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.locked__content .user {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	margin-bottom: 2rem;
}

.locked__content .user__picture {
	width: 80px;
	height: 80px;
	border-radius: 256px;
	margin-right: 1rem;
}

.locked__content .situation {
	font-size: 1.5rem;
	margin-bottom: 2rem;
}

.locked__content .deletion {
	font-size: 1.25rem;
	margin-bottom: 2rem;
}

.blackout {
	position: fixed;
	top: 0;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.35);
	z-index: 1050;
}

.fc-time {
	position: relative;
}
.fc-axis.fc-time span {
	position: absolute;
	left: 4px;
	top: -10px;
}

tr[data-time="00:00:00"] .fc-time span {
	top: 0px !important;
}

.fc-title {
	font-size: 12px;
	font-weight: bold;
}

.fc-content--small.fc-content--overlap .fc-time,
.fc-content--small.fc-content--overlap .fc-time::after {
	display: none !important;
	content: '';
}

.fc-content--small.fc-content--overlap .fc-title::after {
	content: '';
}

.fc-content--small .fc-title {
	overflow: hidden;
	word-wrap: none;
	position: relative;
	margin-right: 5px;
	padding-right: 4px !important;
	font-size: 12px !important;
}

.fc-content--small .fc-title::after {
	content: ",";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

.fc-content--small .fc-time::after {
	content: '' !important;
}

.registrationContainer .alert-success{
	background-color: var(--second-4);
	border:none;
	color: grey;
}
.registrationContainer .alert-success p{
	display: flex;
}
.registrationContainer .alert-success strong{
	color: var(--primary);
  line-height: 3;
}
@media (min-width: 768px){
	.registrationContainer {
		max-width: 960px;
	}
}
.introduction {
	padding: 0 1rem;
	position: relative;
	max-width: 749px;
	margin: 0 auto;
	margin-bottom: 1rem;
}
.register-check-intro-icon{
	float: left;
	color: var(--primary);
	margin-right: 10px;
	margin-top: 4px;
}
.register-check-intro-p{
  display: flex;
}
.register-aktuelles-abo{
	background: var(--second-5);
	padding: 1rem 2rem 1rem 1rem;
	border-radius: 7px;
	margin-bottom: 1rem;
}
.register-aktuelles-abo a{
	padding: 3px 7px;
	border-radius: 4px;
}
.register-aktuelles-abo a:hover{
	text-decoration: none;
	color: #fff !important;
	background-color: var(--primary);
}

@media (min-width:773px){

}
.registration-intro .registration-intro-img{
	max-width: 244px;
	margin-right: 20px;
}
.registration-intro h1{
	font-size: 2rem;
  color: var(--primary);
}
.unternehmenskonto-button label::before{
	color: var(--primary) !important;
}
.stepper label{
	color: var(--primary);
}
.stepper .icons{
	height: 24px;
  width: 24px;
  margin-right: 10px;
  margin-top: -4px;
}
.stepper .step {
	padding: 0 1rem;
	position: relative;
	max-width:700px;
	margin: 0 auto;
	min-height: 5rem;
}
/* .stepper .step::before {
	content: "";
	left: 2rem;
	top: 3rem;
	bottom: 0;
	background-color: #C6C6C5;
	width: 2px;
	position: absolute;
} */
.stepper .step--final.step--active::before,
.stepper .step--active::before {
	background-color: var(--primary);
}
.stepper .step--final::before {
	background-color: transparent;
}

.stepper .step-header {
	font-size: 2rem;
	margin: 0;
	position: relative;
	color: #C6C6C5;
}
.stepper .step--done .step-header::after {
	content: " ✓";
	color: green;
}
.stepper .step--error .step-header::after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: " \f071";
}

.stepper .step-header:focus,
.stepper .step-header:hover {
	cursor: pointer;
}
.stepper .step--active .step-header {
	color: var(--primary);
}
.stepper .step-header h2 {
	margin: 0;
}
.stepper .step-content {
	display: none
}

.personalInfo--hidden,
.companyInfo--hidden {
	display: none;
	height: 10px;
	margin-bottom: 1rem;
}

.stepper .step--active .step-content {
	display: block;
}

.stepper .step-actions {
	margin-top: 1rem;
	display: flex;
	justify-content: center;
}

.allowCardUsage {
	display: flex;
}

@media screen and (max-width: 575px) {
	#register .introduction{
		padding:0;
	}
	#register .stepper .step--final.step--active::before, .stepper .step--active::before{
		display:none;
	}
	#register .stepper .step-content{
		padding:0;
	}
	#register .stepper .step{
		padding:0;
	}
	#register .paymentMethodBox__content{
		padding: 0.5rem 0;
	}
	#registerHeader {
		margin-bottom: 10px;
	}
	#registerHeader .mr-auto{
		margin:auto;
	}
}

/* New Navigation */
#header {
	position: sticky;
  z-index: 1000;
  top: 0;
	border-bottom: 2px solid rgb(251 219 178 / 59%);
}

#header a {
	text-decoration: none;
}

#big-nav,
#mobile-nav {
	position: relative;
	background-color: var(--primary);
	background-image: linear-gradient(28deg, var(--primary) 40%, var(--second) 70%);
	min-height: 65px;
    display: grid;
    color: white !important;
	grid-template-columns: 1fr;
	justify-items: center;
	align-content: center;
	row-gap: 1.25rem;

}

#big-nav {
	display: none;
}

@media (min-width: 992px) {
	#mobile-nav {
		display: none;
	}

	#big-nav {
		display: flex;
		align-items: center;
	}
}

nav a,
nav a:hover,
nav a:focus,
nav a:active {
	color: white !important;
	cursor: pointer;
}

#mobile-nav .main-content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
	justify-items: center;
	align-items: center;
}

#big-nav .main-content {
    margin: 0 2rem;
    display: flex;
    align-items: center;
}

#big-nav .big-nav-spacer {
	flex-grow: 3;
}

#big-nav .nav-item {
	font-size: 1.2rem;
	align-self: stretch;
	display: flex;
	align-items: center;
	flex-direction: column;

	margin-bottom: -2px;
	margin-top: -2px;
}
#big-nav .nav-item .BigNavText{
	display: flex;
	align-items: center;
	flex-grow: 1;
}
#big-nav .nav-item .BigNavBorder{
	height: 4px;
	background-color: #F6BF34;
	width: 125%;
	border-radius: 5px;
	opacity: 0;
	transform: scaleX(0);
	transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
#big-nav .nav-item.active .BigNavBorder,
#big-nav .nav-item:hover .BigNavBorder{
	opacity: 1;
	transform: scaleX(1);
	transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
#mobile-nav .main-content--open {
	padding-top: 12.5px;
}
nav a.activatable{
	 font-family: 'Varela Round', sans-serif;
}
/*
nav a.activatable:after{
	content: '';
	height: 4px;
	background-color: transparent;
	width: 130%;
	display: block;
	border-radius: 5px 5px 0 0;
	margin-top: 18px;
	margin-left: -15%;

  transition: width 0.3s ease 0s, left 0.3s ease 0s;
}

nav a.activatable.active:after, nav a.activatable:hover:after{
	content: '';
	height: 4px;
	background-color: #F6BF34;
	width: 130%;
	display: block;
	border-radius: 5px 5px 0 0;
	margin-top: 18px;
	margin-left: -15%;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
}
.profileLink.activatable:after{
	display: none;
}
.profileLink.activatable.active:after{
	display: none;
}*/
/*
.profilBildMenu{
	margin-bottom: -12px;
}*/
/* .profileLink.activatable.active{
	background-color: var(--second-9);
	padding: 11px 11px 7px 9px;
	border-radius: 13px;
}
.profileLink.activatable{
	background-color: var(--primary);
	padding: 11px 11px 7px 9px;
	border-radius: 13px;
} */

@media (min-width: 992px) {
	#mobile-nav .main-content {
		display: flex;
	}

	#mobile-nav .main-content--open {
		padding-top: 0rem;
	}
}


#mobile-nav .subdomain__logo {
	cursor: pointer;
	margin-left: 1rem;
	justify-self: start;
}

@media (min-width: 992px) {
	#mobile-nav .subdomain__logo {
		margin-right: 1rem;
	}
}


.subdomain__title {
	font-family: 'Varela Round', sans-serif;
	font-size: 1.35em;
	/* grid-column: 2 / 4; */
}

@media (min-width: 992px) {
	.subdomain__title  {
		font-size: 1.4em;
		margin-left: 0.5rem;
	}
}

.mobile-nav-auth-button {
	max-width: 300px;
	width: 100%
}

#mobile-nav .hamburger__icon {
	font-size: 1.5rem;
	cursor: pointer;
	margin-right: 1rem;
	justify-self: end;
}

@media (min-width: 992px) {
	#mobile-nav .hamburger__icon {
		display: none;
	}
}



#mobile-nav .hidden-content {
	width: 100%;
	display: grid;
	/* grid-template-columns: repeat(4, 1fr); */
	justify-items: center;
	align-items: center;
}

#mobile-nav .hidden-content__links {
	width: 75%;
	/* grid-template-columns: repeat(3, 1fr); */
	font-size: 1.5rem;
}

#mobile-nav .row-one__conn-in {
	grid-template-columns: repeat(3, 1fr);
}

#mobile-nav .row-one__about-in {
	grid-template-columns: 1fr;
}

#mobile-nav .row-one__conn-out {
	grid-template-columns: 1fr;
	grid-template-rows: repeat(2, 1fr);
}

@media (min-width: 992px) {
	#mobile-nav .row-one__conn-out {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr;
		/* justify-content: end; */
	}
}

#mobile-nav .row-one__about-out {
	grid-auto-columns: 1fr;
}

#mobile-nav .row-two__conn-in {
	grid-template-columns: repeat(4, 1fr);
	margin-bottom: 20px;
}

#mobile-nav .row-two__about-in {
	grid-template-columns: 1fr;
}

#mobile-nav .row-two__conn-out {
	/* grid-template-columns: repeat(3, 1fr); */

	grid-template-columns: repeat(2, 1fr);
  max-width: 200px;
  margin-bottom: 20px;
}

#mobile-nav .row-two__about-in,
#mobile-nav .row-two__about-out {
	/* grid-template-columns: repeat(3, 1fr); */

	grid-template-columns: repeat(2, 1fr);
  max-width: 200px;
  margin-bottom: 20px;
}

#mobile-nav .hidden-content.hidden {
	display: none;
}

@media (min-width: 992px) {
	#mobile-nav .hidden-content.hidden {
		display: grid;
	}

	#mobile-nav .hidden-content > * {
		margin: 0 0.5rem;
	}

	#mobile-nav .hidden-content__links {
		width: 100%;
	}
}

#notification-#mobile-nav-btn {
	position: relative;
}

/* All the ""responsive"" changes */
@media (max-width: 991px) {

	/* #loadTimetables {
		display: none;
	} */

	.add-button {
		display: none;
	}

	/* .article-card-more {
		display: none;
	} */

	/* #articleMoreBtn,
	#addArticleToGroup,
	#addArticleToPinboard,
	#addArticleToTimetable {
		display: none;
	} */

	.filterButtons {
		display: none;
	}


}
@media (min-width:720px) and (max-width: 991px){
	#filterCardList{
		padding-top: 65px;
	}
}
.smartbanner{
	display: none;
}
.smartbanner.smartbanner--android .smartbanner__exit::before, .smartbanner.smartbanner--android .smartbanner__exit::after{
	top: 5px !important;
	left: 12px !important;
	width: 2px !important;
	height: 16px !important;
	background: var(--primary) !important;

}
.smartbanner.smartbanner--android {
    box-shadow: inset 0 4px 0 #f08114 !important;
    background: #fff !important;
}
.smartbanner__exit{
	padding: 13px;
	background-color: var(--second-4) !important;
	box-shadow: none !important;
	top: calc(50% - 14px) !important;
	border-radius: 40px !important;
}
.smartbanner__icon{
	left: 41px !important;
}
.smartbanner__info{
	left: 118px !important;
}
.smartbanner.smartbanner--android .smartbanner__info {
    color: #f08114 !important;
    text-shadow: none !important;
}

.smartbanner.smartbanner--android .smartbanner__info__title{
	color: #f08114 !important;
}

.smartbanner.smartbanner--android .smartbanner__button__label {
    color: #fff !important;
    background: #f08114 !important;
    border-radius: 20px !important;
}

.smartbanner.smartbanner--android .smartbanner__button{
	box-shadow: none !important;
}

.searchArea .deleteAction {
	display: none;
}

.searchArea .selectAction {
	display: inherit;
}

.selectedAdmins .deleteAction {
	display: inherit;
}

.selectedAdmins .selectAction {
	display: none;
}

.awesomplete > ul > li:hover {
	background-color: var(--primary) !important;
	color: white !important;
}

/* Payment Amount */

.paymentAmountSliderContainer {
	width: 100%;
}

.paymentAmountSlider {
	-webkit-appearance: none;
	width: 100%;
	height: 8px;
	border-radius: 5px;
	background: var(--primary-5);
	outline: none;
}

.paymentAmountSlider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: var(--primary);
	cursor: pointer;
}

.paymentAmountSlider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: var(--primary);
	cursor: pointer;
}

.paymentAmount {
    background-color: var(--primary-3);
    border: none;
    color: var(--primary);
    font-weight: bold;
    text-align: center;
}

.paymentAmount:hover,
.paymentAmount:focus {
	outline-color: var(--primary);
}

#currency {
	background: transparent;
	border: none;
	font-weight: bold;
	color: var(--primary);
}

.btn-select {
	border-radius: 2px;
	border-color: var(--primary);
	color: var(--primary);
	border-width: 2px;
}

.btn-select.active {
	color: white;
	background-color: var(--primary);
}

.interval-group {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}