body
{
	background-color: #FFFFFF;
	
	margin: 0px;
	padding: 0px;
}

a
{
	color: #000;
	text-decoration: none;
}

@font-face
{
	font-family: "Raleway";
	font-style: normal;
	font-weight: 700;
	src: local("Raleway Bold"), local("Raleway-Bold"), url("../fonts/raleway_bold.woff2") format("woff2");
	unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

@font-face
{
	font-family: "Raleway-Regular";
	font-style: normal;
	font-weight: 400;
	src: local("Raleway"), local("Raleway-Regular"), url("../fonts/raleway_regular.woff2") format("woff2");
	unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

@font-face
{
	font-family: "Avenir";
	src: url("../fonts/avenir_light.woff2") format("woff2");
}

@font-face
{
	font-family: "Didot";
	src: url("../fonts/raleway_regular.woff2") format("woff2");
}

@font-face
{
	font-family: "TheGirlNextDoor";
	src: url("../fonts/TheGirlNextDoor.woff2") format("woff2");
}



/*********
* HELPER *
*********/

.display_none
{
	display: none;
}

/************/
/* MENUBAND */
/************/

#visi_menuband
{
	z-index: 10;
	
	position: fixed;
	
	padding-left: 80px;
	padding-right: 80px;
	
	box-sizing: border-box;
	width: 100%;
	height: 80px;
	
	background-color: #FFF;
}

#visi_menuband_menupic
{
	display: none;
}

#visi_menuband_title
{
	display: inline-block;
	
	position: absolute;
	top: 50%;
	
	transform: translate(0, -50%);
	
	color: #363636;
	font: normal normal normal 16px/1.4em raleway-regular,sans-serif;
	font-weight: normal;
}

#visi_menuband_title>a
{
	transition: color 2.0s;
}

#visi_menuband_title>a:hover
{
	cursor: pointer;
	color: #D1A33D;
}

#visi_menuband_navigation
{
	display: inline-block;
	
	position: absolute;
	top: 50%;
	right: calc(0px + 80px);
	
	transform: translate(0, -50%);
}

.visi_menuband_navigation_link
{
	display: inline-block;
	
	margin-right: 30px;
}

.visi_menuband_navigation_link>a
{
	color: #363636;
	font: normal normal normal 14px/1.4em raleway-regular,sans-serif;
	font-weight: normal;
	
	transition: color 0.4s ease 0s;
}

.visi_menuband_navigation_link>a:hover
{
	cursor: pointer;
	color: #D1A33D;
}

.visi_menuband_navigation_link:last-of-type
{
	margin-right: 0px;
}

.visi_menuband_navigation_link_bar
{
	margin-top: 10px;
	
	background-color: #363636;
	
	width: 0px;
	height: 2px;
}

.visi_menuband_navigation_link:hover .visi_menuband_navigation_link_bar
{
	animation-name: bar;
    	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	
	margin-left: auto;
	margin-right: auto;
}

@keyframes bar
{
	from
	{
		background-color: #363636;
		width: 0px;
	}
	to
	{
		background-color: #D1A33D;
		width: 100%;
	}
}

/*********
* FOOTER *
*********/

#visi_footer
{
	z-index: 20;
	
	position: fixed;
	
	width: 100%;
	
	box-sizing: border-box;
	
	padding-top: 8px;
	padding-bottom: 8px;
	
	bottom: 0px;
	
	color: #BABABA;
	font-family: raleway-regular;
	text-align: center;
	
	background-color: #FFF;
	border-top: 1px solid #BABABA;
	
	transition: background-color 0.4s, color 0.4s;
}

#visi_footer:hover
{
	cursor: pointer;
	
	color: #000;
	
	background-color: #EEE;
}

/***********/
/* CONTENT */
/***********/

#visi_content
{
	position: absolute;
	
	top: calc(100% - 80px);
	
	padding-bottom: 80px;
	
	margin-left: 80px;
	margin-right: 80px;
}



/* Titelbild */

#visi_content_titelbild
{
	z-index: -10;
	
	position: absolute;
	
	width: calc(100% - 80px - 80px);
	height: calc(100% - 80px);
	
	margin-left: 80px;
	margin-right: 80px;
}

.visi_content_titelbild_pic
{
	width: 100%;
	height: 120%;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#visi_content_titelbild_bgpic_container
{
	
}



/* Titelbild Text */

#visi_content_titelbild_text
{
	height: 120%;
	
	margin-left: 70%;
	transform: translate(-50%, 50%);
	
	position: absolute;
	
	z-index: 5;
}

.visi_content_titelbild_text_slg
{
	color: #000;
	font-family: TheGirlNextDoor, sans-serif;
	font-size: 56px;
	font-weight: bold;
	letter-spacing: normal;
	text-align: center;
	padding-bottom: 50px;
}

.visi_content_titelbild_text_sup
{
	color: #000;
	font-family: raleway, sans-serif;
	font-size: 52px;
	font-weight: bold;
	letter-spacing: 25px;
	text-align: center;
}

.visi_content_titelbild_text_sub
{
	color: #000;
	font-family: avenir, sans-serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 16px;
	line-height: 24px;
	text-align: center;
}



/* Contents */

#visi_contents
{
	background-color: #FFF;
}

.visi_content_caption
{
	width: 100%;
}

.visi_content_caption_line_container
{
	width: 100%;
	height: 70px;
}

.visi_content_caption_line
{
	border-left: 1px solid #BABABA;
	
	margin-left: auto;
	margin-right: auto;
	
	width: 1px;
	height: 70px;
	
	box-sizing: border-box;
}

.visi_content_caption_text
{
	margin-top: 40px;
	
	color: #BABABA;
	font-family: Georgia, serif;
	font-size: 18px;
	font-weight: 400;
	font-style: italic;
	text-align: center;
}

.visi_content_scrolljumppoint
{
	position: absolute;
	
	top: -80px;
}

.visi_content_n
{
	background-color: #FFFFFF;
	
	margin-left: 80px;
	margin-right: 80px;
}




/* Content 1 */

/* Person */



#visi_content_1
{
	width: calc(100% - 80px - 80px);
	
	padding-bottom: 100px;
}

#visi_content_1_article
{
	margin-top: 60px;
	margin-left: 15%;
	margin-right: 15%;
}

#visi_content_1_article_columns
{
	min-height: 500px;
}

#visi_content_1_article_leftcolumn
{
	float: left;
	
	display: block;
	
	width: 50%;
	min-height: 10px;
}

#visi_content_1_article_rightcolumn
{
	display: block;
	
	float: right;
	
	width: 50%;
	height: 400px;
	
	background-repeat: no-repeat;
	background-size: contain;
}

#visi_content_1_article_leftcolumn_quote
{
	padding-left: 20%;
	padding-right: 20%;
	
	color: #363636;
	font-family: raleway-regular, sans-serif;
	font-size: 27px;
	
	text-align: center;
	line-height: 45px;
}

#visi_content_1_article_leftcolumn_sign
{
	margin-top: 20%;
	margin-left: auto;
	margin-right: auto;
	
	background-repeat: no-repeat;
	background-size: contain;
	
	width: 120px;
	height: 120px;
}

#visi_content_1_article_text
{
	margin-top: 0px;
	
	padding-left: 10%;
	padding-right: 10%;
	
	width: calc(100% - 10% - 10%);
	
	color: #363636;
	font-family: raleway-regular, sans-serif;
	font-size: 18px;
	
	text-align: justify;
	line-height: 25px;
}




/* Content 2 */

/* Coaching */



#visi_content_2
{
	background-color: #FBF3DF;
}

#visi_content_2_article
{
	margin-top: 60px;
	margin-bottom: 60px;
}

.visi_content_2_article_column
{
	width: 50%;
	
	display: inline-block;
}

#visi_content_2_article_leftcolumn
{
	
}

#visi_content_2_article_rightcolumn
{
	float: right;
}

.visi_content_2_article_column_picture
{
	width: 400px;
	height: 233px;
	
	margin-left: auto;
	margin-right: auto;
	
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.visi_content_2_article_column_text
{
	margin-top: 60px;
	margin-bottom: 200px;
	
	padding-left: 60px;
	padding-right: 60px;
	
	color: #363636;
	font-family: raleway-regular;
	font-size: 18px;
	
	line-height: 25px;	
	text-align: center;
}



/* Content 3 */
/* Referenzen */



#visi_content_3
{

}

#visi_content_3_article
{
	margin-top: 60px;
	
	text-align: center;
}

#visi_content_3_article_text
{
	color: #363636;
	font-family: raleway-regular;
	font-size: 18px;
}

#visi_content_3_article_table
{
	display: inline-block;
}

.visi_content_3_article_row
{
	margin-top: 60px;
}

.visi_content_3_article_row_entry
{
	width: calc(33% - 60px - 60px);
	
	box-sizing: border-box;
	
	display: inline-table;
	
	margin-left: 30px;
	
	color: #363636;
	font-family: raleway-regular;
}

.visi_content_3_article_row_entry:first-of-type
{
	margin-left: 0px;
}

.visi_content_3_article_row_entry_text
{
	background-color: #FBF3DF;
	
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	
	font-size: 18px;
	font-style: italic;
}

.visi_content_3_article_row_entry_name
{
	margin-top: 20px;
}

#visi_content_3_article_pics
{
	margin-top: 80px;
}

.visi_content_3_article_picture
{
	display: inline-block;
	
	width: 200px;
	height: 200px;
	
	background-repeat: no-repeat;
	background-size: cover;
	
	border-radius: 50%;
	
	margin-left: 50px;
}

.visi_content_3_article_picture:first-of-type
{
	margin-left: 0;
}



/* Content 4 */

/* Kontakte */



#visi_content_4
{
	margin-top: 100px;
	
	background-color: #FBF3DF;
	
	padding-bottom: 80px;
}

#visi_content_4_article
{
	margin-top: 60px;
	
	text-align: center;
	
	color: #363636;
	font-family: avenir;
	font-size: 24px;
}

#visi_content_4_article_table
{
	display: inline-block;
	
	border-collapse: collapse;
	
	margin-bottom: 40px;
}

#visi_content_4_article_table td
{
	padding-left: 200px;
	vertical-align: top;
}

#visi_content_4_article_table td:first-of-type
{
	padding-left: 0;
}

#visi_content_4_article_table tr:nth-of-type(2) td
{
	padding-top: 60px;
}

.visi_content_4_article_form_element
{
	border: 1px solid #999;
	border-radius: 0;
	box-sizing: border-box;
	
	padding: 10px;
	
	color: #B57D00;
	font-family: avenir;
	font-size: 18px;
}

#visi_content_4_article_form_mail
{
	display: inline-block;
	
	width: 150px;
}

#visi_content_4_article_form_name
{
	display: inline-block;
	
	margin-left: 10px;
	
	width: 150px;
}

#visi_content_4_article_form_tele
{
	display: block;
	
	margin-top: 10px;
	
	width: 100%;
}

#visi_content_4_article_form_dsb2
{
	font-size: 12px;
}

#visi_content_4_article_form_text
{
	display: block;
	
	margin-top: 10px;
	
	width: 100%;
	height: 300px;
	
	resize: none;
}

#visi_content_4_article_form_send
{
	display: inline-block;
	
	margin-top: 40px;
	
	color: #B57D00;
}

#visi_content_4_article_form_send:hover
{
	cursor: pointer;
}

#visi_content_4_article_adr_kon
{
	text-align: left;
	
	font-size: 20px;
}

#visi_content_4_article_me_pic
{
	width: 200px;
	height: 200px;
	
	background-repeat: no-repeat;
	background-size: cover;
	
	border-radius: 50%;
}

#visi_content_4_article_me_list
{
	font-size: 20px;
	text-align: left;
	
	padding-left: 0;
}



/* Impressum und Datenschutz */



#visi_impressum_datenschutz
{
	display: none;
	
	background-color: #FFF;
	
	z-index: 40;
	
	position: fixed;
	
	width: 100%;
	height: 100%;
	
	font-size: 14px;
	text-align: justify;
}

#visi_impressum_datenschutz_caption
{
	float: left;
	
	width: calc(100% - 80px);
	height: 80px;
	
	padding-top: 24px;
	
	box-sizing: border-box;
	
	color: #363636;
	font: normal normal normal 24px raleway-regular,sans-serif;
	font-weight: normal;
	
	text-align: center;
}

#visi_impressum_datenschutz_close
{
	float: right;
	
	width: 80px;
	height: 80px;
	
	background-color: #FFF;
	padding-top: 24px;
	
	box-sizing: border-box;
	
	color: #363636;
	font: normal normal normal 24px raleway-regular,sans-serif;
	font-weight: normal;
	
	text-align: center;
	
	transition: background-color 0.4s, color 0.4s;
}

#visi_impressum_datenschutz_close:hover
{
	background-color: #D1A33D;
	color: #FFF;
	
	cursor: pointer;
}

#visi_impressum_datenschutz_text
{
	width: 100%;
	height: calc(100% - 80px);
	
	box-sizing: border-box;
	
	overflow-y: scroll;
	
	padding-left: 80px;
	padding-right: 80px;
}