/* ENTSCHEIDUNGSFINDER
-------------------------------------------------- */

/*
@import url("/css/theme.entscheidungsfinder.css") screen;
*/
.entscheidungsfinder.index{padding:0 .6rem 7rem;}
@media (max-width: 575px) {
	.entscheidungsfinder.index{padding-left:0;padding-right:0;}
	.entscheidungsfinder h1{padding-left:.6rem;padding-right:.6rem;}
}
.entscheidungsfinder.index .btn{width:100%;margin-bottom:1.5rem;}

.entscheidungsfinder .frame{position:relative;margin-top:3rem;}
.entscheidungsfinder .ring{border-radius: 100rem;background-color:#FFF;}

.entscheidungsfinder .listview .frame .text{position:absolute;top:0;color:#333;width:100%;text-align:center;border-radius:100rem;}

.entscheidungsfinder .listview .frame .text p{color:#888;margin-bottom:0;}

.entscheidungsfinder .listview .frame .text.only h1{padding-top:10%;}
.entscheidungsfinder .listview .frame .text.only p{padding:10% 15%;}
.entscheidungsfinder .listview .frame .text.only hr{margin:0% 12%;}
.entscheidungsfinder .listview .frame .text.img h1{padding-top:10%;}
.entscheidungsfinder .listview .frame .text.img p{padding: 5% 15% 0% 15%;}

@media (max-width: 575px) { 
	.entscheidungsfinder .listview .frame .text.img p{font-size:85%;padding:3% 12%;}
}

.entscheidungsfinder .buttons{position:absolute;bottom: 17%;padding:0 20%;width:100%;}
.entscheidungsfinder .btn-set{background:#0A3A7A; border-color:#0A3A7A;margin:0 .6rem;}

.entscheidungsfinder .listview li{padding-bottom:0;}

.entscheidungsfinder .points li{border:0;float:left;line-height:2rem;padding:0 .1rem}
.entscheidungsfinder .points .active{font-size:1.5rem;color:#0A3A7A;padding-top:.02rem;}

/* Modul MP4 Player
-------------------------------------------------- */
(CSS und JS wird über das Template: modul-MP4-PLAYER.tmpl importiert)

/* Modul jquery THEATER
-------------------------------------------------- */
.theater{position:relative;z-index:0;overflow:hidden;margin:20px 0px;}
.theater .close{position:absolute;z-index:0;top:50%;margin-top:-26px;right:1%;display:inline-block;font-size:0px;width:52px;height:52px;cursor:pointer;}
.theater .bg{width:100%;height:auto;margin:20px 0px 0px 0px;}
.theater .up{position:absolute;z-index:1;top:0px;left:0px;width:100%;height:50%;border-bottom:10px solid #fff;}
.theater .down{position:absolute;z-index:1;bottom:0px;left:0px;width:100%;height:50%;border-top:10px solid #fff;}
.theater .trigger{position:absolute;z-index:2;width:133px;height:auto;left:50%;top:50%;margin-left:-66px;margin-top:-66px}
.theater .trigger img{width:133px;height:auto;}
@media (max-width: 768px){
	.theater .trigger img{width:66px;height:auto;margin-left:33px;margin-top:33px;}
}

/* CARD FLIP
-------------------------------------------------- */
.card-grid,
.card {background-color:transparent;border:0;border-radius:0;display:inline-block;width:100%;position:relative;}
.card h2{font-size:.85rem;margin-bottom:1rem;}
.card .text{font-size:.85rem;line-height:1;}
.card .bild{height:100%;}
.card-grid img,
.card img{width:100%;height:100%;border-radius:0;display:block;cursor:pointer;float:left;}
.title .inner,
.card-grid .front,
.card .front,
.card-grid .back,
.card .back{height:100%;width:100%;text-align:left;display:block;cursor:pointer;}
.card-grid .back,
.card .back{height:100%;}
.card .back .img-responsive{width:40% ;height:35%;margin:0 .8rem .3rem 0;float:left;}
.card .back .inner{height:16rem;padding:.6rem;text-align:left;line-height:1.1;font-size:.9rem;overflow-x:hidden;overflow-y:auto;}
.card .front{overflow-x:hidden;overflow-y:hidden;}
.card .back::-webkit-scrollbar {display:none; width: 0 !important;background:transparent; }

@media (max-width: 1100px){
	/*
	.card-grid img,
	.card img{}
	.filosofia .title .inner{max-height:260px;cursor:default;}
	.card-grid .front,
	.card .front,
	.card-grid .back,
	.card .back{max-height:260px;}
	*/
}

/* Modul jquery CAROUSEL
-------------------------------------------------- */
.carousel{margin:0;padding:0;position:relative;}
.carousel a{width:100%;}
.carousel .bgimg{margin:0rem 0 2rem 0;width:100%;height:20rem;}
.carousel .carousel-indicators{bottom:2.7rem;}
.carousel .carousel-indicators li{cursor:pointer;width:12px;height:0px;margin:1px;border:1px solid #999;border-radius:10px;}
.carousel .carousel-indicators li:hover{background:#fab100;border-color:#fab100;}
.carousel .carousel-indicators li.active{background:#fab100;border-color:#fab100;}
.carousel .carousel-control.right{position:absolute;right:0px;top:50%;margin-top:-1rem;display:inline-block;font-size:2rem;width:2rem;padding-left:.5rem;}
.carousel .carousel-control.left{position:absolute;left:0px;top:50%;margin-top:-1rem;display:inline-block;font-size:2rem;width:2rem;padding-left:.8rem;}

.carousel .label{position:absolute;right:.6rem;bottom:0.2rem;color:#fab100;display: inline-block;font-family: 'ShadowsIntoLight';font-style: italic;font-size: 30px;transform: rotate(-9deg);-webkit-transform: rotate(-9deg);-moz-transform: rotate(-9deg);-ms-transform: rotate(-9deg);-o-transform: rotate(-9deg);}

/*
.carousel-fade .item {transition: opacity 0.5s ease-in-out;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;}
.carousel-fade .active.left {left:0;opacity:0;z-index:2;} 
.carousel-fade .next {left:0;opacity:1;z-index:1;}
*/

/* Modul FOTOGALERIE
-------------------------------------------------- */

.fotogal img{width:100%;height:auto;padding-bottom:15px;}

/* Modul LOGIN Form
-------------------------------------------------- */
.modloginForm {padding: 25px 0px 0px 20px;margin: 0px auto;}
.modloginForm .form-control {display:inline-block;position: relative;font-size: 80%;width:70px;height: auto;padding: 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.modloginForm .form-control:focus {z-index: 2;}
.modloginForm input[type="text"] {margin-right: -1px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.modloginForm input[type="password"] {border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.modloginForm .btn{margin-left: -5px;height:auto;font-size:80%;padding:4px;border-top-left-radius: 0;border-bottom-left-radius: 0;}

/* Modul LOGIN/LOGOUT
-------------------------------------------------- */
.logModul{margin-right:-19px;}
.logModul .login a.btn{display:inline-block;margin-top:18px;}
.logModul .logout .hint{display:none;}
.logModul .logout a.btn{display:inline-block;margin-top:18px;}
.logModul form label.error{position:absolute;top:-10000px;z-index:-1;}


/* Modul NEWSLETTER bestellen
-------------------------------------------------- */

.newsletter{padding-bottom:5rem;}

.newsletter .step01 .next,
.newsletter .step02 .next,
.newsletter .step03 .next,
.newsletter .step04 .next,
.newsletter.dynamic .step05 .next,
.newsletter.dynamic .step02,
.newsletter.dynamic .step03,
.newsletter.dynamic .step04,
.newsletter.dynamic .step05{display:none;}

.newsletter .step01 div,
.newsletter .step02 div,
.newsletter .step03 div,
.newsletter .step04 div,
.newsletter .step05 div{margin-top:1rem;}

.newsletter .intro{padding-left:.6rem;padding-right:.6rem;}

.newsletterModul{margin:80px 0px;border:1px solid RGBA(119, 119, 119, 1);border-radius:10px;padding:10px 20px;}
.newsletterModul .container{position:relative;}
.newsletter label,
.newsletterModul label,
.newsletterBestellForm.static label,
.newsletterAbbestellForm label{display:none;position:absolute;bottom:2rem;font-size:11px;font-weight:normal;}
.newsletter label.checkbox,
.newsletterModul label.checkbox{position:relative;bottom:auto;display:inline-block;font-weight:normal;font-size:100%;cursor:pointer;}
.newsletterModul .dynamic .alert{margin:0px;}
.newsletterModul{padding:0px 20px}
.newsletterModul form{padding:0px 0px;}

@media(max-width: 768px){
	.fullsize.newsletterModul .container{padding:0px 33px}
}
.newsletterBestellForm{font-size:14px;}
.newsletterBestellForm.dynamic{margin-bottom:30px;}
.newsletter .checkbox{}
.newsletter select,
.newsletter .btn{width:100%;}
.newsletter .btn-historyback{display:none;}
.newsletter .intro .btn-historyback{display:inline-block;}
.newsletterBestellForm.static input[type="text"],
.newsletterBestellForm.static select,
.newsletter.abbestellForm input[type="text"],
.newsletter.abbestellForm button{margin-top:1rem;}