/* CATEGORY1 - CONTAINER*/
.abos-container{margin:0px; padding:0px 6px;}

/* DESKTOP AKA "md" */
@media screen and (min-width: 768px) {
	.abos-container{ width:990px; }
}

/* CATEGORY1 - BOX*/
.abo-box{position:relative; display:inline-block; vertical-align:top; width:230px; margin:7px 5px; border:1px solid transparent; cursor:pointer; opacity:1; border-radius:2px;
	transition:all 0.3s linear 0s;}
.abo-box .abo-title{background-color:#41739a; color:#ffffff; font-size:20px; font-weight:600; text-align:center; padding:0px 0px; height:40px; padding:8px 0;}
.abo-box .abo-title span{display:inline-block; vertical-align:middle;}
.abo-box .abo-description{background-color:#41739a; color:#ffffff; padding-bottom:12px;
	transition:all 0.3s linear 0s}
.abo-box .abo-description-img{margin:0px; text-align:center; overflow:hidden;}
.abo-box .abo-description ul{font-size:15px; line-height:18px; height:140px; margin:0px 10px 0px 15px; text-align:left;}
.abo-box .abo-description li{list-style-image:url("https://shop.nachrichten.at/graphics/abo-hackerl-icon.png"); margin:10px 0px;}
.abo-box .abo-zudenabos{
	color:#ffffff; text-align:center; font-weight:900; font-size:14px; margin:5px auto 0px auto; height:35px; line-height:35px; max-width:400px;
	transition:all 0.3s linear 0s;}
.abo-box .abo-zudenabos span{display:inline-block; vertical-align:middle;}
.abo-box .abo-zudenabos-txt{display:inline-block; vertical-align:middle; max-width:200px; overflow:hidden; opacity:1;
	transition:all 0.3s linear 0s;}
.abo-box .abo-zudenabos img{display:inline-block; vertical-align:middle;
	transition:transform 0.5s linear 0s;}
.abo-box .boxspacer{background-color:#41739a; border:1px solid #41739a; position:relative; visibility:hidden; width:230px; left:-1px; height:0px; transition:all 0.2s linear 0.2s; opacity:0;}

/* CATEGORY1 BOX: SELECTED*/
.abo-box.selected{background-color:#41739a;}
.abo-box.selected .abo-zudenabos{/*background-color:#cb2036;*/ max-width:50px; border-radius:2px;}
.abo-box.selected .abo-zudenabos-txt{opacity:0; max-width:0px; height:0px; display:none;}
.abo-box.selected .abo-zudenabos img{transform:rotate(180deg);}
.abo-box.selected .boxspacer{position:absolute; z-index:3; visibility:visible; height:20px; opacity:1;}

/* CATEGORY1 BOX: OBSCURED (NOT-SELECTED)*/
.abo-box.obscured .abo-description{opacity:0.8;}
.abo-box.obscured .abo-zudenabos{opacity:0.8; }
.abo-box.obscured:hover{opacity:1;}
.abo-box.obscured:hover .abo-description{ opacity:1; }

/*--------------------------------------------------------------------------------------------------------------------------*/

/* BOX OF ALL CAT2-containers */
.abos-container2-box{position:relative; overflow:hidden; max-height:0px;;
	transition:all 0.3s linear 0s;
}
.abos-container2-box .abos-container2{position:relative; vertical-align:top; /*width:100%; *//*height:100%;*/}
.abos-container2-box.open{max-height:1500px;}

/* CATEGORY2 - CONTAINER*/
.abos-container2{background-color:#41739a; padding:1px 0px 10px 0px; margin:0px 19px 0px 11px; text-align:center;
	opacity:0;
	transition:all 0.3s linear 0s;
}
.abos-container2 .category_title{font-size:25px; margin:15px 20px 10px 20px; font-weight:bold; color:#ffffff;}

/* CATEGORY2 - CONTAINER: OPEN*/
.abos-container2.open{max-height:5000px; opacity:1;}

/* CATEGORY2 - BOX*/
.abo-box2{position:relative; display:inline-block; vertical-align:top; width:220px; margin:7px 5px; border:1px solid transparent; cursor:pointer;
	transition:all 0.3s linear 0s;}
.abo-box2 .abo-title{background-color:#ffffff; color:#000000; font-size:15px; font-weight:900; text-align:center; height:40px; overflow:hidden; padding:5px 0;}
.abo-box2 .abo-title span{display:inline-block; vertical-align:middle;}
.abo-box2 .abo-description{background-color:#ffffff; color:#000000; padding-bottom:12px;}
.abo-box2 .abo-description-img{margin:0px; text-align:center; height:120px; overflow:hidden;}
.abo-box2 .abo-description-text{font-size:15px; line-height:22px; height:150px; margin:0px 10px; text-align:left;}
.abo-box2 .abo-mehrinfos{
	background-color:#ffffff; color:#000000; font-size:14px; font-weight:600; text-align:center; height:35px; line-height:30px;}
.abo-box2 .abo-mehrinfos span{display:inline-block; vertical-align:middle;}