.tx-irfaq-dynheader {
  font-size:14px;
  }
.tx-irfaq-toggle-plus, .tx-irfaq-toggle-minus{background-size: 11px 11px;}

.err_msg {color:red;}
.tx-srfeuserregister-pi1-error{color:red;font-weight:bold;}
.tx-srfeuserregister-pi1 fieldset dd{display:block;padding:5px 2px;}
.tx-srfeuserregister-pi1 fieldset dt{float:left;display:block;width:170px;padding:5px 2px;clear:both;}
.tx-srfeuserregister-pi1 fieldset {margin-top: 20px;margin-bottom:20px;}
.align-center{text-align:center;}

div.frame-type-textmedia div.ce-center div.ce-gallery {text-align:center;}
div#c25052 div.ce-center div.ce-gallery {text-align:center;}

a img{border:0px;}

body{
  background-color: #ffffff;
  color:#000000;
  font-family: arial,verdana;
  font-size: 12px;
  margin:2px;
}
dl.news-single-files{border:0px;background-color:white;margin:15px 0px;}
dl.news-single-files img{}
.align-justify {text-align: justify;}
.align-right {text-align: right;}
table.htmlarea-showtableborders{border: 1px black solid;}
#captchaResponse {float:left}
table.mit_rahmen { border: 1px solid black; }
table.mit_rahmen td { padding:2}
table.ohne_rahmen { border: 0; }
table.ohne_rahmen td { padding:2}
table.mit_rahmen_zellen td { padding:2;border-left: 1px black solid;border-top: 1px black solid }
table.mit_rahmen_zellen {border-bottom:1px black solid;border-right:1px black solid;Border-Collapse: Collapse;}
td {vertical-align:top}

p,div,a,h1,h2,h3,h4,h5,h6 {font-family: arial,verdana;}

img.imgflagge{border:1px black solid}
td.spalte{
  background-color: #eeeeee;
}
td.fusszeile_tipafriend{
  background-color: #A9A9A9;
}
.buchst_liste a,.buchst_liste a:link, .buchst_liste a:visited {text-decoration:none;ffont-size:18px;}

.textarea_anmeldung{
width:450px;
height:130px;
}
.textarea_anmeldung2{
width:250px;
height:70px;
}


table.box
{
border:1px black solid;
width:550;
}

td
{
  font-family: arial;
  ffont-size: 12px;
}

table.box-innen
{
border-color:white;
}

td.navoben10 {
  background-image: url(hg_menu_oben.gif);
  width:169;
  height:22;
  text-align:center;
  font:arial;
  color:white;
}
td.navoben10_hi {
  background-image: url(hg_menu_oben_hi.gif);
  width:169;
  height:22;
  text-align:center;
  font:arial;
  color:white;
}

td.navoben2 {
  background-image: url(hg_menu_themen2.gif);
}



td.navoben2hi {
  background-image: url(hg_menu_themen2_hi.gif);
}

td.box-inhalt
{
  font-family: arial;
  ffont-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
  left-margin:0px
}
a:link {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: underline;
  color: #000000;
}
a:visited {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: underline;
  color: #8C008C;
}
a:active {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: underline;
  color: #000000;
}
a:hover {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: underline;
  color: #666666;
}
a.menu:link {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #000000;
}
a.menu:visited {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #000000;
}
a.menu:active {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #808080;
}
a.menu:hover {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #808080;
}

a.menu_oben:link {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #ffffff;
}
a.menu_oben:visited {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #ffffff
}
a.menu_oben:active {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #ffffff;
}
a.menu_oben:hover {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #ffffff;
}
/*unterstreichung aus den farb-css überschreiben */
#root #headernav ul li a:hover, #root #headernav ul li a.current { border-bottom: 0px;}
#root #headernav ul li a.menu_oben:hover {color:#808080}

a.menu_fussleiste:link {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #ffffff;
}
a.menu_fussleiste:visited {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #ffffff;
}
a.menu_fussleiste:active {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #808080;
}
a.menu_fussleiste:hover {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #808080;
}
table.NOBORDER
{
border:1px black solid;
width:550;
padding:5px;
}

td.kasten-inhalt
{
  font-family: arial;
  ffont-size: 12px;
  color: #000000;
  background-color: #ffffff;
}
td.kasten-footer
{
  font-family: arial;
  ffont-size: 12px;
  color: #000000;
  background-color: #d2d2d2;
  border-top:1px black solid;
}

td.kasten-grau
{
  font-family: arial;
  ffont-size: 12px;
  color: #000000;
  background-color: #d2d2d2;
}
td.kasten-grau-rahmen
{
  font-family: arial;
  ffont-size: 12px;
  color: #000000;
  background-color: #d2d2d2;
  border:1px black solid;
}

td.kasten-hellgrau
{
  font-family: arial;
  ffont-size: 12px;
  color: #000000;
  background-color: #f0f0f0;
}
td.kasten-dunkelgrau
{
  font-family: arial;
  ffont-size: 12px;
  color: #000000;
  background-color: #D2D2D2;
}
td.kasten-hellgrau-rahmen
{
  font-family: arial;
  ffont-size: 12px;
  color: #000000;
  background-color: #f0f0f0;
  border:1px black solid;
}
td.kasten-weiss
{
  font-family: arial;
  ffont-size: 12px;
  color: #000000;
  background-color: #ffffff;
}

a.menu_active:link {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  ccolor: #ffffff;
}
a.menu_active:visited {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  ccolor: #ffffff
}
a.menu_active:active {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #blue;
}
a.menu_active:hover {
  font-family: arial;
  ffont-size: 12px;
  text-decoration: none;
  color: #000000;
}

div.tx-newloginbox-pi1 {
  
  /*background-image:url(Login_100.jpg);
  background-repeat: no-repeat;
background-position:top right}*/

  }
  
br.padding10 {margin:10px;}
   
   
p.align-center{text-align: center;}
div.user-mentpro-pi1 form{margin:0}
div.topdown{background-color:#cccccc;padding:2px;}
div.topdown h1{ffont-size:12px;display:inline;}

 .tx-srsendcard-pi1 P { font-family:arial, sans-serif; ffont-size:12px; line-height:125%; color:#000000; margin-top:8px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; padding-right:3px; padding-left:3px; text-indent:0px; }
   .tx-srsendcard-pi1 A:link { background-color:transparent; color:navy; text-decoration:none; font-weight:bold;}
   .tx-srsendcard-pi1 A:visited { background-color:transparent; color:navy; font-weight:bold; text-decoration:none; }
   .tx-srsendcard-pi1 A:hover { background-color:transparent; color:#333333; text-decoration:none; }
   .tx-srsendcard-pi1 A:active { background-color:transparent; color:navy; font-weight:bold; text-decoration:none; }
   .tx-srsendcard-pi1 INPUT { ffont-size:10px; font-family:arial; color:#000000; font-weight:bold; }
   .tx-srsendcard-pi1 INPUT.tx-srsendcard-pi1-submit { ffont-size:10px; font-family:arial,Verdana; color:#000000; font-weight:bold; }
   .tx-srsendcard-pi1 SELECT { ffont-size:10px; font-family:arial,Verdana; color:#000000; font-weight:bold; }
   .tx-srsendcard-pi1 TEXTAREA { ffont-size:10px; font-family:arial,Verdana; color:#000000; font-weight:bold; }
   .tx-srsendcard-pi1 .tx-srsendcard-pi1-radio TD { text-align:left; vertical-align:middle; background-color:transparent; }
   .tx-srsendcard-pi1 .tx-srsendcard-pi1-radio P { font-family:arial,Verdana, sans-serif; ffont-size:12px; color:#000000; margin-top:4px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; padding-right:3px; padding-left:3px; text-indent:0px; }
   .tx-srsendcard-pi1 .tx-srsendcard-pi1-radio INPUT  { ffont-size:10px; font-family:arial,Verdana; background-color:transparent; color:#000000; font-weight:bold; vertical-align:middle; }


.csc-frame-frame2 {background-color:#F5FFAA;}
.csc-frame-frame1 {background-color:#F2F2F2;}
.align-justify {text-align: justify;}
.indent {margin-left:10px;}
.thumbnail-wrapper {
  display: grid;
  grid-template-columns: auto auto auto auto;
  margin-top: 20px;
  
}

.thumbnail-wrapper img {
  max-width: 120px;
  max-height: 170px;
  min-width: 120px;
  min-height: 170px;
  width: auto;
  height: auto;
  object-fit: cover;
}


/* Modal Image */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; 
  position: fixed; 
  z-index: 2000; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.9);
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  max-height: 100%;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #ffffff !important;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  cursor: pointer;
  opacity: 1 !important;
}


/* Breakpoints for generic_gallery and .thumbnail-wrapper */
@media only screen and (max-width: 478px) {
  .thumbnail-wrapper {
    grid-template-columns: repeat(2, auto);
  }
  .carousel-indicators{
    display: none;
  }
}

@media only screen and (min-width: 478px) and (max-width: 606px) {
  .thumbnail-wrapper {
    grid-template-columns: repeat(3, auto);
  }
  .carousel-indicators{
    display: none;
  }
}

@media only screen and (min-width: 606px) and (max-width: 767px) {
  .thumbnail-wrapper {
    grid-template-columns: repeat(4, auto);
  }
}

@media only screen and (min-width: 767px) and (max-width: 910px) {
  .thumbnail-wrapper {
    grid-template-columns: repeat(2, auto);
  }
  .carousel-indicators{
    display: none;
  }
}

@media screen and (min-width: 910px) and (max-width: 1170px) {
  .thumbnail-wrapper {
    grid-template-columns: repeat(3, auto);
  }
}