/* Umsetzung - Markus Schindler - CodeSache.de - 2019 */

/* Newsliste --- */
.nachrichtenliste { width:100%;}
.nachrichtenliste .inner{ margin-bottom:30px; padding-bottom:10px; display:inline-block; }
.nachrichtenliste .info .date{ font-size:11px; }
.nachrichtenliste h4 a{ /*! font-size: 13px; */ text-decoration:none;  }
.nachrichtenliste .image_container{ float:left; margin:3px 30px 0 0; }
.nachrichtenliste .teaser { }
.nachrichtenliste .teaser p{ display:inline; }

.nachrichtenliste a.more{ display:inline; padding:0 0 0 10px; color:#ccc; height:12px; text-indent:-99.9rem; width:12px; }

.nachrichtenliste .teasermorelink{padding:20px 4px; position:relative; width:100%;clear: both;/*border-bottom: 2px dotted #e74b05*/;display: block;margin-right: 0%;}

.nachrichtenliste .teasermorelink .mehr{
content: " ";
/*background: url(../../../../files/uch/themes/img/gfx/mehr-off.svg) no-repeat 0 100%;*/
position: absolute;
bottom: -18px;
right: 0px;
display: block;
width: 55px;
height: 55px;
z-index: 50;color:#e74b05;
}

.nachrichtenliste .teasermorelink .line{
border-bottom: 2px dotted #e74b05;
position: absolute;
bottom: 0px;
right: 12px;
display: block;
width: 100%;
height: 2px;}

.nachrichtenliste .teasermorelink .mehr span{display: block;padding: 0;margin: 0;line-height: 53px;text-align: center;}



/* end Newsliste --- */
/* NewsDetails --- */
.mod_newsreader .layout_full{ max-width:800px; }
.mod_newsreader h1{ font-size:22px; line-height:26px; }
.mod_newsreader p.info{ font-size:12px; }
.mod_newsreader .ce_text{ clear:left; }
/* end NewsDetails --- */



/* Kategorieteaser Seminare */
.mod_iso_productlist h3 { font-size: 1.3em; line-height: 1.2; margin: 0 0 5px; }
.mod_iso_productlist .ort span,
.mod_iso_productlist .kursleitung span,
.mod_iso_productlist .sku span,
.mod_iso_productlist .teaser span{font-weight: 400;}



.mod_iso_productlist .product { float: left; /*! min-height: 180px; */ width:100%;margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom:2px solid #fff; }

.mod_iso_productlist .product.product_last{border-bottom:none;}

.mod_iso_productlist .product .sku{}

.product h3 span { font-weight: bold; display: block; }

#main .mod_iso_productlist .formbody .submit_container { border-top: none; padding-top: 0px; margin-top: 10px; }
.mod_iso_productlist .image_container { float: left; display:none;width: 30%;padding: 0 20px 20px 0; max-width: 120px;}
.mod_iso_productlist .options { clear: both; }
.mod_iso_productlist .options label { display: block; line-height: 1.4; }
.mod_iso_productlist .options select { margin-bottom: 10px; }

.mod_iso_productlist .preisbestellen {/*display: inline-block;width:70%;*/}
.mod_iso_productlist .submit_container input[type="text"]{ width:30px;}
.mod_iso_productlist .quantity_container {margin-bottom: 10px; }
/* end Kategorieteaser Seminare */

/* Shop - Bestellung */
.address_new,#iso_mod_checkout_address .submit_container,#ctrl_paymentmethod,
#iso_mod_checkout_payment .submit_container,
#iso_mod_checkout_address .widget{max-width:600px;background:#f1f1f1; }
.address_new{padding:20px 20px 0 20px;}
#iso_mod_checkout_address .submit_container,
#iso_mod_checkout_payment .submit_container{padding:0 20px 20px 20px;}
#ctrl_paymentmethod,#iso_mod_checkout_address fieldset{padding:20px;}

#ctrl_billingaddress > span{display:block;width:100%;margin-bottom: 20px;}
#ctrl_billingaddress span input{display: inline-block;width:20px;vertical-align: top;margin: 5px;padding: 0;}
#ctrl_billingaddress span label{display: inline-block;min-width:400px;}

#iso_mod_checkout_review img,
.mod_iso_cart img{max-width:120px;}
.mod_iso_cart .quantity input{width:50px;}
.mod_iso_cart a.remove{text-decoration:none;}
.mod_iso_cart a.remove::after {
content: "\f057";
font-family: icomoon;
font-weight: normal;
font-size: 14px;
display: inline-block;
margin-left: 6px;
}
.mod_iso_cart .submit_container{padding-top:30px;}

.mod_personalData .fields{max-width:600px;background:#f1f1f1;padding:20px;}
.mod_personalData  .widget-submit{text-align:right;max-width:600px;padding:20px 0;}
/* end Shop - Bestellung */


/* Checkout */
div.steps{border-bottom:1px solid #ccc;padding-bottom: 4px;margin-bottom: 26px;}
.steps ol {padding:0;font-size: 16px;}
.steps li { font-size: 1.4em; display: inline; padding-bottom: 4px; }
.steps li:after { color: #555; content: "\f101"; font-family:icomoon; font-size:20px; margin-right: 5px; }
.steps li.last:after { content: ""; }

.steps ol li.active {
/*! border-bottom:1px solid #ccc; */
color: #f0b10a;
}
.mod_iso_checkout a{text-decoration:none;}

a.edit::before {
content: "\f044";
font-family: icomoon;
font-size: 20px;
vertical-align: bottom;
margin-right: 6px;
}
.mod_iso_checkout a.edit{text-decoration:none;background: #f9f9fc;padding: 5px 12px;/*! color: #fff; */width: 100%;display: block;}

.mod_iso_checkout .info_container{padding:20px;background:#f1f1f1;margin-bottom:2%;width:48%;display: inline-block;vertical-align: top; min-height:310px;}

.info_container.billing_address{margin-right: 1.5%;}
.info_container.payment_method{margin-left: 1.5%;}

.mod_iso_orderdetails .info_container.payment_method{margin-left: 0; margin-top:2em;}
.mod_iso_orderdetails .info_container .info{margin-bottom:2em;}
.mod_iso_orderdetails .col_1 a{text-decoration: none; color:#000; font-weight: 700;}


#iso_ajaxBox{
width:60%;left: 20%;right: 20%;
}


.orderconditions{padding:20px;}

.orderconditions legend{
float: left;
min-width: 200px;
}
.orderconditions span{
display:inline-block;
}

/* registration */
.mod_registration .widget,
.mod_login .widget,
.address_new .widget{
margin-bottom: 10px;
display: inline-block;
width: 100%;
}
.mod_registration label,
.mod_login label,
.address_new label{
width: 40%;
float: left;
}
.mod_registration input,
.mod_registration select,
.mod_login input,
.address_new input,
.address_new select{
width: 60%;
float: left;
}

.mod_registration .widget-submit,
.mod_login .widget-submit,
.submit_container{text-align:right; margin-bottom:0;}
/* end registration */
/* thementeaser */
.teaserbildtext{margin:0 0 0px 0; padding:0; background:#f8f8f8; line-height:0;}
.teaserbildtext > .innen{display: flex;padding: 0;flex-flow: row nowrap;}
.teaserbildtext .bildbox{padding:0; flex: 1 0 50%;}
.teaserbildtext.rechts > .innen{flex-flow: row-reverse nowrap;}
.teaserbildtext .bildbox img{width:100%;height: 100%;object-fit: cover;}
.teaserbildtext .textbox{padding:25px 30px; flex: 1 0 50%;}
.teaserbildtext .textbox p{line-height:125%; font-size:16px;}
.teaserbildtext .textbox .innen{display: flex;justify-content: space-between;flex-direction: column;height: 100%;}
.teaserbildtext .bildbox a{}
.teaserbildtext h3{line-height:28px; font-size:26px; color:#000;margin-bottom: 12px;}
.teaserbildtext h4{line-height:18px; font-size:18px; color:#000;margin-bottom: 22px;font-weight: 400;}
.mehrinfobox{text-align: right;/*! align-self: flex-end; *//*! display: block; */}
.mehrbutton{display: inline-block;}
.mehrinfobox button{color:#fff; background:#004b8d; border:none; font-size:16px;font-weight: 600;text-transform: uppercase; padding:8px 24px;min-width:135px;line-height: 18px;}

/* end thementeaser */



/*     --ce_gallery with responsive grid
------------------------------------------------- */
.ce_gallery > ul{ margin:0; padding:0; overflow:hidden; list-style:none; }
.ce_gallery > ul li{ float:left; list-style:none !important; }
.ce_gallery > ul li::before {content: none !important;}
.ce_gallery > ul li.col_first{ clear:left; }
.ce_gallery ul{ overflow:hidden; }
.ce_gallery ul li{ position:relative; float:left; margin-bottom:2%; }
.ce_gallery ul.cols_1 li{ position:relative; float:left; margin-right:0; margin-bottom:2%; margin-left:0; }
.ce_gallery ul.cols_2 li{ width:49%; margin-right:1%; margin-left:1%; }
.ce_gallery ul.cols_3 li{ width:32%; margin-right:1%; margin-left:1%; }
.ce_gallery ul.cols_4 li{ width:23.4%; margin-right:1%; margin-left:1%; }
.ce_gallery ul.cols_5 li{ width:18.3%; margin-right:1%; margin-left:1%; }
.ce_gallery ul.cols_6 li{ width:15%; margin-right:1%; margin-left:1%; }
.ce_gallery ul.cols_8 li{ width:10.75%; margin-right:1%; margin-left:1%; }
.ce_gallery.gallery1 ul li{ position:relative; float:left; margin-right:0; margin-bottom:2%; margin-left:0; }
.ce_gallery.gallery2 ul li{ width:49%; margin-right:1%; margin-left:1%; }
.ce_gallery.gallery3 ul li{ width:32%; margin-right:1%; margin-left:1%; }
.ce_gallery.gallery4 ul li{ width:23.4%; margin-right:1%; margin-left:1%; }
.ce_gallery.gallery5 ul li{ width:18.3%; margin-right:1%; margin-left:1%; }
.ce_gallery.gallery6 ul li{ width:15%; margin-right:1%; margin-left:1%; }
.ce_gallery.gallery8 ul li{ width:10.75%; margin-right:1%; margin-left:1%; }
.ce_gallery ul li.col_first{ margin-left:0; }
.ce_gallery ul li.col_last{ margin-right:0; }


.ce_gallery a img:hover {
position: relative;
-webkit-transform: scale(.98);
-moz-transform: scale(.98);
-ms-transform: scale(.98);
-o-transform: scale(.98);
transition: transform .05s ease-in;
transform: scale(.97);
}
.ce_gallery a img {
transition: transform .2s ease-in;
}
.ce_image .image_container,
.ce_text .image_container { position: relative; }
.image_container .caption { bottom: 10px; left: 10px; position: absolute; background: rgba(255,255,255,0.60); font-size: 9px; line-height: 9px; padding: 3px 3px; clear: both; color: #3c3c46; width: inherit; }

figure.float_left { float: left;margin: 0 15px 15px 0; }
figure.float_right { float: right;margin:  0 0 15px 15px; }
figure.float_below { margin: 15px 0 0 0px; }
figure.float_above { margin: 0px 0 15px 0; }


/* Akkordion */
/* V1 */
.ce_accordion .toggler{ min-height:64px; line-height:36px; padding:5px 0 0px 65px; /*! text-transform:uppercase; */ font-size:16px; font-family:"Open Sans", Arial, sans-serif; color:#e74b05; /*! border-top: 1px dashed #dedede; */ position:relative; -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; }
.ce_accordion .toggler span{ display:none; }
.ce_accordion .ui-accordion-content .ce_text.first h3{ display:none; }
.ce_accordion{ margin:0 0 18px 0; }
.accordion{ padding:0 0 0 80px; }
.ce_accordion .accordion h2, .ce_accordion .toggler{ color:#e74b05; cursor:pointer; }
.ce_accordion .toggler:focus{ outline:none; }
.ce_accordion .xtoggler:hover, .ce_accordion .toggler.active{ font-family:"Open Sans", Arial, sans-serif; }
.ce_accordion .toggler:before{content:" "; /*background:url(../../../../files/uch/themes/img/gfx/akko.svg) no-repeat 0 100%; */position:absolute; top:0px; left:0px; display:block; width:60px; height:60px; border:0; /*! color:#67B42A; */ text-align:center; transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; }
.ce_accordion .toggler.ui-state-active:before{content:" ";  /*background:url(../../../../files/uch/themes/img/gfx/akko-active.svg) no-repeat 0 100%;*/ /*! transform:rotate(90deg); */ /*! -webkit-transform:rotate(90deg); */ }
.ce_accordion:last-child .toggler, .ce_accordion .toggler.ui-state-active{ }

.accordion-text-weiss .ce_accordion .toggler:before{ color:#fff; }
.accordion-text-weiss .toggler{ color:#fff; }


.ce_accordion .toggler .unterstrich{border-bottom: 2px dotted #e74b05;padding: 5px 0 0 15px;}



/* ContentSlider Contao Core */

.ce_sliderStart{ padding:0px; position: relative;}


#slider-bommel-box{height:100%; margin:0; font-size:0; line-height:0; position: absolute;top: 0;bottom: 0;left: 0;display: block;width: 50%;}
#slider-bommel-box .bommel-box-inner{position: absolute;
top: 0;
bottom: 0;
height: 280px;
margin: auto auto;
left: -150px;
display: block;}

.ce_sliderStart .slider-control{height:100%; margin:0; width:100%;display: block;}
.ce_sliderStart .slider-control .slider-menu{}

.content-slider {
overflow:hidden;
visibility:hidden;
position:relative;
}
.slider-wrapper {
overflow:hidden;
position:relative;
}
.slider-wrapper>* {
float:left;
width:100%;
position:relative;
}

.slider-control a{display:none;}
.slider-control .slider-prev {display:none;}
.slider-control .slider-next {display:none;}

.ce_sliderStart  b{
display:block;
position: absolute;
top: 0;
left: 0;
cursor:pointer;
}
.ce_sliderStart b span {
font-size: 0;
text-decoration: none;
line-height: 0;
position: absolute;
bottom: 0;
top: 0;
margin: auto;
}


/* end ContentSlider Contao Core */









.ce_downloads ul li span.size{ display:none; }
.ce_downloads ul li a{ display:block; position:relative; vertical-align:middle; }
.ce_download img.mime_icon, .ce_downloads img.mime_icon{ display:none; }
.ce_download a{ position:relative; padding:20px 0 20px 80px; display:inline-block; text-decoration:none; }
.ce_download a::before, .ce_downloads a::before{ position:absolute; top:6px; left:0px; display:block; width:60px; height:60px; border:0; text-align:left; color:#67B42A; line-height:60px; }
.ce_download a.pdf::before, .ce_downloads a.pdf::before{ content:"\e904"; }
.ce_download a.jpg::before, .ce_downloads a.jpg::before{ content:"\e943"; }
.ce_download a.zip::before, .ce_downloads a.zip::before{ content:"\e946"; }


.ce_hyperlink { text-decoration:none; position: relative;/*! padding-bottom: 15px; */ margin-bottom:10px;}
.ce_hyperlink a{ padding: 14px 20px; text-decoration:none; color:#fff; background:#367eb1;display: inline-block;  font-weight: 400;line-height: 100%;}
.ce_hyperlink a:after{ /*content:">>>";  text-transform:none; font-size:20px; padding:0 0 0 10px;*/ }




.mod_search input[type="search"]{ width:60%; display:inline-block; }
.mod_search input[type="submit"]{ display:inline-block; padding:11px 17px 10px; width:inherit; }
.mod_search .formbody .radio_container{ padding-top:20px; }

.ce_table{overflow-x:auto !important;}
.ce_table table.sortable thead th{text-align:left;padding:10px 14px;background-color: #367eb1; color:#fff;}

table{width:100%;}

td,th {
padding:10px 14px;vertical-align: top; text-align: left;
}

tr:nth-child(odd) {background-color: #f1f2f5; border-bottom:1px solid #ccc;}
tr:nth-child(even) {background-color:#f9f9fc; }


/* =============================================================================
 * ce_timeline
 * ========================================================================== */

.ce_timeline {
position: relative;
}

.ce_timeline:before {
content: '';
width: 2px;
background: rgb(152,152,152);
position: absolute;
top: 4px;
left: 50%;
height: 100%;
margin-left: -1px;
}

.ce_timeline .timeline-item {
width: 50%;
position: relative;
text-align: right;
padding-right: 5%;
clear: both;
float: left;
margin-bottom: 30px;
padding-left: 15%;
margin-top: 10px;
}

.ce_timeline .timeline-item:nth-of-type(2n) {
float: right;
text-align: left;
padding-left: 5%;
padding-right: 15%;
}

.ce_timeline .timeline-item:nth-of-type(2n) i {
right: auto;
left: -6px;
}

.ce_timeline .timeline-item:nth-of-type(2n) i.timeline-icon {
right: auto;
left: -16px;
}

.ce_timeline .timeline-item i {
background: rgb(54,126,177);
width: 12px;
height: 12px;
border-radius: 100%;
position: absolute;
right: 0;
top: -4px;
margin-right: -6px;
}

.ce_timeline .timeline-item i.timeline-icon {
font-size: 20px;
width: 30px;
height: 30px;
margin-right: -15px;
color: #fff;
box-shadow: 0 0 0 4px rgb(54,126,177);
border: 2px solid rgb(255,255,255);
z-index: 10;
}

.ce_timeline .timeline-item i.timeline-icon:before {
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
}

.ce_timeline i.last-point {
background: rgb(152,152,152);
width: 12px;
height: 12px;
border-radius: 100%;
position: absolute;
right: 50%;
bottom: 0;
margin-right: -6px;
}

.ce_timeline .timeline-item .timeline-item-title {
font-size: 1.1em;
line-height: 1;
font-weight: 400;
background: #f1f1f1;
/*! color: rgb(255,255,255); */
display: inline-block;
padding: 8px 20px;
border-radius: 3px;
/*! margin-top: 0px; */
margin-bottom: 20px;
}

.ce_timeline .timeline-item .timeline-item-title:before {
content: '';
position: absolute;
right: 0;
top: 10px;
height: 1px;
background: rgb(152,152,152);
width: 10%;
}

.ce_timeline .timeline-item:nth-of-type(2n) .timeline-item-title:before {
left: 0;
right: auto;
}

.ce_timeline .timeline-item.timeline-w-icon .timeline-item-title {
margin-top: 10px;
}

.ce_timeline .timeline-item.timeline-w-icon .timeline-item-title:before {
top: 23px;
}

.ce_timeline .timeline-item-image{
margin-bottom:20px;
}

.ce_timeline .timeline-item-image img {
max-width:120px;
}
.timeline-item-text{text-align:left;}



/* teaserperson */
.teaserpersonen .innen {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
/*! position: relative; */
height: 100%;
}
.teaserperson{
background:#f1f1f1;
flex: 0 1 32%;
/*! margin-left: 1%; */
margin-right: 1%;
margin-bottom: 1%;
position: relative;
}
.teaserperson .innen{padding:10px;}
.teaserperson .bildbox{/*! background:#fff; *//*! text-align: center; */line-height: 0;/*! min-height: 170px; */width: 35%;margin-bottom: 14px;}
.teaserperson .bildbox img{max-height: 170px;}

.teaserperson .infobox{/*! padding: 10px; */width: 65%;padding-left: 10px;height: 100%;padding-bottom: 27px;}

.teaserperson .infobox h3{line-height:24px; font-size:20px; color:#000;margin-bottom: 12px;/*! text-align: center; *//*! min-height: 50px; */}
.teaserperson .infobox p{/*! line-height:18px; */ /*! font-size:16px; */ color:#000;margin-bottom: 14px;/*! font-weight: 400; */}
.teaserperson .linkbox{text-align: center;background:#004b8d;position: absolute;bottom: 10px;right: 10px;}

.teaserperson .linkbox a{color:#fff; text-decoration:none;  border:none; font-size:14px;font-weight: 600;text-transform: uppercase; padding:0px 16px;
/*! min-width:135px; *//*! line-height: 18px; */display: block;
}


/* DetailsSeite Personen */
.person-details .innen {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.person-details .bildbox{width:30%;}
.person-details .infoboxen{width:70%;}

.person-details a{text-decoration:none; }
.person-details a::before {font-family:icomoon;
font-weight: normal;
font-size: 18px;
display: inline-block;
margin-right: 5px;}

.person-details a.email::before {
content: "\f003";
}
.person-details a.webseite::before {
content: "\f124";
}

.infobox-kontakt{background:#f1f1f1;padding:10px; display: flex;
flex-flow: row wrap;
justify-content: flex-start;}
.adressebox h4{margin:0;}
.adressebox{padding:0;width:40%;}
.telefonbox{padding:0;width:30%;}
.urlmailbox{padding:0;width:30%;}

/* end DetailsSeite Personen */


/* teaservertikal */

.teaservertikal{background:#f1f1f1;}
.teaservertikal .innen{padding:10px;}
.teaservertikal .bildbox{background:#fff;padding:10px;text-align: center;line-height: 0;min-height: 190px;}
.teaservertikal .bildbox img{max-height: 170px;}

.teaservertikal .headlines{padding: 10px;min-height:220px;}

.teaservertikal .headlines h3{line-height:24px; font-size:20px; color:#000;margin-bottom: 12px;text-align: center;min-height: 50px;}
.teaservertikal .headlines h4{line-height:18px; font-size:16px; color:#000;margin-bottom: 14px;font-weight: 400;}
.teaservertikal .buttontextbox{text-align: center;background:#004b8d;}

.teaservertikal .buttontextbox a{color:#fff; text-decoration:none;  border:none; font-size:16px;font-weight: 600;text-transform: uppercase; padding:8px 24px;
/*! min-width:135px; *//*! line-height: 18px; */display: block;
}

/* Newsletter */

.mod_subscribe{}
.mod_subscribe .widget-submit,
.mod_unsubscribe .widget-submit,
.mod_lostPassword .widget-submit,
.mod_iso_coupons .widget-submit
{text-align:right;padding: 14px 0;}

.mod_iso_coupons .action {text-align:right;}

.mod_iso_coupons table{margin-bottom:1.5em;}