/*karlkarl neu */
/* hyphenator-bug safari + google fonts */
body 		{ -webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; }
.ext_link	{ margin-bottom: 2px; }
a.red_link 	{ font-size: 17px; color: rgb(0, 178, 242); }

ul.register a    { display: inline-block; font-size: 19px; margin-right: 8px; font-weight: bold; }
/*
ul.startactor li     { list-style-type: none; }
ul.startactor .title,
ul.startactor .caption   { position: absolute; }
ul.startactor .title     { bottom: 11px; background: rgba(0,0,0,0.6); color: rgba(255,255,255,1); padding: 2px 7px; width: calc( 100% - 2 * 7px ); max-width: 100%; }
ul.startactor li .caption         { }
ul.startactor li:hover .caption   { top: 0px; background: rgba(0,0,0,0.6); color: rgba(255,255,255,1); padding: 17px 20px; width: calc( 100% - 2 * 20px ); height: calc( 100% - 2 * 17px - 24px - 12px ); font-size: 19px; font-weight: normal; transition: background-color 0.5s; }
*/


ul.masonry li					{ list-style-type: none; }
ul.masonry .caption-wrapper 	{ position: absolute; top: 0; bottom: 0; }
ul.masonry .title-wrapper 		{ position: absolute; bottom: 2px; }

ul.masonry .title-wrapper-left 	{ display: inline-block; padding-left: 7px; }
ul.masonry .title     			{ font-size: 13px; background-color: #1abdf6; color: rgba(255,255,255,1); display: inline;line-height: 20px; box-decoration-break: clone; border-top: 4px solid #1abdf6; border-bottom: 4px solid #1abdf6;
	box-shadow:  7px 0px 0 #1abdf6, 	/* O */
				-7px 0px 0 #1abdf6; 	/* W */
}

ul.masonry li .caption-wrapper	{ width: 100%; }
ul.masonry li [class|=caption]	{ opacity: 0; transition: opacity 0.3s linear; color: white; }
ul.masonry li .caption			{ display: block; font-size: 29px; font-weight: bold; line-height: 32px; padding: 14px 15px 6px; }
ul.masonry li .caption-small 	{ display: block; font-size: 13px; font-weight: normal; padding: 0px 16px; }

ul.masonry li:hover [class|=caption]	{ visibility: visible; opacity: 1; }
ul.masonry li:hover .caption-wrapper 	{ background: rgba( 128, 128,  128, 0.80); }
ul.masonry li:hover a .caption-wrapper 	{ background: rgba( 26, 189, 246, 0.85); }
ul.masonry li:hover .title-wrapper-left	{ opacity: 0; }


.owl-carousel         { position: relative; }
.owl-theme .owl-nav   { position: absolute; top: 0px; width: 100%; opacity: 0; transition: opacity 0.3s; }
.owl-theme:hover .owl-nav   { opacity: 1; transition: opacity 0.3s; }
.owl-prev, .owl-next  { position: absolute; top: 180px; width: 35px; height: 35px; }
.owl-prev img, .owl-next img 	{ margin-bottom: 2px; }
.owl-prev             { left: 15px; }
.owl-next             { right: 15px; }
.owl-theme .owl-nav [class*=owl-]   { font-size: 32px; line-height: 32px; vertical-align: top; width: 32px; height: 33px; padding: 0px; opacity: 0.7; background: black; color: white; border-radius: 2px; }


.masonry     { margin: 5.5px; }
.grid-item,
.grid-sizer     				{ width: calc( 100% / 3 - 11px ); }
.ansicht_display .grid-item,
.ansicht_display .grid-sizer 	{ width: calc( 100% / 2 - 11.5px ); }
.gutter-sizer   	{ width: 11px; }
.grid-item          { opacity: 0; }
.grid-item img		{ width: 100%; }

.is-showing-items .grid-item 	{ opacity: 1;  }
.blocklist li.grid-item    		{ margin-bottom: 11px; }
.ansicht_display .grid-item	{ margin-bottom: 11px; }


.tag        { display: inline-block; white-space: nowrap; background-color: #00b2f2; opacity: 0.8; padding: 2px 5px; margin: 2px 3px 0 3px; color: white; }
.tag a      { color: white; }
.tag:hover	{ background: black; }
#content ul:not(.menu_big) li.selected   { background-color: black; font-weight: normal; }


/* cover */
.owl-theme .owl-nav [class*=owl-]   { background: #1abdf6; margin: 5px 0; opacity: 1; }
.owl-theme .owl-nav [class*=owl-]:hover { background: black; }
.owl-prev, .owl-next  { position: absolute; top: 209px; }
.owl-prev                           { left: 0; }
.owl-next                           { right: 0; }
.big.pic                            { width: 991px; height: 460px; }
#col7 .commercial                   { margin-top: 9px; }
.imgWrapper							{ position: relative; }
.imgWrapper .feature                { position: absolute; bottom: 0; color: white; background-color: #1abdf6; transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55); }
.feature-title                      { font-size: 40px; line-height: 40px; padding: 6px 12px; visibility: visible; opacity: 1; margin: 0; }
.feature-subtitle                   { font-size: 29px; line-height: 29px; padding: 6px 12px; visibility: hidden; opacity: 0; margin: 0; }
.imgWrapper:hover .feature-title    { visibility: hidden; opacity: 0; }
.imgWrapper:hover .feature-subtitle { visibility: visible; opacity: 1; }


/* buildings */
.img-col-2                          { width: 323px; }
.img-col-3                          { width: 490px; }
.sammlung li                        { margin-bottom: 45px; }
.sammlung li .head                  { margin: 11px 0 0 0; }
.sammlung .collector, 
.sammlung .special, 
.sammlung .subtitle,
.sammlung .source                   { color: #989898; font-weight: 400; }
.sammlung .collector                { font-weight: 700; }
.sammlung .title                    { font-size: 29px; margin: 3px 0; font-weight: 700; line-height: 29px;  }
li.float .textshort                 { padding-right: 0px; }
u.blue,
.show-more                          { font-family: 'proxima-nova'; font-size: 15px; color: #1abdf6; font-weight: bold; font-weight: 700; }
.blue.show-more 					{ text-decoration: underline; }
.blue.show-more:hover				{ text-decoration: none; }
.ansicht_bild .show-more			{ font-size: 13px; font-weight: normal; color: black; }


/* planerinnen */
.index > li                         { padding-top: 17px; }
.index .index-key                   { font-size: 33px; font-weight: bold; }
.index .index-key a                 { color: #1abdf6; }
.index .index-key a:hover 			{ color: black; }
.index .index-key a .fa-caret-down  { font-size: 18px; vertical-align: baseline; padding-left: 10px; display: inline-block; }

[id|=register]                      { height: auto; max-height: 200px; overflow: hidden; position: relative; }
[id|=register]::after               { position: absolute; top: 130px; bottom: 0; left: 0; right: 1px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); z-index: 2; content:''; }
[id|=register].full                 { height: auto; max-height: none; }
[id|=register].full::after          { display: none; }

[id|=register-index] a:hover        { text-decoration: underline; }
[id|=register-index] .block 		{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ellipsis							{ white-space: nowrap; }
.list-block							{ margin-top: 18px; }

a.atools i 							{ margin-left: 8px; font-size: 11px; font-weight: bold; }
a.atools.abau i 					{ color: #F37066; }
.ui-abau.ui-widget-content			{ border-color: #F37066; background-color: #F37066; }
a.atools.afoto i,
a.atools.agency i 					{ color: #CC9848; }
.ui-agency.ui-widget-content,
.ui-afoto.ui-widget-content			{ border-color: #CC9848; background-color: #CC9848; }
.ui-widget-content 					{ background-image: none; color: white; }
.ui-tooltip							{ max-width: 400px; }



/* themen */
.thema .sammlung li 			{ margin-bottom: 26px; }
.thema .sammlung .subtitle 		{ margin-bottom: 3px; }
.thema .sammlung .head 			{ margin-bottom: 3px; }
.thema .container .col-1 img 	{ margin-top: 4px; }
.startbeilage.ansicht_bild .col-1_text 	{ line-height: 18px; }
.startbeilage.ansicht_bild li li 	{ margin: 9px 0 0 0; }
.startbeilage.ansicht_bild .run-in	{ color: #989898; }
.startbeilage.ansicht_bild a:hover .run-in,
.startbeilage.ansicht_bild a:hover  { color: #1abdf6; }

/* event */
.navi-day						{ display: flex; }
.today,
.navi-day a						{ color: white; background-color: #1abdf6; font-size: 29px; line-height: 35px; font-weight: bold; display: inline-block; }
.navi-day a:hover 				{ background: black; }
.navi-day a.yesterday, 
.navi-day a.tomorrow			{ width: 35px; height: 35px; text-align: center; line-height: 31px; }
.today 							{ flex-grow: 100; text-align: center; margin: 0 2px; }

.navi-month 					{ display: flex; justify-content: space-between; margin-top: 10px; }
.navi-month	a					{ color: #989898; display: flex; font-weight: bold; }
.navi-month a.last-month,
.navi-month a.next-month,
.navi-month a.weekend 			{ color: #bdbdbd; }
.navi-month a:hover,
.navi-month a.actday 			{ color: #1abdf6; }
.navi-month a.active 			{ color: white; background: #989898; border: 4px solid #989898; border-top: none; border-bottom: none; }
.navi-month a.actday.active     { background-color: #1abdf6; border-color: #1abdf6; }
/*.navi-month a.nopoint			{ filter: blur( 1.5px ); }*/
.navi-month .fa 				{ font-size: 9px; line-height: 15px; }

.event-data						{ color: #989898; }
.event .title 					{ font-size: 29px; font-weight: bold; }

ul.event 						{ margin-top: 32px; }
ul.event li 					{ margin-bottom: 19px; padding: 0; }

.event .reference a.blue		{ color: #1abdf6; text-decoration: underline; }
.event .reference a:hover 		{ text-decoration: none; }


/* paging */
.el_paging_toolbox 				{ text-align: center; font-size: 17px; font-weight: bold; }
.el_paging_toolbox .paging li 	{ margin: 0px 7.5px; }
.el_paging_toolbox a,
.el_paging_toolbox .paging li a { color: #1abdf6; }
.el_paging_toolbox a:hover,
.el_paging_toolbox .paging li a:hover,
.el_paging_toolbox .paging li a.active 	{ color: #989898; }
.el_paging_toolbox .prev 		{ float: left; }
.el_paging_toolbox .next 		{ float: right; }
.el_paging_toolbox ul.paging 	{ display: inline-block; }
.el_paging_toolbox .fa 			{ font-size: 12px; font-weight: lighter; }

.el_paging_toolbox .toolbox 	{ font-size: 13px; font-weight: normal; }


/* search */
body							{ position: relative; }
#searchbox						{ }
#form_search 					{ z-index: 100; position: absolute; background-color: white; }
#searchResultsContainer			{ z-index: 99; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba( 26, 189, 246, 0.85); display: none; }
#searchresults					{ background-color: #ffffff; z-index: 99; position: absolute; left: 167px; top: 67px; background-image: url('../img/back_content.png'); }
li.article						{ margin-bottom: 32px; }
#searchresults .col-1_head 		{ font-size: 13px; line-height: 1.3em; }
.col-1_header_search			{ margin-top: 13px; border: 5px solid #1ABDF6; width: 156px; height: 32px; }
.search input					{ border: none; width: 146px; height: 22px; padding: 5px; font-size: 13px; box-sizing: content-box; }
.more-results 					{ background: #1abdf6; color: white; font-weight: bold; text-align: center; padding: 10px 0; margin-bottom: 32px; }
.more-results:hover				{ background: black; }

.content-subtitle				{ margin-top: 9px; }
.content-title+.content-subtitle	{ margin-top: 0px; }


/* footer */
#footer 						{ margin-top: 82px; }


/* photoswipe */
.pswp__caption__center			{ font-size: 14px; padding-top: 17px; }
.pswp__caption a  				{ color: #ccc; text-decoration: underline; }
.pswp-actor a,
.pswp-actor 					{ color: white; margin-bottom: 2px; }
#pswp__title					{ top: 0px; padding: 14px 0px; margin: 0 88px; width: calc( 100% - 2 * 88px ); background: none; bottom: auto; font-size: 14px; text-align: center; color: white; }
.pswp-actor-extern				{ white-space: nowrap; }
.pswp-actor-extern i 			{ font-size: 11px; margin-left: 2px; }
/* photoswipe non-responsive bug */

@media screen and (max-width: 767px) {
	.pswp 							{ width: 100vw; height: calc( 100vh - 24px ); }
}

@media screen and (min-width: 420px) {
	.pswp__caption__center		{ max-width: 768px; width: 50%; min-width: 420px; }
}

input.radio                     { border: none; height: 13px; vertical-align: middle; -webkit-appearance: radio; appearance: radio; }
label.btn-radio                 { padding-right: 10px; }
#form td.block.form_name        { vertical-align: top; padding-top: 16px; }
#form                           { width: 501px; }
.event #form                    { width: inherit; }

figure.col-1,
figure.col-2,
figure.col-3,
figure.col-4					{ margin: 4px 0 0 0; float: left; }
figure.col-4					{ margin-bottom: 1.4em; }
figure figcaption				{ font-family: proxima-nova, courier, Arial, Helvetica, sans-serif; font-size: 15px; margin-top: 8px; color: #999999; }

.content-textbox				{ margin-top: 46px; }


[class|=col] ul.special-list li { overflow: visible; list-style-type: disc; margin-left: 26px; }