html, body {
background:#fff;
padding:0 !important;
margin:0;
border:0;
z-index:0;
width:100%;
height:auto;
font-family: 'rubik', sans-serif;
font-size: 17px;
}

main {
width:100%;
height:auto;
margin:0 !important;
padding:0 auto;
border:0;
text-align: center;
background: #fff;
}

header {
position: fixed;
z-index:10;
width:100%;
border:0;
}

nav {
position: fixed;
z-index:9;
width:100%;
border:0;
background-image: url("../images/bg_header.png");
background-repeat: repeat-x;
background-color: #ffffff !important;
border-bottom: 2px solid #f8b02c;
}

section {
width:100%;
height:auto;
border:0;
}

article {
width:100%;
height:auto;
border:0;
text-align: left;
}

aside {
height:auto;
border:0;
text-align: left;
}

footer {
position: relative;
top:150px;
width:100%;
height:auto;
text-align:center !important;
background: #cc0000;
color:#fff;
clear:both;
}

/* Links */

section a{
text-decoration:none;
color:#cc0000;
}

header a{
text-decoration:none;
color:#fff;
}

footer a{
text-decoration:underline;
color:#fff;
}

header a:hover, footer a:hover{
text-decoration: underline;
color:#fff !important;
}

/* Buttons */

section button, section a.button, aside p.readmore a.btn, section div.moduletable div#mod-custom197 p a {
width: auto !important;
background: #cc0000 !important;
color: #fff !important;
font-size: 0.95em;
padding:5px 8px;
margin: 10px auto 10px 0 !important;
border-radius: 5px;
border:0;
clear: both;
}

section button:hover, section a.button:hover, aside p.readmore a.btn:hover, section div.moduletable div#mod-custom197 p a:hover {
background: #f8b02c !important;
}

article p.readmore {
clear: both !important;
}

section a.bigbutton {
width: auto !important;
background: #cc0000 !important;
color: #fff !important;
font-size: 1.3em;
padding:10px 13px;
margin: 50px auto 50px auto !important;
border-radius: 5px;
border:0;
clear: both;
text-align: center;
}

section a.bigbutton:hover, section p.wichtigelinks a:hover {
background: #f8b02c !important;
}

section p.wichtigelinks a {
float: left;
background: #cc0000 !important;
color: #fff !important;
font-size: 0.95em;
padding:5px;
border-radius: 5px;
border:0;
text-align: center;
}

/* Box-sizing */

html, body, main, header, nav, footer, article, section, aside, figure, div, p, span, a, ul, ol, li, input, form, button, h1, h2, h3, h4, h5, h6 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}


/* clear */

.clear {
clear: both;
}

/* Farben */

.kcrot {
color: #cc0000;
}

.kcorange {
color: #f8b02c;
}


/* Textformate */

article h1 {
font-family: 'crud', sans-serif;
}

article h2, article h3 {
font-family: 'rubik', sans-serif;
margin:3.0em auto 1.5em 0;
padding;
}

article p, article span, article td, article ul, article ol, aside p, aside span, aside td, aside ul, aside ol {
font-size: 1.0em;
line-height: 1.4em;
}

article .item-page div.com-content-article__body figure.image figcaption, aside figcaption {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 30px 0;
padding: 15px;
background: #ddd;
}

article p.zitat {
font-family: 'rubik_light';
margin:0 0 1.5em 0;
padding: 70px 70px 0 70px;
background: url('../images/zitat_gelb.png') no-repeat;
background-position: 0px 50px;
}

aside p.zitat {
font-family: 'rubik_light';
margin:0 0 1.5em 0;
padding: 20px 0 0 0;
/*background: url('../images/zitat_gelb.png') no-repeat;
background-position: 0px 0px;*/
}

article p.zitatquelle {
font-size: 0.9em;
text-align:right;
margin:-0.5em 0 2.0em auto;
padding-right: 70px;
}

aside p.zitatquelle {
font-size: 0.9em;
text-align:right;
margin:-0.5em 0 2.0em auto;
padding-right: 20px;
}

article span.since {
font-family:'rubik_light';
font-size: 0.85em;
}

article span.since::before {
content:', ';
}

div.kasten, p.kasten {
width: 100% ;
margin: 1.5em 0 1.5em 0;
padding:20px;
height: auto;
background:#ddd;
border-radius: 8px;
}

span.rechtsimtext {
width: 35% !important;
float: right;
margin: 0 0 3%x 5%;
padding:0;
height: auto;
}

span.linksimtext {
width: 35% !important;
float: left;
margin: 0 5% 3% 0;
padding:0;
height: auto;
}

span.vollebreite {
width: 100% !important;
margin: 0 0 20px 0;
padding:0;
height: auto;
}

span.rechtsimtext img, span.linksimtext img, span.vollebreite img {
width: 100% !important;
height: auto;
margin: 0;
padding:0;
}

p.clear {
margin: 2.0em 0 2.0em 0;
}

article ul > li, article ol > li {
margin:0 auto 0.5em 0;
}

/* Lauftext */

div.lauftextrahmen {
width: 100%;
height: auto;
padding:10px 10px 0 10px;
border: 1px solid #999;
border-radius: 5px;
overflow: hidden;
      }

p.lauftext {
      -moz-animation: marquee 130s linear infinite;
      -webkit-animation: marquee 130s linear infinite;
      animation: marquee 130s linear infinite;
white-space: nowrap;
width: max-content !important;
      }
      @-moz-keyframes marquee {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
      }
      @-webkit-keyframes marquee {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
      }
      @keyframes marquee {
      0% { 
      -moz-transform: translateX(800px);
      -webkit-transform: translateX(800px);
      transform: translateX(800px) }
      100% { 
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%); }
      }


/* --- Figure --- */

/* figure.item-image - Einleitungsbild */

article div.blog-item figure.none.item-image {
width: 100%;
height: auto;
padding:0;
margin:0 0 5% 0;
border:0;
}

article figure.item-image img {
width: 100%;
height: auto;
padding:0;
margin:0;
border:0;
}

/* figure.image im Beitragstext*/
  
article .item-page div.com-content-article__body figure.image {
width: 100%;
height: auto;
margin: 1.0em 0 1.0em 0;
padding:0;
}

article .item-page div.com-content-article__body figure.image.left, article .item-page div.com-content-article__body p img.left {
float: left;
height: auto;
margin: 1% 4% 2% 0;
padding:0;
}

article .item-page div.com-content-article__body figure.image.right, article .item-page div.com-content-article__body p img.right {
float: right;
height: auto;
margin: 1% 0 2% 4%;
padding:0;
}
  
article div.com-content-article__body figure.image img {
width: 100%;
height: auto;
margin: 0;
padding:0;
}


/* figure.icongross auf Home 

article figure.icongross {
padding:0;
border:0;
text-align: center;
float: left;
}

article figure.icongross img {
width:100%;
max-width: 150px;
height: auto;
margin:0 auto;
padding:0;
border:0;
}

article figure.icongross figcaption {
height: auto;
margin:0;
padding:10px;
border:0;
text-align: center;
}

*/

/* figure.iconklein im Modul */
  
article figure.iconklein {
display: block;
float: none !important;
clear: both !important;
width: auto !important;
height: auto !important;
margin:10px auto 10px 0;
}
  
article figure.iconklein img {
width: 20px;
height: 20px;
margin:0 10px 0 0;
padding:0;
vertical-align: baseline;
float: left;
}
  
article figure.iconklein figcaption {
width: auto;
margin:0;
padding:0;
}


/* figure.bildteaser auf Home */

article div.com-content-article__body figure.bildteaser {
background:#f8b02c !important;
padding: 0;
border-radius: 8px 8px 0 0;
overflow:hidden;
}

article div.com-content-article__body figure.bildteaser img {
width: 100%;
height: auto;
padding: 0;
margin:0;
border:0;
}

article div.com-content-article__body figure.bildteaser figcaption {
width: auto;
min-height: 40px;
padding: 10px;
margin:0;
border:0;
background:#f8b02c !important;
}

article div.com-content-article__body figure.bildteaser figcaption a, article div.com-content-article__body figure.bildteaser figcaption a:hover {
display: block;
height:100%;
background: url('../images/pfeil_rot.png');
background-repeat: no-repeat;
background-position: right bottom;
line-height: 1.25em;
}

/* figure.anzeige auf Anzeigen Download */

figure.anzeige {
width: 100%;
height: auto !important;
overflow: auto;
margin:0 0 80px 0 !important;
padding:0;
border:0;
clear:both;
}

figure.anzeige img {
float:left;
height: auto;
margin:0;
padding:0;
border:0;
}

figure.anzeige figcaption {
float: left;
width: auto;
margin:0;
padding:0 0 0 5%;
border:0;
text-align: left;
white-space: wrap;
}



/* -------------- Formulare ---------------- */

article div form {
width: 100%;
height: auto;
padding:30px;
background: #eee;
border-radius: 8px;
}

article form input {
border: 1px solid #666;
border-radius:5px;
margin:0.2em auto 1.0em 0;
}

article form button, article div .btn {
margin:1.5em auto auto 0 !important;
padding: 5px 10px 5px 10px !important;
background:#cc0000 !important;
font-size: 1.0em;
border:0;
}

article form button:hover, article div .btn:hover {
background:#f8b02c !important;
}

article form label {
text-indent: 3px;
width: 100%;
float: none !important;
}


/*----------------------------------- header --------------------------------------*/

div.logo img {
width: 100%;
height: auto;
}

@media (min-width: 980px) {
div.spendenbutton div {
position: absolute;
left:-230px;
width: 300px;
height:150px;
border-radius: 0;
transition: 0.3s;
}
  
div.spendenbutton div:hover {
left:0;
transition: 0.3s;
}
  
div.spendenbutton p#spendentitel {
position:relative;
left:200px;
top:37px;
margin: 0;
padding:0 auto;
width: 150px;
height: 77px;
transform: rotate(270deg);
text-align: center;
font-size:1.4em;
text-transform: uppercase;
background: url('../images/spenden_button_bg.png') no-repeat;
background-size:100% 100%;
}
  
div.spendenbutton p#spendentext {
position: absolute;
top:0;
left:0;
width:240px;
height:150px;
text-align: center;
padding: 20px 30px 10px 20px;
background:#cc0000;
color:#fff;
line-height:1.25em;
}
}

div.spendenbutton, div.spendenbutton a:hover {
display: block;
color:#fff;
text-decoration: none;
}

div.kontakt {
color:#fff;
}

/*------------------------------------- nav ----------------------------------------*/

nav ul li, nav ul li a, nav ul span {
font-family: 'rubik', sans-serif;
border:0 !important;
}

nav div.dj-megamenu-wrapper ul.dj-megamenu li.dj-up a.dj-up_a span {
line-height: 1.0em !important;
height:auto !important;
width: auto !important;
}
  
nav span.dj-drop, nav span.dj-drop span.title {
display:block;
width: 100%;
height: 100%;
margin:0;
padding:0;
}

nav ul li.dj-up > a.dj-up_a.active span.dj-drop span.title span.name, nav ul li.dj-up.hover > a.dj-up_a span.dj-drop span.title span.name, nav div.moduletable.hauptmenue div.dj-megamenu-wrapper ul li.dj-up.hover a.dj-up_a span span.title span.name, nav div.moduletable.hauptmenue div.dj-megamenu-wrapper ul li.dj-up.active a.dj-up_a.active span span.title span.name {
color:#fff !important;
}


/*------------------------------------ banner ---------------------------------------*/

#banner > div {
border-bottom: 2px solid #f8b02c;
padding:0;
margin:0;
background:#eee;
}

/* Homeslider */

#banner div.homeslider {
width: 100% !important;
margin:0 !important;
padding:0 !important;
}

#banner div.homeslider div.djslider-loader {
position: absolute;
left:0;
z-index:1;
}

#banner ul.djslider-in li div.slide-desc-bg {
background: none !important;
}

#banner img.pause-button {
display: none;
}

/* Shopslider */

#banner div.shopslider {
width: 100% !important;
margin:0 !important;
padding:auto !important;
background: #bde9f6;
}

#banner div.shopslider div.djslider-loader {
position: absolute;
z-index:1;
}

/* Bannerbilder */

#banner div.bannerbild > div, #banner div.bannerbild > div > p {
margin:0 !important;
padding:0;
}

/* OSMap */

#banner div.osmap {
position: relative !important;
z-index:5 !important;
}

#banner div.osmap > div {
height: 100%;
width: 100%;
margin:0 !important;
padding:0;
}



/* -------------------------------- section modul ---------------------------------*/


/* JT Content Slider Clownportraets in Position pre */

section > .moduletable  {
width:100%;
padding:auto;
text-align: center !important;
}

section > .moduletable div.jtcs_item_wrapper.jt-cs {
width: 90%;
height: auto;
background: none;
border-radius: 8px;
padding: 8px auto;
margin: 50px auto 30px auto;
text-align: center !important;
}

section > .moduletable div.jmgarticleslider-body div.splide div.splide__track ul.splide__list {
height: 100%;
}

section > .moduletable div.jmgarticleslider-body li.splide__slide, .item-page div.jmgarticleslider-body li.splide__slide > div {
border:0;
background:#fff;
height: 100%;
}

section > .moduletable div.jtcs_item_wrapper div.slide div.jt-inner div.jt-imagecover {
width:100%;
height:auto;
aspect-ratio: 1 / 1;
border:5px dotted #cc0000 !important;
border-radius: 50%;
overflow: hidden;
background: #fff !important;
}

section > .moduletable div.jtcs_item_wrapper div.slide div.jt-inner div.jt-imagecover img {
height: 100%;
width: 100%;
margin: 0 0 10px 0;
background: #fff !important;
}

section > .moduletable div.jtcs_item_wrapper div.slide div.jt-inner h5 {
font-size: 1.2em;
line-height: 1.1em;
margin:0 auto 2.0em 0;
padding:0;
font-family: 'crud', monospace;
color: #000;
text-align: center;
}

div.moduletable.clownportraets div.owl-nav button {
border-radius: 50% !important;
width: 40px !important;
height: 40px !important;
}

div.moduletable.clownportraets div.owl-nav button.owl-prev {
position: absolute !important;
left: -40px !important;
}
  
div.moduletable.clownportraets div.owl-nav button.owl-next {
position: absolute !important;
right: -40px !important;
}
  


/* Link Alle Clownportraets auf einer Seite in Position pre */

.moduletable.acaes  {
position: relative;
top: -80px;
margin: 0 auto 0 auto;
z-index: 10;
}


/*----------------------------------- article --------------------------------------*/


/* --- Einzelbeitrag --- */

.item-page, .item-pagehome {
margin-bottom: 150px;
}

.item-page div.com-content-article__body p img {
max-width: 100%;
height: auto;
}

/* --- Blog --- */

.blog {
margin-bottom: 150px;
}

.blog-item {
margin: 0 0 70px 0;
clear: both;
}
  
.news .blog-item {
padding-top: 100px;
background-image:url('../images/clown_hell.png');
background-repeat: no-repeat;
background-position: center 20px;
}

.news .blog-item:first-of-type {
padding-top: 0;
background-image:none;
}

/* --- Seitennavigation --- */

/* Blogansicht */

div.com-content-category-blog__navigation {
width:100%;
margin: 100px 0 0 0;
}

div.com-content-category-blog__navigation p.com-content-category-blog__counter.counter.float-md-end {
float: none;
width: 100%;
text-align: center;
margin:0 0 2.0em 0;
padding:0;
}

div.com-content-category-blog__pagination, nav.pagination__wrapper {
float: none;
width: 100% !important;
text-align: center !important;
margin:0 !important;
padding:0 auto 0 auto!important;
}

article div.com-content-category-blog.blog div.com-content-category-blog__navigation.w-100 div.com-content-category-blog__pagination nav.pagination__wrapper ul.pagination.ms-0.mb-4 {
float: none;
width: max-content !important;
text-align: center !important;
margin:auto !important;
padding:auto !important;
}

nav.pagination__wrapper ul.pagination li {
float: none !important;
display: inline-block;
text-align: center !important;
}

nav.pagination__wrapper a.page-link {
color: #cc0000;
border:0;
}

nav.pagination__wrapper li.active a.page-link {
background: #cc0000;
color:#fff;
}

/* Einzelbeitrag */

.item-page nav.pagenavigation {
width: 100% !important;
margin: 200px 0 50px 0 !important;
padding:0 auto 0 auto !important;
clear: both;
text-align: center !important;
}

.item-page nav.pagenavigation span.pagination {
width: max-content;
margin: 0 auto 0 auto !important;
padding:0;
text-align: center !important;
}

.item-page nav.pagenavigation span.pagination > span {
display: none;
}

.item-page nav.pagenavigation span.pagination a.previous, .item-page nav.pagenavigation span.pagination a.next {
display: inline-block !important;
width: auto;
margin: 0 10px 0 10px !important;
padding:auto;
text-align: center;
}


/* --- Home --- */

/* JT Content Slider Aktuelles in Position post */

div.moduletable.aktuelles {
margin: -80px auto 150px auto;
overflow: visible !important;
}

.item-pagehome div.jtcs_item_wrapper, div.moduletable.aktuelles div.jtcs_item_wrapper {
margin: 30px auto 30px auto;
overflow: visible !important;
}

.item-pagehome div.jtcs_item_wrapper div.jt-inner, div.moduletable.aktuelles div.jtcs_item_wrapper div.jt-inner {
background: #f8b02c;
border-radius: 8px 8px 8px 8px !important;
overflow: hidden;
}

.item-pagehome div.jtcs_item_wrapper div.jt-inner div.jt-imagecover, div.moduletable.aktuelles div.jtcs_item_wrapper div.jt-inner div.jt-imagecover {
overflow: hidden !important;
background: #eee;
}

.item-pagehome div.jtcs_item_wrapper div.jt-inner div.jt-imagecover img, div.moduletable.aktuelles div.jtcs_item_wrapper div.jt-inner div.jt-imagecover img {
min-width: 100% !important;
height: auto !important;
}

.item-pagehome div.jtcs_item_wrapper div.jt-inner h5, div.moduletable.aktuelles div.jtcs_item_wrapper div.jt-inner h5 {
font-size: 16px !important;
line-height: 1.25em;
padding: 0 15px 10px 15px !important;
margin:0;
}

div.moduletable.aktuelles div.owl-nav {
position: relative !important;
top: -150px !important;
z-index: 1000;
}

div.moduletable.aktuelles div.owl-nav button {
border-radius: 50% !important;
width: 40px !important;
height: 40px !important;
}

div.moduletable.aktuelles div.owl-nav button.owl-prev {
position: absolute !important;
left: -50px !important;
z-index:1000;
}

div.moduletable.aktuelles div.owl-nav button.owl-next {
position: absolute !important;
right: -50px !important;
z-index:1000;
}


/* --- Content Sliders --- */

article div.ssl-outer div.ssl-content {
margin:0;
padding:26px;
border:0;
}

article div.ssl-outer div.ssl-content p {
margin:0;
padding:0;
border:0;
}

/* --- Einsatzorte --- */

/* Popuptext */

#banner div.moduletable.osmap div.leaflet-popup-content {
font-size: 1.0em;
line-height: 1.4em;
font-family: 'rubik', sans-serif;
}

/* Content Sliders Einsatzorte */

div#bei-kindern.ssl-outer div.ssl-title {
background: url('../images/pin_kinder.png') no-repeat left center;
background-size: 16px 16px;
}

div#bei-senioren-und-seniorinnen.ssl-outer div.ssl-title {
background: url('../images/pin_senioren.png') no-repeat left center;
background-size: 16px 16px;
}

div#bei-menschen-mit-behinderung.ssl-outer div.ssl-title {
background: url('../images/pin_behinderung.png') no-repeat left center;
background-size: 16px 16px;
}

div#bei-schwerkranken-erwachsenen.ssl-outer div.ssl-title {
background: url('../images/pin_schwerkranke.png') no-repeat left center;
background-size: 16px 16px;
}

div#auf-palliativstationen-und-im-hospiz.ssl-outer div.ssl-title {
background: url('../images/pin_hospiz.png') no-repeat left center;
background-size: 16px 16px;
}


/* --- Haeufige Fragen ---*/

/* Content Sliders Haeufige fragen */

article div.ssl-outer {
margin:0 0 30px 0;
padding:0;
border:0;
}

article div.ssl-outer div.ssl-title {
margin:0;
padding:0 0 0 26px;
border:0;
color: #cc0000;
font-size: 1.2em;
background-color: #fff !important;
background-image:url('../images/rotpunkt.png');
background-repeat: no-repeat;
background-position: left center;
}

article div.ssl-outer div.ssl-title:hover, article div.ssl-outer div.ssl-title-open {
background-color: #fff !important;
background-image:url('../images/gelbpunkt.png');
}


/* --- ClownReports --- */

/* Imageslider Clownreports */

article div.djslider-loader div.djslider div.slider-container ul.djslider-in li div.slide-desc {
height: 50px;
padding:0;
margin:0;
background: #cc0000;
opacity:1.0;
color:#fff;
}

article div.djslider-loader div.djslider div.slider-container ul.djslider-in li div.desc-text-in, article div.djslider-loader div.djslider div.slider-container ul.djslider-in li div.slide-desc-bg, article div.djslider-loader div.djslider div.slider-container ul.djslider-in li div.slide-desc-text {
padding:0;
margin:0;
background: none !important;
color: #fff;
}

article div.djslider-loader div.djslider div.slider-container ul.djslider-in li div.slide-title {
padding:10px;
margin:0;
color: #fff;
font-size: 0.8em;
line-height: 1.1em;
font-family: 'rubik_light', sans-serif;
background: none;
}


/* --- Chronik --- */

.item-pagechronik div.com-content-article__body p {
clear: both;
margin:0 0 50px 0 !important;
overflow: auto;
}

.item-pagechronik div.com-content-article__body p img {
float: left;
width: 30%;
height: auto;
margin: 0.5% 4% 2% 0;
}


/* --- Foerderer --- */

section article div.foerderer img {
height: 80px;
width: auto;
margin: 5%;
float: left;
}


/*--- Team ---*/

div.com-contact.contact {
padding: 0 0 100px 0;
background: none;
}

div.com-contact-category div.contact-category div.com-contact-category__items form#adminForm {
padding:0;
background: none;
}

div#contactlist {
background: none;
width: 100%;
height: auto;
margin:0;
padding:0;
}

/* 2-spaltig 
div#contactlist div.listcontact:nth-of-type(odd) {
float: left;
width: 40%;
margin:0 auto 0 0;
height: 450px;
}

div#contactlist div.listcontact:nth-of-type(even) {
float: right;
width: 40%;
margin:0 0 0 auto;
height: 450px;
}
*/


/* 3-spaltig */

div#contactlist div.listcontact div.listcontactimage {
width: 100%;
margin:0;
padding:0;
border:0;
}

div#contactlist div.listcontact div.listcontactimage img.contact-thumbnail.img-thumbnail {
margin:0 auto 0 0;
padding:0;
border:0;
width: 100%;
height: auto;
}

div#contactlist div.listcontact div.listcontacttext {
width: 100%;
max-width:100%;
margin:0;
padding:13px 0 0 0;
border:0;
line-height: 1.25em;
word-wrap: break-word;
}

div#contactlist div.listcontact div.listcontacttext::first-line {
font-weight: bold;
}


/* Einzelkontakt*/

article div.com-contact.contact h3 {
clear: both;
}

article div.com-contact.contact div.page-header h1 span.contact-name {
font-size: 1.0em !important;
}

div.com-contact__container h3, dl.com-contact__position dt, form#contact-form fieldset legend, form#contact-form fieldset div.control-label span.spacer span.text label#jform_spacer-lbl {
display: none;
}

div.com-contact.contact div.com-contact__container dl.com-contact__position dd {
font-size: 1.0em;
}

div.com-contact.contact div.com-contact__container div.com-contact__thumbnail.thumbnail img {
width: 200px;
height: auto;
}


/* --- Presse --- */

/* Presse Anmeldemodul */

label#jform_spacer-lbl {
text-align: right;
margin: 0 0 1em 0;
font-size: 0.8em;
}

button.btn.btn-secondary.input-password-toggle {
height: 34px !important;
width: 34px !important;
padding: auto !important;
margin: 6px 0 auto 20px !important;

background-image:url('../images/auge.png');
background-repeat: no-repeat;
background-position: center center;
border-radius: 5px;
}

form.mod-login div.mod-login__password.form-group div.input-group button.btn.btn-secondary.input-password-toggle span {
height: 100% !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
color: #fff !important;
}

form.mod-login div.mod-login__userdata.userdata div.mod-login__username.form-group div.input-group span.input-group-text  {
display: none;
}

form.mod-login div.mod-login__userdata.userdata div.mod-login__submit.form-group button {
width: auto !important;
padding: auto !important;
margin: 20px auto 20px 0 !important;
}


/* Anmelden */

div.login {
width: 100%;
height: auto;
margin: 0 0 3.0em 0;
}

div.login button.input-password-toggle  {
display: none;
}

.login div.list-group a.list-group-item {
border: none !important;
margin: 0 auto 0 0;
}

/* Registrierung */

.registration {
height: auto;
margin: 0 0 3.0em 0;
}

.registration button.btn.input-password-toggle, .registration meter#progress-0 {
display: none;
}

article div.reset  {
margin: 0 0 3em 0 !important;
}

article div.reset form fieldset legend {
font-size: 1em !important;
}


/* Wichtige Links */

section p.wichtigelinks {
height: auto !important;
overflow-y:auto;
}



/* ------------------------ Shop ---------------------------*/


/* Modul Warenkorb */

div.moduletable.warenkorb div.ph-cart-module-box.warenkorb div.dropdown button.btn.btn-outline-secondary.dropdown-toggle sup#phItemCartBoxCount.ph-cart-count-sup.phItemCartBoxCount {
line-height:1.5em;
}

div.moduletable.warenkorb div.ph-cart-module-box.warenkorb div.dropdown div.dropdown-menu.dropdown-menu-end.show {
width: 300px !important;
}

div.moduletable.warenkorb div.ph-cart-module-box.warenkorb div.dropdown div.dropdown-menu.dropdown-menu-end.show div {
font-size: 0.8em !important;
}

div.moduletable.warenkorb div.ph-cart-module-box.warenkorb div.dropdown div.dropdown-menu.dropdown-menu-end.show div a{
color: #cc0000;
text-decoration: none !important;
}

div.moduletable.warenkorb div.ph-cart-module-box.warenkorb div.dropdown div.dropdown-menu.dropdown-menu-end.show div a:hover {
text-decoration: underline !important;
}


/* Seite Alle Produkte */

article div#ph-pc-category-box form {
background: none;
padding:0;
}

article div.pc-view.pc-category-view div#phItemsBox div#phItems.ph-items.grid div.row.ph-row-flex.grid div.ph-item-box.grid {
width: 100% !important;
margin:0 !important;
padding: 0 !important;
}
  
article div.phIBox {
border-radius: 8px 8px 0px 0px !important;
padding:0;
margin:0;
}
  
article div.pc-view.pc-category-view div#phItemsBox div#phItems.ph-items.grid div.row.ph-row-flex.grid div.ph-item-box.grid div.ph-item-content.grid{
width: 100% !important;
margin: 0 !important;
padding:0;
}
  
article div#ph-pc-category-box.pc-view.pc-category-view div#phItemsBox div#phItems.ph-items.grid div.row.ph-row-flex.grid div.ph-item-box.grid img.ph-image {
max-width:100%;
max-height: 100%;
width: auto;
height: auto;
margin: 0 0 auto 0;
}
  
article h3.ph-product-header.grid {
font-size: 1.4em;
padding: 10px 20px 10px 20px;
margin:0;
}
  
article h3.ph-product-header.grid {
font-size: 1.4em;
padding: 10px 20px 10px 20px;
margin:0;
}
  
article div.ph-item-action-box {
font-size: 1.0em;
padding: 10px 20px 10px 20px;
margin:0;
}

div.ph-item-sku-box {
display: none;
}


/* Seite Einzelprodukt */

#phImageBox .ph-item-image-full-box {
width: 100%;
border: 0 !important;
padding:0 !important;
margin:0 0 20px 0 !important;
}

#phImageBox .ph-item-image-full-box a, #phImageBox .ph-item-image-full-box img.img-responsive.img-thumbnail.ph-image-full.phImageFull {
width: 100% !important;
border: 0 !important;
padding:0 !important;
margin:0 !important;
}

.ph-item-image-box {
width: 30%;
margin:1.5% 1.5% 3.0% 1.5%;
padding:0;
float: left;
}

.ph-item-image-box img {
border: 0;
padding:0;
margin:0;
}

div.ph-item-add-to-cart-box div.form-group.ph-form-quantity input, div.ph-item-add-to-cart-box div.form-group.ph-form-button button {
margin:0 5px !important;
text-align: center;
}

#ph-pc-item-box a.nav-link {
background: #fff;
border-radius: 8px 8px 0 0;
border: 1px solid #eee;
margin:0 auto 0 0;
color: #cc0000;
}

#ph-pc-item-box a.nav-link.active {
background: #eee;
border-radius: 8px 8px 0 0;
margin-bottom:0;
}

#ph-pc-item-box div#phdescription, #ph-pc-item-box div#phfeatures {
background: #eee;
border-radius: 0 8px 8px 8px;
padding: 20px;
margin-top:-10px !important;
}


/* Seite Kasse */

section article div.ph-checkout-cart-row-item div.col-2.col-sm-2.col-md-2.ph-vertical-align-row.ph-checkout-cart-image.ph-row-image {
min-width: 80px !important !important;
padding:0 !important;
}

section article div.ph-checkout-cart-row-item div.col-2.col-sm-2.col-md-2.ph-vertical-align-row.ph-checkout-cart-image.ph-row-image img {
max-width: 100% !important;
height: auto;
}

div.ph-checkout-cart-row-item div.col-6, div.ph-checkout-cart-row-item div.ph-checkout-cart-title {
max-width: 80px !important !important;
}

form.phItemCartUpdateBoxForm {
margin: 10px 0 10px 0;
padding: 5px;
width: 60px;
}

form.phItemCartUpdateBoxForm div.input-group {
margin: 0 !important;
padding:0 !important;
width: 50px;
text-align: center !important;
}

form.phItemCartUpdateBoxForm input.ph-input-quantity, form.phItemCartUpdateBoxForm button {
width:50px;
text-align: center;
margin: 5px 0 5px 0 !important;
border-radius: 5px !important;
}

section article div.ph-checkout-cart-row-item div.col-2.col-sm-2.col-md-2.ph-vertical-align-row.ph-checkout-cart-brutto {
min-width: 90px !important:
white-space: nowrap !important;
}

form#phCheckoutAddGuest, form#phCheckoutAddress  {
background: none !important;
padding:0 !important;
margin:0 !important;
}

ul.ph-checkout-attribute-box, div.row.ph-cart-subtotal-box.ph-checkout-cart-row-subtotal-box, div.row.ph-cart-payment-box.ph-checkout-cart-row-payment-box {
display: none;
}

div#phConfirm {
margin-bottom: 2.0em;
}

div.ph-checkout-confirm-box-row-checkboxes, div.ph-pull-right.checkbox.ph-checkout-checkbox-confirm, div.ph-checkout-confirm-box-row-checkboxes label, div.ph-checkout-confirm-box-row-checkboxes label p {
width: 100%;
text-align: left !important;
font-size: 0.9em !important;
}


/* Phoca-Link */

div#phContainer + div + div {
font-size: 0.6em !important;
}



/*------------------------------------ aside ---------------------------------------*/

aside div.moduletable {
margin: 0 0 70px 0 !important;
}

aside div.fragezeichen {
background-image:url('../images/fragezeichen_gelb.png');
}
  
aside div.ausrufezeichen {
background-image:url('../images/ausrufezeichen_gelb.png');
}
  
aside div.info {
background-image:url('../images/info_gelb.png');
}
  
aside div.zitat {
background-image:url('../images/zitat_gelb.png');
}

aside div.moduletable > h3, aside div.moduletable div.custom h4 {
font-size:1.6em;
margin: 0 0 1.0em 0;
}

aside div p img {
vertical-align: bottom;
margin: 0 15px 10px 0;
max-width: 100%;
height: auto;
}

aside div img.teamfoto {
border-radius: 8px;
}
  

/*----------------------------------- footer --------------------------------------*/

div.fussmenue {
width:100%;
text-align: center;
margin: 0 0 3.0em 0;
}

div.fussmenue ul.nav {
width:100%;
display: inline-block;
text-align: center;
margin: 0;
padding: 0 auto 0 auto;
}

div.fussmenue ul.nav li {
margin: 0 10px;
padding: 0;
display: inline-block;
}


/* System-Message */

div#system-message-container joomla-alert button.joomla-alert--close {
position: relative;
top:-9px !important;
right: -21px !important;
margin:0 !important;
}


/* Barrierehelfer */

i._access-icon._access {
position: fixed;
bottom: 0 !important;
left: 0 !important;
}

/* Modul Cookie-Hinweis */

div.cpnb-m-cookies-floatButton.cpnb-m-cookies-floatButtonPosition_bottom_right {
position: fixed;
bottom:0 !important;
right: 0 !important;
}

div.jb-cookie div.jb-accept {
white-space: nowrap;
width: auto !important;
margin: 10px auto 10px auto !important;
padding: 3px 6px !important;
}

div.jb-cookie p a {
clear: both;
width: auto !important;
font-family: 'opensans_bold';
margin-left: 5px;
}

/* Editor-Formate */

article div.com-content-article.item-page div.com-content-article__body p img.drittel {
width: 30% !important;
height: auto;
margin:0 3% 3% 0;
padding:0;
border:0;
}

article div.com-content-article.item-page div.com-content-article__body p img.haelfte {
width: 48% !important;
height: auto;
margin:0 4% 4% 0;
padding:0;
border:0;
}

article div.com-content-article.item-page div.com-content-article__body p img.haelfte:nth-of-type(even) {
margin-right:0;
}