/* satisfy-regular - latin */
@font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/satisfy-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Satisfy Regular'), local('Satisfy-Regular'),
       url('fonts/satisfy-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/satisfy-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/satisfy-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/satisfy-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/satisfy-v8-latin-regular.svg#Satisfy') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'palmerregular';
    src: url('fonts/palmer-webfont.woff2') format('woff2'),
         url('fonts/palmer-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}  
		
/* border / cellspacing */

img{max-width:100vw;height:auto !important;}

table{
 border-spacing:0;
 border-width:0px;}

/* cellpadding */
table td, table th{
 padding:0;}

/* tr valign */
.trtop{
 vertical-align:top;}

.orange{
 color:#014F8D;}

.tx { }

.nmp{
 font-style:normal;
 color:#014F8D;
 padding:0;
 margin:0;}

hr, hr .lblue{
 background-color:#6CABD0;
 color:#6CABD0;
 border:none;
 margin:1em 0;
 height:2px;width:100%;}

.tx td{ 
 border:1px solid #9FC7E0;
 padding:5px;
 background-color:#F3F6FB;
 color:#333;}

.tx tr td:first-child{ 
 background-image:url(media/td1bg.png);}

.tx tr:first-child td:first-child{
 background:none !important;
 background-color:#6BABCF !important; }

.tx th,.tx tr:first-child td{ 
 background-color:#6BABCF !important;
 color:#fff !important;
 font-weight:bold;}

.tx th,.tx tr:first-child{ 
 text-align:left;
 border:1px solid #9FC7E0;
 padding:5px;}

.rotate{
 margin-left:10px;
 background:none;
 -webkit-transform:rotate(-3deg);
 -moz-transform:   rotate(-3deg);
 -o-transform:     rotate(-3deg);
 /* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=-.3); */
 -ms-transform:    rotate(-3deg);
-webkit-backface-visibility: hidden;
-webkit-background-clip: content-box;
 box-shadow:4px 4px 4px #333333;}

html,body{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 color:#333;
 font-size:.85em;
 margin:0;
 padding:0;
 width:100vw;
 min-height:100vh;
 background-color:#FFFFFF;}

body{
 background-color:#F4F4F4;
 overflow-x:auto;}

#seite {
 margin:0 auto;
 height:auto;
 width:min(960px, 100vw);}

#innerseite{
 padding-left:0;
 padding-bottom:0;}

#innerseite a{
 color:#005D89;}

#copy{
 display:table-cell;
 float:right;
 text-align:right;
 vertical-align:bottom;
 padding-top:30px;
 font-weight:bold;}

.fl{
 float:left;}

.big{
 font-family:Arial !important;
 font-weight:normal;
 line-height:100%;
 font-size:6em;}

.ora{
 color:#014F8D;}

.hncb{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 font-weight:600;}

.hblau{
 color:#6CABD0;}

.noprint { display:none; }

.cke_show_borders, #cke_19_text, #cke_20_text, .cke_panel, .cke_rcombopanel .cke_panel_block {
 background:none;}

#kopf {

	background-image:url(media/licht-wechsel-logo.png);
	background-repeat:no-repeat;
	background-position:top right;
	width:min(960px, 100vw);
	margin:0;padding:0;
	margin:0 auto;}

.box{
 width:20px;
 height:20px;
 display:inline-block;
 border-radius:15px;
 border:1px solid #005D89;
 background-color:#FFFFFF;
 cursor:pointer;
 opacity:.5}

.box .on{
 width:20px;border:1px solid #005D89;
 background-color:#6CABD0;}

#innerkopf {
 margin:0 auto;
 width:min(960px, 100vw);
 min-height:126px;
 height:auto;
 padding-top:8px;}
 
#verlauf{
 height:1px;
 width:100%;
 background-image:url(media/verlauf.png);
 background-size:100% auto;
 background-repeat:repeat-y;}


#unterkopf{
 max-height:530px;
 background-size: cover;
 border:none;
/* border-bottom:3px solid #014F8D;*/
	background-size:100vw;background-repeat:no-repeat;
}


#unterkopfspruch{
 position:absolute;
 z-index:9;
 width:min(960px, 100vw);
 margin:auto;
 text-align:center;
 top:280px;
 left:50%;
 margin-left:-490px;}

.spruch{
 font-size:50pt;
 font-weight:100;
 color:#FFFFFF;
 text-shadow: 1px 1px rgba(0, 80, 143, 0.7),
              1px 1px rgba(0, 125, 129, 0.75);
 font-family:'palmerregular', 'Comic Sans MS';}

#idx{
 z-index:99999;
 position:absolute;
 left:50%;
 top:3px;
 margin-left:-480px;
 width:min(300px, 100vw);
 height:115px;}

#n{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 clear:both;
 margin:0;
 margin:auto;
 padding-top:90px;
 width:660px;
 text-align:right;
 float:right;
 vertical-align:bottom;
 display:inline-block;}

#n ul{
 display:inline-block;
 margin:0;
 padding:0;
 width:100%; }

#n ul li:first-child{display:none;}

#n ul li{
 color:#333333;
 margin-right:5px;
 display:inline-block;}

#content{
/* background-image:url(media/cbg.png);*/
	background-color:#F4F4F4;
 background-repeat:repeat-y;
/* overflow:visible;*/
 font-size:1.2em !important;
 line-height:140%;
 clear:both;
 width:min(1056px, 100vw); }

#ausgabe img{max-width:100%;}
#innercontent,#innercontent2{
 padding-top:5px;
 padding-bottom:10px;
 min-height:400px;
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 display:inline-block;
 float:left;
	width:min(907px, 90vw );
		padding-left:2.5vw;
		padding-right:2.5vw;}

#innercontent2{
 width:inherit;}

#innercontent_right{
 padding-top:15px;
 background-image:url(media/blue.png);
 background-repeat:no-repeat;
 background-size:222px 30px;
 hyphens:auto;
 font-size:12pt;
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 display:inline-block;
 float:left;
 min-height:400px;
 width:192px;
 padding:0px 20px 0 15px;}

#innercontent_right div{
 line-height:150%;
 font-size:10pt;
 margin-top:35px;
}

.it{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 font-style:italic;}

.webstyle{
 float:right;
 margin-right:5px;}

.pfeil{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 margin-right:10px;}

.k,.nav,.nava,.xnav,.xnava{
 padding-right:3px;
 margin-right:3px;
 text-decoration:none;
 font-weight:normal;
 font-size:1.1em !important;
 display:inline-block;
 border:1px solid transparent;
 color:#333333;
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 font-weight:500; }

/*
#subarea{
 position:absolute;
 top:143px;
 z-index:9;
 height:60px;
 width:100%;
 background-image:url(media/submenu_hg.png);
 background-repeat:repeat-x; }
*/

#sub1,#sub2{
 font-size:14px;
 position:absolute;left:-1000px;top:-1000px;
 background-color:#fff;
 width:auto;
 border-radius:0 5px 5px 5px;
 line-height:120%;
 padding-top:5px;
 padding-bottom:5px;
 box-shadow: 2px 4px 4px #535353; }

.k,.nava{
 color:#014F8D;
 font-family:'Raleway', Helvetica, Arial, sans-serif;}

.snav, .snava, .snav2, .snav2a{
 text-decoration:none !important;
 display:block !important;
 color:#000000;
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 font-weight:400;
 padding:3px 10px 3px 5px;
 padding-bottom:8px;
 padding-left:10px;
 line-height:100%;
 font-size:.9em !important;}

.snav:hover,.snav2a:hover,.snava:hover, .snav2a:hover{
 background-color:#014F8D;
 color:#FFFFFF;}

#umk{
 width:min(960px, 100vw);
 margin:auto;}

.k{
 overflow:hidden;
 line-height:100%;
 padding-bottom:5px;}

#fuss{
 clear:both;
 height:140px;
 background-image:url(media/verlauf.png);
 background-size:100% auto;
 background-repeat:repeat-y;}

#outerfuss {
 height:90px;
 line-height:90px;
 width:min(960px, 100vw);
 margin:auto;
 display:block;
 overflow:visible;
 border:none; }

#outerfuss a{
 font-family:Arimo,Arial;
 text-decoration:none;
 color:#FFFFFF;font-size:15px;line-height:16px !important;
 font-weight:400;}

#outerfuss a:hover{
 background-color:#fff;
 color:#014F8D;}

#outerfuss table,
#outerfuss table tr,
#outerfuss table tr td{
 color:#fff;
 height:55px;
 line-height:55px;
 padding:0;
 margin:0;}

#outerfuss table { width:min(960px, 100vw);}


#outerfuss table tr td{
 padding-top:5px;
 padding-bottom:5px;
 font-size:9.5pt;
 line-height:14pt;}

#outerfuss table tr td a{
 padding:3px;
 font-size:9.5pt;}

#outerfuss table tr td{
 padding-left:15px;}

#outerfuss table tr td:first-child{
 padding-left:0px;}

#outerfuss table tr td:last-child{
 padding-left:35px;}

#outerfuss table tr td a:last-child{
 width:205px;
 border-right:none;}

#outerfuss table tr td:first-child{
 font-weight:400;
 padding-top:.6rem;
}

.fussnavi{
 font-size:10pt;margin:0;padding:0;color:#fff;}

.fussnavi li{
 padding:0px 0px;
 display:inline;float:left;
 list-style-image:none;}

.fussnavi li:first-child::after,
.fussnavi li:nth-child(2)::after{
	letter-spacing:-.5px;
	content: " |\a0";}

img{}

#main,#main-inner,
#slider,
#slider img{width: 100vw}


h1,h2,h3{
 font-weight:400;
 margin:0;
 padding:0;
 margin-top:10px;
 margin-bottom:.5em; }

#innercontent h1,
#innercontent2 h1{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 line-height:125%;
 margin-bottom:1em; 
 color:#014F8D;
 font-size:25pt;
 text-shadow:3px 3px rgba(0, 0, 0, 0.2);
 font-weight:normal;}

#innercontent_right h1{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 line-height:125%;
 margin-bottom:1em; 
 color:#014F8D;
 font-size:1.2em;
 font-weight:normal;}

h2,h6{
 margin-top:1.5em; 
 margin-bottom:.5em;
 color:#014F8D;
 font-size:1.4em;}

h2 strong{
 font-weight:600;}

h3{
 font-size:1em;
 color:#014F8D;
 font-weight:600;
 margin-bottom:.5em;
 margin-top:1.5em;}

h4{
 font-size:11pt;
 font-weight:bold;}

h6{
 font-size:1.3em;
 margin:.5em 0 .5em 0;
 
 font-family:'Raleway', Helvetica, Arial, sans-serif;}

.link,.linka{ width:100%;}
.link,.linka{line-height:150%;}

select {
 border:none;}

.tform tr{
 vertical-align:top;}

.tform td{
 padding:3px;}
 
.adresse{
 display:inline-block;
 float:right;
 text-align:left;}

.submission{
 display:inline-block;
 float:left;}

.inputbox{
 font-size:1em;
 padding:5px;
 width:300px;
 border-radius:2px;
 background-color:#f8f8f8;
 border:1px solid #005D89;}

body,span,p,div,td,table,input,textarea{
 font-size:1em;
 font-family:'Raleway', Helvetica, Arial, sans-serif;}

.nodec{
 text-decoration:none;}

.nolink{
 text-decoration:none;
 color:#000000;}

.static{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 font-size:10pt;
 width:100%;}

.weiss{
 color:#ffffff;}

img{
 vertical-align:middle;
 border:none; }

p{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 margin-top:0;
 margin-bottom:1em;}

/*
hr{
 height:1px;
 border:none;
 background-color:#333;
 color:#333;}
*/

.L{
 height:10px;
 line-height:10px;
 font-size:10px; }

.cb{clear:both;}

/* Formulare Suchen und Einfügen */

.red{
 font-weight:bold;
 color:#cc0000;}

.riesig{
 display:block;
 padding-left:50px;
 white-space:nowrap;
 font-weight:bold;
 font-size:3em;
 height:50px;
 overflow:visible;
 margin-bottom:-30px;
 color:rgba(229,229,229,.3);}

.cb2{
 margin-bottom:1em;}

form p {
 margin-top:1em;
 margin-bottom:0;}

.block{
 width:99%;
 clear:both;
 display:block;}

.feld{
 font-size:.9em;
 border-radius:5px;
 border:1px solid #ccc;
 padding:20px; 
 background-image:linear-gradient(-30deg, #f8f8f8 0%, #f8f8f8 40%, #f8f8f8 60%, #FFFFFF 80%, #f8f8f8 100%);  }

.inp1,.inp2{
 margin-top:.2em;
 color:#333;
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 width:100%;
 font-size:1em;
 padding:5px;
 border-radius:2px;
 background-color:#f8f8f8;
 border:1px solid #ccc;
 border-bottom-color:#005D89;}

.inp2{
 width:90%;
 max-width:400px;}

textarea.inp1{
 height:125px;
 overflow:auto;}

select.inp1{
 font-size:1em;
 padding:4px !important; }

.submit{
 width:250px;
 font-weight:700;
 border:1px solid #005D89;
 border-radius:3px;
 box-shadow:1px 1px 2px #333333;
 color:#333;
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 padding:5px;
 font-size:.8em;
 background-image:linear-gradient(-0deg, #ccc 0%, #ccc 40%, #f8f8f8 60%, #FFFFFF 80%, #ccc 100%);
 cursor:pointer;}

.di,.di1{
 width:30%; 
 margin-right:3%;
 display:inline-block;
 float:left;}

.di1{
 width:32%; 
 margin-right:1%;
 float:none;
 text-align:left;}

.di2{
 width:31%; 
 margin-right:1%;
 display:inline-block;
 float:right;
 text-align:left;}

.it{
 font-style:italic;}

#seminare {
 padding:0;
 margin:0;
 font-size:1em;
 border:1px solid #AED1E5;
}

#seminare th{
 border:1px solid #AED1E5;
 border-width:0 0 1px 0;
 padding:5px;
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 background-color:#6BABCF;
 color:#fff;
 font-size:1em;
 font-weight:bold;
 text-align:left;
}

#seminare td{
 background-color:#F3F6FB;
 border:1px solid #AED1E5;
 border-width:0 1px 1px 0;
 padding:5px;
 line-height:125%;
 vertical-align:top;
 font-size:.8em;
}

#seminare tr>td:first-child{
 background-color:transparent;
 background-image:linear-gradient(180deg, #FBE0CE 0%, #fff 100%);}

#seminare strong{
 font-weight:700;
 color:#0D6491;}

#seminare h6{
 white-space:nowrap;
 font-size:1.15em;
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 line-height:1.1em;
 margin:0;
 padding:0;
 margin-bottom:.5em;}

#seminare em{
 color:#014F8D;
 font-size:1.3em;
 line-height:1.2em;
 font-style:normal;
 font-weight:bold;
}

.h2t {
 font-family:'Raleway', Helvetica, Arial, sans-serif !important;
 font-weight:400;
 color:#014F8D;
 font-size:1.4em;
 margin-bottom:.5em;}


p{
 margin-bottom:.5em;}

#stellenangebote .left,
#stellenangebote .right{
 vertical-align:top;
 display:inline-block;
 width:200px;}

#stellenangebote .left{
 margin-right:145px;
 width:200px;}

#downloads table td{
 padding:10px !important;
}

#downloads table td img{
 border:1px outset #999;
}

#ticker{
 margin:0;padding:0;
 width:min(740px, 100vw);

}

/* TERMINE */
#termine,
.terminausgabetabelle{
 width:100%;
 clear:both;}

.terminausgabetabelle{
 border:none;
 margin-bottom:2em;}

#termine h1{
 font-size:1.3em !important;line-height:110% !important;margin:0 !important;padding:0;display:block;}

.terminausgabetabelle h3{
 background:none;
 text-decoration:none;
 font-size:1.1em;line-height:120% !important;margin:0;margin-bottom:.6em;padding:0;display:block;}

.terminausgabetabelle td:nth-child(2){
 padding-left:1.5em;}

.loc{
 background-color:#e0e0e0;
 padding:20px;
 display:block;
 margin:1em 0 0 0;
 box-shadow:2px 2px 4px #333;}

.rechts{
 font-weight:bold;
 display:block;
 text-align:right;}

.more,.more0,.more1,.less{
 margin:.2em 0 .5em 0;
 color:#005D89;
 display:block;

 font-style:italic;}

.more::after, .more0::after, .more1::after
{ content:" >>";}

.less::before{ content:"<< ";}

.less{text-align:left;
 background-image:url(layout/h2_unterstrich.png);
 background-position:left bottom;
 background-repeat:repeat-x;}

.more,.more0,.more1,.less{
 font-weight:bold;
 text-decoration:none !important;}

.lbl{
 display:inline-block !important;
 width:130px;}

.shint{
 padding-left:3px;
 padding-right:5px;
 font-size:.7em;
 font-weight:400;}

.vinnert{
 display:table-cell;
 width:20px;
 height:150px;}

.vkasten{
 display:table-cell;
 vertical-align:bottom;
 padding:0 !important;
 margin:0 !important;
 width:180px;
 height:180px;
 background-size:cover;
 border:1px solid #000;
 box-shadow:2px 2px 4px #333;
 background-repeat:no-repeat;}

/*
.vtext{
 display:inline-block;
 font-size:.8em;
 line-height:110%;
 width:inherit;
 margin:0 auto !important;
 padding:5px 0 !important;
 text-align:center;
 color:#fff;
 background-color:rgba(0,90,164,.75);}

.vtext .more{
 color:#fff !important;}
*/

.vtext{
 display:inline;
 float:left;
 font-style:normal;
 line-height:120%;
 margin:0 auto !important;
 padding:5px 0 !important;}

.vtext a{
 text-decoration:none !important; }

.more,.more0,.more1{
 display:inline;float:right;}

.m2{
 display:block;float:left !important;}

.le,.le2{
 clear:both;
 display:block !important;
 margin-bottom:1.5em;}

.le,.le2{
 margin-bottom:1em;}

.le2:last-child{
 margin-bottom:0;}

.nol{
 text-decoration:none !important;}

h4{
 margin:0 0 .2em 0;
 padding:0;
 display:block;
 font-size:1.4em;
}

.infobut0,.infobut1{
 box-shadow:1px 1px 2px #999;
 border-radius:3px;
 display:inline-block;
 margin:0 10px 0 0;
 width:150px;
 text-align:center;
 vertical-align:center;
 line-height:110%;
 padding:5px;
 color:#fff !important;
 text-decoration:none !important; 
 border:1px outset #999;}

.infobut0{ background-color:#008F89;}
.infobut1{ background-color:#005D89;}

div .infobut1:first-child,
div .infobut0:first-child{
 width:160px;}
div .infobut1:nth-child(2),
div .infobut0:nth-child(2){
 width:140px;}
 
 
.more0,a.mkcol0{ color:#008F89 !important;}
.more1,a.mkcol1{ color:#005D89 !important;}

.ou{
border-radius:20px }

.button2{
 background-color:#FFFFFF !important;
 color:#005D89 !important;
 border:1px outset #005D89 !important;}

input[type="checkbox"],input[type="radio"],
input[type="submit"],input[type="reset"]{
 cursor:pointer;}

input[type="submit"],input[type="reset"]{
 padding:5px;
 margin:5px 2px 5px 0;
 background-color:#005D89;
 color:#FFFFFF;
 border:1px outset #535353;
 border-radius:3px;
 width:auto;}

input[type="submit"]:hover,input[type="reset"]:hover{
 color:#535353;
 border:1px dotted #535353;}

#kf1,#kf2{
 padding:0 20px 0 20px;
 display:inline;}

.kf3{
 padding-left:20px;
 border-left:1px dotted white;height:100%;}

#kf1{
 padding-left:0 !important;
 border-right:1px dotted white;height:100%;}

#ausgabe h3{
 font-size:1.2em;
 padding-top:.2em;
 font-weight:normal;
 color:#005D89 !important;}

 .disabled {
        pointer-events: none;
        cursor: default;
        opacity: 0.6;
    }
#anmeldung1 input[type="text"],#anmeldung1 textarea{
 width:320px;}

#anmeldung1 input,#anmeldung1 textarea {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  outline: none;
  padding: 0.3em;
  -webkit-transition: .18s ease-out;
  -moz-transition: .18s ease-out;
  -o-transition: .18s ease-out;
  transition: .18s ease-out;
}
#anmeldung1 input:hover,#anmeldung1 textarea:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 255, 99, 0.1);
}

#anmeldung1 input:focus,#anmeldung1 textarea:focus {
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
}

#anmeldung1 textarea{
 height:60px;
 overflow:auto;}
 
#anmeldung table tr,
#anmeldung1 table tr{
 vertical-align:top;}

#anmeldung1 tr td:first-child::after {
   content: "";
   display: inline-block;
   vertical-align: top;
   min-height:2.8rem;
}

#anmeldung td:first-child,
#anmeldung1 td:first-child{
 width:200px;}

#anmeldung td:nth-child(2),
#anmeldung1 td:nth-child(2){
 width:20px;}

#anmeldung td:nth-child(3){
 width:min(420px, 100vw);}

#cbox td:first-child{
 width:20px;}

#cbox td:nth-child(2){
 width:20px;}

#cbox td:nth-child(3){
 min-width:max(580px, 100vw);}

.error{
  font-weight:600;
  font-size:.85rem;
  margin-bottom:1em;
  width:min(530px, 100vw);
  display:block;
  background-color:#fffff8;
  border-radius: 4px;
  border: 1px double #cc3333;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.1);
	padding:5px 10px;
}

.success{
  font-weight:600;
  font-size:.85rem;
  margin-bottom:1em;
  width:min(530px, 100vw);
  display:block;
  background-color:#f8fff8;
  border-radius: 4px;
  border: 1px double #33cc33;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.1);
	padding:5px 10px;
}

#footercontent{
	padding:1rem;
	min-height:100px;
	max-width:100vw;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	background-color:#a6a6a6;}

#footercontent *{
	line-height:1.5rem;
	color:#fff;
	font-size:1.25rem;}

.fele{
	min-width:25%;
	max-width:25%;
	float:left;
	display:inline-block;}

@media screen and (max-width: 480px) {
	#idx	{
	  z-index: 99999;
	  position: absolute;
	  left: 50%;
	  top: 34px;
		width:25vw;
		margin-left:-14vw;
		height:auto;}

	#idx a img{
		width:100%;height:auto;}

#subarea{display:none;}
	#kopf {
		background-position:top center;
		background-size:80vw;}
	#n ul {z-index:999999999999;}
	#n ul li:first-child{display:block;}
	#n ul li{display:block;background:#fffffff0;border-bottom:1px solid #f0f0f0;}
	#n ul li a{cursor:pointer;display:block;}
	#n {height:2rem;line-height:2rem;overflow:hidden;}
	.fele{
		min-width:50%;
		max-width:50%;}
	#footercontent
	{ min-height: 200px;}	

.snav,.snava{color:#000;}
#unterkopfspruch .spruch{width:90vw;font-size:4vh;white-space:normal;}
#unterkopfspruch{
width:100vw;
 top:20vh;
 left:50vw;
 margin-left:-50vw;}
}