/*##################################################################*/
/* Container simple colums CSS */
/*##################################################################*/
@media only screen and (min-width: 600px) {

    .container100      { display:grid; grid-template-columns: 1fr; gap:5px; padding-top: 1.5em; padding-bottom: 1em; }
    .container5050     { display:grid; grid-template-columns: 1fr 1fr; gap:5px; padding-top: 1.5em; padding-bottom: 1em; }
    .container3070     { display:grid; grid-template-columns: 30% 1fr; gap:5px; padding-top: 1.5em; padding-bottom: 1em; }
    .container7030     { display:grid; grid-template-columns: 1fr 30%; gap:5px; padding-top: 1.5em; padding-bottom: 1em; }
    .container303040   { display:grid; grid-template-columns: 30% 30% 1fr; gap:5px; padding-top: 1.5em; padding-bottom: 1em; }
    .container333333   { display:grid; grid-template-columns: 33% 33% 1fr; gap:5px; padding-top: 1.5em; padding-bottom: 1em; }
    .container252550   { display:grid; grid-template-columns: 25% 25% 1fr; gap:5px; padding-top: 1.5em; padding-bottom: 1em; }
    .container25252525 { display:grid; grid-template-columns: 25% 25% 25% 1fr; gap:5px; padding-top: 1.5em; padding-bottom: 1em; }
    /* Debug
    .col-100, .col1-50, .col1-30 { background-color: darkblue; }
    .col2-50, .col2-40, .col2-30 { background-color: darkgreen; }
    .col3-40, .col3-30 { background-color: yellow; }
    DIV > DIV.container5050, DIV > DIV.container303040, DIV > DIV.container252550 {  padding-top: 1.5em;  }
     */
    .col1-50 .image-caption, .col2-50 .image-caption,
    .col1-30 .image-caption, .col2-30 .image-caption,
    .col1-70 .image-caption, .col2-70 .image-caption,
    .col1-33 .image-caption, .col2-33 .image-caption, .col3-33 .image-caption,
    .col1-25 .image-caption, .col2-25 .image-caption, .col3-25 .image-caption, .col4-25 .image-caption,
    .col1-20 .image-caption, .col2-20 .image-caption, .col3-20 .image-caption, .col4-20 .image-caption, .col5-20 .image-caption {
        font-size: 0.7rem; line-height: 1.1rem;}
    .col1-50, .col2-50, .col1-70, .col2-70,
    .col1-30, .col2-30, .col3-40, .col1-40, .col3-30, .col1-33, .col2-33, .col3-33,
    .col1-25, .col2-25, .col3-25, .col4-25,
    .col1-20, .col2-20, .col3-20, .col4-20, .col5-20 {
        padding: 0 0.8em 0 0; }

    .cont100col_wrap { border:1px solid #ddd; padding:5px; }
    .cont100col1{ float:left; width:98%; padding:5px; }

    .cont5050col_wrap { border:1px solid #ddd; padding:5px; } /*unclear*/
    .cont5050col1, .cont5050col2 { float:left; width:48%; padding:5px; }

    .cont3070col_wrap, .cont7030col_wrap { border:1px solid #ddd; padding:5px; } /*unclear*/
    .cont3070col1, .cont7030col2 { float:left; width:28%; padding:5px; }
    .cont3070col2, .cont7030col1 { float:left; width:68%; padding:5px; }

    .cont333333col_wrap { border:1px solid #ddd; padding:5px; }
    .cont333333col1, .cont333333col2, .cont333333col3 { float:left; width:31%; padding:5px; }

    .cont3366col_wrap, .cont3366col_wrap { border:1px solid #ddd; padding:5px; }
    .cont6633col1, .cont3366col2  { float:left; width:62%; padding:5px; }
    .cont3366col1, .cont6633col2  { float:left; width:31%; padding:5px; }

    .cont25252525col_wrap { border:1px solid #ddd; padding:5px; }
    .cont25252525col1, .cont25252525col2, .cont25252525col3, .cont25252525col4 { float:left; width:25%; padding:5px; }
}

.cont100col_wrap, .cont5050col_wrap, .cont333333col_wrap, .cont3366col_wrap, .cont3366col_wrap, .cont25252525col_wrap {
    border:1px solid #ddd; padding:5px; }

@media only screen and (max-width: 900px) {
    .cont100col1, .cont5050col1, .cont5050col2, .cont333333col1, .cont333333col2, .cont333333col3,
    .cont6633col1, .cont3366col2, .cont3366col1, .cont6633col2,
    .cont3070col1, .cont3070col2, .cont7030col1, .cont7030col2,
    .cont25252525col1, .cont25252525col2, .cont25252525col3, .cont25252525col4  {
        float:left; width:98%; padding:5px; display: inline; }
    .container25252525 { grid-template-columns: 50% 1fr;}

    .header-logoline {
        display: grid;
        text-align: left;
    }
}
@media only screen and (max-width: 600px) {
    /* Debug
    body { background-color: darkblue; }
     */

    .cont100col1, .cont5050col1, .cont5050col2, .cont333333col1, .cont333333col2, .cont333333col3,
    .cont6633col1, .cont3366col2, .cont3366col1, .cont6633col2,
    .cont3070col1, .cont3070col2, .cont7030col1, .cont7030col2,
    .cont25252525col1, .cont25252525col2, .cont25252525col3, .cont25252525col4 { float:left; width:98%; padding:5px; display: inline; }
}
.cont25252525col1, .cont25252525col2 { clear: both }


.cont5050col1 .image-caption {
    font-size: 0.75rem;
    line-height: 1.1rem;
}




/*##################################################################*/
/* columns CSS */
/*##################################################################*/
div.fce333333row { width: 575px; display: block; margin-bottom: 20px; }
div.fce333333row:last-child {margin-bottom: 0;}
div.fce333333col { float: left; width: 31%; margin-right: 11px; }
div.fce5050row { width: 575px; display: block; margin-bottom: 20px; }
div.fce5050col { float: left; width: 48%; margin-right: 11px; }
div.fce3366row { width: 575px; display: block; margin-bottom: 20px; }
div.fce3366col1 { float: left; width: 31%; margin-right: 11px; }
div.fce3366col2 { float: left; width: 63%; margin-right: 11px; }
div.fce6633row { width: 575px; display: block; margin-bottom: 20px; }
div.fce6633col1 { float: left; width: 63%; margin-right: 11px; }
div.fce6633col2 { float: left; width: 31%; margin-right: 11px; }

/* teaser rows */
/*div.fce333333row {width: 790px; display: block; margin-bottom: 11px;}*/
div.th-55px  div.fce333333row, div.th-55px  div.fce5050row, div.th-55px  div.fce3366row, div.th-55px  div.fce6633row,
div.th-110px div.fce333333row, div.th-110px div.fce5050row, div.th-110px div.fce3366row, div.th-110px div.fce6633row,
div.th-220px div.fce333333row, div.th-220px div.fce5050row, div.th-220px div.fce3366row, div.th-220px div.fce6633row,
div.th-330px div.fce333333row, div.th-330px div.fce5050row, div.th-330px div.fce3366row, div.th-330px div.fce6633row,
div.th-440px div.fce333333row, div.th-440px div.fce5050row, div.th-440px div.fce3366row, div.th-440px div.fce6633row,
div.th-550px div.fce333333row, div.th-550px div.fce5050row, div.th-550px div.fce3366row, div.th-550px div.fce6633row { overflow: hidden; clear: left; }

div.th-55px  div.fce333333row, div.th-55px  div.fce5050row, div.th-55px  div.fce3366row, div.th-55px  div.fce6633row { height:  55px; }
div.th-110px div.fce333333row, div.th-110px div.fce5050row, div.th-110px div.fce3366row, div.th-110px div.fce6633row { height: 110px; }
div.th-220px div.fce333333row, div.th-220px div.fce5050row, div.th-220px div.fce3366row, div.th-220px div.fce6633row { height: 220px; }
div.th-330px div.fce333333row, div.th-330px div.fce5050row, div.th-330px div.fce3366row, div.th-330px div.fce6633row { height: 330px; }
div.th-440px div.fce333333row, div.th-440px div.fce5050row, div.th-440px div.fce3366row, div.th-440px div.fce6633row { height: 440px; }
div.th-550px div.fce333333row, div.th-550px div.fce5050row, div.th-550px div.fce3366row, div.th-550px div.fce6633row { height: 550px; }

/* teaser items layout */
.fce333333row h1, .fce333333row h2, .fce333333row h3 {font-size: 1.7em;}
.fce333333row h1, .fce333333row h2, .fce333333row h3, .fce333333row p, .fce333333row ul {margin: 0 ;}
.fce3366row h1, .fce3366row h2, .fce3366row h3 {font-size: 1.7em;}
.fce3366row h1, .fce3366row h2, .fce3366row h3, .fce3366row p, .fce3366row ul {margin: 0 ;}
.fce6633row h1, .fce6633row h2, .fce6633row h3 {font-size: 1.7em;}
.fce6633row h1, .fce6633row h2, .fce6633row h3, .fce6633row p, .fce6633row ul {margin: 0 ;}
.fce5050row h1, .fce5050row h2, .fce5050row h3 {font-size: 1.7em;}
.fce5050row h1, .fce5050row h2, .fce5050row h3, .fce5050row p, .fce5050row ul {margin: 0 ;}
.fce333333row div div.csc-textpic-left {margin: 0 15px;}

.fce333333col img { margin-bottom: 5px; height: 43px; width: 178px;}
.fce3366col1 img, .fce6633col2 img {margin-bottom: 5px; height: 43px; width: 178px;}
.fce6633col1 img, .fce3366col2 img {margin-bottom: 5px; height: 43px; width: 367px;}
.fce5050col img { margin-top: 0px; margin-bottom: 5px; height: 43px; width: 270px;}

/*##################################################################*/
/* accoordion CSS */
/*##################################################################*/

#col2_content H3 { padding: 10px 0 5px 0; }
#col2_content H3.csc-firstHeader { padding-top: 0; }
/*#accordion { margin-top: 12px; }*/
#col2_content DIV#accordion h3 { color: #984b08; font-size: 12px; line-height: 1.6em; height: 1.7em; font-weight: bold; width: 170px; margin: 0; padding: 3px 10px; background-image: url(https://www.deko-buechele.de/fileadmin/templates/imgs/accordeon/background_head.png); background-repeat: repeat-x; background-origin: padding-box; background-size: 1.6em auto; cursor: pointer; text-decoration: none; }
/*orange hover: #col2_content DIV#accordion h3:hover { color:#e18104; } */
#col2_content DIV#accordion h3:hover { color:#FEA500; }
/*#col2_content DIV#accordion div ul li { list-style-type: none; background-image: url(../imgs/accordeon/background_sub_hover.png); font-size: 12px; font-weight: normal; color: #e18104; padding: 0 0 0 15px; margin: 0; } */
#col2_content DIV#accordion div ul li { list-style-type: none; background-image: url(https://www.deko-buechele.de/fileadmin/templates/imgs/accordeon/background_sub.png); background-repeat: repeat-x; font-size: 12px; font-weight: normal; color: #e18104; padding: 0 0 0 15px; margin: 0; background-origin: content-box; background-size: contain; }

#col2_content DIV.accordionlike { margin-bottom: 15px; }
#col2_content DIV.accordionlike h3 { color: #984b08; font-size: 12px; line-height: 1.6em; height: 1.7em; font-weight: bold; width: 170px; margin: 0; padding: 3px 10px; background-image: url(https://www.deko-buechele.de/fileadmin/templates/imgs/accordeon/background_head.png); background-repeat: repeat-x; background-origin: padding-box; background-size: 1.6em auto; cursor: pointer; text-decoration: none; }
#col2_content DIV.accordionlike h3 a:hover { text-decoration:none; color:#FEA500; }
#col2_content DIV.news-list-container { padding: 0; }

/*##################################################################*/
/* rgaccoordion CSS - unworking */
/*##################################################################*/

.rgaccordion { margin: 12px 0 15px 0; }
#col2_content DIV.rgaccordion h3 { font-size: 12px; line-height: 1.6em; height: 1.7em; font-weight: bold; width: 170px; margin: 0; padding: 3px 10px; background-image: url(https://www.deko-buechele.de/fileadmin/templates/imgs/accordeon/background_head.png); background-repeat: repeat-x; background-origin: padding-box; background-size: 1.6em auto; cursor: pointer; text-decoration: none; }
	 
/* Überschreibt h3.act in rgaccordion2.css */ 
#col2_content h3.act { width:185px; text-decoration:none;}

/* Überschreibt h3.rgaccord2-toggle in rgaccordion2.css */
/*#col2_content h3:hover { background-image: url(../imgs/accordeon/background_head_hover.png); background-repeat: repeat-x; background-origin: padding-box; background-size: 17px auto; cursor: pointer; }*/
 /* 1.Ebene */	
.rgaccord2-toggle { background-image: url(https://www.deko-buechele.de/fileadmin/templates/imgs/accordeon/background_sub.png); background-repeat: repeat-x; background-origin: padding-box; background-size: 1.6em auto; cursor: pointer; }

 /* 2.Ebene */	
#rgaccord2-nest ul, #rgaccord2-nest ol, #rgaccord2-nest dl { line-height: 1.5em; margin: 0; }
#rgaccord2-nest ul li { list-style-type: none; }
#rgaccord2-nest ul ul li { list-style-type: none; }
#rgaccord2-nest li { margin-left: 0;}
#rgaccord2-nest ul.csc-menu { width: 169px; cursor: pointer; padding: 0; display: inline-block; /* automatischer Umbruch bei langen Zeilen*/ }
#rgaccord2-nest ul.csc-menu li { text-decoration:none; background-clip: border-box; background-image: url(https://www.deko-buechele.de/fileadmin/templates/imgs/accordeon/background_sub.png); background-repeat: repeat-x; background-origin: content-box; background-size: contain; width: 169px; cursor: pointer; padding: 0 10px; }
#rgaccord2-nest ul.csc-menu li:hover { background-image: url(https://www.deko-buechele.de/fileadmin/templates/imgs/accordeon/background_sub_hover.png); }
#rgaccord2-nest { font-size: 12px; font-weight: normal; color: #e18104; /* Farbe orange (blau #182e7a) */ padding: 0; margin: 0 0 0 15px; }
#rgaccord2-nest a { font-size: 12px; font-weight: normal; color: #e18104; text-decoration:none; }
#rgaccord2-nest a:hover { color:#cc6600;/* Farbe orange (blau #182e7a) */ }
div.rgaccord2-content { border: none; width: 189px; /* 1px solid rgb(204, 204, 204); */ }

#rgaccord2-nest { overflow: hidden; }
#col2_content h3.rgaccord2-toggle { color:#8A4B08; width: 170px; }
#col2_content h3.rgaccord2-toggle:hover { color:#e18104; }
#col2_content h3.rgaccord2-toggle.act { width: 170px; }
/* h3.rgaccord2-toggle */
#rgaccord2-nest ul.csc-menu li { width: 155px; }

/*{ background-image: url(/fileadmin/templates/imgs/accordeon/background_head_hover.png); } */


/*##################################################################*/
.indent { margin-left: 10px; }
/*##################################################################*/

/*##################################################################*/
/* Internet Explorer CSS */
/*##################################################################*/

/* fuer IE7 */
*:first-child+html .clearfix { min-height: 0; }

/* fuer IE6 */
* html .clearfix { height: 1%; }

/* Original clearfix   
.clearfix:after {	 
   content: ".";
   display: block;
   clear: both;
   font-size: 0;
   height: 0;
   visibility: hidden;
 }

 */