/* 
////////////////////////////////////////////////////////////////
// Standard Definitions
////////////////////////////////////////////////////////////////
*/

* {
	margin:0;
	padding:0;
}

input, select {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.clearer {
	clear:both;
}

.cms_clearer {
	clear:both;
}


/*
.cms_width_100px {
	width:100px;
}

.cms_width_200px {
	width:200px;
}

.cms_width_206px {
	width:206px;
}

.cms_width_300px {
	width:300px;
}

.cms_width_400px {
	width:400px; 
}

#cms_content .cms_width_500px {
	width:500px;
}
*/
#cms_content .cms_width_max {
	width:100%;
}

.cms_hr {
	border:none;
	height:1px;
	background-color:#666;
}

.margin_bottom_5px {
	margin-bottom:5px;
	min-height:1px;
}

.margin_bottom_10px {
	margin-bottom:10px;
	min-height:1px;
}

.margin_bottom_15px {
	margin-bottom:15px;
	min-height:1px;
}

.margin_bottom_20px {
	margin-bottom:20px;
	min-height:1px;
}

.margin_bottom_40px {
	margin-bottom:40px;
	min-height:1px;
}

.brand-logo {
	color: #0b599b;
	width:240px;
}

.input_button {
	text-align:center;
	color:#fff;
	font-size:15px; 
	
	height: 36px;
	padding: 0px 14px 0px 14px;
	line-height: 34px;
	border-radius: 3px;
	
	border:solid 1px #444;
	cursor: pointer;

	background-color: #5a9fce;
	background-image: linear-gradient( to bottom, rgba(90, 159, 206, 0.1) 0%, rgba(58, 122, 199, 1) 100% );
	transition: background-color 0.3s ease-in-out;
}

.input_button:hover {
	border:solid 1px #000;
	background-color: #6caad4;
	background-image: linear-gradient( to bottom, rgba(90, 159, 206, 0.1) 0%, rgba(58, 122, 199, 1) 100% );
	transition: background-color 0.3s ease-in-out;
}

.a_input_button {
	padding: 7px 14px 8px 14px;
	border-radius: 3px;
	background: #7abcff;
	
	border:solid 1px #444;
	
	background-color: #5a9fce;
	background-image: linear-gradient( to bottom, rgba(90, 159, 206, 0.1) 0%, rgba(58, 122, 199, 1) 100% );
	transition: background-color 0.3s ease-in-out;

	cursor: pointer;
}

.a_input_button:hover {
	border:solid 1px #000;
	background-color: #6caad4;
	background-image: linear-gradient( to bottom, rgba(90, 159, 206, 0.1) 0%, rgba(58, 122, 199, 1) 100% );
	transition: background-color 0.3s ease-in-out;
}

.div_link_button a:link,
.div_link_button a:visited,
.div_link_button a:hover,
.div_link_button a:active {
	font-family: 'robotoregular', Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff !important;
	font-size:15px;
	text-decoration: none !important;
}



.icon_quicklinks {
	float:left;
	text-align: center;
	/* text-transform: uppercase; */ 
	margin-right:30px;
}


.div_img_link {
	opacity: 0.7;
}

.img_icon_top_navi {
	width:34px;
}

.sub_title {
	font-size:28px;
	color:#666;
}

.img_edit {
	width:18px;
}

.link_edit:before {
	content: "";
    display: block;
	background: url('../images/icons/edit.svg') no-repeat;
	background-size: auto 18px;
	background-position: 0px 2px;
	background-repeat: no-repeat;
	width: 24px;
	height: 18px;
    float: left;
}

.link_delete:before {
	content: "";
    display: block;
	background: url('../images/icons/delete.gif') no-repeat;
	background-size: auto 14px;
	background-position: 0px 3px;
	background-repeat: no-repeat;
	width: 24px;
	height: 18px;
    float: left;
}

.link_exit:before {
	content: "";
    display: block;
	background: url('../images/icons/exit.svg') no-repeat;
	background-size: auto 14px;
	background-position: 0px 4px;
	background-repeat: no-repeat;
	width: 24px;
	height: 18px;
    float: left;
}


.hr_comments {
	max-width:600px;
}

.div_beschreibung {
	max-width:600px;
	margin-bottom:20px;
}

.div_debug_modus {
	color:#f00;
	margin-bottom:20px;
}

.div_path {
	padding:2px;
	background-color: #f5f5f5;
	max-width: 600px;
}

/* 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Link Definitions
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

a:link,
a:visited {
	color:#666 !important;
	text-decoration: none !important;

}

a:hover,
a:active {
	color:#666 !important;
	text-decoration:none !important;
}

a:active , a:focus {
	outline:none;
}


/* 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Login Definitions
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#loginarea_shade {
	visibility:hidden;
	position:absolute;
	background-color:#000;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:1;	
	 opacity:.3;
    filter: alpha(opacity=30);
    -moz-opacity:.3;
}



#loginarea {
	display:none;
	position:absolute;
	width:294px;
	height:268px;
	top: 50%;
	left: 50%; 
	font-size:15px;
	
	margin-top:-100px;
	margin-left:-156px;
	
	background-color:#fff;
	
	border:solid 1px #666;
	-moz-border-radius:6px;
	border-radius:6px;
	
	padding:12px;
	z-index:2;	

	
}



@media screen and (min-width:38.75em) {
	#loginarea {
		
		width:342px;
		margin-left:-180px;
		height:270px;
		padding:20px;
	}
}

#loginarea a:link,
#loginarea a:visited {
	color:#4a525a;
}




#loginarea h2 {
	font-size:24px;
	font-weight:normal;
	
	color:#4a525a;
	
	margin-bottom:12px;
	border:none;
	
	display:block;
	margin:0 0 10px 0;
	padding:0;
	
}

#loginarea input {
	font-size:15px;
	color:#4a525a;
}

#loginarea .input_feld_login {
	width:270px;
	height:48px;
	border:1px solid #ccc; 
	-moz-border-radius:6px;
	border-radius:6px;
	margin-top:8px;
	padding-left:10px;
	cursor:text;
}

#loginarea .input_button_login {
	width:270px;
	height:48px;
    margin-top:8px;
	padding: 0px 8px 0px 8px;
	line-height: 46px;
	border-radius: 6px;
	
	font-family:inter_light,sfprotext,Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	
	border:solid 1px #444;
	background: #0467b0;
	background: -webkit-linear-gradient(#3384bf, #0467b0);
	background: -o-linear-gradient(#3384bf, #0467b0);
	background: -moz-linear-gradient(#3384bf, #0467b0);
	background: linear-gradient(#3384bf, #0467b0);
	
	cursor: pointer;
	

}

@media screen and (min-width:38.75em) {
	
	#loginarea .input_feld_login {
		width:300px;

	}
	
	#loginarea .input_button_login {
	
		width:300px;
		
	}
	
}

/*
#loginarea .input_button_login:hover {
	color:#000;
}
*/

#login_close {
	position:absolute;
	right:16px;
	top:20px;
}

.div_passwort_vergessen {
	margin-top:8px;
	font-size: 15px;
}



/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Title Definitions
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/



h1 {
	font-family:inter_semibold,sfprotext,Verdana, Arial, Helvetica, sans-serif;
	font-size: calc(140% + 0.6vw) !important;
	margin: 0px 0px 10px 0px !important;
	color:#0b599b;
	line-height:1.5em;

	/* text-transform: uppercase; */
}	

@media screen and (min-width:800px) {

	h1 {
		font-size: calc(130% + 0.5vw) !important;
  		margin: 0px 0px 20px 0px !important;
 	}	
}


h2 {
	font-family:inter_semibold,sfprotext,Verdana, Arial, Helvetica, sans-serif;
	font-size: 33px !important;	
	margin: 0px 0px 10px 0px !important;	
	color:#0b599b;
	line-height:1.5em;
}	

@media screen and (min-width:800px) {

	h2 {
		font-size: 33px !important;	
  		margin: 0px 0px 10px 0px !important;	
 	}	
}



h3 {
	font-family:inter_regular,sfprotext,Verdana, Arial, Helvetica, sans-serif;
	font-size: calc(112% + 0.3vw) !important;
	margin: 0px 0px 0px 0px !important;	
	color:#0b599b;
	line-height:1.5em;
}	

@media screen and (min-width:800px) {

	h3 {
		font-size: calc(100% + 0.3vw) !important;
  		margin: 0px 0px 0px 0px !important;	
 	}	
}


h4 {
	font-family:inter_regular,sfprotext,Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px !important;
	margin: 0px 0px 10px 0px !important;
	line-height:1.5em;
}	

@media screen and (min-width:800px) {

	h4 {
		font-size: 28px !important;
		margin: 0px 0px 20px 0px !important;	
 	}	
}





/* 
////////////////////////////////////////////////////////////////
// Basic CSS
////////////////////////////////////////////////////////////////
*/

html {
	-webkit-text-size-adjust: 100%;
}
 
body {
	font-family:inter_light,'sfprotext','Opensans', Arial, Helvetica, sans-serif;
	color:#666;
	font-size:15px;
	line-height:1.5em;
	background-color:#fff;
	height:100%;
	/* background-color:#f2f2f2; */

	
}

.wrapper {
	font-family:inter_light,'sfprotext','Opensans', Arial, Helvetica, sans-serif;
	padding:40px 10px 20px 10px;
}

@media screen and (min-width:38.75em) {
	.wrapper {
		margin:0px auto 0px auto;
		max-width:1280px;
		/*
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		*/
	}	
}	

.wrapper ul {
	list-style-type:none;	
}


.logo {
	border: 0;
	width:100%;
}

@media screen and (min-width:38.75em) {
	.logo {
		width:auto;
	}
}


.blau {
	color:#0b599b;
}

.weiss {
	color:#ffffff;
}

.titel {
	
	margin-bottom:20px;
	font-size:22px;
	font-weight:bold;
}

	
	
	



#cms_content {
	font-family: inter_light,'sfprotext','Opensans', Arial, Helvetica, sans-serif;
	color:#666;
	font-size:15px;
	line-height:1.5em;
}

#cms_content a:link,
#cms_content a:visited {
	color:#666;
	text-decoration:none;
}

#cms_content a:hover,
#cms_content a:active {
	color:#666;
	text-decoration:none;
}

#cms_iframe_content {
	display:none; 
	
	
}

#input_iframe_content {
	display:none;
	
}

#upload_iframe {
	height:600px;
	width:100%;
	border:none;
}


/* 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Input Definitions
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/




#cms_content input {
	font-family:inter_light,sfprotext,Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:2px;
}

#cms_content input:focus {
	border:1px solid #333;
}

#cms_content select {
	font-family:inter_light,sfprotext,Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	
}

#cms_content select:focus {
	border:1px solid #333;
}

/* Input Klassen */

#cms_content .input_feld_text {	
	border:1px solid #444; 
	
	height:22px;
	line-height:22px;
	
	border-radius:3px;
	padding-left:4px;
}

/*

#cms_content .input_feld_text_datum {
	border:1px solid #444; 

	height:22px;
	line-height:22px;
	
	border-radius:3px;
	padding-left:4px;
}

*/

#cms_content .input_feld_textfeld {
	width:100%;

	border:1px solid #444; 
	
	height:120px;
	padding:3px 6px 3px 6px;
	margin-top:2px;

	font-size: 13px;

	max-width:600px;
	border-radius:3px;
}

#cms_content .input_feld_select {
	border:1px solid #444; 
	
	height:22px;
	line-height:22px;
	
	border-radius:3px;
	padding-left:4px;
}




#cms_content .input_button {
	text-align:center;
	color:#fff;
	font-size:15px; 
	
	height: 36px;
	padding: 0px 14px 0px 14px;
	line-height: 34px;
	border-radius: 3px;
	
	border:solid 1px #444;
	cursor: pointer;

	background-color: #5a9fce;
	background-image: linear-gradient( to bottom, rgba(90, 159, 206, 0.1) 0%, rgba(58, 122, 199, 1) 100% );
	transition: background-color 0.3s ease-in-out;
}

#cms_content .input_button:hover {
	border:solid 1px #000;
	background-color: #6caad4;
	background-image: linear-gradient( to bottom, rgba(90, 159, 206, 0.1) 0%, rgba(58, 122, 199, 1) 100% );
	transition: background-color 0.3s ease-in-out;
}



#cms_content .checkbox {
	cursor:pointer;
	background-color:#eee;
	border:1px solid #333; 
}



#cms_content .checkbox {
	cursor:pointer;
	border:none;
	background-color:#999999;
	border:solid 1px red;
}


/* 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Content inner Layout
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


#cms_content .cms_thumb {
	border:solid 1px #000000;
}

#cms_content .key_bereich {
	float:left;
	width:150px;
	height:16px;
	line-height:16px;
	margin-bottom:4px;
}

#cms_content .icon_bereich {
	float:left;
	width:16px;
	height:14px;
	line-height:16px;
	margin-bottom:4px;
}

#cms_content .delete_bereich {
	float:left;
	width:30px;
	height:14px;
	line-height:16px;
	margin-bottom:4px;
}


#cms_content .value_bereich {
	float:left;
	width:60%;
	margin-bottom:4px;
	height:14x;
	line-height:14px;	
}

@media screen and (min-width:38.75em) {

	#cms_content .value_bereich {
		width:450px;
	}
}




#cms_content .value_bereich_img {
	float:left;
	width:200px;
	margin-bottom:2px;
	}
	
#cms_content .value_bereich_datum {
	float:left;
	width:186px;
	margin-bottom:2px;
	height:15px;
	line-height:15px;	
}

#cms_content .zusatz_bereich {
	float:left;
	width:18px;
	margin-bottom:2px;
	height:15px;
}

#cms_content .cms_h1 {
	font-size:12px;
	font-weight:bold;
	color:#000;
}

#cms_content .cms_titel_div {
	font-family:inter_light,sfprotext,Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #4a525a;
	padding: 0px 0px 20px 0px;
}	

@media screen and (min-width:38.75em) {

	#cms_content .cms_titel_div {
		font-size: 32px;
		padding: 0px 0px 30px 0px;
 	}	
}

#cms_content .cms_fck_editor_news {
	float:left;
	margin-bottom:2px;	
}

#cms_schriftgroesse_select_div {
	display:none;
}

#cms_schrift_vorschau_div {
	display:none;
}

#cms_vorschau {
	background-image:url(../images/cms/background_vorschau.gif);
	
}

.cms_clearer {
	clear:both;
}

.cms_height_spacer {
	height:15px;
}

.my_pre {
	font-family:inter_light,'sfprotext','Opensans', Arial, Helvetica, sans-serif;
	color:#666;
	font-size:15px;
	line-height:1.5em;
	white-space:pre-wrap;
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Weitere
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.hidden {
	display:none;
}



/* Kommentar */


.div_post_daten {
	font-size:15px;
	margin-bottom:16px;
}

.span_post_autor {
	font-size:15px;
	margin-bottom:16px;
	color:#0b599b;
}

.div_answer_daten {
	font-size:15px;
	margin-bottom:2px;
}

.div_answer_text {
	margin-bottom:20px;
}

.div_post_text {
	white-space:pre-wrap;
	margin-bottom:20px;
	font-size:15px;
}

.div_post_text_detail {
	margin-bottom:20px;
}

.div_answer_anzahl {
	margin-bottom:8px;
	font-weight:bold;
}

.div_answer_new_titel {
	margin-bottom:8px;
	font-size: 15px;
}

.div_answer_new_form {
	display:none;
}

.div_answer_name {
	position:absolute;
	left:-2000px;	
}




/* 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Flexbox Input
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.cms_flexbox_container_input {
	display:flex;
  	width:100%;
}


@media screen and (min-width:640px) {
	.cms_flexbox_container_input {
		width:420px;
		
	}
}



.flex_key_bereich {
	width:130px;
  	height:24px;
	font-size:15px;
	line-height:22px;
}



.flex_key_bereich_img  {
	height:130px;
}

.flex_value_bereich {
	flex: 1 1 auto;
  	height:22px;
	line-height:22px;
}

.flex_value_bereich_textfield {
	flex: 1 1 auto;
}

.flex_value_bereich_img {
	height:120px;
}

.flex_value_bereich_inputfile {
	flex: 1 1 auto;
  	height:47px;
}


.zusatz_bereich2 {
	width:20px;
}



/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Datei Upload
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.divinputfile {
	/* background-image:url(../images/icons/lupe.gif);	 */
	background-repeat:no-repeat; 
	background-position:right;
	margin-bottom:4px;
	height:46px;
	width:100%;
	cursor:pointer;
	overflow:hidden;	


}


.divinputfile:hover {
	cursor:pointer;
}

.myfile {
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0);
	height:44px;
	width:100%;
	cursor: pointer;
	line-height:44px;
}



.fakeinputfile {
	margin-top:-42px;
}


.fakemyfile {
	width:100%;

	border:1px solid #333; 
	border-radius:3px;

	height:44px;
	padding-left:4px !important;
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:15px;
	cursor: pointer;

}


/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Files
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
/*
.file_divinputfile {
	
	background-image:url(../images/icons/lupe.gif);	
	background-repeat:no-repeat; 
	background-position:right;
	height:18px;
	width:220px;
	cursor:pointer;
	overflow:hidden;
	
	
}

.file_divinputfile:hover {
	cursor:pointer;
}

.file_myfile {
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size:10px;
	height:20px;
	
}



.file_fakeinputfile {
	margin-top:-20px;
}


.file_fakemyfile {
	width:198px;

	height:14px;
	
	border:1px solid #ccc; 
}

*/





/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Dateien
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


#div_zurueck_wrapper a:link,
#div_zurueck_wrapper a:visited {
	color: #3a7ac7;
	text-decoration: none;
}

#div_zurueck_wrapper a:hover,
#div_zurueck_wrapper a:active {
	color: #3a7ac7;
	text-decoration: none;
}

.div_zurueck {
	display:flex;
	max-width:600px;
	background-color:#f5f5f5;
	border-bottom:solid 1px #ccc;

}

.div_pfeil_links {
	height:61px;
	padding-left:10px;
	padding-right:10px;
	width:36px;
}

.div_pfeil_links:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.img_pfeil_links {
	height:40%;
	vertical-align: middle;
}

.div_zurueck_name {
	height:61px;
	line-height:60px;
	width:100%;
	overflow: hidden;
}



#div_filelist_wrapper a:link,
#div_filelist_wrapper a:visited {
	color: #212529;
	text-decoration: none;
}

#div_filelist_wrapper a:hover,
#div_filelist_wrapper a:active {
	color: #212529;
	text-decoration: none;
}


@media screen and (min-width:800px) {
	.div_filelist:hover {
		background-color:#f5f5f5;
		transition: none;
	}
}

.div_filelist {
	display:flex;
	max-width:600px;
	transition: all 0.2s ease-in-out;
}

.div_filelist_icon {
	height:60px;
	width:50px;
	margin-right:10px;
}

.div_filelist_icon:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.img_folder_icon {
	height:70%;
	vertical-align: middle;
	margin-left:4px;
}

.img_datei_icon {
	height:72%;
	vertical-align: middle;
	margin-left:6px;
}

.a_filelist_icon {
	display: inline-block;
	line-height: 60px;
}

.div_filelist_name {
	height:61px;
	line-height:60px;
	width:100%;
	border-bottom:solid 1px #ccc;
	overflow: hidden;
}

.a_filelist_name {
	display: inline-block;
	line-height: 60px;
	width:100%;
}


.div_pfeil_rechts {
	height:61px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:solid 1px #ccc;
}

.div_pfeil_rechts:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.img_pfeil_rechts {
	height:25%;
	vertical-align: middle;
}

.img_description {
	height:40% !important;
	vertical-align: middle;
}




/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// SFPro Text (Comercial)
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@font-face {
	font-family: 'sfprotext';
	src: url('../fonts/sfprotext/sfprotext-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.sfprotext {
	  font-family: 'sfprotext', sans-serif;   
}



/* 
////////////////////////////////////////////////////////////////
// Questrial Font (Free)
////////////////////////////////////////////////////////////////
*/

@font-face {
    font-family: 'Questrial';
    src: url('../fonts/questrial/questrial-regular-webfont.eot.eot');
    src: url('../fonts/questrial/questrial-regular-webfont.eot?#iefix') format('embedde