/*simple basics*/
.tp_pic {max-width:100%;}


/* List Page */
.mod_topic_loop {
	margin-bottom:30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	position:relative;
	hyphens: auto	
}
.mod_topic_loop td {vertical-align:top;}

.mod_topic_loop .tp_title {padding:2px 0 0 0; margin:0;}
.mod_topic_loop .tp_thumb {float:left; max-width:22%; margin:0 2% 20px 0;}
.mod_topic_loop .tp_author {color:#aaaaaa; font-size: 11px;}
.mod_topic_loop .tp_date {float:right; color:#aaaaaa; font-size: 11px;}
.mod_topic_loop .tp_short {} /*[Short]*/
.mod_topic_loop .tp_readmore {margin:0 0 10px 0; font-weight: bold;}
.mod_topic_loop .tp_prevnext {}

.mod_topic_active5 {font-weight: bold;}
.topics_calendar_day {
	padding:12px 0 0 0;
	background: url(img/calendar.png) no-repeat center 4px;
}

a.tp_editlink {display: block; position:absolute; top:-10px; right: -10px; width:32px; height: 32px; background: url(img/edit32.png) no-repeat; opacity: 0.1;  transition:0.5s all; }
a.tp_editlink:hover {opacity: 0.5; }

.mod_topic_comments1 {background: url(img/comments1.png) no-repeat right top;}
.mod_topic_comments2 {background: url(img/comments2.png) no-repeat right top;}
.mod_topic_comments3 {background: url(img/comments3.png) no-repeat right top;}
.mod_topic_comments4 {background: url(img/comments4.png) no-repeat right top;}

/*===============================================================
CHIO2022 Grid */
.tp_grid-container {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;
    row-gap:10px;
	grid-auto-flow: dense;
}

.tp_grid-item {   
    overflow:hidden; 
    position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:300px;
	margin-bottom: 0;
	border-bottom: none ! important;
}

.tp_grid-item a.gridlink {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.0);  transition: 0.8s background; }
.tp_grid-item a.gridlink:hover {background: rgba(0,0,0,0.2);}

.tp_grid-item.width2 { grid-column: span 2;  }
.tp_grid-item.width3 { grid-column: span 3;  }
.tp_grid-item.width4 { grid-column: span 4;  }

.tp_grid-item .innergrid {
    box-sizing: border-box;
    padding: 6px 6px 6px 10px;
    background: rgba(0,0,0,0.2);
    width: 100%;
    position: absolute;
    bottom: 0;
    transition: 0.3s all;
	color: #fff;
}

.tp_grid-item:hover .innergrid {
    background: rgba(0,0,0,0.5);
    padding-bottom: 20px;
}

.tp_grid-item .innergrid *, .tp_group_tags {padding: 0 0 0 0; margin:0 0 0 0; XXfont-size:0.9em;} 
.tp_grid-item .innergrid h3 {color: #fff; line-height:120%; }
.tp_grid-item .innergrid a  {color: #ddd;}


/*Groups / Tags */
ul.tp_group_tags li {
    padding: 0 18px 0 15px ! important;
    color: #d1d1d1;
    background: url(img/blockli.gif) no-repeat left center;
	display:inline-block;
	font-size:0.9em;
}




/* ===============================================================
Topic Page*/
.mod_topic_page {position:relative; hyphens: auto}
.mod_topic_page .tp_headline {margin-bottom:0;}
.mod_topic_page .tp_pic {}
.mod_topic_page .tp_author {color:#aaaaaa; font-size: 11px; margin-top:0;}
.mod_topic_page .tp_date {float:right; color:#aaaaaa; font-size: 11px;}
.mod_topic_page .tp_teaser {} /*[Short]*/
.mod_topic_page .tp_teaser img.tp_pic {max-width: 48%; float:left; margin:4px 4% 2px 0;}
.mod_topic_page .tp_teaser_right img.tp_pic {float:right; margin:4px 0 2px 4%;}

.mod_topic_back {font-size: 14px; margin: 20px 0 0 0;	font-weight: bold;}
.mod_topic_edit {font-size: 14px; margin: 20px 0 0 0;	font-weight: bold;}

.mod_topic_page .tp_teaser-mobile {display:none;}
.mod_topic_page .tp_teaser-mobile img {}


/*Previous, Next, Also see */
/*topic_block2*/
a.pnsa_block {display:block; width:100%; padding: 0 0; margin:0 0 10px 0; font-size:0.9em; line-height:120%; /*opacity: 0.8;*/ transition:0.5s all; text-decoration:none;}
a.pnsa_block img {float:left; max-width:20% ! important; margin:0 2% 0 0;}
a.pnsa_block:hover {background: rgba(200, 200, 200, 0.2); padding: 5px 0 10px 0; text-decoration:none; /*opacity: 1;*/}

.mod_topic_seealso { padding:10px 0;}
.mod_topic_seealso h4, .mod_topic_seealso h3 {margin:10px 0 5px 0; font-size:1.0em;} 

.mod_topic_prevnext { padding:4px 0;}
.mod_topic_prevnext h4, .mod_topic_prevnext h3 {margin:10px 0 5px 0; font-size:1em;}

/*CHIO2022: Groups/Tags Filter */
.groups_tags_filter span {display:inline-block; background: #cc0000; padding: 2px 5px; color: #fff;}
.groups_tags_filter  .filter-text {}
.groups_tags_filter .filter-close {}
.groups_tags_filter .filter-close a {color: #fff;}

.pnsaclear {display:block; height:0; clear:both;}

/*sidebar, topic_block2 */
.topic_block2 .tp_pic {max-width:100%;}


/*topic_footer*/
.topic_footer {width:102%;}
.topic_footer a.pnsa_block {float: left; width: 48%; min-width:220px; margin: 0 2% 10px 0; }
.topic_footer a.pnsa_block:hover { padding: 0 0;}

/*footerpnsa*/
.tp_footerpnsa {width:102%; clear:both; margin-top:30px;}
.tp_footerpnsa a.pnsa_block {width:48%; float:left; padding: 0 0; margin:0 2% 20px 0;}
.tp_footerpnsa.tp-blocks-3 {width:103%; }
.tp_footerpnsa.tp-blocks-3 a.pnsa_block {width:31%;margin:0 2% 20px 0;}




.additional_pictures {margin-top:10px;}
.additional_pictures a {float:left; margin: 0 5px 5px 0;}
/* .additional_pictures a img {height:100px;} */

/*CHIO2022: Additional Pictures + Captions */
.additional_pictures {overflow:hidden; width:101.5%;}
.additional_pictures .additional_pictures_inner .tpap_thumb_link  {position: relative; box-sizing: border-box; display:block; float:left; width: 24%; margin: 0 0.8% 9px 0; padding: 0 0 0 0; }
.additional_pictures .additional_pictures_inner a { float: none;  margin: 0 0 0 0; width:100%;}
.additional_pictures .additional_pictures_inner a img {width:100%;  float:left;}
.additional_pictures .additional_pictures_inner  .tpap_picture_desc {position: absolute; font-size:0.8em; line-height:120%; width:96%; padding: 2px 2%; bottom:0; color: #fff; background: rgba(0,0,0,0.6); opacity: 0.2; transition: 0.5s opacity;}
.additional_pictures .tpap_thumb_link:hover .tpap_picture_desc{opacity: 1;}





/*Topic Comments*/
.mod_topic_nocomments { font-size: 12px; color: #666666;}
.mod_topic_commentbox {overflow:hidden;} 
.mod_topic_commentbox .comment_name {margin:0; font-weight: bold; overflow:hidden;}
.mod_topic_commentbox .comment_date {float:right;  width:100px; text-align:right; font-size: 10px; color: #666666; margin:0;}
.mod_topic_commentbox .comment_text {margin:3px 0; padding-top:5px; border-top: 1px dotted #666; word-wrap: break-word;}



/*New AJAX-Comments */
.topicsc_ajax {max-width:400px;}
.topicsc_ajax input, .topicsc_ajax textarea {border: 1px solid #999; width:90%; padding:5px 1%;}
.topicsc_ajax textarea { height: 120px; font-size: 11px;}
#c_mment_form table, #c_mment_form table td {border: 0;}



/*Add Comments iFrame*/
.mod_topic_comment_iframe {width:90%; max-width: 400px; height: 450px;}
	
.mod_topic_add_comment {font-size: 16px; margin: 20px 0 0 5px; font-weight: bold;}

/*Add Comment Frame*/
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier { display:none;}
.topicsc_the_f { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.topicsc_the_f p { margin:4px 0;}
.topicsc_the_f input , .topicsc_the_f textarea { border: 1px solid #222222; width:90%;}
.topicsc_the_f textarea { height: 120px; font-size: 11px;}
.topicsc_the_f td { font-size: 12px; font-weight: bold; color: #000066;}


/*--------------LastComments------------------*/
.comment {margin: 3px 0 0 0; }
.commentlink {margin-top: 0;}


/*Extras:
{FULL_TOPICS_LIST} 
*/
ul.topic_menu, ul.topic_menu li {list-style-type: none;list-style-image: none; line-height:110%;}
ul.topic_menu {width:100%; margin: 0; padding:0;}
ul.topic_menu li {float:left; width:32%; height:40px; margin: 0;}
ul.topic_menu li div {margin: 0; margin: 0 5px;}
ul.topic_menu a {text-decoration: none;}
ul.topic_menu .tp_listactive {font-weight: bold; color:#000000;}


/*Extras:
2, 3 or 4 Blocks Overview
*/
.tp-blocks {width:100%; overflow:hidden;}
.tp-blocks h3, .tp-blocks p  {margin:0;}

.tp-blocks-3 .tp-blocks-inner {width:104.2%;}
.tp-blocks-3 .mod_topic_loop {float:left; width:30%; margin: 20px 3% 20px 0; }

.tp-blocks-2 .tp-blocks-inner, .tp-blocks-4 .tp-blocks-inner {width:102.1%;}
.tp-blocks-2 .mod_topic_loop {float:left; width:48%; margin: 10px 2% 20px 0; }
.tp-blocks-4 .mod_topic_loop {float:left; width:23%; margin: 10px 2% 20px 0; }

.tp-blocks-inner .mod_topic_loop {border-bottom:0;}
.tp-blocks-inner .mod_topic_loop a.loop-pic {display:block; width:100%; margin-bottom:6px; background-size: 101% auto, auto; background-position: center, center;  transition:0.5s all;}
.tp-blocks-inner .mod_topic_loop a.loop-pic img {width:100%; float:left; opacity:1; transition:0.5s all;}
.tp-blocks-inner .mod_topic_loop a.loop-pic span.miniclear {display:block; height:0; clear:both; }

.tp-blocks-3 .mod_topic_loop .textblock {line-height:130%; padding-right:1%;}
.tp-blocks-3.tp_thumbsblock .mod_topic_loop .textblock_thumb {line-height:130%; padding-right:1%;}
.tp-blocks-3.tp_thumbsblock .mod_topic_loop .tp_thumb { margin-bottom: 5px; }


.tp-blocks-2 .tpcount2-1 {clear:left;} 
.tp-blocks-3 .tpcount12-4, .tp-blocks-3 .tpcount12-7, .tp-blocks-3 .tpcount12-10, .tp-blocks-3 .tpcount12-1 {clear:left;} 
.tp-blocks-4 .tpcount12-5, .tp-blocks-4 .tpcount12-9, .tp-blocks-4 .tpcount12-1 {clear:left;} 

/*ausnahmen*/
.tp_content_wide .tp_thumb {float:left; max-width: 24%; margin:3px 2% 2px 0; }


/*some effects:*/
.tp-blocks-inner .mod_topic_loop a.loop-pic:hover img {opacity:0.1;}
.tp-blocks-inner .mod_topic_loop a.loop-pic:hover  {background-size: 140% auto, auto; }


/*tp_blrd*/
#tp_blrd {position:relative;}
#tp_blrd .tp_blrd_reg {padding:50px 20px; position:absolute; top:0; background:#fff;}
#tp_blrd .tp_blrd_reg .tp_login_td input {margin: 0 0 0 10px;}

tp_hcplus { display:none;}
.mod_topic_hc5 .tp_hcplus, .mod_topic_hc6 .tp_hcplus  {
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	border-radius:50%;
	right:2%;
	top:-15px;
	background-color:#ca2d2d;
	border:1px solid #fff;
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	overflow:hidden;
	text-align:center;
	color:#fff;
	font-size:32px;
	line-height:30px;
	font-weight:bold;
}

.mod_topic_hc6 .tp_hcplus {box-shadow: 0 8px 15px rgba(0,0,0,0.3);}





/*Show and Hide Responsive*/
.hideOnDesktops {display: none;}

/*--------------Development helpers------------------*/
.tp_is_now .tp_headline, .tp_is_now h3 a  {color:green ! important ;}
.tp_outdated .tp_headline, .tp_outdated h3 a{color:red ! important;}
.mod_topic_active6 {background: rgba(124,124,124,0.5);}
.mod_topic_active5 {background: rgba(124,124,124,0.2);}


/*--------------Responsive------------------*/
@media screen and (max-width: 800px) {
	
	.tp-blocks-3 .tp-blocks-inner, .tp-blocks-4 .tp-blocks-inner {width:102%;}
	.tp-blocks-4 .mod_topic_loop, .tp-blocks-3 .mod_topic_loop { width:47.8%; margin: 10px 2% 20px 0; }
	
	.tp-blocks-3 .tpcount12-4, .tp-blocks-3 .tpcount12-7, .tp-blocks-3 .tpcount12-10 {clear:none;} 
	.tp-blocks-3 .tpcount12-3, .tp-blocks-3 .tpcount12-5, .tp-blocks-3 .tpcount12-7, .tp-blocks-3 .tpcount12-9, .tp-blocks-3 .tpcount12-11 {clear:left;}
	.tp-blocks-4 .tpcount12-3, .tp-blocks-4 .tpcount12-7, .tp-blocks-4 .tpcount12-9, .tp-blocks-4 .tpcount12-11 {clear:left;} 
	
	.tp-blocks.tp_thumbsblock .tp-blocks-inner, .tp-blocks.tp_thumbsblock .mod_topic_loop {float:none; clear:both; width:100%; min-height: 20px; height: auto ! important; margin: 10px 0 10px 0; padding-bottom:10px;}
	
	.mod_topic_page .tp_teaser-mobile {display:block;}
	.mod_topic_page .tp_teaser-mobile img {max-width:48%; float:left; margin:0 4% 0 0;}
	
	.tp_grid-container {   grid-template-columns: 1fr 1fr; }
	.tp_grid-item.width2 { grid-column: span 2;  }
	.tp_grid-item.width3 { grid-column: span 2;  }
	.tp_grid-item.width4 { grid-column: span 2;  }
	
	
	/*footer*/
	.tp_footerpnsa.tp-blocks-3 {width:102%; }
	.tp_footerpnsa.tp-blocks-3 a.pnsa_block {width:48%;}
	
	/*Show and Hide Responsive*/
	body .hideOnTablets {display: none;}
	.hideOnDesktops {display: block;}
	
}


@media screen and (max-width: 540px) {
	.mod_topic_page .tp_teaser {margin-bottom:20px; padding-bottom:5px; border-bottom:1px #999 solid;}
	.mod_topic_page .tp_teaser img.tp_pic {max-width: 100%; float:none; margin:0 0 2px 0;}

	.tp-blocks-2 .tp-blocks-inner, .tp-blocks-3 .tp-blocks-inner, .tp-blocks-4 .tp-blocks-inner  {width:100%;}
	.tp-blocks-2 .mod_topic_loop, .tp-blocks-3 .mod_topic_loop, .tp-blocks-4 .mod_topic_loop {float:none; width:100%; min-height: 20px; height: auto ! important; margin: 10px 0 20px 0; padding-bottom:20px;}
	.tp-blocks-inner .mod_topic_loop .textblock {height:auto ! important; }
	
	.mod_topic_page .tp_teaser-mobile img {max-width:100%;}
	
	.tp_content_wide .tp_pic {clear: both; float:none; width:100%; margin: 10px 0 10px 0 ! important; }
	
	.tp_grid-container {   grid-template-columns: 1fr ! important; }
	.tp_grid-item.width2, .tp_grid-item.width3, .tp_grid-item.width4 { grid-column: span 1 ! important;   }
	
	/*footer*/
	.tp_footerpnsa, .tp_footerpnsa a.pnsa_block, .tp_footerpnsa.tp-blocks-3, .tp_footerpnsa.tp-blocks-3 a.pnsa_block {width:100%; float:none; margin-left:0;}
	
	.additional_pictures a {max-width:45%;}
	.additional_pictures a img {max-width:100%;}
	
	/*Show and Hide Responsive*/
	.hideOnMobiles {display: none;}
	body .hideOnTablets {display: block;}
	body .hideOnDesktops {display: block;}
	

}