/* HTML5 DISPLAY DEFINITIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* Base */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
form { margin: 0; }
input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
input { line-height: normal; }
input[type="submit"] { cursor: pointer; }
input::-moz-focus-inner { border: 0; padding: 0; }
a {color:#fff; text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
a:hover {color:#8b1a13;}
a.no_transit {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
*:focus  { outline: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
html { overflow-y: scroll; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-font-smoothing:subpixel-antialiased;}

/* fonts */
@font-face { font-family: 'font-reg'; src: url('fonts/font-reg.eot'); src: url('fonts/font-reg.eot?#iefix') format('embedded-opentype'),url('fonts/font-reg.woff2') format('woff2'),         url('fonts/font-reg.woff') format('woff'),url('fonts/font-reg.ttf') format('truetype'),url('fonts/font-reg.svg#font-reg') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family:'font-semi'; src: url('fonts/font-semi.eot'); src: url('fonts/font-semi.eot?#iefix') format('embedded-opentype'),url('fonts/font-semi.woff2') format('woff2'),         url('fonts/font-semi.woff') format('woff'),url('fonts/font-semi.ttf') format('truetype'),url('fonts/font-semi.svg#font-semi') format('svg'); font-weight: normal; font-style: normal; }

/* allgemein */
* { margin:0; padding:0; border:0; }
html,body { height:100%; }
body { font-family:'font-reg', Arial, Verdana, sans-serif; font-size:14px; line-height:20px; background:#f7f5eb; color:#3a3a3a;}
.clear {clear:both;}
.invisible {display:none}
h1, h2, h3, h4 {font-family: Georgia,Times,"Times New Roman",serif; color:#8b1a13; font-weight:normal;}
h1 {font-size:40px;line-height:44px; margin:30px 0;}
h2 {font-size:30px;line-height:34px; margin:30px 0 20px;}
h3 {font-size:25px;line-height:30px; margin-bottom:10px;}
h4 {font-size:20px;line-height:25px; margin-bottom:10px;}
h5 {font-size:16px;line-height:22px; }
.center {position:relative; width:80%; margin:auto; }
.center_inner {padding:0 20px;}
.rot {color:#8b1a13;}

/* footer to bottom */
.container { display:table; height:100%; width:100%;}
.row { display:table-row; height:1px; }
.push { height:auto; }

.main {}
.content {padding:40px 0;}
.ce_text {font-size:20px; line-height:32px; text-align:justify; -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:40px; -webkit-column-gap:40px; column-gap:40px;}
.link {-moz-column-count:1; -webkit-column-count:1; column-count:1;}
.imprint .ce_text {font-size:14px; line-height:20px; text-align:justify; -moz-column-count:1; -webkit-column-count:1; column-count:1;}
a.link, .link a{display:block; float:left; color:#fff; background:#999; padding:5px 10px; font-size:16px; margin-right:2px;line-height:20px;}
a.link:hover, .link a:hover {background:#8b1a13;}

.links {margin-top:40px;}
.portraits {margin-top:50px;display:none;}
.impressum .portraits {margin-top:20px;}
.portraits .center {background:#fff;padding-bottom:20px;}
.all_portrait a {display:inline-block; padding-right:10px;margin-right:10px; color:#3a3a3a; text-transform:uppercase; border-right:1px solid #3a3a3a; font-size:22px; line-height:22px; height:22px; margin-bottom:15px;}
.all_portrait a:hover {color:#8b1a13;}
.all_portrait a:last-child {border-right:none;}
.portraits .center .close {position:absolute; right:0; top:0; width:30px; height:30px; background:#999 url(../images/close.png) no-repeat;}
.portraits .center .close:hover {background-color:#8b1a13;}

.home .portraits .center {background:none;padding-bottom:0;}
.home .portraits .center .center_inner{}
.homep {position:relative;background:#fff;padding:20px;}
.homep h2 {margin:10px 0 20px;}

/* info */
.top_img img {width:100%; height:auto;}
.info .links_left, .portrait_links .links_left, .welcome .links_left{float:left;}
.info .links_right, .portrait_links .links_right, .welcome .links_right {float:right;}
.info .links_right a, .portrait_links .links_right, .welcome .links_right {margin-right:0; margin-left:2px;}

.projekt, .demenz, .initiatoren {margin-top:20px;}
.projekt .center, .demenz .center, .initiatoren .center {background:#fff;padding-bottom:40px;}
a.more {float:none;display:inline-block;}
.initiatoren a.link {float:none;display:inline-block;margin-top:20px;}
.slide1, .slide2 {display:none;}
.morebox {height:30px;margin-top:20px;}
#w_slide1, #w_slide2 {margin-top:20px;}

.imprint a {color:#3a3a3a;}
.imprint a:hover {color:#8b1a13;}
.impressum a.link {margin-top:2px;}

/* portrait */
.portrait_content img {width:100%; height:auto;}
.arrow {display:block; width:30px; height:30px; float:left;margin-right:2px;}
.prev {background:#999 url(../images/portrait/prev.png) no-repeat 0 0;}
.next {background:#999 url(../images/portrait/next.png) no-repeat 0 0;}
.arrow:hover {background-color:#8b1a13;}
.title {margin:-20px 0 20px;}
.title_left {float:left;}
.title_right {float:right;}
.title_left h2, .title_right h2 {font-size:30px;line-height:30px; margin:0 0 20px;}
.title_right h2 {float:left; margin-right:10px;}
.show {display:block; width:30px; height:30px; background:#8b1a13 url(../images/portrait/prev.png) no-repeat 0 0;float:right; }
.show_active {background:#8b1a13 url(../images/portrait/next.png) no-repeat 0 0;}
.show:hover {background-color:#999;}
.portrait_content {overflow:hidden;position:relative;}
.portrait_content .portrait_text {position:absolute; top:0; right:-2000px; width:100%; height:100%; background:url(../images/portrait/text_back.png) repeat;}
.portrait_text_inner {padding:0 30px; color:#222;font-size:18px; line-height:24px; height:92%;margin-top:5%;}
.tabelle {height:100%;width:96%;}
.tabelle td {vertical-align:middle;}
.tabelle {height:100%;}
.scrollcontent {height:100%;position:relative;}
.portrait_text h2 {color:#222;margin:0 0 20px;}
.portrait_text .show {position:absolute; right:0; top:0; width:30px; height:30px; background:#999 url(../images/close.png) no-repeat;}
.portrait_text .show:hover {background-color:#8b1a13;}

/* footer */
.scroll_top_box {position:relative; }
.scroll_top {position:absolute; right:20px; top:-30px; display:block; width:30px; height:30px; background:url(../images/top.png) no-repeat 0 0;}
footer {position:relative; z-index:20; background:#999; width:100%; min-height:120px; color:#fff; }
.scroll_top:hover {background-position:0 -30px;}
footer .center {padding:0 0 30px;}
.footer_left {float:left;}
.zqp {display:block; margin-right:60px; margin-top:20px;}
.chaperon {display:inline-block;  margin-top:20px;}
.footer_right {float:right;padding-top:30px; }
.footer_nav {float:right;}
.footer_nav li {float:left;height:15px; line-height:15px; display:block;}
.footer_nav li.first {padding-right:10px; margin-right:10px; border-right:1px solid #fff;}
footer a {color:#fff;}
footer a:hover {color:#3a3a3a;}
.kontakt {margin-top:20px;text-align:right;}


/* animationen */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } 
@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } 
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInUp { 0% { opacity: 0;-webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } 
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } 
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@media (max-width: 1200px) { 
	.center {position:relative; width:960px; margin:auto; }
}
@media (max-width: 960px) { 
	.center {width:100%;}
	.info .links_left, .title_left, .portrait_links .links_left{margin-left:20px;}
	.info .links_right, .title_right, .portrait_links .links_right{margin-right:20px;}
	.welcome .links_left, .welcome .links_right {margin:0;}
}
@media (max-width: 768px) {
	h1 {font-size:30px;line-height:34px; }
	h2 {font-size:25px;line-height:28px;}
	h3 {font-size:20px;line-height:24px;}
	.ce_text { font-size:18px; line-height:28px; }
	.footer_left, .footer_right, .footer_nav {float:none;width:100%;}
	.kontakt {margin-top:10px;text-align:left;}
	.all_portrait a {font-size:18px;line-height:18px; height:18px; margin-bottom:10px;}
	.portrait_text_inner {padding:0 20px; font-size:16px; line-height:22px;}
}
@media (max-width: 600px) { 
	.ce_text { -moz-column-count:1; -webkit-column-count:1; column-count:1; }
	.info .links_left, .portrait_links .links_left, .title_left {float:none;display:block;}
	.info .links_right, .portrait_links .links_right, .title_right {float:none; margin-top:5px;margin-left:20px;display:block;}
	.info .links_right a {margin-right:2px; margin-left:0;}
	.portrait_text_inner {font-size:14px; line-height:20px;}
}
@media (max-width: 500px) {
	.welcome h1 {margin:0 0 20px 0;}
	.ce_text { font-size:15px; line-height:22px; }
	.all_portrait a {display:block;border-right:none;}
}