@charset "utf-8";
/* ! Layout for desktop version   */

/**************************** KLASSEN *********************************/ 

body {
width:100%; margin:0; padding:0; background-color:#FFFFFF; font-family: 'Cabin', sans-serif; font-size:1.09em; line-height:1.5em; color:#686666;  text-align:left;
} 
textarea, select, input {font-family: 'Cabin', sans-serif; font-size:0.93em; color:#333333;}     

h2 {
font-family: 'Julius Sans One', sans-serif; font-weight:400; font-size:1.2em; font-weight:bold; line-height:1.7em; display:block; color:#91b81c;
} 

.headline {
font-family: 'Julius Sans One', sans-serif; font-weight:400; font-size:1.2em; font-weight:bold; line-height:1.7em; display:block; color:#91b81c;
}

h3 {
font-family: 'Julius Sans One', sans-serif; font-weight:400; font-size:1.12em; line-height:3em; font-weight:bold; display:block; color:#91b81c;
}

h4 {
font-family: 'Julius Sans One', sans-serif; font-weight:400; font-size:1.12em; line-height:1.7em; font-weight:bold; display:block; color:#91b81c;
}


.top {font-family:Tahoma; font-weight:bold; font-size:1.03em; color:#333333;}
em {font-size: 1em;}
pre {font-family:Tahoma;}    
strong {font-weight:bold;}
hr {
color:#1d4c99; background-color:#3367bd; height:0.063em; border:none;
}
a:link {
color:#686666; text-decoration:underline;
}
a:visited {
color:#686666; text-decoration:underline;
}
a:hover {
color:#333333; text-decoration:underline;}

a:focus {
color:#333333; text-decoration:underline;
}
a:active {
color:#333333; text-decoration:underline;
}

img .noprint {
display:inline; 
}

.onlyprint {
display:none;
} 

.tline {
border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#aba8a8;
}

.tlineright {
border-right-width:1px; border-right-style:solid; border-right-color:#aba8a8;
}


/**************************** TABELLEN*********************************/ 

.areihe {
  clear: both;
  padding-top: 3px;
  width: 100%;
}

.alabel-1 {
  float: left;
  width: 29%;
  text-align: left;
  padding-top: 1px;
  padding-left: 5px;
  background-color:#e1dee2;
  font-size:0.93em;
}

.alabel-2 {
  float: left;
  width: 68%;
  text-align: left;
  padding-left: 5px;
  padding-top: 1px;
  background-color:#e1dee2;
}

.qlabel {
  float: left;
  width: 380px;
  text-align: left;
  padding-top: 1px;
  padding-right: 5px;
}


.end {clear: both; padding-top: 3px;}


.downloadreihe {
  clear: both;
  padding-top: 3px;
  width: 100%;
}

.dlabel-1 {
  float: left;
  width: 33%;
  text-align: left;
  padding-top: 1px;
  padding-left: 5px;
  font-size:0.93em;
}

.dlabel-2 {
  float: left;
  width: 65%;
  text-align: left;
  padding-left: 5px;
  padding-top: 1px;
}





.tcolor {
color:#aba8a8;
}

.before::before, .after::after {
content: "\A";
white-space: pre;
}

p {
text-align:justify; 
 }
xp { margin-top: 100px; }

xp {margin-bottom: 100px ; margin-top: 100px;}

 
/**************************** EIGENKLASSEN*********************************/ 

.c1 {
 padding-left: 120px;
 margin-bottom: 0em;
}
.c2 {
 float:left;
 padding: 0;
 margin: 0 0 0em -120px;
}

.c3 {
 clear:both;
}


.abstand {
margin-bottom: 5px;
}

.fontright {float:right;}
  

.rechts {float:right;}
.first {font-size:100%; color:#e64b07}
.pics_res {width:auto; max-width:100%; height:auto;}
.pics_text {width:auto; max-width:100%; height:auto; float:left; margin-right:10px; margin-top:5px; display:block;}
.pics_text1 {width:auto; max-width:100%; height:auto; float:left; margin-right:10px; margin-top:0px; display:block;}
.pics_right {width:auto; max-width:100%; height:auto; float:right;  display:block;}


.stylecolor {
color:#e10606;
}
.mini {
font-size:80%;
}

img{
max-width: 100%; height: auto;
}




.ausblenden {display:none;}
.anzeigen {display:block;}
.bildbox_klein {display:block; width:94%; margin-top:7px; margin-bottom:7px; padding-left:15px; color:#333333; background:#dFeEFF; border:0px solid #333333; border-radius:0px;}
.bildbox_browserinfo {width:70%; margin-top:20px; margin-left:auto; margin-right:auto; padding:40px; font-size:0.93em;}




.linie_oben {
width:100%; height:45px; background:#000000; border-bottom:1px solid #144c99; box-shadow:0.1em 0.1em 0.5em -0.1em #666;
  background: -moz-linear-gradient(top, #292727 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292727), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #292727 0%, #000000 100%);
  background: -o-linear-gradient(top, #292727 0%, #000000 100%);
  background: -ms-linear-gradient(top, #292727 0%, #000000 100%);
  background: linear-gradient(to bottom, #292727 0%, #000000 100%);

}







.linie_unten {width:100%; height:100px; background:#000000; border-top:1px solid #addb22;}


.xlinie {width:100%; height:42px; background-image: url(/image/linie.gif); background-repeat:repeat-x;}

.micro{font-size:60%;}
.liste_decimal {list-style-type:decimal; list-style-position:inside;}
.liste_disc {list-style-type:disc; list-style-position:inside;}
.liste_ausgezogen {list-style-type:disc; list-style-position: outside;}
.mitte {text-align:center;}
.neben li{display:inline; text-align:center;}
.pack {display:none;}
.search {margin-top: 20px; margin-bottom: 20px; margin-right: 0px; text-align: right;}
.headcolor1 {display:block; font-size:100%; font-weight:700; color:#FFFFFF;}
.button {
height:1.563em; width:auto; font-size:0.93em; color:#FFFFFF; cursor:pointer; background:#addb22; border:0px solid #6b8912; border-radius:0px;
  background: -moz-linear-gradient(top, #addb22 0%, #83ab0c  100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #addb22), color-stop(100%, #83ab0c ));
  background: -webkit-linear-gradient(top, #addb22 0%, #83ab0c  100%);
  background: -o-linear-gradient(top, #addb22 0%, #83ab0c  100%);
  background: -ms-linear-gradient(top, #addb22 0%, #83ab0c  100%);
  background: linear-gradient(to bottom, #addb220%, #83ab0c  100%);


}


.button1 {height:1.563em; width:5.5em; font-size:0.93em; color:#FFFFFF; cursor:pointer; background:#addb22; border:1px solid #6b8912; border-radius:0px;}

.field {border: 1px #686666 solid; background:#FFFFFF; margin-right:5px; margin-top:1px; width:7.5em; color:#333333; height:1.188em; border-radius:0px; transition: all 1s ease;}
.field1 {border: 1px red solid; background:#FFFFFF; margin-right:5px; margin-top:1px; width:7.5em; color:#333333; height:1.188em; border-radius:0px; transition: all 1s ease;}
.field2d {border: 1px #686666 solid; background:#FFFFFF; margin-right:5px; margin-top:1px; width:22.5em; color:#333333; height:12.188em; border-radius:0px; transition: all 1s ease;}
.field2m {border: 1px #686666 solid; background:#FFFFFF; margin-right:5px; margin-top:1px; width:15.5em; color:#333333; height:12.188em; border-radius:0px; transition: all 1s ease;}
.field:focus, .field1:focus {background:#d3eb8a;	width:200px;}
.sendebutton {text-align:left; padding-top:20px; padding-left:0px; padding-bottom:20px;}
#back-to-top { 
position:fixed; bottom:20px; right:10px; cursor:pointer; padding:10px; color:#addb22; display:none; z-index:99; border:0px;
}

#right, .right {font-size:88%; text-align:justify; line-height:1.4em;}




/************************** SUCHE **************************/ 

.searchword  {background-color: #ffd;}
.searchword0 {background-color: #ff0;}
.searchword1 {background-color: #0f0;}
.searchword2 {background-color: #0ff;}
.searchword3 {background-color: #fbb;}
.searchword4 {background-color: #dfd;}
.searchword5 {background-color: #faf;}
.searchword6 {background-color: #ccc;}
.mod {display: block; font-size: 1em;}
.weiter, #searchfooter, #output h3 {display:block; clear:left}
#output a {font-weight: normal;}
#searchfooter {margin-top: 1em;}
#suchtipheader {display:inline-block;}
#klapp0 {text-decoration: none; font-weight:normal !important; outline:none 0;}
#suchtipps a:focus, #suchtipps a:hover, #suchtipps a:active {text-decoration: underline;}
#output li {margin: 1em 2.5em  ; clear:left;}
#output li img {float:left;	max-width:7.5em;	margin: 0 1em 1em 0;}

/*  ************************ LEAST ********************* */

.section ul {list-style: none;}
.section { min-width:99.7%; width:99.7%; min-height:100%; text-align:center; padding:30px 0; margin-bottom:30px; background-color:#ebe9ec; border-radius:4px; box-shadow:0.1em 0.1em 0.5em -0.1em #3457a0;}
.section #fullPreview {background-color:#ebe9ec; border-top:0px solid #333332; border-bottom:0px solid #333332; padding:50px 0 30px 0; display:none;}
.section #fullPreview img, .section #fullPreview .fullCaption {max-width:960px; width:100%; margin:0 auto; display:block; }
.section #fullPreview .fullCaption {font-family:'Cabin', sans-serif; font-weight:300; font-size:0.93em; line-height:15px; font-weight:300; color:#686666; margin:15px auto 0 auto;}
.section #fullPreview figure {background-image: url("/images/effects/close_white.png"); background-size:100%; width:30px; height:30px; position:absolute; top:0px; right:0px; cursor:pointer;}
.section li {display:inline-block; vertical-align:top; position:relative;}
.section li:hover .overLayer {transition:opacity 0.3s linear;opacity: 1; display:block; background:gray;}
.section li:hover .infoLayer {transition:opacity 0.3s linear; opacity:1; display:block;}
.section li a {display:block; width:240px; height:150px; position:absolute; top:10px; left:0; z-index:6;}
.section li a.spinner { background-size: 100%; background-image: url("/images/effects/spinner.gif"); width:50px; height:50px; position:absolute; left:95px; top:60px; }
.section li img { border:none; margin:10px 10px 0 0;}
.section li .overLayer, .section li .infoLayer {transition:opacity 0.3s linear; width:240px; height:150px; position:absolute; text-align:center; opacity:0; top:10px; left:0; z-index: 4;}
.section li .overLayer ul, .section li .infoLayer ul { padding:50px 0 0 0; }
.section li .overLayer ul li, .section li .infoLayer ul li {display:block; margin:0 auto; width:200px; padding: 0 0 5px 0; }
.section li .overLayer ul li:first-child, section li .infoLayer ul li:first-child {border-bottom:2px white solid; }
.section li .overLayer ul li:last-child, section li .infoLayer ul li:last-child { padding:5px 0 0 0; text-transform:lowercase;}
.section li .overLayer ul li h2, section li .infoLayer ul li h2 {font-size:1.4em; }
.section li .projectInfo {display:none;}



.aktion-box {
  background-color: #91b81c; /* sattes Grün */
  color: #ffffff;
  padding: 20px;
  text-align: center;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

.aktion-title {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.aktion-box p {
	text-align: center;
	font-size: 19px;
	margin: 0;
}