html, body, div, p, img, header, nav, section, h1, h2, h3, h4, h5, h6, form, select, option, textarea, input, button, table, td, th, hr, a, span, ul.reset, ul.reset li { margin: 0px; padding: 0px; border: 0px; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; }
ul.reset { list-style-type: none; }
article, aside, header, section, nav, footer, main, audio, video, form, iframe { display: block; }

html, body
{  }

body, td, input, textarea
{
font-family: 'GothamPro', arial, helvetica, geneva, verdana, tahoma, sans-serif;
font-size: 18px;
line-height: 24px;
font-style: normal;
font-weight: normal;
vertical-align: middle;
text-size-adjust: none; 
-webkit-text-size-adjust: none;
color: #262626;
}

bold, strong { font-weight: 700; }

a { color: #000000; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000000; }

div.contentWrapper { width: 90%; max-width: 1280px; margin: 0px auto; }

header { padding: 60px 0px 120px 0px; }

a.headerTitle { font-size: 32px; line-height: 32px; text-transform: uppercase; text-decoration: none; }
div.headerNavButton { height: 33px; width: 32px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; cursor: pointer; }
div.headerNavButton div { height: 16px; border-bottom: 1px solid #000000; }
nav { height: 0px; overflow: hidden; transition: all 300ms; }

ul.menu li a { display: block; padding: 0px 0px 14px 0px; font-size: 22px; line-height: 22px; color: #262626; text-decoration: none; text-transform: uppercase; }


a.homeLink { display: block; flex: 1 1 auto; position: relative; left: 0px; top: 0px; width: 100%; height: 60vw; max-height: 720px; overflow: hidden; margin-bottom: 60px; text-decoration: none; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; }
a.homeLink img { display: block; width: 100% }
a.homeLink span { display: block; position: absolute; left: 0px; bottom: 0px; padding: 20px 40px; font-size: 120px; line-height: 100px; text-transform: uppercase; font-weight: 100; color: #FFFFFF; }

h1 { padding-bottom: 80px; font-weight: normal; font-size: 42px; line-height: 42px; text-align: center; text-transform: uppercase;  }

p { padding-bottom: 24px; }


a.photo { width: 48%; margin-bottom: 60px; max-height: 400px; text-decoration: none; }
div.photoPhoto { height: 30vw; max-height: 360px; overflow: hidden; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; transition: all 500ms; }
/* div.photoPhoto:hover { background-size: auto 100%; } */
div.photoPhoto img { display: block; width: 100%; }
div.photoTitel { padding-top: 10px; }


div.photoSliderContainer { height: 70vw; max-height: 800px; }
div.photoSliderContent { width: 80%; height: 100%; margin: 0px auto; }
div.photoSliderPhoto { height: auto; flex-basis: 90%;  -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center bottom; }
div.photoSliderText { width: 100%; height: 84px; flex: 0 0 auto; margin: 0px auto; padding-top: 12px; font-weight: 100; }

div.photoSliderNext { width: 44px; /*top: 40%;*/ transform: rotate(45deg); background-image: none; border-top: 2px solid #262626; border-right: 2px solid #262626; }
div.photoSliderPrev { width: 44px; /*top: 40%;*/ transform: rotate(45deg); background-image: none; border-bottom: 2px solid #262626; border-left: 2px solid #262626; }




.flex_x_no_wrap { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex_x_wrap { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.flex_x_align_center { -webkit-align-content: center; align-content: center; -webkit-align-items: center; align-items: center; }
.flex_x_align_bottom { -webkit-align-items: flex-end; align-items: flex-end; }
.flex_x_justify_center { -webkit-justify-content: center; justify-content: center; }
.flex_x_space_between { -webkit-justify-content: space-between; justify-content: space-between; }
.flex_x_end { -webkit-justify-content: flex-end; justify-content: flex-end; }
.flex_y_no_wrap { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex_y_wrap { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.flex_y_justify_center { -webkit-justify-content: center; justify-content: center; }
.flex_y_align_center { -webkit-align-content: center; align-content: center; -webkit-align-items: center; align-items: center; }
.flex_y_end { -webkit-justify-content: flex-end; justify-content: flex-end; }
.flex_h_v_center { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; -webkit-align-content: center; align-content: center; -webkit-align-items: center; align-items: center; }






@media only screen and (max-width: 1024px) { 
	xdiv.photoSliderContainer { height: 80vw; }
}

@media only screen and (max-width: 860px) { 
	a.homeLink span { font-size: 90px; }
	div.photoTitel { font-size: 16px; line-height: 20px; }
}

@media only screen and (max-width: 640px) { 
	a.homeLink span { padding: 20px; font-size: 60px; line-height: 60px; }
	div.photoTitel { font-size: 14px; line-height: 18px; }
	div.photoSliderContainer { height: 50vh; }
}

@media only screen and (max-width: 620px) { 
	div.photoTitel { font-size: 14px; line-height: 18px; }
	div.photoSliderNext { width: 33px; height: 33px; }
	div.photoSliderPrev { width: 33px; height: 33px; }
}

@media only screen and (max-width: 480px) { 
	a.homeLink span { padding: 15px; font-size: 50px; line-height: 50px; }
	a.photo { width: 100%; }
	div.photoPhoto { height: 50vw; }
}

@media only screen and (max-width: 420px) { 
	div.photoSliderNext { width: 22px; height: 22px; }
	div.photoSliderPrev { width: 22px; height: 22px; }
	div.photoSliderContainer { height: 380px; }
}

@media only screen and (max-width: 380px) { 
	div.photoSliderContainer { height: 320px; }
}

@media only screen and (max-width: 340px) { 
	div.headerTitle { font-size: 26px; line-height: 26px; }
}

@media only screen and (max-width: 320px) { 
	div.photoSliderContent { width: 70%; height: 200px; }
}







/* from area */
img.CKeditorImgFloatLeft { float: left; margin: 0px 20px 20px 0px; }
img.CKeditorImgFloatRight { float: right; margin: 0px 0px 20px 20px; }

img.CKeditorImgMarginLeft { margin: 0px 0px 20px 20px; }
img.CKeditorImgMarginRight { margin: 0px 20px 20px 0px; }
/* /from area */