/* -------------------------------------- */
/* ----------- GENERAL STYLES ----------- */
/* -------------------------------------- */

* { 
	box-sizing: border-box; 
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background-color: #F8F8F8;
	font-family: Montserrat Regular, sans-serif;
	line-height: 31px;
	font-size: 17px;
	color: #344756;
	hyphens: auto;
	-moz-hyphens: auto;
}

#main {
	max-width: 1440px;
	margin: 0px auto;
	background-color: #fff;
	overflow: hidden;
}

#mainLightframe {
	padding: 17px;
}


/* --- FONTS --- */

@font-face {
	font-family: 'Montserrat Light';
	src: url("./fonts/montserrat/Montserrat-Light.otf");
	font-style: normal;
	font-weight: 300;
	font-display: fallback;
}

@font-face { 
	font-family: 'Montserrat Regular'; 
	src: url("./fonts/montserrat/Montserrat-Regular.otf");
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
}

@font-face {
	font-family: 'Montserrat Medium';
	src: url("./fonts/montserrat/Montserrat-Medium.otf");
	font-style: normal;
	font-weight: 500;
	font-display: fallback;
}

@font-face {
	font-family: 'Montserrat SemiBold';
	src: url("./fonts/montserrat/Montserrat-SemiBold.otf");
	font-style: normal;
	font-weight: 600;
	font-display: fallback;
}

@font-face {
	font-family: 'Montserrat Bold';
	src: url("./fonts/montserrat/Montserrat-Bold.otf");
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
}


/* --- TEXTFORMATIERUNG --- */

h1 {
	font-size: 45px; 
	margin-top: 25px; 
	margin-bottom: 25px; 
	letter-spacing: -1.5px;
}

h1.large { font-size: 54px; }

h2 {font-size: 180%;}

h3 { font-size: 22px; }

h1, h3 { line-height: 100%; }

h1, h2, h3, h4 { font-family: Montserrat Bold, sans-serif; }

a {
	color: #344756;
	text-decoration: none;
	border-bottom: 1px solid #344756;
	font-family: Montserrat SemiBold, sans-serif;
}

hr {
	height: 2px;
	border: none; 
	background-color: #344756; 
}

img { max-width: 100%; }

b, strong {
	font-family: Montserrat SemiBold, sans-serif; 
	font-weight: normal;
}

.preHeaderText {
	display: inline-block; 
	margin-bottom: 8px; 
	font-family: Montserrat Medium, sans-serif; 
	font-size: 20px; 
	letter-spacing: -1px;
}

.line_big { line-height: 42px; }

.small { font-size: 80%; }

.regular { font-family: Montserat Regular, sans-serif; }

.ha {
	hyphens: auto;
	-moz-hyphens: auto;
	word-break: break-word;
}

@media (max-width: 600px) {
	h1 { 
		font-size: 42px; 
		margin-top: 15px; 
		margin-bottom: 15px;
	}

	h1.large { font-size: 46px; }

	.preHeaderText {
		font-size: 16px; 
		line-height: 100%; 
		letter-spacing: 0;
	}
}


/* --- INPUT --- */

input[type='submit'] {
	font-family: Montserrat Medium, sans-serif;
	cursor: pointer;
}

button {
	font-family: Montserrat Bold, sans-serif;
	cursor: pointer;
	font-size: 15px;
}

input[type="text"],
input[type="textbox"],
input[type="number"],
input[type="select"],
input[type="email"],
input[type="mail"],
input[type="password"],
input[type="date"],
input[type="tel"],
input[type="search"],
input[type="time"],
input[type="color"],
textarea,
select {
	padding: 10px;
	border: 1px solid #d3d3d3;
	font-family: inherit;
	font-size: inherit;
	transition: border-color .3s ease-in-out;
	min-width: 150px;
}

input[type='button']{
	color:white;
	background-color:#527fa2;
	display: inline-block;
	border: none;
	text-align: center;
	padding: 11px 37px;
	transition: all .3s ease-in-out;
	font-family: inherit;
	font-size: inherit;
}

input[type='button']:hover{ background-color:#344756; }

input[type="text"]:hover, input[type="textbox"]:hover, 
input[type="number"]:hover, input[type="select"]:hover,
input[type="email"]:hover, input[type="password"]:hover,
input[type="date"]:hover, textarea:hover,
input[type="mail"]:hover, select:hover,
input[type="search"]:hover, input[type="tel"]:hover,
input[type="time"]:hover, input[type="color"]:hover { border-color: #344756; }

input[type="text"]:focus, input[type="textbox"]:focus, 
input[type="number"]:focus, input[type="select"]:focus,
input[type="email"]:focus, input[type="password"]:focus,
input[type="date"]:focus, textarea:focus,
input[type="mail"]:focus, select:focus,
input[type="tel"]:focus, input[type="search"]:focus,
input[type="time"]:focus, input[type="color"]:focus {
	border-color: #344756; 
	outline: none;
}

select {background-color: transparent;}

textarea {max-width: 100%;}


/* --- BUTTONS --- */

button,
.buttonWhite,
.buttonGreen,
.buttonDarkBlue,
.buttonDarkGray {
	display: inline-block;
	text-align: center;
	padding: 11px 37px;
	transition: all .3s ease-in-out;
	font-size: 16px;
}

button:hover,
.buttonDarkBlue:hover { background-color: #527fa2; }

.buttonWhite:hover {
	background-color: #344756;
	color: #fff;
}

.buttonDarkGray:hover {
	background-color: #B9B9B9;
}

button,
.buttonDarkBlue {
	color: #fff;
	border: none;
	background-color: #344756;
}

.buttonGreen {
	color: #fff;
	border: none;
	background-color: #d7df23;
}

.buttonWhite {
	color: #344756;
	border: 1px solid #fff;
	background-color: #fff;
}

.buttonDarkGray {
	color: #fff;
	border: none;
	background-color: #808080;
}

.buttonFontHeightSmaller {
	line-height: 20px;
}


/* --- LIST --- */

ul.checkmark > li::before { content: '\2714\0020'; }
ul.checkmark { list-style-type: none; }


/* --- MARGINS / PADDINGS --- */

.contentWrapper, #main > .bigIncludeTo {padding-left: 68px; padding-right: 68px;}


.vp0 {padding-top: 0px; padding-bottom: 0px;}
.tp0 {padding-top: 0px; } .bp0 {padding-bottom: 0px;}
.vm0 {margin-top: 0px; margin-bottom: 0px;}
.tm0 {margin-top: 0px; } .bm0 {margin-bottom: 0px;}

.hp0 {padding-left: 0px; padding-right: 0px;}
.lp0 {padding-left: 0px; } .rp0 {padding-right: 0px;}
.hm0 {margin-left: 0px; margin-right: 0px;}
.lm0 {margin-left: 0px; } .rm0 {margin-right: 0px;}


.hp6 {padding-left: 10px; padding-right: 10px;}
.lp6 {padding-left: 10px; } .rp6 {padding-right: 10px;}
.hm6 {margin-left: 10px; margin-right: 10px;}
.lm6 {margin-left: 10px; } .rm6 {margin-right: 10px;}

.vp6 {padding-top: 10px; padding-bottom: 10px;}
.tp6 {padding-top: 10px; } .bp6 {padding-bottom: 10px;}
.vm6 {margin-top: 10px; margin-bottom: 10px;}
.tm6 {margin-top: 10px; } .bm6 {margin-bottom: 10px;}


.hp9 {padding-left: 17px; padding-right: 17px;}
.lp9 {padding-left: 17px; } .rp9 {padding-right: 17px;}
.hm9 {margin-left: 17px; margin-right: 17px;}
.lm9 {margin-left: 17px; } .rm9 {margin-right: 17px;}

.vp9 {padding-top: 17px; padding-bottom: 17px;}
.tp9 {padding-top: 17px; } .bp9 {padding-bottom: 17px;}
.vm9 {margin-top: 17px; margin-bottom: 17px;}
.tm9 {margin-top: 17px; } .bm9 {margin-bottom: 17px;}


.hp18 {padding-left: 34px; padding-right: 34px;}
.lp18 {padding-left: 34px; } .rp18 {padding-right: 34px;}
.hm18 {margin-left: 34px; margin-right: 34px;}
.lm18 {margin-left: 34px; } .rm18 {margin-right: 34px;}

.vp18 {padding-top: 34px; padding-bottom: 34px;}
.tp18 {padding-top: 34px; } .bp18 {padding-bottom: 34px;}
.vm18 {margin-top: 34px; margin-bottom: 34px;}
.tm18 {margin-top: 34px; } .bm18 {margin-bottom: 34px;}


.hp27 {padding-left: 51px; padding-right: 51px;}
.lp27 {padding-left: 51px; } .rp27 {padding-right: 51px;}
.hm27 {margin-left: 51px; margin-right: 51px;}
.lm27 {margin-left: 51px; } .rm27 {margin-right: 51px;}

.vp27 {padding-top: 51px; padding-bottom: 51px;}
.tp27 {padding-top: 51px; } .bp27 {padding-bottom: 51px;}
.vm27 {margin-top: 51px; margin-bottom: 51px;}
.tm27 {margin-top: 51px; } .bm27 {margin-bottom: 51px;}


.hp36 {padding-left: 68px; padding-right: 68px;}
.lp36 {padding-left: 68px; } .rp36 {padding-right: 68px;}
.hm36 {margin-left: 68px; margin-right: 68px;}
.lm36 {margin-left: 68px; } .rm36 {margin-right: 68px;}

.vp36 {padding-top: 68px; padding-bottom: 68px;}
.tp36 {padding-top: 68px; } .bp36 {padding-bottom: 68px;}
.vm36 {margin-top: 68px; margin-bottom: 68px;}
.tm36 {margin-top: 68px; } .bm36 {margin-bottom: 68px;}


.hp72 {padding-left: 102px; padding-right: 102px;}
.lp72 {padding-left: 102px; } .rp72 {padding-right: 102px;}
.hm72 {margin-left: 102px; margin-right: 102px;}
.lm72 {margin-left: 102px; } .rm72 {margin-right: 102px;}

.vp72 {padding-top: 102px; padding-bottom: 102px;}
.tp72 {padding-top: 102px; } .bp72 {padding-bottom: 102px;}
.vm72 {margin-top: 102px; margin-bottom: 102px;}
.tm72 {margin-top: 102px; } .bm72 {margin-bottom: 102px;}


@media (max-width: 1024px) {
	.contentWrapper, #main > .bigIncludeTo {padding-left: 50px; padding-right: 50px;}
	
	
	.tvp0 {padding-top: 0px; padding-bottom: 0px;}
	.ttp0 {padding-top: 0px; } .tbp0 {padding-bottom: 0px;}
	.tvm0 {margin-top: 0px; margin-bottom: 0px;}
	.ttm0 {margin-top: 0px; } .tbm0 {margin-bottom: 0px;}

	.thp0 {padding-left: 0px; padding-right: 0px;}
	.tlp0 {padding-left: 0px; } .trp0 {padding-right: 0px;}
	.thm0 {margin-left: 0px; margin-right: 0px;}
	.tlm0 {margin-left: 0px; } .trm0 {margin-right: 0px;}
	
	
	.thp6 {padding-left: 10px; padding-right: 10px;}
	.tlp6 {padding-left: 10px; } .trp6 {padding-right: 10px;}
	.thm6 {margin-left: 10px; margin-right: 10px;}
	.tlm6 {margin-left: 10px; } .trm6 {margin-right: 10px;}

	.tvp6 {padding-top: 10px; padding-bottom: 10px;}
	.ttp6 {padding-top: 10px; } .tbp6 {padding-bottom: 10px;}
	.tvm6 {margin-top: 10px; margin-bottom: 10px;}
	.ttm6 {margin-top: 10px; } .tbm6 {margin-bottom: 10px;}


	.thp9 {padding-left: 17px; padding-right: 17px;}
	.tlp9 {padding-left: 17px; } .trp9 {padding-right: 17px;}
	.thm9 {margin-left: 17px; margin-right: 17px;}
	.tlm9 {margin-left: 17px; } .trm9 {margin-right: 17px;}

	.tvp9 {padding-top: 17px; padding-bottom: 17px;}
	.ttp9 {padding-top: 17px; } .tbp9 {padding-bottom: 17px;}
	.tvm9 {margin-top: 17px; margin-bottom: 17px;}
	.ttm9 {margin-top: 17px; } .tbm9 {margin-bottom: 17px;}
	
	
	.thp18 {padding-left: 34px; padding-right: 34px;}
	.tlp18 {padding-left: 34px; } .trp18 {padding-right: 34px;}
	.thm18 {margin-left: 34px; margin-right: 34px;}
	.tlm18 {margin-left: 34px; } .trm18 {margin-right: 34px;}

	.tvp18 {padding-top: 34px; padding-bottom: 34px;}
	.ttp18 {padding-top: 34px; } .tbp18 {padding-bottom: 34px;}
	.tvm18 {margin-top: 34px; margin-bottom: 34px;}
	.ttm18 {margin-top: 34px; } .tbm18 {margin-bottom: 34px;}


	.thp27 {padding-left: 51px; padding-right: 51px;}
	.tlp27 {padding-left: 51px; } .trp27 {padding-right: 51px;}
	.thm27 {margin-left: 51px; margin-right: 51px;}
	.tlm27 {margin-left: 51px; } .trm27 {margin-right: 51px;}

	.tvp27 {padding-top: 51px; padding-bottom: 51px;}
	.ttp27 {padding-top: 51px; } .tbp27 {padding-bottom: 51px;}
	.tvm27 {margin-top: 51px; margin-bottom: 51px;}
	.ttm27 {margin-top: 51px; } .tbm27 {margin-bottom: 51px;}


	.thp36 {padding-left: 68px; padding-right: 68px;}
	.tlp36 {padding-left: 68px; } .trp36 {padding-right: 68px;}
	.thm36 {margin-left: 68px; margin-right: 68px;}
	.tlm36 {margin-left: 68px; } .trm36 {margin-right: 68px;}

	.tvp36 {padding-top: 68px; padding-bottom: 68px;}
	.ttp36 {padding-top: 68px; } .tbp36 {padding-bottom: 68px;}
	.tvm36 {margin-top: 68px; margin-bottom: 68px;}
	.ttm36 {margin-top: 68px; } .tbm36 {margin-bottom: 68px;}
	
	
	.thp72 {padding-left: 102px; padding-right: 102px;}
	.tlp72 {padding-left: 102px; } .trp72 {padding-right: 102px;}
	.thm72 {margin-left: 102px; margin-right: 102px;}
	.tlm72 {margin-left: 102px; } .trm72 {margin-right: 102px;}

	.tvp72 {padding-top: 102px; padding-bottom: 102px;}
	.ttp72 {padding-top: 102px; } .tbp72 {padding-bottom: 102px;}
	.tvm72 {margin-top: 102px; margin-bottom: 102px;}
	.ttm72 {margin-top: 102px; } .tbm72 {margin-bottom: 102px;}
}

@media (max-width: 768px) {
	.contentWrapper, #main > .bigIncludeTo {padding-left: 34px; padding-right: 34px;}
	
	
	.mvp0 {padding-top: 0px; padding-bottom: 0px;}
	.mtp0 {padding-top: 0px; } .mbp0 {padding-bottom: 0px;}
	.mvm0 {margin-top: 0px; margin-bottom: 0px;}
	.mtm0 {margin-top: 0px; } .mbm0 {margin-bottom: 0px;}

	.mhp0 {padding-left: 0px; padding-right: 0px;}
	.mlp0 {padding-left: 0px; } .mrp0 {padding-right: 0px;}
	.mhm0 {margin-left: 0px; margin-right: 0px;}
	.mlm0 {margin-left: 0px; } .mrm0 {margin-right: 0px;}
	
	
	.mhp6 {padding-left: 10px; padding-right: 10px;}
	.mlp6 {padding-left: 10px; } .mrp6 {padding-right: 10px;}
	.mhm6 {margin-left: 10px; margin-right: 10px;}
	.mlm6 {margin-left: 10px; } .mrm6 {margin-right: 10px;}

	.mvp6 {padding-top: 10px; padding-bottom: 10px;}
	.mtp6 {padding-top: 10px; } .mbp6 {padding-bottom: 10px;}
	.mvm6 {margin-top: 10px; margin-bottom: 10px;}
	.mtm6 {margin-top: 10px; } .mbm6 {margin-bottom: 10px;}


	.mhp9 {padding-left: 17px; padding-right: 17px;}
	.mlp9 {padding-left: 17px; } .mrp9 {padding-right: 17px;}
	.mhm9 {margin-left: 17px; margin-right: 17px;}
	.mlm9 {margin-left: 17px; } .mrm9 {margin-right: 17px;}

	.mvp9 {padding-top: 17px; padding-bottom: 17px;}
	.mtp9 {padding-top: 17px; } .mbp9 {padding-bottom: 17px;}
	.mvm9 {margin-top: 17px; margin-bottom: 17px;}
	.mtm9 {margin-top: 17px; } .mbm9 {margin-bottom: 17px;}
	
	
	.mhp18 {padding-left: 34px; padding-right: 34px;}
	.mlp18 {padding-left: 34px; } .mrp18 {padding-right: 34px;}
	.mhm18 {margin-left: 34px; margin-right: 34px;}
	.mlm18 {margin-left: 34px; } .mrm18 {margin-right: 34px;}

	.mvp18 {padding-top: 34px; padding-bottom: 34px;}
	.mtp18 {padding-top: 34px; } .mbp18 {padding-bottom: 34px;}
	.mvm18 {margin-top: 34px; margin-bottom: 34px;}
	.mtm18 {margin-top: 34px; } .mbm18 {margin-bottom: 34px;}


	.mhp27 {padding-left: 51px; padding-right: 51px;}
	.mlp27 {padding-left: 51px; } .mrp27 {padding-right: 51px;}
	.mhm27 {margin-left: 51px; margin-right: 51px;}
	.mlm27 {margin-left: 51px; } .mrm27 {margin-right: 51px;}

	.mvp27 {padding-top: 51px; padding-bottom: 51px;}
	.mtp27 {padding-top: 51px; } .mbp27 {padding-bottom: 51px;}
	.mvm27 {margin-top: 51px; margin-bottom: 51px;}
	.mtm27 {margin-top: 51px; } .mbm27 {margin-bottom: 51px;}


	.mhp36 {padding-left: 68px; padding-right: 68px;}
	.mlp36 {padding-left: 68px; } .mrp36 {padding-right: 68px;}
	.mhm36 {margin-left: 68px; margin-right: 68px;}
	.mlm36 {margin-left: 68px; } .mrm36 {margin-right: 68px;}

	.mvp36 {padding-top: 68px; padding-bottom: 68px;}
	.mtp36 {padding-top: 68px; } .mbp36 {padding-bottom: 68px;}
	.mvm36 {margin-top: 68px; margin-bottom: 68px;}
	.mtm36 {margin-top: 68px; } .mbm36 {margin-bottom: 68px;}
	
	
	.mhp72 {padding-left: 102px; padding-right: 102px;}
	.mlp72 {padding-left: 102px; } .mrp72 {padding-right: 102px;}
	.mhm72 {margin-left: 102px; margin-right: 102px;}
	.mlm72 {margin-left: 102px; } .mrm72 {margin-right: 102px;}

	.mvp72 {padding-top: 102px; padding-bottom: 102px;}
	.mtp72 {padding-top: 102px; } .mbp72 {padding-bottom: 102px;}
	.mvm72 {margin-top: 102px; margin-bottom: 102px;}
	.mtm72 {margin-top: 102px; } .mbm72 {margin-bottom: 102px;}
}


/* --- COLORS --- */

.backWhite { background-color: #fff; }
.backGreen { background-color: #d7df23; }
.backGray { background-color: #e6e7e8; }
.backBlue { background-color: #527fa2; }
.backDarkBlue { background-color: #344756; }

.grayLine { border: 2px solid #e6e7e8; }
.leftGrayLine { border-left: 2px solid #e6e7e8; }
.rightGrayLine { border-right: 2px solid #e6e7e8; }
.topGrayLine { border-top: 2px solid #e6e7e8; }
.bottomGrayLine { border-bottom: 2px solid #e6e7e8; }

.blueLine { border: 2px solid #527fa2; }
.leftBlueLine { border-left: 2px solid #527fa2; }
.rightBlueLine { border-right: 2px solid #527fa2; }
.topBlueLine { border-top: 2px solid #527fa2; }
.bottomBlueLine { border-bottom: 2px solid #527fa2; }

.darkBlueLine { border: 2px solid #344756; }
.leftDarkBlueLine { border-left: 2px solid #344756; }
.rightDarkBlueLine { border-right: 2px solid #344756; }
.topDarkBlueLine { border-top: 2px solid #344756; }
.bottomDarkBlueLine { border-bottom: 2px solid #344756; }

.white, a.white, .white a { color: #fff; }  

.green, a.green, .green a { color: #d7df23; }

.gray, a.gray, .gray a { color: #e6e7e8; }

.darkGray, a.darkGray, .darkGray a { color: #808080; }

.blue, a.blue, .blue a { color: #527fa2; }

.darkBlue, a.darkBlue, .darkBlue a { color: #344756; }

/* --- BORDERS --- */

.noLine { border: none; }
.leftNoLine { border-left: none; }
.rightNoLine { border-right: none; }
.topNoLine { border-top: none; }
.bottomNoLine { border-bottom: none; }
.borderRound { border-radius: 15px; }

@media (max-width: 1024px) {
	.rightNoLine1024 { border-right: none; }
	.leftNoLine1024 { border-left: none; }
}

@media (max-width: 768px) {
	.rightNoLine768 { border-right: none; }
	.leftNoLine768 { border-left: none; }
}


/* --- DISPLAY --- */

.dib { display: inline-block; }
.block { display: block; }
.grid { display: grid; }
.flex { display: flex; }


/* --- OVERFLOW --- */

.oScroll { overflow: scroll; }
.oHide { overflow: hidden; }
.oVisible { overflow: visible; }


/* --- ALIGN --- */

.hr { text-align: right; }
.hl { text-align: left; }
.hc { text-align: center; }

.vt { vertical-align: top; }
.vb { vertical-align: bottom; }
.vm { vertical-align: middle; }


/* --- POSITIONS --- */

.floatLeft { float: left; }
.floatRight { float: right; }
.floatClear { float: none; }

.absolute { position: absolute; }
.relative { position: relative; }


/* --- WIDTHS --- */

.fitC {width: fit-content;}

.wide4 { width: 100%; }
.tall {height: 100%;}
.col23,
.col23-3,
.col23-4 { width: 66.666%; }
.col15 { width: 20%; }
.col25 { width: 39.5%; }
.col35 { width: 59.5%; }
.col45 { width: 79.5%; }

.wide1, 
.col14 { width: 25%; }

.col12, .col12-1-1,
.col13, .col13-2-1, .col13-1-1, .col23, .col23-3, 
.wide1, .wide2, .wide3, .wide4,
.col15, .col25, .col35, .col45, 
.col14, .col14-2-1, .col24, .col34 { display: inline-block; }

.col13, 
.col13-2-1,
.col13-1-1 { width: 33.333%; }

.wide2, .col24, 
.col12, .col12-1-1, .col12-2-1 { width: 50%; }

.wide3, 
.col34,
.col34-4 { width: 75%; }

@media (max-width: 1024px) {
	.col12-1-1, .col23-3, .col13-1-1 { width: 100%; }
	.col15 { width: 25% }
	.col45 { width: 75% }
}

@media (max-width: 1024px) {
	.col25, .col35, .col14-2-1 { width: 50%; }
	.col13-2-1 { width: 50%; }
}

@media (max-width: 768px) {	
	.wide1, .col14, .col13, 
	.col15, .col25, .col35, .col45 { width: 100%; }
	
	.wide2, .wide3,
	.col12, .col12-2-1, .col13-2-1, .col14-2-1,
	.col23, .col23-4, .col24,
	.col34, .col34-4 { width: 100%; }

	.wide1, 
	.col13, .col14  { width: 50%; }
}


/* -- Flex Columns -- */
.col13flexAb36  {
	justify-content: left;
	flex-wrap: wrap;
	display: flex;
}

.col13flexAb36 {
	column-gap: 40px;
	row-gap: 40px;
}

.col13flexAb36 > * {width: calc(50% - 20px);}

@media (max-width: 1240px) {
	.col13flexAb36 > * {width: 100%;}
}

/* --- SHOW/HIDE --- */

.none, 
.radioNone { display: none; }

@media (min-width: 601px) {
	.show600 { display: none; }
}

@media (min-width: 769px) {
	.show768 { display: none; }
}

@media (min-width: 1025px) {
	.show1024 { display: none; }
}

@media (max-width: 1440px) {
	.hide1440 { display: none; }
}

@media (max-width: 1240px) {
	.hide1240 { display: none; }
}

@media (max-width: 1024px) {
	.hide1024 { display: none; }
}

@media (max-width: 768px) {
	.hide768 { display: none; }
}

@media (max-width: 600px) {
	.hide600 { display: none; }
}

@media (max-width: 360px) {
	.hide360 { display: none; }
	.show360 { display: inline-block; }
}

/* --- --- --- */

section.bigIncludeTo { 
	width: 100%; 
	display: block;
}

.pointer:hover { cursor: pointer; }


/* -------------------------------------- */
/* --------- GENERAL STYLES END --------- */
/* -------------------------------------- */

/* -------------------------------------- */
/* --------------- MODULE --------------- */
/* -------------------------------------- */

/* --- MENU --- */

#mainMenuIcons {background-color: #fff !important;}

#mainMenuIcons::before {display: none !important;}

#jubaconMenu > #jubaconMenuLogo {width: 38% !important;}

#lbl_openMenu {display: none !important;}

#mainMenuIcons {
	width: auto !important;
	margin-right: 50px !important;
}

#mainMenuIcons > ul {margin-right: 0px !important;}

.topMarginMenu {margin-top: calc(91px + 51px);}

@media (max-width: 1024px) {
	#jubaconMenu > #jubaconMenuLogo {width: 100% !important;}
	
	#mainMenu {width: 38% !important;}
}

@media (max-width: 600px) {
	#mainMenuIcons {margin-right: 20px !important;}
	
	.topMarginMenu {margin-top: calc(55px + 51px);}
}

/* --- MENU END --- */



/* --- SOCIAL MEDIA ICONS --- */

.linkedInIcon, .xingIcon {
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
}
.linkedInIcon {background-image: url("/bilder/icon-linkedin.png");}
.xingIcon {background-image: url("/bilder/icon-xing.png");}

/* --- SOCIAL MEDIA ICONS END --- */



/* --- FOOTER --- */

#footer {
	display: grid;
	column-gap: 17px;
	grid-template-columns: calc(25% - 17px) calc(25% - 17px) calc(25% - 17px) calc(25% - 17px);
}

#footerLogo {
	width: 100%;
	height: 80px;
	max-width: 188px;
	background-image: url('../bilder/logo_white.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.footerIcon {
	width: 50px;
	height: 50px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#iconFB { background-image: url('../bilder/facebook.svg'); }

#iconIN { background-image: url('../bilder/in.svg'); }



#footer .buttonGreen { border: 1px solid transparent; }



#footer .buttonGreen:hover {
	border-color: #fff;
	background-color: transparent;
}



@media (max-width: 1024px) {
	#footer { grid-template-columns: calc(33.333% - 17px) calc(33.333% - 17px) calc(33.333% - 17px); }



	#footer > div:nth-of-type(3) {
		grid-row: 1;
		grid-column: 1;
	}
}


@media (max-width: 650px) {
	#footer {
		row-gap: 68px;
		grid-template-columns: 100%;
	}
}

/* --- FOOTER END --- */


/* -------------------------------------- */
/* ------------- MODULE ENDE ------------ */
/* -------------------------------------- */