strong { 
 font-family:              'Open Sans', sans-serif;
 font-weight:                   400;
}

i { 
 font-family:              'Open Sans', sans-serif;
 font-weight:                   300italic;
}


form{
 font-weight:                   300;
}

div.dsgvo_layer {
    max-width: 500px;
    margin-top: 8px;
    margin-bottom: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: silver;
    background-color: #efefef;
    float: right;
    margin-right: 40px;
    font-size: 0.8em;
    }


img.map, map area{
    outline: none;
}

.form_string_label, .form_select_label, .form_textarea_label, .form_radio_label {
 width:30%;
 text-align:right;
 vertical-align:top;
 padding-top:2px;
 }

.form_string_field, .form_select_field, .form_textarea_field, .form_radio_field, .form_submit {
 width:70%;
 text-align:left;
 vertical-align:top;
 height:40px;
  font-size:                   1.0em;
}

.form_string_field , .form_select_field , .form_textarea_field , .form_submit  {
 color:#000 !important;
}

.field, .field_textarea, .field_select {
 width:90% !important;
 font-size: 1em;
font-family: 'Open Sans', sans-serif;
color: #333;
font-weight: 300;
 }

#form_field_1{
 margin-top:10px;
}

.submit{
 margin-top:10px;
 font-size: 1em;
font-family: 'Open Sans', sans-serif;
color: #333;
font-weight: 300;
}


#imageData #caption {
 font-weight:100 !important;
}

#imageData #numberDisplay {
display:              block !important;
clear:                 left !important;
padding-bottom:       1.0em !important;
color:                #aaa !important;
}

.fwxlightbox-title h1              {font-size:1.6em !important; margin:0px !important; padding:0px !important; color:#fff !important; text-align:left !important;}
.fwxlightbox-title p               {font-size:1.2em !important; margin:0px !important; padding:0px !important; color:#fff !important; text-align:left !important;}
.fwxlightbox-compatibility-lightbox.simple-border .fwxlightbox-border                    {background:transparent !important;}
.fwxlightbox-compatibility-lightbox .fwxlightbox-footer                                  {background-color:transparent !important; }
.fwxlightbox-close                 { background:url(../images/page/close.png) 0 0 no-repeat !important;}

.fwxlightbox-compatibility-lightbox .fwxlightbox-footer * {color:#fff !important;}

* { margin: 0; padding: 0;  color:#333; }

body {

 font-family:              'Open Sans', sans-serif;
 font-weight:                   300;
 font-size:                   1.2em;
 background-color:             #fff;
 color:                        #333;
 padding:                    0 10px;
}

pre{
 text-decoration:              none;
 color:                        #333;
 background-color:      transparent;
 font-family:              'Open Sans', sans-serif;
 font-weight:                   300;
  font-size:                   0.6em;
}

.nodeko {text-decoration:none; background:#fff;}
.nodeko:hover {text-decoration:none; background:#fff;}


ul{
list-style-position:        outside;
list-style-image:           url('../images/page/listding.gif');
margin-left:                   20px;
text-align:                    left;
}

li{
margin-bottom:                 15px;
color:                         #333;
}

.fwxlightbox-item{
 background-color:             #fff;
 text-decoration:              none;

 }

.fwxlightbox-item:hover{
 background-color:             #fff;
 text-decoration:              none;
 }

a {
text-decoration:               underline;
}


#editblock a, #lg_admin_buttons a {
background-color:              transparent;
text-decoration:               none;
}


a:hover {
text-decoration:          underline;
color:                         #333;
}

.nav{
 text-align:                 center;
 margin-left:                  auto;
 margin-right:                 auto;
 background-color:             #fff;
 margin-bottom:                 0px;
}


hr{
 height:                        1px;
 color:                        #ccc;
 background-color:             #ccc;
 border:                       none;
 margin:                 0 0 30px 0;
}

h1{
 font-family:      'Open Sans', sans-serif;
 font-weight:                   300;
 font-size:                   2.5em;
 text-align:                 center;
 padding:                    30px 0;
 color:                        #333;

}

h2{
 font-family:      'Open Sans', sans-serif;
 font-weight:                    300;
 font-size:                    1.5em;
 text-align:                  center;
 padding:                   20px 0px;
 color:                         #333;

}

h3{
 font-family:      'Open Sans', sans-serif;
 font-weight:                    300;
 font-size:                    1.2em;
 text-align:                  center;
 padding:                   15px 0px;
 color:                         #333;

}

h4{
 font-family:      'Open Sans', sans-serif;
 font-weight:                    300;
 font-size:                    0.8em;
 text-align:                  center;
 padding:                   10px 0px;
 color:                         #333;

}

#logo{
width:                        200px;
height:                        100%;
margin-left:                   auto;
margin-right:                  auto;
margin-bottom:                  0px;

  animation-name:                    homeCycle;
  animation-duration:                       2s;
  animation-direction:                  normal;
  animation-iteration-count:          infinite;

  -webkit-animation-name:            homeCycle;
  -webkit-animation-duration:        2;
  -webkit-animation-direction:       normal;
  -webkit-animation-iteration-count: infinite;
}

.bild {
 width:                        100%;
 margin:                 0 0 30px 0;
 }

.bild2 {
 width:                        100%;
 }

#boxContainer{
 margin-left:                  auto;
 margin-right:                 auto;
 text-align:                 center;
 background:                   #fff;


}

.teaser {
  width:                        48%;
  padding:                       1%;
  clear:                       both;
  background-color:            #fff;
  display:             inline-block;
}

.nouter{
 clear:                        both;
 width:                        80px;
 height:                       80px;
 background-color:             #000;
 margin:                    5px 5px;
 display:              inline-block;
 }

.ninner{
 background-color:             #ddd;
 display:                     block;
 padding:                       0px;
 margin:                        0px;
 position:                 absolute;
 text-align:                   left;
 width:                        80px;
 height:                       80px;
}

.ntxt{
 font-family:      'Open Sans Condensed', sans-serif;
 font-weight:                   400;
 font-size:                    17px;
 line-height:                  18px;
 text-decoration:              none;
 color:                        #666;
 word-break:               keep-all;
 position:                 absolute;
 text-align:                   left;
 bottom:                        0px;
 margin-left:                   6px;
 margin-bottom:                 4px;
 max-width:                    75px;
}


.thumbnail_layer       {text-align:center;}
.fwxlightbox-item      {padding:1%; width:23%; display:inline-block;}
.galeriethumb          {width:100%; height:auto;}

iframe {width:100% !important;}










@media only screen and (min-width:580px) {

* { margin: 0; padding: 0;  color:#333; }



#boxContainer{
 margin-left:                 auto;
 margin-right:                auto;
 text-align:                center;
 background:                  #fff;
}

.teaser {
 width:                        31%;
 padding:                       1%;
 clear:                       both;
 background-color:            #fff;
 display:             inline-block;
}

.nouter{clear:both;
 width:                       90px;
 height:                      90px;
 background-color:            #000;
 margin:                   5px 5px;
 display:             inline-block;
 }

.ninner{
 background-color:            #ddd;
 display:                    block;
 padding:                      0px;
 margin:                       0px;
 position:                absolute;
 text-align:                  left;
 width:                       90px;
 height:                      90px;
}

.ntxt{
 font-family:      'Open Sans Condensed', sans-serif;
 font-weight:                  400;
 font-size:                   17px;
 line-height:                 18px;
 text-decoration:             none;
 color:                       #666;
 word-break:              keep-all;
 position:                absolute;
 text-align:                  left;
 bottom:                       0px;
 margin-left:                  6px;
 margin-bottom:                4px;
 max-width:                   75px;
}

}



@media only screen and (min-width:680px) {

* { margin: 0; padding: 0;  color:#333; }

body {
 background-color:             #fff;
 font-family:              'Open Sans', sans-serif;
 font-weight:                   300;
 font-size:                   1.2em;
 color:                        #333;

}

#wrapper {
 max-width:                   860px;
 height:                       100%;
 background-color:             #fff;
 margin-left:                  auto;
 margin-right:                 auto;
}

#leftCol {
 float:                        left;
 width:                       200px;
 margin-left:                   0px;
 background:                   #fff;
}

#rightCol {
 max-width:                   680px;
 background:                   #fff;
 margin-left:                 200px;
 padding-right:                20px;
 padding-left:                  5px;
 }

.nav{
 text-align:                 center;
 margin-left:                  auto;
 margin-right:                 auto;
 background-color:             #fff;
 margin-bottom:                 0px;
}

hr{
 height:                        1px;
 color:                        #ccc;
 background-color:             #ccc;
 border:                       none;
 margin:                 0 0 30px 0;
}

h1{
 font-family:      'Open Sans', sans-serif;
 font-weight:                   300;
 font-size:                     2em;
 text-align:                 center;
 padding:                  20px 0px;
 color:                        #333;

}

h2{
 font-family:      'Open Sans', sans-serif;
 font-weight:                   300;
 font-size:                   1,5em;
 text-align:                 center;
 padding:                  20px 0px;
 color:                        #333;
}

#logo{
width:                        200px;
height:                        100%;
margin-left:                   auto;
margin-right:                  auto;
margin-bottom:                  0px;

  animation-name:                    homeCycle;
  animation-duration:                2s;
  animation-direction:               normal;
  animation-iteration-count:         infinite;

  -webkit-animation-name:            homeCycle;
  -webkit-animation-duration:        2;
  -webkit-animation-direction:       normal;
  -webkit-animation-iteration-count: infinite;
}

.bild {
 width:                      100%;
 margin:               0 0 30px 0;
 }

#boxContainer{
 margin-left:                auto;
 margin-right:               auto;
 text-align:               center;
 background:                 #fff;


}

.teaser {
 width:                       23%;
 padding:                      1%;
 clear:                      both;
 background-color:           #fff;
 display:            inline-block;
}

.nouter{
 clear:                      both;
 width:                      80px;
 height:                     80px;
 background-color:           #000;
 margin:                  5px 5px;
 display:            inline-block;
 }

.ninner{
 background-color:           #ddd;
 display:                   block;
 padding:                     0px;
 margin:                      0px;
 position:               absolute;
 text-align:                 left;
 width:                      80px;
 height:                     80px;
}

.ntxt{
 font-family:      'Open Sans Condensed', sans-serif;
 font-weight:                 400;
 font-size:                  17px;
 line-height:                18px;
 text-decoration:            none;
 color:                      #666;
 word-break:             keep-all;
 position:               absolute;
 text-align:                 left;
 bottom:                      0px;
 margin-left:                 6px;
 margin-bottom:               4px;
 max-width:                  75px;
}

}




@keyframes homeCycle{
0% {background-color:#e5e5e5;}
50% {background-color:#ccc;}
100% {background-color:#e5e5e5;}
}

@-webkit-keyframes homeCycle{
0% {background-color:#e5e5e5;}
50% {background-color:#eee;}
100% {background-color:#e5e5e5;}
}