header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/* Contao Open Source CMS,  (c) 2005-2014 Leo Feyer,  LGPL license */

.invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


*[class*="grid"] {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    display: inline;
}
.mod_article *[class*="ce_"], .mod_article *[class*="mod_"] {
    margin-left: 10px;
    margin-right: 10px;
}
.mod_article .mod_newsreader, .mod_article .mod_eventreader {
    margin-left: 0;
    margin-right: 0;
}
.mod_article *[class*="layout_"]>*, .mod_article *[class*="event_"]>* {
    margin-left: 10px;
    margin-right: 10px;
}
.mod_article.grid1, .mod_article.grid2, .mod_article.grid3, .mod_article.grid4, .mod_article.grid5, .mod_article.grid6, .mod_article.grid7, .mod_article.grid8, .mod_article.grid9, .mod_article.grid10, .mod_article.grid11, .mod_article.grid12 {
    margin-left: 0;
    margin-right: 0;
}
#main .inside {
    overflow: hidden;
}
.grid1 {
    width: 60px;
}
.grid2 {
    width: 140px;
}
.grid3 {
    width: 220px;
}
.grid4 {
    width: 300px;
}
.grid5 {
    width: 380px;
}
.grid6 {
    width: 460px;
}
.grid7 {
    width: 540px;
}
.grid8 {
    width: 620px;
}
.grid9 {
    width: 700px;
}
.grid10 {
    width: 780px;
}
.grid11 {
    width: 860px;
}
.grid12 {
    width: 980px;
}
.mod_article.grid1 {
    width: 80px;
}
.mod_article.grid2 {
    width: 160px;
}
.mod_article.grid3 {
    width: 240px;
}
.mod_article.grid4 {
    width: 320px;
}
.mod_article.grid5 {
    width: 400px;
}
.mod_article.grid6 {
    width: 480px;
}
.mod_article.grid7 {
    width: 560px;
}
.mod_article.grid8 {
    width: 640px;
}
.mod_article.grid9 {
    width: 720px;
}
.mod_article.grid10 {
    width: 800px;
}
.mod_article.grid11 {
    width: 880px;
}
.mod_article.grid12 {
    width: 1000px;
}
.offset1 {
    margin-left: 90px !important;
}
.offset2 {
    margin-left: 170px !important;
}
.offset3 {
    margin-left: 250px !important;
}
.offset4 {
    margin-left: 330px !important;
}
.offset5 {
    margin-left: 410px !important;
}
.offset6 {
    margin-left: 490px !important;
}
.offset7 {
    margin-left: 570px !important;
}
.offset8 {
    margin-left: 650px !important;
}
.offset9 {
    margin-left: 730px !important;
}
.offset10 {
    margin-left: 810px !important;
}
.offset11 {
    margin-left: 890px !important;
}
.offset12 {
    margin-left: 970px !important;
}
.mod_article.offset1 {
    margin-left: 80px !important;
}
.mod_article.offset2 {
    margin-left: 160px !important;
}
.mod_article.offset3 {
    margin-left: 240px !important;
}
.mod_article.offset4 {
    margin-left: 320px !important;
}
.mod_article.offset5 {
    margin-left: 400px !important;
}
.mod_article.offset6 {
    margin-left: 480px !important;
}
.mod_article.offset7 {
    margin-left: 560px !important;
}
.mod_article.offset8 {
    margin-left: 640px !important;
}
.mod_article.offset9 {
    margin-left: 720px !important;
}
.mod_article.offset10 {
    margin-left: 800px !important;
}
.mod_article.offset11 {
    margin-left: 880px !important;
}
.mod_article.offset12 {
    margin-left: 1000px !important;
}

.grid1 {
    width: 42px;
}
.grid2 {
    width: 104px;
}
.grid3 {
    width: 166px;
}
.grid4 {
    width: 228px;
}
.grid5 {
    width: 290px;
}
.grid6 {
    width: 352px;
}
.grid7 {
    width: 414px;
}
.grid8 {
    width: 476px;
}
.grid9 {
    width: 538px;
}
.grid10 {
    width: 600px;
}
.grid11 {
    width: 662px;
}
.grid12 {
    width: 724px;
}
.mod_article.grid1 {
    width: 62px;
}
.mod_article.grid2 {
    width: 124px;
}
.mod_article.grid3 {
    width: 186px;
}
.mod_article.grid4 {
    width: 248px;
}
.mod_article.grid5 {
    width: 310px;
}
.mod_article.grid6 {
    width: 372px;
}
.mod_article.grid7 {
    width: 434px;
}
.mod_article.grid8 {
    width: 496px;
}
.mod_article.grid9 {
    width: 558px;
}
.mod_article.grid10 {
    width: 620px;
}
.mod_article.grid11 {
    width: 682px;
}
.mod_article.grid12 {
    width: 744px;
}
.offset1 {
    margin-left: 72px !important;
}
.offset2 {
    margin-left: 134px !important;
}
.offset3 {
    margin-left: 196px !important;
}
.offset4 {
    margin-left: 258px !important;
}
.offset5 {
    margin-left: 320px !important;
}
.offset6 {
    margin-left: 382px !important;
}
.offset7 {
    margin-left: 444px !important;
}
.offset8 {
    margin-left: 506px !important;
}
.offset9 {
    margin-left: 568px !important;
}
.offset10 {
    margin-left: 630px !important;
}
.offset11 {
    margin-left: 692px !important;
}
.offset12 {
    margin-left: 754px !important;
}
.mod_article.offset1 {
    margin-left: 62px !important;
}
.mod_article.offset2 {
    margin-left: 124px !important;
}
.mod_article.offset3 {
    margin-left: 186px !important;
}
.mod_article.offset4 {
    margin-left: 248px !important;
}
.mod_article.offset5 {
    margin-left: 310px !important;
}
.mod_article.offset6 {
    margin-left: 372px !important;
}
.mod_article.offset7 {
    margin-left: 434px !important;
}
.mod_article.offset8 {
    margin-left: 496px !important;
}
.mod_article.offset9 {
    margin-left: 558px !important;
}
.mod_article.offset10 {
    margin-left: 620px !important;
}
.mod_article.offset11 {
    margin-left: 682px !important;
}
.mod_article.offset12 {
    margin-left: 744px !important;}

*[class*="grid"] {
    float: none !important;
    display: block !important;
    width: auto !important;
}
*[class*="offset"] {
    margin-left: 10px !important;
}

body {
	font-size:16px;
	line-height:1.5em;
	font-family: 'Gotham Narrow A', 'Gotham Narrow B';
	font-style: normal;
	}


H1, H2, H3, H4 {
	font-weight: 700; 
	font-style: normal;
}

h1 {font-size:1.3em}
h2 {font-size:1.125em;margin:0 0 0.4em 0}
h3 {font-size:1.115em;margin:0 0 0.2em 0}
h4 {font-size:1em; margin-bottom:0}



@media only screen and (max-width: 767px) {
#main h1 {
	font-weight: 700;
	color:#878787;
	margin-top:0px;
	margin-bottom:0px;
	padding:0}
	
.teaser p {
	font-weight: 500;
	margin-top:0.3em;
	}	
	
#main .mod_article.pa h1{
	font-weight: 700;
	color:#000000;
	margin-top:1em;
	margin-bottom:1em;
	padding:0}


}
@media only screen and (min-width: 768px){
#main h1 {
	font-weight:700;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	color:#878787;}

.teaser p {
	font-weight: 500;
	margin-top:0.3em;
	}	

#main .mod_article.pa h1{
	font-weight: 700;
	color:#000000;
	margin-top:1em;
	margin-bottom:1em;
	padding:0}
	

}

p {font-weight: 400; font-style: normal; font-size: 1em}
a {font-weight: 400; font-style: normal; color:#000000}

.ce_text a, p.back a, .link_gesuche a, .ce_download a, .intern_reg a, .bewerbung a.email {
    border-bottom: 3px double #c2cf00;
    text-decoration: none;
    color: #000;
}

ul.haken > li,
li.haken {margin:2px 0 2px 20px}
p.p_header {margin:0}

#right ul, 
div.pa ul {margin-left:1em; list-style-type:disc;}
#right ul > li:before,
div.pa ul > li:before {
margin-left:0em;}

#right ul.haken, div.pa ul.haken, ul.haken {list-style-type:none;margin-left:0}

ul.haken >li:before,
div.pa ul.haken >li:before, 
#right ul.haken > li:before,
div.pa li.haken:before,
#right li.haken:before{
	/*width:20px;*/
	color:#c2cf00;
	font: normal normal normal 16px/1 FontAwesome;
	content: "\f00c";
	margin-left:-1.25em;
	margin-right: 0.3em}
	
#right ul.haken li strong,
div.pa ul.haken li strong {
	list-style-type:none}	

.ce_text{

white-space: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: manual;
-moz-hyphens: manual;
-webkit-hyphens: manual;
hyphens: manual;

/*word-wrap: break-word; Fallback fuer Chrome und IE < 10 */
}

.ce_text.center{text-align:center}



/************* Stellenanzeigen ***************/

ul.offenepositionen li {margin: 0 0 10px 0}

div.h2_textspalte h2 {margin-right:15px}

p.headerteaser {margin:0}

.stellenlinks .ce_hyperlink {margin-bottom:7px;font-size:1em;}

article.pa-teaser h2 {font-size:1em}

.stellen h1 {margin-top:0}


.vitesse.bold {
font-family: "Vitesse A", "Vitesse B";
font-style: normal;
font-weight: 700;
	}	
.vitesse.black {
font-family: "Vitesse A", "Vitesse B";
font-style: normal;
font-weight: 800;
	}	
	
.gotham.book {
font-family: "Gotham Narrow A", "Gotham Narrow B";
font-style: normal;
font-weight: 400;
	}
.gotham.medium {
font-family: "Gotham Narrow A", "Gotham Narrow B";
font-style: normal;
font-weight: 500;
	}
.gotham.bold {
font-family: "Gotham Narrow A", "Gotham Narrow B";
font-style: normal;
font-weight: 700;
	}




.mappe .toggler {
	line-height:2.5em;
	font-style: normal;
	font-weight: 800;
	color: #fff;
	background-color: #c2cf00;
	transition: 0.3s;
}	

.mappe .toggler:hover {
	color: #fff;
	background-color: #9FA900;
}	

.mappe .toggler:hover {cursor: pointer}

.mappe div.accordion {padding:10px 0;}

.mappe div.accordion div.ce_download {margin-left:40px}

.mappe div.accordion a {display:block}

.toggler h2 {margin:5px 10px 5px 20px;}

.mappe .toggler.ui-state-default h2::before,
.mappe .toggler.ui-accordion-header-collapsed h2::before {
	/*color: #fff;*/
    font: normal normal normal 22px/1 FontAwesome;
    content: "\f0da";
    margin-right: 0.5em;
    width:12px;
}

.mappe .toggler.ui-state-active h2::before,
.mappe .toggler.ui-accordion-header-active h2::before
{
	color: #fff;
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f0d7";
    margin-right: 0.5em; 
    width:12px;
}

.mappe .download-element a{
border-bottom: none;
display:block;
padding-left: 2px;
}

	
.mappe .download-element a::before {
	color: #c2cf00;
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f019";
    margin-left: -1.45em;
    margin-right:0.5em;
}	

.mappe .download-element a:hover::before {
	color: #9FA900;
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../../files/page/theme/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../../files/page/theme/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../../files/page/theme/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../../files/page/theme/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../../files/page/theme/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../../files/page/theme/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}

@media only screen and (max-width: 600px) {
nav.main {display:none}
}

@media only screen and (min-width: 600px) {
nav.main {display:block}
}


/****************************** BREAKPOINT 1 *************************/
/******************************* 600 - 767 ***************************/		
@media only screen and (min-width:600px) and (max-width:767px) {

div.mod_mobile_menu {display:none}

nav.main {
			position:relative;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
            margin-left: 0;
            padding-left: 0;
            margin: auto;
            font: 16px/1.5 'Gotham Narrow A', 'Gotham Narrow B';
        }

nav.main ul {
         	padding-left: 0px;
            list-style: none;
            /*flex statt block*/
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            margin:0;
        }

nav.main li,
nav.main li strong {
            text-align: center;
            padding:0 0.65em 0 0.5em;
        }

nav.main li > a,
nav.main li > strong {
            display: inline-block;
            padding: 0.5em 0;
          margin: 0 0.3em;
            /*border: 1px solid #888;
            background-color: #9bd9a6;*/
            min-width: 3rem;
            text-decoration: none;
            color: #000000;
            font-weight: 800;
            font-size: 1.1em;
            width: 100%;
        }

nav.main li.first > a,
nav.main li.first > strong {  
		  margin: 0;
		  }     

nav.main ul li.trail strong,
nav.main ul li.trail a {color:#ffffff}

nav.main ul li.trail ul li a, 
nav.main ul li.active ul li strong.active {color:#000000}

nav.main ul li.active, nav.main ul li:hover, nav.main ul li a:hover {
    background-color: #c2cf00;
    color: #fff;
    }

	nav.main ul li:hover > ul,
    nav.main ul li:focus-within> ul {
          /*  display: block;*/
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            z-index:1000;
           
        }
        
	nav.main ul li.active strong,
	nav.main li a:hover,
	nav.main li strong:hover,
	nav.main li.trail {
 	cursor:pointer;
    background-color: #c2cf00;
    color:#ffffff}
        
nav.main ul li ul {
            	display: none;
       	position: absolute;
        top: 44px;
    	left: 0;
    	right: 0;  
    	-webkit-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
    	-o-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
    	transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
        }       
.safari nav.main ul li ul {
   top: 45px;
   }        
        
nav.main ul>li>ul {
  background-color:rgba(255,255,255,0.7);

 
 	}

 /*
nav.main ul > li.submenu.pa > ul {margin-left:-74px}  
nav.main ul > li.submenu.stellen > ul {margin-left:-271px}  
nav.main ul > li.submenu.genossen > ul {margin-left:-390px} 
  
*/
nav.main ul>li>ul>li>a {
         	height:27px;
            color: #000000;
            font-size: 1em;
            line-height:1.6em;
        }
        
nav.main ul>li>ul>li>a:hover,
nav.main ul>li>ul>li>strong {color:#ffffff}

}


/****************************** BREAKPOINT 1 *************************/
/******************************* 768 - 999 ***************************/		
@media only screen and (min-width:768px) and (max-width:999px) {

div.mod_mobile_menu {display:none}

nav.main { position:relative;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
            margin-left: 0;
            padding-left: 0;
            /*margin: auto;*/
            font: 16px/1.5 'Gotham Narrow A', 'Gotham Narrow B';
        }

nav.main ul {
         	padding-left: 0px;
            list-style: none;
            /*flex statt block*/
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            margin:0;
        }

nav.main li,
nav.main li strong {
            text-align: center;
            padding:0 0.65em 0 0.5em;
        }

nav.main li > a,
nav.main li > strong {
            display: inline-block;
            padding: 0.5em 0;
          margin: 0 0.3em;
            /*border: 1px solid #888;
            background-color: #9bd9a6;*/
            min-width: 3rem;
            text-decoration: none;
            color: #000000;
            font-weight: 800;
            font-size: 1.1em;
            width: 100%;
        }

nav.main li.first > a,
nav.main li.first > strong {  
		  margin: 0;
		  }     

nav.main ul li.trail strong,
nav.main ul li.trail a {color:#ffffff}

nav.main ul li.trail ul li a, 
nav.main ul li.active ul li strong.active {color:#000000}

nav.main ul li.active, nav.main ul li:hover, nav.main ul li a:hover {
    background-color: #c2cf00;
    color: #fff;
    }

	nav.main ul li:hover > ul,
    nav.main ul li:focus-within> ul {
          /*  display: block;*/
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            z-index:1000;
           
        }
        
	nav.main ul li.active strong,
	nav.main li a:hover,
	nav.main li strong:hover,
	nav.main li.trail {
 	cursor:pointer;
    background-color: #c2cf00;
    color:#ffffff}
        
nav.main ul li ul {	display: none;
       	position: absolute;
        top: 44px;
    	left: 0;
    	right: 0;  
    	-webkit-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
    	-o-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
    	transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
        }       
.safari nav.main ul li ul {
   top: 45px;
   }
           
nav.main ul>li>ul {
  background-color:rgba(255,255,255,0.7);
 }
 
 /*
nav.main ul > li.submenu.pa > ul {margin-left:-74px}  
nav.main ul > li.submenu.stellen > ul {margin-left:-271px}  
nav.main ul > li.submenu.genossen > ul {margin-left:-390px} 
  
.safari nav.main ul > li.submenu.pa > ul {margin-left:-74px}  
.safari nav.main ul > li.submenu.stellen > ul {margin-left:-275px}  
.safari nav.main ul > li.submenu.genossen > ul {margin-left:-396px} 
*/

nav.main ul>li>ul>li>a {
         	height:27px;
            color: #000000;
            font-size: 1em;
            line-height:1.6em;
        }
        
nav.main ul>li>ul>li>a:hover,
nav.main ul>li>ul>li>strong {color:#ffffff}

}

/****************************** BREAKPOINT 1 *************************/
/******************************* 1000 ***************************/	

@media only screen and (min-width: 1000px) {
div.mod_mobile_menu {display:none}

nav.main {  position:relative;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
            margin-left: 0;
            padding-left: 0;
            max-width: 1000px;
            margin: auto;
            font: 16px/1.5 'Gotham Narrow A', 'Gotham Narrow B';
        }

nav.main ul {
         	padding-left: 0px;
            list-style: none;
            /*flex statt block*/
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            margin:0;
        }

nav.main li,
nav.main li strong {
            text-align: center;
            padding:0 0.65em 0 0.5em;
        }
  

nav.main li > a,
nav.main li > strong
/*
nav.main li ul li > a,
nav.main li ul li > strong */{
            display: inline-block;
            padding: 0.5em 0.3em;
            /*margin: 0 0.3em;
            border: 1px solid #888;
            background-color: #9bd9a6;*/
            min-width: 3rem;
            text-decoration: none;
            color: #000000;
            font-weight: 700;
            font-size: 1.1em;
        }

nav.main li.first > a,
nav.main li.first > strong {  
		  margin: 0;
		  }  
		  
nav.main ul li.active, nav.main ul li:hover, nav.main ul li a:hover {
    background-color: #c2cf00;
    color: #fff;
    }

nav.main ul li.trail strong,
nav.main ul li.trail a {color:#ffffff}

nav.main ul li.trail ul li a, 
nav.main ul li.active ul li strong.active {color:#000000}

	nav.main ul li:hover > ul,
    nav.main ul li:focus-within> ul {
          /*  display: block;*/
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            z-index:1000;
            -webkit-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
    -o-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
    transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
        }

	nav.main ul li.active strong,
	nav.main ul li a:hover,
	nav.main ul li strong:hover,
	nav.main ul li.trail {
 	cursor:pointer;
    background-color: #c2cf00;
    color:#ffffff}
        
nav.main ul li ul {
		display: none;
       	position: absolute;
        top: 44px;
    	left: 0;
    	right: 0;  
    	-webkit-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
    	-o-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
    	transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
        }    

.safari nav.main ul li ul {
   top: 45px;
   }
           
        
nav.main ul>li>ul {
  background-color:rgba(255,255,255,0.7);
 }

/* 
nav.main ul > li.submenu.pa > ul {margin-left:-74px}  
nav.main ul > li.submenu.stellen > ul {margin-left:-271px}  
nav.main ul > li.submenu.genossen > ul {margin-left:-390px} 

.safari nav.main ul > li.submenu.pa > ul {margin-left:-74px}  
.safari nav.main ul > li.submenu.stellen > ul {margin-left:-275px}  
.safari nav.main ul > li.submenu.genossen > ul {margin-left:-396px} 

*/
  

nav.main ul>li>ul>li>a {
         	height:27px;
            color: #000000;
            font-size: 1em;
            line-height:1.6em;
        }
        
nav.main ul>li>ul>li>a:hover,
nav.main ul>li>ul>li>strong {color:#ffffff}

        
}



body {
	height:100%;
	background-image:url('../../files/page/theme/pics/background/bg_final.png');
	background-size: cover;
	background-position: center;
	background-attachment:fixed;
}
#wrapper {
	background-color: #ffffff;
		border-left:4px solid #dedede; 
	border-right:4px solid #dedede;}

header, div.container, footer {

}

.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}

.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}

/****************************** BREAKPOINT 1 *************************/
/******************************** bis 567  ***************************/		
@media (max-width:599px) {


#wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	min-height: 100vh;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
}

#container {
	-webkit-box-flex:1;
	-ms-flex:1; flex:1;
	margin:2em 0;
}

main {}
aside {margin-top:20px}  

 	
   
}
/****************************** BREAKPOINT 1 *************************/
/**************************** 568 bis 767 ****************************/		
@media (min-width:600px) and (max-width:767px) {

#wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	min-height: 100vh;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column}

#container {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	margin:3em 0 2em 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height: 100vh;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	        padding:0 2em 0 0em}
	        
.serviceintern #container {
	padding-right: 0em;}
	
main {}
aside {margin-top:20px}  


   

}	
/****************************** BREAKPOINT 1 *************************/
/******************************* 768 - 999 ***************************/		
@media(min-width:768px) and (max-width:999px) {

#wrapper {
    border-left:4px solid #dedede; 
	border-right:4px solid #dedede;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	min-height: 100vh;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}

#container {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	margin:3em 0 2em 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height: 100vh;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	padding:0}

.serviceintern #container {
	padding-right: 0em;}
	
.twocolumn #main {width:35%}	
.twocolumn #right {width:55%}	
.twocolumn.serviceintern #right {width:64.5%}	

/*
.twocolumn #main div.inside {margin: 40px 0 0 10px}
.twocolumn #right div.inside {margin:40px 10px 0 10px}
*/

.pa-stellen.twocolumn #main {width:50%}
.pa-stellen.twocolumn #main div.inside {margin: 40px 0 40px 20px}
.pa-stellen.twocolumn #right {width:50%}
.pa-stellen.twocolumn #right div.inside {margin:90px 20px 40px 10px}

/*.stellenangebote.twocolumn #main {width:37%}
.stellenangebote.twocolumn #main div.inside {margin: 40px 0 40px 20px}*/
.stellenangebote.twocolumn {}
.stellenangebote.twocolumn #main {width:100%; padding:0 10px}
.stellenangebote.twocolumn #main div.inside {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  margin:0 20px 40px 0}
  
.stellenangebote.twocolumn #main div.inside .full {
grid-column: span 2}


}

/****************************** BREAKPOINT 1 *************************/
/********************************* 1000 ******************************/		
@media (min-width:1000px) {

#wrapper {
	width: 1000px;
    margin:0 auto;
    border-left:4px solid #dedede; 
	border-right:4px solid #dedede;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	min-height: 100vh;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column}

#container {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
		margin:3em 0 2em 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height: 100vh;
	        -webkit-box-orient:horizontal;
	        -webkit-box-direction:normal;
	            -ms-flex-direction:row;
	                flex-direction:row;
	    }
	    
.serviceintern #container {
	padding-right: 0em;}
	
	
main {padding-left:1em}

.twocolumn #main {width:35.5%}	
.twocolumn #right {width:64.5%}	

/*
.twocolumn #main div.inside {margin: 40px 0 0 10px}
.twocolumn #right div.inside {margin:40px 10px 0 10px}
*/

.pa-stellen.twocolumn #main {width:50%}
.pa-stellen.twocolumn #main div.inside {margin: 40px 0 40px 20px}
.pa-stellen.twocolumn #right {width:50%}
.pa-stellen.twocolumn #right div.inside {margin:90px 20px 40px 10px}

/*.stellenangebote.twocolumn #main {width:37%}
.stellenangebote.twocolumn #main div.inside {margin: 40px 0 40px 20px}*/
.stellenangebote.twocolumn {}
.stellenangebote.twocolumn #main {width:100%;padding:0 10px}
.stellenangebote.twocolumn #main div.inside {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  margin:0 20px 40px 10px}
  
.stellenangebote.twocolumn #main div.inside .full {
grid-column: span 2}


}
/******************************++++++++++++++*************************/	
/****************************** BREAKPOINT 2 *************************/
/******************************++++++++++++++*************************/
/******************************** bis 567  ***************************/		
/******************************++++++++++++++*************************/
@media screen and (max-width:599px) {
	
div.mod_mobile_menu {
display:block;
position: absolute;
top:15px;
right:10px;
}

label.hamburg { 
   display: block;
   background: #fff; width: 50px; height: 50px; 
   position: relative; 
   margin:0;
   border-radius: 4px; 
   cursor:pointer;
}

/*input#hamburg {display:none}*/

.line { 
   position: absolute; 
   left:10px;
   height: 4px; width: 35px; 
   background: #555; border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}


.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }

/*
#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(12px) rotate(-45deg);
}

#hamburg:checked + .hamburg .line:nth-child(2){
   opacity:0;
}

#hamburg:checked + .hamburg .line:nth-child(3){
   transform: translateY(-12px) rotate(45deg);
}
*/

a.close {
	display:block;
	position:absolute;
	top:5px;
	right:20px;
	width: 20px;
	height:20px;
	font: 1.5em/1.5em Arial, Helvetica, sans-serif;
	color:#555;
	text-decoration:none;
}


.inner p.kontakt {
	display:flex;
	flex-direction: column;
	flex:0 0 125px;
	margin:0 75px 0 0;
	}	

.inner p.logohome {
	display:flex;
	flex-direction: column;
	margin:1em 0em 1.5em 0.5em; 
	}

.inner p.logohome span.claim {
	display:none;
	/*font-size:0.825em;*/
	}
		
.inner span.hageg {
	margin:0.2em 0 0 0;
	}

.inner span.email{
	margin-bottom:0.3em}	

.inner nav {
	margin-bottom:1.5em;
	}
	
.inner p.kontakt {
	margin-left:0.5em;
	}
	




/**
 * mobile_menu extension for Contao Open Source CMS
 *
 * Copyright (C) 2011-2015 Codefog
 *
 * @package mobile_menu
 * @author  Codefog <http://codefog.pl>
 * @author  Kamil Kuzminski <kamil.kuzminski@codefog.pl>
 * @license LGPL
 */

/* Menu */

.mobile_menu {
    position: fixed;
    z-index: 100;
    display: none;
}

.mobile_menu .inner {
    height: 100%;
    background: #eeeeee;
    overflow-y: scroll;
}

/* Menu shadows */
.mobile_menu.active.position_left {
    box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.5);
}

.mobile_menu.active.position_top {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.mobile_menu.active.position_right {
    box-shadow: -2px 0 5px 0 rgba(0, 0, 0, 0.5);
}

.mobile_menu.active.position_bottom {
    box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.5);
}

.mobile_menu.active.no_shadow {
    box-shadow: none !important;
}

/* Trigger */
.mobile_menu_trigger {
    display: none;
}

/* Wrapper */
.mobile_menu_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Overlay */
.mobile_menu_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99;
}

.mobile_menu_overlay.background {
    background: rgba(0,0,0,0.5);
}

/* Navigation */
.mobile_menu li.submenu_hide > ul {
    display: none;
}

.mobile_menu li.submenu_show > ul {
    display: block;
}

/* Hide menu on IE8-9 */
body.ie8 .mobile_menu,
body.ie8 .mobile_menu_trigger,
body.ie9 .mobile_menu,
body.ie9 .mobile_menu_trigger {
    display: none !important;
}


mobile_menu .mod_navigation ul {
    margin: 0;
    padding: 0 10px;
    list-style-type: none
}

.mobile_menu .mod_navigation ul li {
    margin: 0;
    padding: 0;
}

.mobile_menu .mod_navigation a {
   display: block;
    padding: 8px 15px;
    text-decoration: none;
    color: #000;
}


.mobile_menu .mod_navigation a,
.mobile_menu .mod_navigation strong.active,
.mobile_menu .mod_navigation strong.trail
 {
    display: block;
    padding: 8px 15px;
    /*  background-color: #cccccc;*/
  border-bottom: 1px solid #cccccc;
    text-decoration: none;
    color: #000;
}

.mobile_menu .mod_navigation li.trail a.trail{
font-weight:800;}
 

.mobile_menu .mod_navigation strong.active {
font-weight:600}


.mobile_menu .mod_navigation span {
   /* background-color: #cccccc !important*/
}


.mobile_menu .mod_navigation .level_2 a,
.mobile_menu .mod_navigation .level_2 span {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0px;
  /*  background-color: #cccccc*/
}

.mobile_menu .mod_navigation .level_2,
.mobile_menu .mod_navigation .level_3
{
padding:5px 0px 0px 20px}

}


/******************************++++++++++++++*************************/	
/****************************** BREAKPOINT 2 *************************/
/******************************++++++++++++++*************************/
/******************************** bis 567  ***************************/		
/******************************++++++++++++++*************************/
@media (min-width:600px) and (max-width:767px) {

div.mod_mobile_menu {
display:block;
position: absolute;
top:28px;
right:15px;
}


label.hamburg { 
   display: block;
   background: #fff; width: 50px; height: 50px; 
   position: relative; 
   padding:0;
   margin:0;
   border-radius: 4px; 
   cursor:pointer;
}

.line { 
   position: absolute; 
   left:9px;
   height: 4px; width: 35px; 
   background: #555; border-radius: 2px;
   display: block; 
   -webkit-transition: 0.5s; 
   -o-transition: 0.5s; 
   transition: 0.5s; 
   -webkit-transform-origin: center; 
       -ms-transform-origin: center; 
           transform-origin: center; 
}


.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }


a.close {
	display:block;
	font: 2em/2em Arial, Helvetica, sans-serif;
	color:#555;
	padding:10px;
	text-decoration:none;
}


/**
 * mobile_menu extension for Contao Open Source CMS
 *
 * Copyright (C) 2011-2015 Codefog
 *
 * @package mobile_menu
 * @author  Codefog <http://codefog.pl>
 * @author  Kamil Kuzminski <kamil.kuzminski@codefog.pl>
 * @license LGPL
 */

/* Menu */

.mobile_menu {
    position: fixed;
    z-index: 100;
    display: none;
}

.mobile_menu .inner {
    height: 100%;
    background: #eeeeee;
    overflow-y: scroll;
}

/* Menu shadows */
.mobile_menu.active.position_left {
    box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.5);
}

.mobile_menu.active.position_top {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.mobile_menu.active.position_right {
    box-shadow: -2px 0 5px 0 rgba(0, 0, 0, 0.5);
}

.mobile_menu.active.position_bottom {
    box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.5);
}

.mobile_menu.active.no_shadow {
    box-shadow: none !important;
}

/* Trigger */
.mobile_menu_trigger {
    display: none;
}

/* Wrapper */
.mobile_menu_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Overlay */
.mobile_menu_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99;
}

.mobile_menu_overlay.background {
    background: rgba(0,0,0,0.5);
}

/* Navigation */
.mobile_menu li.submenu_hide > ul {
    display: none;
}

.mobile_menu li.submenu_show > ul {
    display: block;
}

/* Hide menu on IE8-9 */
body.ie8 .mobile_menu,
body.ie8 .mobile_menu_trigger,
body.ie9 .mobile_menu,
body.ie9 .mobile_menu_trigger {
    display: none !important;
}


mobile_menu .mod_navigation ul {
    margin: 0;
    padding: 0 10px;
    list-style-type: none
}

.mobile_menu .mod_navigation ul li {
    margin: 0;
    padding: 0;
}

.mobile_menu .mod_navigation a {
   display: block;
    padding: 8px 15px;
    text-decoration: none;
    color: #000;
}


.mobile_menu .mod_navigation a,
.mobile_menu .mod_navigation strong.active,
.mobile_menu .mod_navigation strong.trail
 {
    display: block;
    padding: 8px 15px;
    /*  background-color: #cccccc;*/
  border-bottom: 1px solid #cccccc;
    text-decoration: none;
    color: #000;
}

.mobile_menu .mod_navigation li.trail a.trail{
font-weight:800;}
 

.mobile_menu .mod_navigation strong.active {
font-weight:600}


.mobile_menu .mod_navigation span {
   /* background-color: #cccccc !important*/
}


.mobile_menu .mod_navigation .level_2 a,
.mobile_menu .mod_navigation .level_2 span {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0px;}

.mobile_menu .mod_navigation .level_2,
.mobile_menu .mod_navigation .level_3 {
padding:5px 0px 0px 20px}



}	



/******************************  BREAKPOINT  *************************/
/******************************  bis 599 px **************************/		
@media screen and (max-width:599px) {

#header .inside {
	padding-top:15px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;}

/*** LOGO ***/

div.logo {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex; 
	-webkit-box-orient: horizontal; 
	-webkit-box-direction: normal; 
	    -ms-flex-direction: row; 
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0;
	height:80px;
	width:300px; 
	padding:0}

	
p.logohome {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex; 
	        -webkit-box-orient: horizontal; 
	        -webkit-box-direction: normal; 
	            -ms-flex-direction: row; 
	                flex-direction: row;
	        -webkit-box-flex:1;
	            -ms-flex:1 1;
	                flex:1 1;
	float:none;
	font-size: 1em;
	margin:0 0 0 4%}

	
p.logohome a {
	margin:0;
	text-decoration:none;
	font: 3em/1em 'Vitesse A', 'Vitesse B'; 
	font-weight: 800; 
	color:#c2cf00;
	/*width:35%*/}

p.logohome span.claim {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	margin:0 0 0 0.2em;
	font-size: 0.625em;
	line-height:1.125em}	
	
/***** Kontakt *****/	
	
p.kontakt {display:none;}

span.hageg {
	margin-top:1.8em;
	font-weight:400}

span.slmb {
	font-weight:800}

p.kontakt span {	
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex; 
	-webkit-box-orient: horizontal; 
	-webkit-box-direction: normal; 
	    -ms-flex-direction: row; 
	        flex-direction: row;}

p.kontakt span.email {
	width:145px;
	}       

p.kontakt span a {
	font: 0.825em/0.825em 'Gotham Narrow A', 'Gotham Narrow B';
	color:rgba(0,0,0,0.7); 
	height:1.5em;
	margin:0 0 0 5px;
	}
	

p.kontakt span.telefon a { 
	line-height:1.9em; 
	}
	
p.kontakt span.email a { 
	line-height:1.4em; 
	}		
		
p.kontakt span.telefon {
	margin-bottom:5px; 
	width:145px;
	}
	
p.kontakt span i {
	text-align:center;
	width:24px;
	height:20px;
	}

p.kontakt span.telefon i:before {font-size:1.8em;margin:0;}
p.kontakt span.email i:before {font-size:1.2em}
p.kontakt span a {color:rgba(0,0,0,0.7); font-weight:500;text-decoration:none;float:left;line-height:1em}

p.kontakt span.mobile {display:flex; flex-direction:row; line-height:1em}
p.kontakt span.mobile a {display:flex; font-size:1.2em; width:10%; margin:5px 0 0 0px; justify-content: left; align-items: center;}
p.kontakt span.mobile a:before {}

p.kontakt span.instagram.desktop{display:none}
p.kontakt span.facebook.desktop {display:none}

/*//////////// Headerbild ////////*/

div.header div.ce_image {margin:0} 
div.header div.ce_image figure img,
header div.ce_image figure img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
    }
    
    
/*//////////// Zufallsbild //////////////*/

div.mod_randomImage,
main div.ce_image.first,
header div.ce_image.first {
	margin-left:0 !important; 
	margin-right:0 !important;
}

div.mod_randomImage {position:relative;}
div.mod_randomImage figure {margin:0}
div.mod_randomImage figure img {vertical-align: bottom;width:100%;height:auto}
div.mod_randomImage figcaption {position:absolute; width:auto !important;left:0;bottom:0}
div.mod_randomImage figcaption {
	text-transform: uppercase;
	padding: 10px 10px;
	font: 0.825em/2em 'Gotham Narrow A', 'Gotham Narrow B';
	font-weight:700;
	background: #c2cf00;
	color: #fff}


/*//////////// JETZT BEWERBEN ////////*/

a.bewerben  {
display:block;
position:fixed;
bottom:0;
right:0;
padding:0.75em;
margin:0;
background-color: #c2cf00;
font-size: 1em;
line-height:1em;
color: rgba(255,255,255,1);
text-decoration:none;
font: 0.825em/0.825em 'Gotham Narrow A', 'Gotham Narrow B';
text-transform:uppercase;
font-weight:700;
}
	


div.ce_image.random figure {position:relative;}
div.ce_image.random figure img {vertical-align: bottom}
div.ce_image.random figcaption {position:absolute; height:20px; width:auto !important;left:0;bottom:0}
div.ce_image.random figcaption {
	text-transform: uppercase;
	padding: 10px;
	font: 0.5em/3em 'Gotham Narrow A', 'Gotham Narrow B';
	font-weight:400;}

div.pa {padding:0 0 10px 0}
.stellenangebote .syndication {margin-bottom:0.5em}
div.pa.info_right {display:none}
div.syndication {margin-left:10px}
div.pa-teaser h2{color:#000000}

div.pa.ausschreibung.info_left,
div.pa.ausschreibung.info_right {display:none}

p.back{margin:0 10px}



/* //////////// Genossenschaft Gremien  ////////////// */ 

.gremien div.mod_article.genossenschaft {margin-bottom:30px}
.gremien div.genossenschaft div:nth-child(1) {border-top: 4px solid #c2cf00; padding-top:5px} 
.gremien div.genossenschaft_textspalte {border-top:0}

.mod_sitemap,
.mod_form {margin:20px 10px}

/* //////////// Service  ////////////// */ 

.service #right .ce_hyperlink {
	margin:1em 0 3em 0.5em;
	}

.serviceintern div.mod_login {width:45%;margin:10px;}

.serviceintern div.ce_hyperlink {margin: 1.5em 10px}
}

/****************************** BREAKPOINT  *************************/
/****************************** ab 600 px   *************************/		
@media screen and (min-width:600px) {


#header .inside {
	padding-top:15px;
	display:block;
	}

div.logo {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex; 
	-webkit-box-orient: horizontal; 
	-webkit-box-direction: normal; 
	    -ms-flex-direction: row; 
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0.5em 0 0 0;
	height:90px; 
	padding:0}

p.logohome {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex; 
		-webkit-box-orient: horizontal; 
		-webkit-box-direction: normal; 
		    -ms-flex-direction: row; 
		        flex-direction: row;
	    -webkit-box-flex:1;
	        -ms-flex:1 1;
	            flex:1 1;
		float:none;
		margin:0 0 0 1.5em; }
	
p.logohome a {
	margin:0;
	text-decoration:none;
	font: 4em/0.8em 'Vitesse A', 'Vitesse B'; 
	font-weight: 800; 
	color:#c2cf00;
	/*width:35%*/}
	
p.logohome span.claim {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	margin:1.7em 0 0 0.5em;
	font-size: 0.75em;
	line-height:1.125em}

span.slmb {
	font-weight:800}
	
span.hageg {
	margin-top:0px;
	font-weight:400}

	
p.kontakt {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
		-webkit-box-flex:0;
		    -ms-flex:0 0 150px;
		        flex:0 0 150px;
	font-size:0.825em;
	color:rgba(0,0,0,0.7);
	margin:0em 1.5em 0 0;}	
	
	
p.kontakt span {display:block; line-height:1.0em; margin:0}

p.kontakt span a {color:rgba(0,0,0,0.7); font-weight:500;text-decoration:none;float:left;}

p.kontakt span i {text-align:center;width:25px;float:left;}

p.kontakt span.email {margin-bottom:2px;width:auto}
p.kontakt span.telefon {margin-bottom:0px; width:auto}
p.kontakt span.facebook {margin-bottom:4px;width:auto}
p.kontakt span.instagram {margin-bottom:0px; width:auto}

p.kontakt span.telefon i:before {font-size:1.8em;margin:0;}
p.kontakt span.email i:before {font-size:1.2em}
p.kontakt span.facebook i:before {font-size:1.2em;margin:0;}
p.kontakt span.instagram i:before {font-size:1.2em}

p.kontakt span.telefon a {line-height:1.7em}
p.kontakt span.email a {line-height:1.2em}	
div.logo p.kontakt span.facebook a {line-height:1.2em}
div.logo p.kontakt span.instagram a {line-height:1.2em}

p.kontakt span.mobile{display:none}
/*
p.kontakt span.instagram.desktop{display:none}
p.kontakt span.facebook.desktop {display:none}
*/

/*//////////// Headerbild ////////*/

div.header div.ce_image {margin:0} 
div.header div.ce_image figure img,
header div.ce_image figure img  {
    vertical-align: bottom;
    width: 100%;
    height: auto;
    }

/*//////////// Zufallsbild //////////////*/

div.mod_randomImage {position:relative;}
div.mod_randomImage figure {margin:0}
div.mod_randomImage figure img {vertical-align: bottom; width:100%; height:auto}
div.mod_randomImage figcaption {position:absolute; height:30px; width:auto !important;left:0;bottom:0}
div.mod_randomImage figcaption {
	text-transform: uppercase;
	padding: 20px 10px;
	font: 0.875em/2.5em 'Gotham Narrow A', 'Gotham Narrow B';
	font-weight:700;
	background: #c2cf00;
	color: #fff}

div.ce_image.random figure {position:relative;}
div.ce_image.random figure img {vertical-align: bottom}
div.ce_image.random figcaption {position:absolute; height:20px; width:auto !important;left:0;bottom:0}
div.ce_image.random figcaption {
	text-transform: uppercase;
	padding: 20px 10px;
	font: 0.875em/1.9em 'Gotham Narrow A', 'Gotham Narrow B';
	font-weight:400;}
	
div.mod_randomImage,
main div.ce_image.first,
header div.ce_image.first {margin-left:0 !important; margin-right:0 !important}

/*//////////// JETZT BEWERBEN ////////*/

a.bewerben  {
display:block;
position:fixed;
bottom:0;
right:0;
padding:0.75em;
margin:0;
background-color: #c2cf00;
font-size: 1em;
line-height:1em;
color: rgba(255,255,255,1);
text-decoration:none;
font: 0.825em/0.825em 'Gotham Narrow A', 'Gotham Narrow B';
text-transform:uppercase;
font-weight:700;
}

div.pa {padding:0 0 10px 0}
div.syndication {margin-left:10px}
div.pa-teaser h2{color:#000000}
div.pa.info_right {display:none}

div.pa.ausschreibung.info_left,
div.pa.ausschreibung.info_right {display:none}

p.back{margin:0 10px}

/* //////////// Genossenschaft Gremien  ////////////// */ 

.gremien div.mod_article.genossenschaft {margin-bottom:30px}
.gremien div.genossenschaft div:nth-child(1) {border-top: 4px solid #c2cf00; padding-top:5px} 
.gremien div.genossenschaft_textspalte {border-top:0}

.mod_sitemap,
.mod_form {margin:10px}

#main .mod_article.random,
#main .mod_article.header {padding:0}

/*#main div.inside div.zweispalten {margin-left:10px;margin-right:10px}*/

#main div.inside div.zweispalten .ce_headline,
#main div.inside div.zweispalten h2,
#main div.inside div.h2_textspalte {
	margin-top:0;
	margin-bottom:0}


div.h2_textspalte h2,
div.artikel_links h2,
h2.ce_headline {margin: 20px 0 10px 0}

.stellenangebote h3 {padding-top:20px}
.stellenangebote .ce_hyperlink {padding:2px 0}

/* //////////// Service  ////////////// */ 

.service #right .ce_hyperlink {
		margin:1em 0 3em 0.5em;
	}
.service #right div.mod_login.login {width:50%}

.serviceintern div.mod_login {width:45%;margin:10px;}

.serviceintern div.ce_hyperlink {margin: 1.5em 10px}

}	

/****************************** BREAKPOINT 1 *************************/
/******************************* ab 768 px  **************************/		
@media screen and (min-width:768px) {


#header .inside {
	padding-top:15px;
	display:block;
	}

div.logo {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex; 
	-webkit-box-orient: horizontal; 
	-webkit-box-direction: normal; 
	    -ms-flex-direction: row; 
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0;
	height:90px; 
	padding:0}

p.logohome {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex; 
	-webkit-box-orient: horizontal; 
	-webkit-box-direction: normal; 
	    -ms-flex-direction: row; 
	        flex-direction: row;
	float:none;
	font-size: 1em;
	margin:0 0 0 1.5em; }
	
	
p.logohome a {
	margin:0;
	text-decoration:none;
	font: 4em/1em 'Vitesse A', 'Vitesse B'; 
	font-weight: 800; 
	color:#c2cf00;
	/*width:35%*/}
	
p.logohome span.claim {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	margin:2em 0 0 0.5em;
	font-size:0.825em;
	line-height:1.125em}

p.logohome span.hageg {
	margin-top:0px;
	font-weight:400}
	
/*//////////// KONTAKT //////////////*/

p.kontakt {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
		-webkit-box-flex:0;
		    -ms-flex:0 0 150px;
		        flex:0 0 150px;
	font-size:0.7825em;
	color:rgba(0,0,0,0.7);
	margin:0 1.5em 0 0;}	

p.kontakt span {display:block; line-height:1.0em; margin:0}

p.kontakt span a {color:rgba(0,0,0,0.7); font-weight:500;text-decoration:none;float:left;}

p.kontakt span i {text-align:center;width:25px;float:left;}

p.kontakt span.email {margin-bottom:2px;width:auto}
p.kontakt span.telefon {margin-bottom:0px; width:auto}
p.kontakt span.facebook {margin-bottom:4px;width:auto}
p.kontakt span.instagram {margin-bottom:0px; width:auto}

p.kontakt span.telefon i:before {font-size:1.8em;margin:0;}
p.kontakt span.email i:before {font-size:1.2em}
p.kontakt span.facebook i:before {font-size:1.2em;margin:0;}
p.kontakt span.instagram i:before {font-size:1.2em}

p.kontakt span.telefon a {line-height:1.7em}
p.kontakt span.email a {line-height:1.2em}	
div.logo p.kontakt span.facebook a {line-height:1.2em}
div.logo p.kontakt span.instagram a {line-height:1.2em}

p.kontakt span.mobile{display:none}
/*
p.kontakt span.instagram.desktop{display:none}
p.kontakt span.facebook.desktop {display:none}
*/

/*//////////// Headerbild ////////*/

div.header div.ce_image {margin:0} 
div.header div.ce_image figure img,
header div.ce_image figure img  {
    vertical-align: bottom;
    width: 100%;
    height: auto;
    }
    
/*//////////// JETZT BEWERBEN ////////*/

a.bewerben  {
display:block;
position:fixed;
bottom:0;
right:0;
padding:0.75em;
margin:0;
background-color: #c2cf00;
font-size: 1em;
line-height:1em;
color: rgba(255,255,255,1);
text-decoration:none;
font: 1em/1em 'Gotham Narrow A', 'Gotham Narrow B';
text-transform:uppercase;
font-weight:700;
}

/*//////////// Zufallsbild //////////////*/

div.mod_randomImage,
main div.ce_image.first,
header div.ce_image.first {margin-left:0 !important; margin-right:0 !important}

div.mod_randomImage figure {position:relative;}
div.mod_randomImage figure img {vertical-align: bottom;width:100%;height:auto}
div.mod_randomImage figcaption {position:absolute; height:80px; width:auto !important;left:0;bottom:0}
div.mod_randomImage figcaption {
	text-transform: uppercase;
	padding: 0 20px;
	font: 0.875em/6em 'Gotham Narrow A', 'Gotham Narrow B';
	font-weight:700;
	background: #c2cf00;
	color: #fff}
	
.opera div.mod_randomImage figcaption,
.firefox div.mod_randomImage figcaption {
line-height:4em;
height:40px;
padding:0em 25px 1.5em 25px}

	
#main .mod_randomImage,
#main .mod_article.header {padding:0}
#main #onlinebewerbung {padding:3%}


/* //////////// Genossenschaft Gremien  ////////////// */ 

.gremien div.mod_article {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex; 
		-ms-flex-wrap: nowrap; 
		flex-wrap: nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;} 
		
.gremien div.mod_article.genossenschaft div:nth-child(1),
.gremien div.mod_article.genossenschaft h1 {
		-ms-flex-preferred-size:35%;
		flex-basis:35%; 
		-webkit-box-flex:1; 
		-ms-flex-positive:1; 
		flex-grow:1;
		border-top:0}
		
.gremien div.mod_article.genossenschaft div:nth-child(2) {
		-ms-flex-preferred-size:65%;
		flex-basis:65%;
		-webkit-box-flex:1;
		-ms-flex-positive:1;
		flex-grow:1;}
		
.gremien div.mod_article.genossenschaft div.genossenschaft_textspalte {
		border-top: 4px solid #c2cf00; padding-top:5px}


.mod_sitemap,
.mod_form {margin:0px}


div.pa.ausschreibung.info_left,
div.pa.ausschreibung.info_right {display:none}

#main div.mod_article.first h2 {color:#878786}
#main div.mod_article h3.ce_headline {font-size:1.1em; margin-top:27px}
.stellenangebote #main div.mod_article h3.ce_headline {font-size:1.1em;margin-top:0px}

#main div.mod_article.first h2 {color:#878786;margin-bottom:20px}
#main div.mod_article.artikel_links h3{font-size:1.1em}

.mod_article.pa {grid-column: span 2}

.pa-stellen #main article {padding:10px 0}
.pa-stellen #main article.pa-teaser h2 {font-size:1em}
.pa-stellen #main .first {padding-bottom:10px} 

.termine table td.col_0 {width: 30%} 
.termine table td.col_1 {width: 20%} 
.termine table td.col_2 {width: 20%} 

p.back{margin:0 10px}

/* //////////// Service  ////////////// */ 

.service #right .ce_hyperlink {
	margin:1em 0 3em 0;
	}

.service #right h2 {
	margin:3px 0 1em 0;
	}	

.service #right mod_login.login {width:50%}

.serviceintern div.mod_login {width:45%;margin:10px;}

.serviceintern div.ce_hyperlink {margin: 1.5em 10px}
}

/****************************** BREAKPOINT 1 *************************/
/******************************* ab 1000 px **************************/		
@media screen and (min-width:1000px) {
/*//////////// LOGO //////////////*/

div.logo {
	display:flex; 
	flex-direction: row;
	justify-content: space-between;
	margin: 0;
	height:90px; 
	padding:0
}

p.logohome {
	display:flex; 
	flex-direction: row;
	float:none;
	font-size: 1em;
	margin:0 0 0 1.3em; }
	
	
p.logohome a {
	margin:0;
	text-decoration:none;
	font: 4.5em/1em 'Vitesse A', 'Vitesse B'; 
	font-weight: 800; 
	color:#c2cf00;
	/*width:35%*/}
	
p.logohome span.claim {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	margin:2.2em 0 0 0.7em;
	font-size:0.9em;
	line-height:1.125em}

p.logohome span.hageg {
	margin-top:0px;
	font-weight:400}
	

/*//////////// KONTAKT //////////////*/

p.kontakt {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
		-webkit-box-flex:0;
		    -ms-flex:0 0 150px;
		        flex:0 0 150px;
	font-size:0.825em;
	color:rgba(0,0,0,0.7);
	margin:0 1.5em 0 0;}	

p.kontakt span {display:block; line-height:1.0em; margin:0}

p.kontakt span a {color:rgba(0,0,0,0.7); font-weight:500;text-decoration:none;float:left;}

p.kontakt span i {text-align:center;width:25px;float:left;}

p.kontakt span.email {margin-bottom:2px;width:auto}
p.kontakt span.telefon {margin-bottom:0px; width:auto}
p.kontakt span.facebook {margin-bottom:4px;width:auto}
p.kontakt span.instagram {margin-bottom:0px; width:auto}

p.kontakt span.telefon i:before {font-size:2em;margin:0;}
p.kontakt span.email i:before {font-size:1.4em}
p.kontakt span.facebook i:before {font-size:1.4em;margin:0;}
p.kontakt span.instagram i:before {font-size:1.4em}

p.kontakt span.telefon a {line-height:1.8em}
p.kontakt span.email a {line-height:1.4em}	
div.logo p.kontakt span.facebook a {line-height:1.3em}
div.logo p.kontakt span.instagram a {line-height:1.3em}

p.kontakt span.mobile{display:none}
/*
p.kontakt span.instagram.desktop{display:none}
p.kontakt span.facebook.desktop {display:none}
*/


/*//////////// Headerbild ////////*/

div.header div.ce_image {margin:0} 
div.header div.ce_image figure img,
header div.ce_image figure img  {
    vertical-align: bottom;
    width: 100%;
    height: auto;
    }

/*//////////// JETZT BEWERBEN ////////*/

a.bewerben  {
display:block;
position:fixed;
bottom:0;
right:0;
padding:1em;
margin:0;
background-color: #c2cf00;
font-size: 1em;
line-height:1em;
color: rgba(255,255,255,1);
text-decoration:none;
font: 1em/1em 'Gotham Narrow A', 'Gotham Narrow B';
text-transform:uppercase;
font-weight:700;
}


/*//////////// Zufallsbild //////////////*/

div.mod_randomImage figure {position:relative;}
div.mod_randomImage figure img {vertical-align: bottom;width:100%;height:auto}
div.mod_randomImage figcaption {position:absolute;height:120px;width:auto !important;left:0;bottom:0; background: #c2cf00;}
div.mod_randomImage figcaption {float:left;/*text-transform:uppercase;*/padding:0 25px;
font:1.125em/6.5em 'Gotham Narrow A', 'Gotham Narrow B';}
div.mod_randomImage figcaption {font-weight:700; color:#ffffff}

/*
.opera div.mod_randomImage figcaption,
.firefox div.mod_randomImage figcaption {
height:70px;padding:0em 25px 3em 25px}
*/	
	
/* //////////// Genossenschaft Gremien  ////////////// */ 

.gremien div.mod_article {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex; 
		-ms-flex-wrap: nowrap; 
		flex-wrap: nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-bottom:30px} 
		
.gremien div.mod_article.genossenschaft div:nth-child(1),
.gremien div.mod_article.genossenschaft h1 {
		-ms-flex-preferred-size:35%;
		flex-basis:35%; 
		-webkit-box-flex:1; 
		-ms-flex-positive:1; 
		flex-grow:1;
		border-top:0}
		
.gremien div.mod_article.genossenschaft div:nth-child(2) {
		-ms-flex-preferred-size:65%;
		flex-basis:65%;
		-webkit-box-flex:1;
		-ms-flex-positive:1;
		flex-grow:1;}
		
.gremien div.mod_article.genossenschaft div.genossenschaft_textspalte {
		border-top: 4px solid #c2cf00; padding-top:5px}
		
		
#main .mod_article.random,
#main .mod_article.header {padding:0}

#main div.mod_article.first h2 {color:#878786}
#main div.mod_article h3.ce_headline {font-size:1.1em;margin-top:27px}
.stellenangebote #main div.mod_article h3.ce_headline {font-size:1.1em;margin-top:0px}

#main .mod_article.artikel_rechts {float:left;width:56%;padding:4% 4% 0 0}
 
 
 /*/////////// Liste PA-VAKANZEN ///////////////*/
 

.pa-stellen #main article {padding:10px 0}
.pa-stellen #main .first {padding-bottom:10px} 

.info_right {float:right;width:43%;padding:0px}

.pa-stellen #main article.pa, .info_left {float:left;width:50%}

#main .mod_article.artikel_links.onlinebewerbung {padding:40px 0 0 40px}
.pa-stellen #main article.pa-teaser div.ce_text {/*border-bottom:1px dashed #878786*/;padding-bottom:10px}
.pa-stellen #main #pa-stellenanzeigen-ueberschrift-links {padding:40px 0 0 40px}
.pa-stellen #main article.pa-teaser div.ce_text h2 {font-size:0.925em; line-height:1em}
.pa-stellen #main #pa-stellenanzeigen-ueberschrift-links h2 {font-size:1em; line-height:1.5em}
.pa-stellen #main article.pa-teaser div.ce_text .teaser p {margin-bottom:6px}


div.pa.ausschreibung.info_left,
div.pa.ausschreibung.info_right {/*display:none*/}

.mod_article.pa {grid-column: span 2}
.mod_article .syndication { margin:0 10px}


div.pdf_link {margin-bottom:10px}


div.mod_login td,
div.mod_lostPassword td,
div.mod_personalData td {padding:0 5px 5px 0}

.termine table { width:100%}
.termine table td.col_0 {width: 15%} 
.termine table td.col_1 {width: 15%} 
.termine table td.col_2 {width: 15%}
.termine table th {font-weight:normal} 

p.back{margin:0 10px}

/* //////////// Service  ////////////// */ 

.service #right .ce_hyperlink {
	margin:1em 0 3em 0;
	}

.service #right h2 {
	margin:0 0 1em 0;
	}

.service #right mod_login.login {width:50%}

.serviceintern div.mod_login {width:45%;margin:10px;}
.serviceintern div.ce_hyperlink {margin: 2.5em 10px}

}

.ml0 {margin-left:0 !important}
.mr0 {margin-right:0 !important}
footer, footer nav {
	background-color: #dedede;
	}
footer nav ul {
	margin:0;
	}
footer nav ul li a {
	color: #000000;
	}
footer nav ul li.active strong {
	color: #ffffff;
	}
footer nav ul li a:hover,
footer nav ul li.active {
	color:#ffffff;
	background-color:#c2cf00;
	}			
footer nav ul li.hag_footer {
	margin:0;
	}
footer nav ul li.hag_footer a:hover {
		color:#ffffff;
		background-color:#dedede;
		}	

/****************************** BREAKPOINT 1 *************************/
/******************************** bis 599  ***************************/		
@media (max-width:599px) {

footer nav ul {
	margin:0;
	padding:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex; 
	-webkit-box-orient:horizontal; 
	-webkit-box-direction:normal; 
	-ms-flex-direction:row; 
	flex-direction:row}

footer nav ul li,
footer nav ul li.active strong  {
		text-align: center;
		-webkit-box-flex:1;
	    -ms-flex:1;
	    flex:1;
		padding:0 0.1em;
		font-weight: 400;
		}
		
footer nav ul li a,
footer nav ul li.active strong {
	text-decoration:none;
	display:block;
	padding:0;
	font:0.75em/4em 'Gotham Narrow A', 'Gotham Narrow B';
	font-weight:400;
	}

footer nav ul li.hag_footer a {
	font:1.75em/1.8em 'Vitesse A', 'Vitesse B';
		color:#c2cf00;
	}
footer nav ul li.hag_footer a:hover {
		color:#ffffff;
		background-color:#dedede;
		}		


}

/****************************** BREAKPOINT 2 *************************/
/***************************600px bis 767px  *************************/		
@media (min-width:600px) and (max-width:767px) {


footer nav ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex; 
	-webkit-box-orient:horizontal; 
	-webkit-box-direction:normal; 
	-ms-flex-direction:row; 
	flex-direction:row;
	}
footer nav ul li,
footer nav ul li.active strong  {
		text-align: center;
		-webkit-box-flex:1;
	    -ms-flex:1;
	    flex:1;
		padding:0;
		font-weight: 400;
		}
		
footer nav ul li a,
footer nav ul li.active strong {
		text-decoration:none;
		display:block;
		padding:0;
		font:0.9em/3.5em 'Gotham Narrow A', 'Gotham Narrow B';
		font-weight:800;
	}
footer nav ul li.hag_footer a {
	font:2em/1.5em 'Vitesse A', 'Vitesse B';
		color:#c2cf00;
	}
footer nav ul li.hag_footer a:hover {
		color:#ffffff;
		}	

}	
/****************************** BREAKPOINT 1 *************************/
/******************************* 768 - 999 ***************************/		
@media(min-width:768px) and (max-width:999px) {

footer nav ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex; 
	-webkit-box-orient:horizontal; 
	-webkit-box-direction:normal; 
	-ms-flex-direction:row; 
	flex-direction:row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	}
footer nav ul li,
footer nav ul li.active strong  {
		text-align: center;
		-webkit-box-flex:0;
	    -ms-flex:0;
	    flex:0;
	    padding:0;
		font:1em/5em 'Gotham Narrow A', 'Gotham Narrow B';
		font-weight: 400;
		}
footer nav ul li a,
footer nav ul li.active strong {
		text-decoration:none;
		display:block;
		padding:0 0.5em;
		font:0.9em/4.5em 'Gotham Narrow A', 'Gotham Narrow B';
		font-weight:800;
	}
footer nav ul li.hag_footer a {
	font:2em/2em 'Vitesse A', 'Vitesse B';
		color:#c2cf00;
	}
footer nav ul li.hag_footer a:hover {
		color:#ffffff;
		}	


}


/****************************** BREAKPOINT *************************/
/******************************* ab 1000 ***************************/		
@media (min-width:1000px) {
	
footer nav ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex; 
	-webkit-box-orient:horizontal; 
	-webkit-box-direction:normal; 
	-ms-flex-direction:row; 
	flex-direction:row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	}
footer nav ul li,
footer nav ul li.active strong  {
		text-align: center;
		-webkit-box-flex:0;
	    -ms-flex:0;
	    flex:0;
	    padding:0;
		font-weight: 400;
		}
footer nav ul li a,
footer nav ul li.active strong {
		text-decoration:none;
		display:block;
		padding:0 0.5em;
		font:0.9em/4.5em 'Gotham Narrow A', 'Gotham Narrow B';
		font-weight:800;
	}
footer nav ul li.hag_footer a {
	font:2em/2em 'Vitesse A', 'Vitesse B';
		color:#c2cf00;
	}
footer nav ul li.hag_footer a:hover {
		color:#ffffff;
		}	


	
}