body {
	--bu-green: #88b21a;
	--bu-dark-green: #88b21a;
	
	--dark-grey: #363636;
	
	--bu-red: #c45058;
	--bu-blue: #5e95a4;
}

/* var(--dark-grey) */

/* im CSS - Überschreiben der Typo3 Listen aus root.t3s */

.no-liststyle {
	list-style-type: none;
	margin-left: -20px;
}

.no-liststyle i {
	margin-right: 1em;
}
/* ENDE Überschreiben der Typo3 Listen aus root.t3s */

/* #################### IMAGES RESPONSIVE ############ */
div.csc-textpic-left .csc-textpic-imagewrap {
    /* float: left; */
    float: none;
}

div.csc-textpic-right .csc-textpic-imagewrap {
    /* float: right; */
    text-align: right !important;
    float: none;
}

div.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image img {
    text-align: right !important;
    display: inline !important;
}

div.csc-textpic-intext-left .csc-textpic-imagewrap {
    /* float: left; */
     max-width: 60%;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap {
   /* float: right; */
    max-width: 60%;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image  {
 
}

div.csc-textpic-center .csc-textpic-center-inner {
    float: none !important;
    position: static ;
    right: 0;
}

div.csc-textpic-center .csc-textpic-center-outer {
    float: none !important;
    position: static;
    right: 0;
    text-align: center;
}

div.csc-textpic-center .csc-textpic-imagewrap img {
	display: inline;
}

img, div.csc-textpic .csc-textpic-imagewrap img  {
	height:auto;
	display:block;
	max-width:100% !important;
	vertical-align: inherit;
}

.ce-gallery figure {
	--display: block;
}
		
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
	float: none;
}

@media screen and (max-width: 600px) { 
	div.csc-textpic-intext-left .csc-textpic-imagewrap {
	   float: none;
	}
	
	div.csc-textpic-intext-right .csc-textpic-imagewrap {
	  float: none;
	    max-width: 100%;
	}
	div.csc-textpic-intext-left .csc-textpic-imagewrap {
	    /* float: left; */
	     max-width: 100%;
	}
}

/* Style for Imagerow right*/ 
div.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-imagerow {
   float: right;
}

/* #################### END IMAGES RESPONSIVE ############ */

/* ####### iFrame Object Responsiv ######### */

.responsiveContainer {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
}

.responsiveContainer iframe, .responsiveContainer object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.video-embed {

}

.video-embed video {
	  /* override other styles to make responsive */
	  width: 100%    !important;
	  height: auto   !important;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* Custom container */

html {
	font-size: 17px;
	height: 100% !important;
}

body {
	-moz-hyphens: auto;
    word-wrap: break-word;
	/* Chrome Safari Mac */
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: none;
    font-smoothing: antialiased;
    /* Firefox Mac */
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
	line-height: 1.55857;
	color: #000000;
	/* margin-bottom: 60px; */
	font-family: 'noto_sansregular';
	background-color: #f8f9fa;
}

/* ####### cleafix ######### */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* ####### cleafix ######### */


/* ####  Basic Styles #### */

/* Custom container */
       
b, strong, dt, .fw-bold {
	font-family: 'noto_sansbold';
	font-weight: normal !important;
}

i, em {
	font-family: 'noto_sansitalic';
	font-style: normal;
}

a {
	
}

a:focus {
	
}

a:hover {
	
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
} 

label {
	font-weight: normal;
}

.small {
	font-size: 0.90rem;
}

.bigtext {
	font-size: 1.05rem;
}

.btn-cute {
	font-family: usual, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: .882rem;
	background-color: transparent;
	border: 2px solid #000;
	border-radius: 0;
	padding: .375rem 1.3rem;
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
}

.btn-cute:hover,
.btn-cute:focus {
	color: #4ea09a;
	border-color: #4ea09a;
}

.btn-cute:focus {
	
}

.btn-cute.btn-category:hover, 
.btn-cute.btn-category:focus {
	color: #000 !important;
}

body.page-analyse .btn-cute:hover,
body.page-analyse .btn-cute:focus {
	color: #559750;
	border-color: #559750;
}

body.page-analyse .btn-cute:focus {
	box-shadow: 0 0 0 .2rem rgba(85,151,80,0.25);
}

body.page-journey .btn-cute:hover,
body.page-journey .btn-cute:focus {
	color: #4379b7;
	border-color: #4379b7;
}

body.page-journey .btn-cute:focus {
	box-shadow: 0 0 0 .2rem rgba(67,121,183,0.25);
}

body.page-actions .btn-cute:hover,
body.page-actions .btn-cute:focus {
	color: #c1425d;
	border-color: #c1425d;
}

body.page-actions .btn-cute:focus {
	box-shadow: 0 0 0 .2rem rgba(193,66,93,0.25);
}

body.page-comet .btn-cute:hover,
body.page-comet .btn-cute:focus {
	color: #4ea09a;
	border-color: #4ea09a;
}

body.page-comet .btn-cute:focus {
	box-shadow: 0 0 0 .2rem rgba(78,160,154,0.25);
}

body.page-resources .btn-cute:hover,
body.page-resources .btn-cute:focus {
	color: #df7a46;
	border-color: #df7a46;
}

body.page-resources .btn-cute:focus {
	box-shadow: 0 0 0 .2rem rgba(223,122,70,0.25);
}

.btn-sm {
	
}

.btn-xsm {
	
}

.btn-lg {
	padding: .45rem 1.4rem;
	font-size: 1.1176rem;
}

.btn-next:before {
	content: "\f04e";
	font-family: 'Font Awesome 6 Pro';
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	padding-right: .65rem;
}

.btn-github:before {
	content: "\f09b";
	font-family: 'Font Awesome 6 Brands';
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	padding-right: .65rem;
}

.btn-pdf:before {
	content: "\f1c1";
	font-family: 'Font Awesome 6 Pro';
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	padding-right: .65rem;
}

.btn-comet:before {
	content: "\f135";
	content: "\e003";
	font-family: 'Font Awesome 6 Pro';
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	padding-right: .65rem;
}

.btn-download:before {
	content: "\f135";
	content: "\f019";
	font-family: 'Font Awesome 6 Pro';
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	padding-right: .65rem;
}

.btn-link {
	color: #000;
	text-decoration: none;
}

.btn-link:before {
	content: "\f0ac";
	font-family: 'Font Awesome 6 Pro';
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	padding-right: .65rem;
}

.link-animate-08 {
	-webkit-transition: all 0.8s 0s ease;
	-moz-transition: all 0.8s 0s ease;
	-o-transition: all 0.8s 0s ease;
	transition: all 0.8s 0s ease;
}

.link-animate-12 {
	-webkit-transition: all 1.2s 0s ease;
	-moz-transition: all 1.2s 0s ease;
	-o-transition: all 1.2s 0s ease;
	transition: all 1.2s 0s ease;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(126,174,86,.25);
}

.py-6, .pt-6 {
	padding-top: 4rem !important;
}

.py-6, .pb-6 {
	padding-bottom: 4rem !important;
}

.py-7, .pt-7 {
	padding-top: 5rem !important;
}

.py-7, .pb-7 {
	padding-bottom: 5rem !important;
}

.my-6, .mt-6 {
	margin-top: 4rem !important;
}

.my-6, .mb-6 {
	margin-bottom: 4rem !important;
}

.container-fluid {
	max-width: 1180px;
}

.container-fluid-wider {
	max-width: 1240px;
}

.container-fluid-full-width {
	max-width: 100%;
}

/* #### Überschriften #### */

.container-fluid h1, .container-fluid h2, .container-fluid h3, .container-fluid h4, .container-fluid h5, .container-fluid h1 a, .container-fluid h2 a, .container-fluid h3 a, .container-fluid h4 a, .container-fluid h5 a, h4, .container-fluid h6, h1, h2, h3, h4, h5, h6 {
	font-family: usual, sans-serif;
	font-weight: 800;
	font-style: normal;
}

.container-fluid h1 a:hover, .container-fluid h2 a:hover, .container-fluid h3 a:hover, .container-fluid h4 a:hover, .container-fluid h5 a:hover, .container-fluid .sidebar a h3:hover {

}

.container-fluid h1 {

}

.container-fluid h2, h2 {
	font-size: 2.2352rem;
	margin-bottom: 1.2rem;
}

.container-fluid h3 {
	
}

.container-fluid h4 {
	
}

.container-fluid h5 {
	
}

/* Main */

body {
	background-image: url(../Images/Header-side-homepage_blue.png);
	background-repeat: no-repeat;
	background-size: 140px;
	background-position: 0% 10%;
}

@media (min-width: 1223px) and (max-width: 1480px) {
	body {
		NObackground-size: 10%;
	}
}

/* Test BG */

@media (min-width: 1461px) and (max-width: 1480px) {
	body {
		background-position: -1% 10%;
	}
}

@media (min-width: 1442px) and (max-width: 1461px) {
	body {
		background-position: -2% 10%;
	}
}

@media (min-width: 1423px) and (max-width: 1442px) {
	body {
		background-position: -3% 10%;
	}
}

@media (min-width: 1404px) and (max-width: 1423px) {
	body {
		background-position: -4% 10%;
	}
}

@media (min-width: 1385px) and (max-width: 1404px) {
	body {
		background-position: -5% 10%;
	}
}

@media (min-width: 1366px) and (max-width: 1385px) {
	body {
		background-position: -6% 10%;
	}
}

@media (min-width: 1347px) and (max-width: 1366px) {
	body {
		background-position: -7% 10%;
	}
}

@media (min-width: 1328px) and (max-width: 1347px) {
	body {
		background-position: -8% 10%;
	}
}

@media (min-width: 1309px) and (max-width: 1328px) {
	body {
		background-position: -9% 10%;
	}
}

@media (min-width: 1290px) and (max-width: 1309px) {
	body {
		background-position: -10% 10%;
	}
}

@media (min-width: 1271px) and (max-width: 1290px) {
	body {
		background-position: -11% 10%;
	}
}

@media (min-width: 1252px) and (max-width: 1271px) {
	body {
		background-position: -12% 10%;
	}
}

@media (min-width: 1233px) and (max-width: 1252px) {
	body {
		background-position: -13% 10%;
	}
}

@media (max-width: 1233px) {
	body {
		background-position: -20% 10%;
		background-image: none !important;
	}
}

/* / End Test BG */


body.page-analyse {
	background-image: url(../Images/Header-side-analyseYourInstituion.png);
}

body.page-journey {
	background-image: url(../Images/Header-side-planYourJourney.png);
}

body.page-actions {
	background-image: url(../Images/Header-side-takeAction.png);
}

body.page-comet {
	background-image: url(../Images/Header-side-cometToolpng.png);
}

body.page-resources {
	background-image: url(../Images/Header-side-otherResources.png);
}

.header-back {
	display: none;
}

@media (min-width: 992px) {
	.header-back {
		display: block;
		height: 200px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		nmin-height: 370px;
	}
	
	.header-back .container-fluid {
		background-color: #transparent;
		nmin-height: 370px;
		overflow: hidden;
	}
	
	.header-back .container-fluid .row {
		nheight: 370px;
		margin-bottom: -3px;
	}
	
	.header-back .col-6 {
		height: 26vw;
		overflow: hidden;
	}
	
	@media (min-width: 1421px) {
		.header-back .col-6 {
			height: 370px;
		}
	}
	
	.header-back .col-6.bg-header-image {
		background-color: #fff;
		background-image: url(../Images/Header-full-homepage.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		display: flex;
		  align-content: stretch;
		  align-items: stretch;
		  justify-content: stretch;
		  position: relative;
		  border-bottom: 2px solid #f8f9fa;
	}
	
	body.page-analyse .header-back .col-6.bg-header-image {
		background-image: url(../Images/Header-full-analyseYourInstituion.jpg);
	}
	
	body.page-journey .header-back .col-6.bg-header-image {
		background-image: url(../Images/Header-full-planYourJourney.jpg);
	}
	
	body.page-actions .header-back .col-6.bg-header-image {
		background-image: url(../Images/Header-full-takeActions.jpg);
	}
	
	body.page-comet .header-back .col-6.bg-header-image {
		background-image: url(../Images/Header-full-cometTool.jpg);
	}
	
	body.page-resources .header-back .col-6.bg-header-image {
		background-image: url(../Images/Header-full-otherResources.jpg);
	}
	
	.header-back .bg-header-image-silhouette {
		object-fit: fill;
		flex: 1;
		width: 100%;
		height: 100%;
	}
}

#Ebene_1 {
	position: absolute;
	left:0; top:0; width:100%; height:100%;
}

@media (min-width: 450px) and (max-width: 576px) {
	.navbar-brand {
		max-width: 60vw !important;
	}
}

@media (max-width: 450px) {
	.navbar-brand {
		max-width: 250px !important;
	}
}

header#navHeader {
	position: relative;
	z-index: 98;
}

.navbar-cute .navbar-toggler {
	border-color: #000;
	border-radius: 0;
	padding: .37rem .45rem;
	/* with fa toggler icon */
	padding: .50rem .60rem;
	
}
/*
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (min-width: 576px) {  
	.navbar-cute .navbar-toggler {
		padding: .37rem .45rem;
	}
	.navbar-light .navbar-toggler-icon {
	  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
}

@media (min-width: 992px) {
	.navbar-cute .navbar-toggler {
		border-color: #fff;
	}
	.navbar-light .navbar-toggler-icon {
	  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
}
*/
.navbar-cute .navbar-toggler .navbar-toggler-fa-icon {
	color: #000;
	font-size: 1.4rem;
}

@media (min-width: 576px) {  
	.navbar-cute .navbar-toggler {
		padding: .55rem .64rem;
	}
	.navbar-cute .navbar-toggler .navbar-toggler-fa-icon {
		font-size: 1.5rem;
	}
}

@media (min-width: 992px) {
	.navbar-cute .navbar-toggler {
		border-color: #fff;
		color: rgba(255,255,255,.55);
	}
	.navbar-cute .navbar-toggler .navbar-toggler-fa-icon {
		color: #fff;
		font-size: 1.5rem;
	}
}

/* ### Navbar Cute ### */

.navbar-cute {
	/*background-image: url(../Images/Header-homepage.png);
	background-repeat: no-repeat;
	background-size: 710px;
	background-position: 100% 0%;
	height: 390px;*/
	align-items: start;
}

.navbar-cute .offcanvas-body {
	padding: 1rem 0;
}

.navbar-cute .navbar-nav .nav-item {
	padding-left: 1rem;
	padding-right: 1rem;
}

.navbar-cute .navbar-nav .nav-item:hover, 
.navbar-cute .navbar-nav .nav-item:focus {
	background-color: #a7c9a5;
	color: #fff !important;
}

body.page-homepage .navbar-cute .navbar-nav .nav-item:hover,
body.page-homepage .navbar-cute .navbar-nav .nav-item:focus {
	background-color: #b8d9d7;
	background-color: #4ea09a;
}

body.page-analyse .navbar-cute .navbar-nav .nav-item:hover,
body.page-analyse .navbar-cute .navbar-nav .nav-item:focus {
	background-color: #cbdfca;
	background-color: #559750;
	color: #fff;
}

body.page-journey .navbar-cute .navbar-nav .nav-item:hover,
body.page-journey .navbar-cute .navbar-nav .nav-item:focus {
	background-color: #d9e4f1;
	background-color: #4379b7;
	color: #fff;
}

body.page-actions .navbar-cute .navbar-nav .nav-item:hover,
body.page-actions .navbar-cute .navbar-nav .nav-item:focus {
	background-color: #ecc6ce;
	background-color: #c1425d;
	color: #fff;
}

body.page-comet .navbar-cute .navbar-nav .nav-item:hover,
body.page-comet .navbar-cute .navbar-nav .nav-item:focus {
	background-color: #b8d9d7;
	background-color: #4ea09a;
	color: #fff;
}

body.page-resources .navbar-cute .navbar-nav .nav-item:hover,
body.page-resources .navbar-cute .navbar-nav .nav-item:focus {
	background-color: #f8e4da;
	background-color: #df7a46;
	color: #fff;
}

.navbar-cute .navbar-nav .nav-item .nav-link {
	font-family: usual, sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #000;
	font-size: 1.2rem;
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
	transition: none !important;
}

.navbar-cute .navbar-nav .nav-item.active .nav-link#menuitem2 {
	color: #000;
}

body.page-homepage .navbar-cute .navbar-nav .nav-item.active .nav-link#menuitem2 {
	color: #4ea09a;
}

.navbar-cute .navbar-nav .nav-item.active .nav-link#menuitem3 {
	color: #559750;
}

.navbar-cute .navbar-nav .nav-item.active .nav-link#menuitem4 {
	color: #4379b7;
}

.navbar-cute .navbar-nav .nav-item.active .nav-link#menuitem5 {
	color: #c1425d;
}

.navbar-cute .navbar-nav .nav-item.active .nav-link#menuitem6 {
	color: #4ea09a;
}

.navbar-cute .navbar-nav .nav-item.active .nav-link#menuitem7 {
	color: #df7a46;
}

.navbar-cute .navbar-nav .nav-item:hover .nav-link, 
.navbar-cute .navbar-nav .nav-item:focus .nav-link {
	color: #fff !important;
}

/* ### Headline ### */

.page-headline {
	position: relative;
	z-index: 6;
}

.page-headline .row {
	min-height: 212px;
}

.page-headline h1 {
	font-size: 3.2352rem;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	margin-top: .5rem;
}

body.page-homepage .page-headline h1 {
	font-size: 1.60rem;
}

.page-headline h1 span.headline-color {
	color: #559750;
}

body.page-analyse .page-headline h1 span.headline-color {
	color: #559750;
}

body.page-journey .page-headline h1 span.headline-color {
	color: #4379b7;
}

body.page-actions .page-headline h1 span.headline-color {
	color: #c1425d;
}

body.page-comet .page-headline h1 span.headline-color {
	color: #4ea09a;
}

body.page-resources .page-headline h1 span.headline-color {
	color: #df7a46;
}

.page-headline p {
	font-size: 1.0588rem;
	margin-bottom: .85rem;
}

/* ### Main ### */ 

main {
	position: relative;
	fffz-index: 97;
}

/* ########################## */
/* ########################## */
/* ###### Homepage Grid ##### */
/* ########################## */
/* ########################## */

.header-grid {
	display: grid;
	grid-template-columns: 1fr;
	
	grid-template-rows: 70vw 70vw 70vw 70vw 70vw;
	grid-template-areas: "analyse" 
						 "journey" 
						 "actions"
						 "comet" 
						 "resources";
	grid-gap: 30px 30px;
}

@media (min-width: 576px) {
	.header-grid {
		grid-template-rows: 50vw 50vw 50vw 50vw 50vw;
	}
}

@media (min-width: 768px) {  
	.header-grid {
		grid-template-columns: 1fr 1fr 1fr;
		
		grid-template-rows: 250px 250px 250px;
		grid-template-areas: "analyse journey journey" 
							 "analyse actions actions"
							 "comet comet resources";
	}
}

.header-grid .grid-item {
	position: relative;
	box-shadow: 3px 12px 40px 0px rgba(0, 0, 0, 0.06);
	text-shadow: 3px 12px 40px rgba(0, 0, 0, 0.06); 
	
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.header-grid .grid-item:hover, 
.header-grid .grid-item:focus {
	transform: scale(1.02);
}

.header-grid .grid-item .grid-bg-image {
	
}

.header-grid .grid-item-analyse {
	grid-area: analyse;
	background-color: #fff;
	background-image: url(../Images/gridBg-analyse-lg.png);
}

.header-grid .grid-item-journey {
	grid-area: journey;
	background-color: #fff;
	background-image: url(../Images/gridBg-journey-lg.png);
}

.header-grid .grid-item-actions {
	grid-area: actions;
	background-color: #fff;
	background-image: url(../Images/gridBg-action-lg.png);
}

.header-grid .grid-item-comet {
	grid-area: comet;
	background-color: #fff;
	background-image: url(../Images/gridBg-comet-lg.png);
}

@media (max-width: 768px) {
	.header-grid .grid-item-comet {
		background-image: url(../Images/gridBg-comet-md.png);
	}
}

.header-grid .grid-item-resources {
	grid-area: resources;
	background-color: #fff;
	background-image: url(../Images/gridBg-resources-lg.png);
}

.header-grid .grid-item a {
	text-decoration: none;
}

.header-grid .grid-item a .grid-item-title {
	color: #000;
	margin-bottom: 0;
	font-size: 2.7rem;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

.header-grid .grid-item a .grid-item-title p {
	margin-bottom: 0;
}

.header-grid .grid-item-analyse a .grid-item-title span.headline-color {
	color: #559750;
}

.header-grid .grid-item-journey a .grid-item-title span.headline-color {
	color: #4379b7;
}

.header-grid .grid-item-actions a .grid-item-title span.headline-color {
	color: #c1425d;
}

.header-grid .grid-item-comet a .grid-item-title span.headline-color {
	color: #4ea09a;
}

.header-grid .grid-item-resources a .grid-item-title span.headline-color {
	color: #df7a46;
}

@media (min-width: 1100px) {
	.header-grid .grid-item-analyse a .grid-item-title {
		width: min-intrinsic;
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content;
		display: table-caption;
		display: -ms-grid;
		-ms-grid-columns: min-content;
	}
}

.header-grid .grid-item .fa-light {
	color: #000;
	font-size: 2.3rem;
	padding-bottom: 1rem;
}

.grid-item-number {
	color: #fff;
	font-family: usual, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 2.5rem;
	opacity: .6;
	line-height: .7;
}

/* ############################ */
/* ############################ */
/* #### / END Homepage Grid ### */
/* ############################ */
/* ############################ */

/* ### Homepage ### */

section#about h2 {
	font-size: 3.2352rem;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	line-height: 1.05;
	margin-bottom: 2.2rem;
}

#results .container-fluid h2,
#partner .container-fluid h2  {
	margin-bottom: .5rem;
}

@media (min-width: 768px) { 
	section#about h2 {
		font-size: 4.2352rem;
		width: min-intrinsic;
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content;
		display: table-caption;
		display: -ms-grid;
		-ms-grid-columns: min-content;
		margin-bottom: 0;
	}
}

section#about h2 p {
	margin-bottom: 0;
}

section#about .col-12 p:last-child {
	margin-bottom: 0;
}

/* ### Tab Nav ### */

.nav-tabs-cute {
	border-bottom: 0;
}

.nav-tabs-cute .nav-item .nav-link {
	font-family: usual, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 1.15rem;
	color: #000;
	border-radius: 0;
	background-color: #ffffff;
	box-shadow: 3px 0 40px 0px rgba(0, 0, 0, 0.10);
	text-shadow: 3px 0 40px rgba(0, 0, 0, 0.10);
	padding: .45rem 1rem;
}

.nav-tabs-cute .nav-item .nav-link:first-child {
	m
}

.nav-tabs-cute .nav-item .nav-link.active {
	background-color: #4379b7;
	color: #fff;
}

body.page-actions .nav-tabs-cute .nav-item .nav-link.active {
	background-color: #c1425d;
	color: #fff;
}

@media (min-width: 768px) {
	.nav-tabs-cute .nav-item .nav-link {
		font-size: 1.4rem;
		padding: .55rem 1rem;
	}
}

@media (min-width: 992px) {
	.nav-tabs-cute .nav-item .nav-link {
		font-size: 1.7rem;
		padding: .65rem 1rem;
	}
}

/* ### Accordion ### */

.accordion-item {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #c6c7c8;
	border-radius: 0 !important;
}

.accordion-item .accordion-header {
	margin-bottom: 0;
}

.accordion-button,
.accordion-button:not(.collapsed) {
	font-family: usual, sans-serif;
	font-weight: 800;
	font-style: normal;
	background-color: transparent;
	color: #000;
	font-size: 1.294rem;
	border-radius: 0 !important;
	padding: 1.4rem 0;
	box-shadow: none !important;
}

.accordion-body {
	padding: 1rem 0;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

.accordion-button::after {
	color: #000 !important;
}

/* ### CE ### */

.bodytext-columns {
	-moz-column-count: 2;
	-moz-column-gap: 2rem;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2rem;
	column-width: 270px;
	-webkit-column-width: 270px;
	-moz-column-width: 270px;
	box-sizing: border-box;
	line-height: 1.5;
	/* Verhindern das ein Absatz umgebrochen wird */
	page-break-inside: avoid;                 // Firefox   
	   column-break-inside: avoid;               // Chrome, Opera, Safari
		  -webkit-column-break-inside: avoid;
		  page-break-inside: avoid;
		  break-inside: avoid;
}

/* ### Footer ### */

footer.footer {
	background-color: #2c2f39;
	color: #fff;
	font-size: .882rem;
}

@media (max-width: 768px) { 
	footer .footerbrandlink {
		display: inline-block;
		max-width: 225px;
	}
	footer .footererasmusbrand {
		display: inline-block;
		max-width: 230px;
	}
}

@media (max-width: 576px) { 
	footer .footerbrandlink {
		display: inline-block;
		max-width: 190px;
	}
	footer .footererasmusbrand {
		display: inline-block;
		max-width: 200px;
	}
}

footer .bottom-imprint {
	background-color: #464956;
}

footer.footer a {
	color: #fff;
	text-decoration: none;
}

footer.footer a:hover, 
footer.footer a:focus {
	text-decoration: underline;
}

/* Bootstrap Breakpoint ES */
@media (min-width: 576px) {
	
}

@media (max-width: 576px) {

}

/* Bootstrap Breakpoint MD */
@media (min-width: 768px) { 
	
}

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

@media (min-width: 576px) and (max-width: 991px) {  

}

/* Bootstrap Breakpoint min MD max XL */
@media (min-width: 768px) and (max-width: 1199px) {
	
}

/* Bootstrap Breakpoint LG */
@media (min-width: 992px) {

}

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

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

/* Bootstrap Breakpoint min MD max XL */
@media (min-width: 992px) and (max-width: 1199px) {
	
}

/* Bootstrap Breakpoint XL */
@media (min-width: 1200px) {

}

/* Bootstrap Breakpoint LG */
@media (min-width: 1400px) {

}

@media (max-width: 1400px) {

}

/* Bootstrap Breakpoint min XL max XXL */
@media (min-width: 1200px) and (max-width: 1400px) {
	
}


@media print {

}

/* ###### Test Homepage Ohne Header ###### */

.page-homepage-test .header-back {
	display: none !important;
}

.page-homepage-test .erasmus-plus-white.d-lg-inline-block {
  display: none !important;
}

.page-homepage-test .erasmus-plus.d-lg-none {
  display: inline-block !important;
}

.page-homepage-test .navbar-cute .navbar-toggler .navbar-toggler-fa-icon {
	color: #000;
}

.page-homepage-test .navbar-cute .navbar-toggler {
	border-color: #000;
}

.page-homepage-test .page-headline .row {
  min-height: 132px;
}