/* SCHRIFTGRÖßEN
HTML: font-size - 100% - 16px - 2.5rem
100pt: 6,25rem
48pt: 3rem
30pt: 1.875rem (H1)
24pt: 1.5rem
20pt: 1.25rem
18pt: 1.125rem (H2)
16pt: 1.0rema
14pt: 0.875rem
*/


/*
FARBEN:
ORANGE: #ee7f00
DUNKELGRAU: #3c3d42
HELLGRAU: #e6e6e6
*/


html, body,
h1,
h2,
h3,
h4,
h5,
h6{
font-family: "Open Sans", sans-serif;
}
h1 {
font-size: 1.875rem; /*30pt/40px/2.45em/245%/1.875rem*/
font-weight:bold;
text-transform: uppercase;
line-height:1.2em;
}
h2 {
font-size: 1.5rem; /*18pt/24px/1.5em/150%/1.5rem*/
font-weight:bold;
text-transform: uppercase;
line-height:1.2em;
}
a{color:#ee7f00;}
a:visited, a:active{color:#ee7f00;}
a:hover, a:focus {color:#ee7f00;}
a:hover, a:focus {color: #ee7f00;}


p{
	margin-top:0em;
	margin-bottom:1em;
}
.ck{
	margin-bottom:0;
	padding-bottom:0;
}
.row .ck p a{
	display:inline;
	margin:0;
	padding:0;
}

.text ul{
	padding-left:20px;
}

 /* TOP-BAR: HAUPTMENU */
.logo{
margin-top: .5rem; 
}
.top-bar{
position:relative;
z-index:2000;
background: #e8e8e8;  
margin-left:2.5em;
margin-right:1.0em;
padding: 1em 2em 1em 2em;
z-index:10;
}
.top-bar ul{
background:transparent;
margin: 3.1em 0 0 0;
padding:0;
font-size: 0.9rem;
}
.dropdown li a{
color:#000000;
text-transform: uppercase;
}
.dropdown li a:hover{
color:#000000;
font-weight:bold;
border-bottom:4px #ee7f00 solid;
}
.dropdown li.active{
color:#000000;
font-weight:bold;
border-bottom:4px #ee7f00 solid;
background-color:transparent;
}
.menu .active > a {
color: #000000;
background: transparent;
}

/* MOBILE MENU*/
.title-bar {
position:relative;
right:0;
width:100%;
z-index:2000;
background: #e8e8e8; 
color: #ee7f00;
padding: 1.5rem 0.5rem 1.5rem 0.5rem; 
}
.title-bar #logo{
margin-left:1.0em;	
}
/* HAMBURGER MENU*/
.menu-icon::after {
background: #ee7f00;
box-shadow: 0 7px 0 #ee7f00, 0 14px 0 #ee7f00; }
.menu-icon:hover::after {
background: #3c3d42;
box-shadow: 0 7px 0 #3c3d42, 0 14px 0 #3c3d42; }

.header{
margin-bottom:4em;
}
 
/* BOTSCHAFT */ 
.header.panel {
text-align:right;
margin: 3em 1em 0 0;
padding:0;
line-height: 1.0;
z-index:2000000000;
}
.header.panel a {
text-transform: uppercase;
font-weight: bold; 
color: #ee7f00;
font-size: 0.875rem; 
}
.sign {
background-image: url(../bilder/pfeil_gross.png);
background-position:right;
background-repeat: no-repeat;    
height: 104px;
float:right;

} 

.header.panel a span{
padding-top:110px;
}
/* SLIDER: ORBIT */

.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 65%;
  z-index: 1500;
  background-color: rgba(0,0,0,0.0); /*dim the background*/

}

.overlay_bottom{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  height:30%;
  z-index: 1500;
  background-color: rgba(0,0,0,0.0); /*dim the background*/
  margin-bottom:5%;

}

.top-orbit .orbit-container:after {
content: '';
display: block;
z-index: 1000;
position: absolute;
top:0;
height:100%;
width: 100%;
background-image: url(../bilder/maske.png);
background-position: left top;
background-repeat: no-repeat; 
background-size: 100%;
}
.top-orbit .flex-video{
padding-bottom: 50%;
margin-bottom: 1rem;
z-index:1500;
}

.top-orbit .orbit-container{
height: 100% !important;
}
.top-orbit .orbit-row{
z-index:1000;
position:relative;
margin-top:-254px;
padding-left:3.7em;
}
.top-orbit .orbit-row .columns{
margin:0;
padding:0;
}
.top-orbit .orbit-container{
height: auto !important;
}
.top-orbit .orbit-container li.active{
position:static;
}
.top-orbit .orbit-html-caption {
position:absolute;
bottom:0em;
border-left:2px #ee7f00 solid;
margin-bottom:4.0em;
margin-left:2.5em;
background:transparent;
color:#ee7f00;
font-weight: normal;
padding: 0 0 0 1.0em;
z-index:10000;
}
.top-orbit .orbit-html-caption h1 p{
	line-height: 1.2em;
}
.top-orbit .orbit-html-caption span
{
font-weight: normal;
display:block;
font-size: 1.0rem;
}
.top-orbit .orbit-bullets
{
text-align:left;
margin: 12em 0 0 0;
z-index:3000;
} 
.top-orbit .orbit-bullets button {
width: 0.7rem;
height: 0.7rem;
}
.top-orbit .orbit-bullets button {
background-color: #e5c3a7;
}
.top-orbit .orbit-bullets button:hover {
background-color: #ee7f00; 
}
.top-orbit .orbit-bullets button.is-active {
background-color: #ee7f00; 
}

/* UBERSCHRIFT*/
.top-title{
margin-top:2em;
margin-bottom:2.0em;
margin-left:2.5em;
font-weight: bold; 
color: #ee7f00;
border-left: 2px #ee7f00 solid;
}
.top-title h1{
margin-left:0.8em;	
text-transform: uppercase;
color:
}
.top-title p{
margin-left:1.5em;	
font-weight:normal;
}
.sub-title{
margin-top:2.0em;
margin-bottom:0.0em;
margin-left:2.5em;
color:#000000;
border-left: 2px #ee7f00 solid;
}
.sub-title ul{
margin-left:2em;	
}
.sub-title h1{
margin-left:0.5em;
}

.sub-title p, .text_rahmen p{
margin-left:1.0em;	
}
.sub-title h1 p{
margin-left:0;
}
.orange h1, .orange p{
color:#ee7f00;
}


/* LISTE: A BIS Z  | SITEMAP */
.liste{
margin-top:1em;
margin-bottom:1.0em;
margin-left:1.6em;
color:#000000;
border-left: 2px #ee7f00 solid;
list-style-type: none;
}
.liste li{
margin-left:1.0em;
}
.liste li a{
background-image: url(../bilder/pfeil_klein_grau.png);
background-repeat: no-repeat;
display:block;
line-height:30px;
color:#000000;
}
.liste li a:hover{
background-image: url(../bilder/pfeil_klein_orange.png);
background-repeat: no-repeat;
display:block;
}
.liste span{
margin-left:2.0em;
}

/* CKEditor */
.text_rahmen{
margin-top:2em;
margin-bottom:2.0em;
margin-left:1.6em;
color:#000000;
border-left: 2px #ee7f00 solid;
}
.text_rahmen_no{
margin-top:0em;
margin-bottom:0.0em;
margin-left:2.6em;
}

/* z.B. Team unter Kontakt */
.rahmen{
margin-right:1.0em;
margin-bottom:1.0em;
color:#000000;
border-left: 2px #ee7f00 solid;
}
.rahmen p{
margin-left:1.6em;
}
span.p_gross{
font-size:1.875rem;
line-height:1.0em;
margin:0;
padding:0;
}
.ck .columns{
margin-right:0;
padding-right:0;
margin-top:1.0em;
margin-bottom:1.0em;
}
.ck-row{
	padding: 2em 0 2em 0;
}
.ck .left{
padding-right:0em;
padding-left:3.6em;
}
.ck-row .sub-title{
margin-top:0em;
margin-bottom:2.0em;
margin-left:0em;
color:#000000;
border-left: 2px #ee7f00 solid;
}
.ck-row .columns{
margin-left:0;
padding-left:0;
margin-top:2.0em;
margin-bottom:2.0em;
}
.ck-row .right{
margin-right:0;
padding-right:0;
padding-left:4em;
}

.ck-row h2{
line-height: 1.0em;
margin-left:0.6em;
}
.ck-row h2 span{
font-weight:normal;
line-height: 1.0em;
}
.ck-row p.zusatz{
font-size:1.5rem;
line-height: 1.2em;
margin-left:0.6em;
}
.ck-row .ansprechpartner{
margin-left:0.7em;
}
.ck-row .ansprechpartner h3, .ck-row .ansprechpartner p{
margin-left:0.2em;
}
.ck-row .ansprechpartner ul{
margin-right:0.5em;
}

.ck-row h3{
text-transform: uppercase;
font-size: 1.0rem;
font-weight:bold;
margin-left:1.0em;
}
.light .row{
	max-width:1200px;
	padding-bottom:2em;

}
.row.link-row{
	margin:0;
	padding:0;

}

/* Expanded - gesamte Breite */
.light.row .row{
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:0;
}
.light.row{
background-color: #f6f6f6;
color:#FFFFFF;
}

.light .sub-title{
margin-left:2.5em;
}

.light .linkliste{
padding-left:4em;
}

.dark{
	background-color: #292c2f;
	color:#FFFFFF;
}
.dark h3, .dark h2, .dark p, .dark a{
	color:#FFFFFF;
}
.ck .right{
padding-left:4em;
}
.ck .top{
	padding-top:2.6em;
}
.ck img{
padding-top:0.5em;
}
.ck .sub-title {
margin-left:2.6em;	
margin-top:0;
border: none;
}
.ck .sub-title p{
	margin-left:0;
}
h2.ck_h2{
	font-size: 1.875rem;
	text-transform: none;
	font-weight: 100;	
	margin:0;
	padding:0;
}
h2.ck_h2_rahmen{
	font-size: 1.0rem;
	text-transform: none;
	margin-left:1.5em;
}
.ck h2{
	text-transform: none;
}

.title-border-left{
border-left: 2px #ee7f00 solid;	
margin-left:0.3em;
}
.title-border-left h1{
margin-left:1.0em;
}
.title-border-left p{
margin-left:1.0em;	
font-size:2.0rem;
text-transform: uppercase;
}

/* BUTTONS: Startseite - Grau */ 
.button:hover, .button:focus {
	background-color:transparent;
}
.button-icon {
background-color: transparent;
border-radius: 50%;
display: table;
height: 100px;
margin: 0 auto;
width: 100px;
margin-top: 0px;
font-size: 3rem; 
}
.button-icon span {
color: #fff;
display: table-cell;
text-align: center;
vertical-align: middle; 
}
.profile{
background-image: url(../bilder/profile.png);
background-position: center;
background-repeat: no-repeat;
color:#ee7f00;
}
.company{
background-image: url(../bilder/company.png);
background-position: center;
background-repeat: no-repeat;
color:#ee7f00;
}

/* LEISTUNGEN - BUTTONS */
.icon_1{
background-image: url(../bilder/icons/beratung.png);
background-position: center;
background-repeat: no-repeat;
color:#ee7f00;
}
.icon_2{
background-image: url(../bilder/icons/existenzgruendung.png);
background-position: center;
background-repeat: no-repeat;
color:#ee7f00;
}
.icon_3{
background-image: url(../bilder/icons/fachkraefte.png);
background-position: center;
background-repeat: no-repeat;
color:#ee7f00;
}
.icon_4{
background-image: url(../bilder/icons/foerdermittel.png);
background-position: center;
background-repeat: no-repeat;
color:#ee7f00;
}
.icon_5{
background-image: url(../bilder/icons/netzwerke.png);
background-position: center;
background-repeat: no-repeat;
color:#ee7f00;
}
.icon_6{
background-image: url(../bilder/icons/standortmarketing.png);
background-position: center;
background-repeat: no-repeat;
color:#ee7f00;
}
.icon_7{
background-image: url(../bilder/icons/verwaltungswegweiser.png);
background-position: center;
background-repeat: no-repeat;
color:#ee7f00;
}
.icon_8{
background-image: url(../bilder/icons/zuschuesse.png);
background-position: center;
background-repeat: no-repeat;
color:#ee7f00;
}
.icon_9{
background-image: url(../bilder/icons/digitalisierung.png);
background-position: center;
background-repeat: no-repeat;
color:#ee7f00;
}
.icon_10{
background-image: url(../bilder/icons/termine.png);
background-position: center;
background-repeat: no-repeat;
color:#ee7f00;
}
.myForm .leistungen{
max-width:1200px;
}

.leistungen h1{
font-size: 1.25rem;
border-bottom:1px #ee7f00 solid;
padding-bottom:0.0em;
height:5.0em;
}

.leistungen p{
font-size: 1.0rem;
text-transform:uppercase;
padding-top:1.0em;
}


.grey{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,cccac9+100 */
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(204,202,201,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(204,202,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(204,202,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccac9',GradientType=0 ); /* IE6-9 */
color: #ee7f00;
font-weight: bold;
border-top: 4px #ee7f00 solid;
}
.grey.border{
border-right:1px #FFFFFF solid;
}
.grey:hover, .grey:focus{
background:#3c3d42;
}

.grey a{
	color:#ee7f00;
}
.grey a:hover,.grey a:focus{
	color:#ee7f00;
}
.grey .expanded {
background-color: transparent;
}
.grey .expanded:hover{
background-color: transparent;
}

/*VERANSTALTUNGSBOX*/
.veranstaltung {
background-color: #e6e6e6;
margin-bottom: 2em;
margin-top: 1em;
font-size: 1.5rem;
padding-left:2.1em;
}
.veranstaltung h2{
font-weight:bold;
font-size:1.125rem;
text-transform: none;
padding:0;
margin:2em 0 0 0;
}
.veranstaltung .left{
padding-bottom:2em;
}
.veranstaltung .right{
/*border-left:1px #FFFFFF solid;*/
padding-bottom:1em;
padding-left:1.5em;
}
#v-anmeldung{
padding-top:0em;
padding-bottom: 2em;
}

.veranstaltung .right .social{
margin:0;
padding:1em 0 0 0;
}
.veranstaltung .right .social img{
margin:0 0.5em 0 0;
padding:0;
}
/* BILDERGALERIE*/
.popup-gallery{
margin-bottom:2em;
padding-left:2.5em;
}
.popup-gallery .column{
margin:0px 0px 10px 0px;
}
.popup-gallery img{
max-width:280px;
}

/* EVENT-BOX */

/* FARBEN*/
.box-dark-left{
background-color: #292c2f;
}
.box-dark-right{
background-color: #4f5055;
}
.box-light-left{
background-color: #e6e6e6;
}
.box-light-right{
background-color: #d2d2d2;
}
.box-light-left .event-title, .box-light-right .event-title{
border-left: 2px #000000 solid;
}
.box-light-left .event-title, .box-light-right .event-title{
color:#000000;
}
.box-light-left a, .box-light-right a{
color:#000000;
background-image: url(../bilder/pfeil_klein_grau.png);
background-repeat: no-repeat;
background-position:bottom right;
padding:0px 0px 0px 0px;
margin: 0px 0px 0 0px;
display:block;
}
.box-dark-left .event-title, .box-dark-right .event-title{
color:#FFFFFF;
}
.box-dark-left .event-title, .box-dark-right .event-title{
border-left: 2px #ee7f00 solid;
}
.box-dark-left a, .box-dark-right a{
color:#FFFFFF;
background-image: url(../bilder/pfeil_klein_hellgrau.png);
background-repeat: no-repeat;
background-position:bottom right;
padding:0px 0px 0px 0px;
margin: 0px 0px 0 0px;
display:block;
}

.event-box {
margin:2em 0 0em 0;
padding:0;
border-bottom:1px #FFFFFF solid;
}
.event-box .event-title{
	height:150px;
}
.event-box .row {
max-width: none;
}
.event-box ul{
list-style-type: none;
margin-left:1.0em;
padding-bottom:2em;
}
.box-light-right ul{
margin:0;
padding:0;
}
.event-box li{
padding-bottom:1em;
}
.event-box li h1{
padding:0;
margin:0;
text-transform: none;
}
.event-title h1{
margin-left:0.5em;	
}
.event-title p{
margin-left:1.0em;	
}
.event-box ul h1{
font-weight: 300;
}
.event-box a{

}
.event-box a:hover{
color: #ee7f00;
background-image: url(../bilder/pfeil_klein_orange.png);
background-repeat: no-repeat;
background-position:bottom right;
padding:0px 0px 0px 0px;
margin: 0px 0px 0 0px;
}
.event-box .left {
padding-left:16.8em;
padding-right:2em;
padding-top:2.0em;
padding-bottom:1em;
}
.event-box .right {
padding-top:2.0em;
padding-left:3.0em;
padding-right:15em;
padding-bottom:1em;
}



/* TEAM */
.team{
margin-top:3em;
margin-bottom:3em;
}
.team img{
border-top: 4px #ee7f00 solid;	
border-right: 1px #FFFFFF solid;
}
.anker{
	margin-top:2em;
}
.image-container{ 
width:202px; 
height:347px; 
} 
.image-content{ 
width:200px; 
height:213px;
opacity:0;  
position:relative;
} 
.image-content h2{
text-transform: none;
font-size:1.2em;
margin-top:2em;
}
.image-content a{
color:#FFFFFF;  
}
.image-container:hover .image-content {  
opacity:100;
text-align:justify; 
color:#FFFFFF;  
padding:20px;
background-image: url(../bilder/team/team_tooltip.png);
background-repeat: no-repeat;
background-position:top left;
z-index:200;
border-top: 4px #ee7f00 solid;	
} 

.image-caption{
display:block;
font-size:0.875rem;
font-style:italic; 
}

/* MOTTO */
.motto{
margin: 3em 0 3em 0;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.motto p{
font-size: 2.5rem; 
margin-left:0.8em;
font-weight:100;
line-height:1em;

}
/* MOTTO */
.title-border-left{
margin-left: 1.6em;
}


.motto h1.h1_30{
	font-size: 1.875rem;
}
.motto h1.h1_100{
	font-size: 6.25rem; 
	font-weight:100;
	margin-left:0.3em;
	padding:0;
}
/* BUTTON: LINK*/
.btn_link{
list-style-type:none;
width:100%;
margin: 0em 0 1em 0;
}
.btn_link .columns{
margin:0;
padding:0;
}
.btn_link li a{
background: #e6e6e6;
color:#FFFFFF;
text-align:left;
font-weight:bold;
text-transform: uppercase;
}

.btn_link li a:hover{
background: #3c3d42;
color:#ee7f00;

}
/* BUTTON: DOWNLOAD*/
.btn_download{
list-style-type:none;
width:100%;
margin: 2em 0 1em 0;
font-size: 0.875rem;
}
.btn_download .columns{
margin:0;
padding:0;
}
.btn_download li{
border-left:2px #3c3d42 solid;
width:100%;
height:4em;
margin: 0 0 1em 0;
background: #3c3d42;
}

.btn_download li:hover{
background: #ee7f00;
border-left:2px #ee7f00 solid;
}

.download{
background:transparent;
margin-left:2.0em;
height:4em;
border-left:10px #FFFFFF solid;
border-right:1px #FFFFFF solid;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.box-light-right .download{
border-left:10px #d2d2d2 solid;
}
.download a{
display:block;
line-height:4em;
height:4em;
}

.download a:hover{
background: #ee7f00;
border-left:10px ##ee7f00 solid;
border-right:1px #FFFFFF solid;
}

.download span{
margin-left:1.0em;
text-transform: uppercase;
color:#FFFFFF;
display:block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);

}
.icon-download{
background-color: transparent;
background-image: url(../bilder/icon_download.png);
background-repeat: no-repeat;
background-position:center center;
display:block;
width:100%;
height:4em;
text-align:center;
}

/* FORM */
textarea{
min-height:11.8em;
}

/* GEWERBEIMMOBILIENBÖRSE */
.immo_boerse {
/*background-color: #292c2f;*/

padding-left:8em;
padding-top:0.0em;
padding-bottom:4.0em;
margin-top:3em;
margin-bottom:2.0em;
}
.immo_boerse:hover{
/*background-color: #292c2f;*/
}
.immo_boerse .row{
max-width:1200px;
}

/* GOOGLE-MAP */
.mymap {
background-color: #292c2f;
padding-left:0em;
padding-top:4.0em;
padding-bottom:4.0em;
margin-top:3em;
margin-bottom:2.0em;
}
.mymap:hover{
background-color: #292c2f;
}
.mymap .row{
max-width:1200px;
}
#map {
height:400px;
max-width:1200px;
}

/* NEWSLETTER */
.myform {
background-color: #292c2f;
padding-left:0em;
padding-top:3.0em;
padding-bottom:5.0em;
margin-top:3em;
margin-bottom:0em;
}
.myform .columns{
padding: 0 0.5em 0 0;
}
.myform h1, .myform p{
color:#FFFFFF;
}
.myform:hover{
background-color: #292c2f;
}
.myform .myform-form{
padding-top:2em;
padding-left:4.5em;
}
.myform .row{
max-width:1200px;
}
.myform .sub-title{
margin-left:2.7em;
}
.myform-button{
border-left:2px #ee7f00 solid;
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:0;
}
.myform form input{
height:60px;
margin:0 0 0.5em 0;
padding:0 1.0em 0 0.5em;
}
.myform form input.input-button{
height:60px;
background:#ee7f00;
font-size:1.125rem;
text-align:center;
font-weight:bold;
width:100%;
color:#FFFFFF;
padding:20px;
margin-bottom:0.5em;
background-image: url(../bilder/newsletter_button.png);
background-repeat: no-repeat;
background-position:top left;
border:none;
}
.myform form button{
height:60px;
background:#ee7f00;
font-size:1.125rem;
text-align:center;
font-weight:bold;
width:100%;
color:#FFFFFF;
padding:20px;
margin-bottom:0.5em;
background-image: url(../bilder/newsletter_button.png);
background-repeat: no-repeat;
background-position:top left;
}
.icon-button{
background-color:  #ee7f00;
background-image: url(../bilder/icon_newsletter.png);
background-repeat: no-repeat;
background-position:center center;
display:block;
width:100%;
height:60px;
border-left:2px #292c2f solid;
}
.icon-button-kontakt{
background-color:  #ee7f00;
background-image: url(../bilder/icon_kontakt.png);
background-repeat: no-repeat;
background-position:center center;
display:block;
width:100%;
height:60px;
border-left:2px #292c2f solid;
}
.myform-motto
{
background:#FFFFFF;
width: auto;
padding:0;
margin:0;
}
.myform-motto h1{
color:#000000;
margin:1.0em 1.0em 1.05em 1.0em;
}
.myform-motto span{
font-size: 3rem; 
text-transform: uppercase;	
font-weight:400;
color:#000000;
}

/*VERANSTALTUNG - ANMELDUNG */
.myform .v-title{
margin-left:-1.5em;
margin-top:0;
}
.v-anmeldung p{
color: #ee7f00;
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:0;
}
.v-anmeldung h1{
color: #ee7f00;
}
  
/* ANGULARJS - ACCORDION*/
.expandcollapse-item {
  overflow: hidden;
}
.expandcollapse-heading-collapsed {
  cursor: pointer;
  padding: 15px 20px;
  position: relative;
  z-index: 100000000;
  color: black; 
  background-color: white;
}
.expandcollapse-item:first-of-type {
  border-top:0px;
}
.expandcollapse-heading-collapsed p{
  font-size: 16px;
  font-weight: normal;
  margin:0px;
}
.expandcollapse-heading-expanded {
  cursor: pointer;
  z-index: 100000000;
  padding: 15px 20px;
  position: relative;
  color: white; 
  background-color: black;
  border: 1px solid blue;
}
.expandcollapse-heading-expanded p{
  font-size: 16px;
  font-weight: bold;
  margin:0px;
}
.expandcollapse-heading-collapsed > span,
.expandcollapse-heading-expanded > span {
  position:absolute;
  top: 25px;
  right: 15px;
  font-size: 20px;
  line-height: 0px;
}
.expand-collapse-content {
  padding: 20px;
}
/* ENDE ANGULARJS-ACCORDION */

/* ACCORDION */
/* Äußerer Container für Accordions: Veranstaltungen, Aktuelles, Standorte etc.  */
.accord {
margin:0em 0 2em 0;
padding:0;
}

/* Accordion innerhalb von Akkordeon: Leistungen, Standort  */
.accordion .accord h1{
	margin-top:0.5em;
}
.accordion .accord .ck{
	margin-top:1em;
	margin-bottom: 0em;
}

.accordion h1{
display: block;
margin:0;
color: #FFFFFF;
position: relative;
border-bottom: 0; 
margin-top:1em;
margin-bottom:1em;
margin-left:0.5em;
margin-right:0.5em;
/*-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;*/

}
/* Großschreibung aufheben: Leistungen */
.accordion h1 span, h1.no_uppercase{
	text-transform: none;
}

/* Aktuelles, Veranstaltungen, Standort, Leistungen mobile */
.accordion .large-9{
margin:0;
padding:0;
}
/* Text-Accordion-Module: Leistungen, Standort */
.accordion .text_rahmen_no{
margin-top:0em;
margin-bottom:0.0em;
margin-left:1.7em;
}

/* Leistungen, Standort */
.accordion dd, .accordion-group{
background: #e6e6e6;
color:#000000;
}
/* Leistungen, Veranstaltungen, Aktuelles */
.accordion .arrow{
background-image: url(../bilder/accordion_pfeil_weiss.png);
background-repeat: no-repeat;
background-position:top right;
min-height:120px;
margin-top: 1.0rem;
}
.accordion dd {
border-bottom: 1px solid #ffffff;
}
.accordion dd a {
display: block;
position: relative;
border-bottom: 0;
}
.accordion dd a.active .arrow {
background-color: #e6e6e6;
color:#ee7f00;
background-image: url(../bilder/accordion_pfeil_orange.png);
background-repeat: no-repeat;
background-position:top right;
min-height:120px;
margin-top: 1.0rem;
}
.accordion dd a:hover .arrow, .accordion a:hover .arrow {
background-color: #3c3d42;
color:#ee7f00;
background-image: url(../bilder/accordion_pfeil_orange_hover.png);
background-repeat: no-repeat;
background-position:top right;
min-height:120px;
margin-top: 1.0rem;
}
.accordion dd a.active{
background-color: #e6e6e6;
color:#ee7f00;
}
.accordion dd a.ng-binding.active p, .accordion dd a.ng-binding.active h1 {
color:#ee7f00;
}
.accordion dd > a:hover, .accordion a:hover .accordion-group{
background-color: #3c3d42;
color:#ee7f00;
}
.accordion dd a:hover p, .accordion dd a:hover h1, .accordion a:hover h1{
 color:#ee7f00;
}

.leistung dd a{
	display:block;
}
.leistung dd a h1{
	padding-top:0.5em;
}
.accordion dd > .content {
display: none;
padding: 1rem 1rem 1rem 1rem;
}
.accordion dd > .content.active {
background: #FFFFFF;
display: block; 
}

.accordion .sub-title
{
margin-top:1.5em;
margin-bottom:2.0em;
margin-left:1.6em;
color:#000000;
border-left: 2px #ee7f00 solid;

}
.accordion .ck .sub-title
{
margin-top:1.5em;
margin-bottom:2.0em;
margin-left:1.6em;
color:#000000;
border:none;
}
.accordion .sub-title h2
{
	margin-left:0.0em;
}

.accordion p.zusatz{
font-size:1.5rem;
line-height: 1.2em;
margin-left:0.6em;
}

.accordion ul li a{
margin-top:0;
}

/* Accordion Leistungen */
.leistung .sub-title h1{
color:#000000;	
margin-left:0.5em;
}

/* ACCORDION - STATISCHE LISTE - Aktuelles, Veranstaltungen */
.accordion-group{
border:1px #FFFFFF solid;

}
.accordion-heading h1{
display: block;
margin:0;
line-height: 1;
color: #000000;
position: relative;
border-bottom: 0; 
margin-bottom:1rem;
margin-top:1.0em;
font-weight:100;
text-transform: none;
}
.accordion-heading p{
font-weight:bold;
}
.accordion-heading .row{
margin:0;
padding:0;
padding-left:3.5rem;
}

/* ARCHIV - Statische Verlinkung im Design von Accordion */
.accord-archiv {
margin:0em 0 0em 0;
padding:0;
}
.accord-archiv h1{
	font-weight:bold;
	text-transform: uppercase;
}

/* LEISTUNGEN - Abstände */
 .hide-for-small-only .row {
	/*border:1px red solid;*/
	margin:0;
	padding:0;
	/*margin-bottom:-2em;*/

}


/* Medienobjekte: Text mit Bild */
.media-object h2{
text-transform: none;
}
.media-object p{
font-weight:normal;
font-size:1.0rem;
line-height:1.5em;
}
.media-object .thumbnail{
border:0;
box-shadow: none;
}

/* PAGINATION (ACCORDION, JANGULAR) */
.pagination{
float:right;
margin-right:7.2em;
margin-top:1.0em;
width:12em;
}
.pagination .prev{
background: url(../bilder/nav_pfeil_links.png);
background-size: 100% 100%;
height:74px;
width:52px;
}
.pagination .next{
background: url(../bilder/nav_pfeil_rechts.png);
background-size: 100% 100%;
height:74px;
width:52px;
}
.pagination .next:hover{
background-color: transparent;
background: url(../bilder/nav_pfeil_rechts.png);
background-size: 100% 100%;
height:74px;
width:52px;
}
.pagination .prev:hover{
background-color: transparent;
background: url(../bilder/nav_pfeil_links.png);
background-size: 100% 100%;
height:74px;
width:52px;
}
.pagination  span
{
color:#ee7f00;
display:block;
text-align:left;
margin-top: 1.5em;
margin-left:1em;
margin-right:1em;
width:100%;
}

/* CONTENT-PAGINATION (STATISCH)*/
/*
	jquery.paginate.css  
	Version 0.1.1
*/

.paginate-pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.paginate-pagination ul:after {
	content: ' ';
	display: table;
	clear: both;
}

.paginate-pagination ul > li {
	float: left;
	margin-right: 3px;
}

.paginate-pagination ul > li > a.page {
	display: block;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	border: none;
	background: white;
	text-decoration: none;
	cursor: pointer;
	padding-top:1.5em;
}

.paginate-pagination ul > li > a.page { }
.paginate-pagination ul > li > a.page.active { cursor: default;color:#ee7f00; }

.paginate-pagination ul > li > a.page-next.deactive,
.paginate-pagination ul > li > a.page-prev.deactive { opacity: 0.7; cursor: default; }

.paginate-pagination ul > li > a.page-prev { 
background: url(../bilder/nav_pfeil_links.png);
background-repeat: no-repeat;
height:74px;
width:52px; 
}
.paginate-pagination ul > li > a.page-next { 
background: url(../bilder/nav_pfeil_rechts.png);
background-repeat: no-repeat;
height:74px;
width:52px; 
}
#legend1{
color:#ee7f00;
display:block;
text-align:left;
margin-top: 2.5em;
margin-left:2.0em;
margin-right:1em;
}

/* STATISCHE PAGINATION */
.pager{
width:14em;
padding-bottom:4em;
}
.red{
background:none;
}
.linkliste ul{
list-style: none;
margin-left:0;
}
.linkliste a{
color:#000000;
}
.red span{
color:#ee7f00;
margin-top:1.5em;
}

.red .short{
display:none;
}
.red .btn_prev{
background: url(../bilder/nav_pfeil_links.png);
background-repeat: no-repeat;
height:74px;
width:52px; 
border:none;
display: block;
text-align: center;
float: left;
padding: 0;
margin: 0;
margin-left: 4px;
margin-right:1.0em;
cursor: pointer;
}
.red .btn_next{
background: url(../bilder/nav_pfeil_rechts.png);
background-repeat: no-repeat;
height:74px;
width:52px; 
border:none;
display: block;
text-align: center;
float: left;
padding: 0;
margin: 0;
margin-left: 1.0em;
cursor: pointer;
}

/* FOOTER */

.footer {
background-color: #e6e6e6;
padding: 0em 0 4em 0; 
margin-top:0em;


}
.footer #logo{
margin-left:0.7em;
}
.footer .social a {
display: inline-block;
color: #000000;
line-height: 2rem;
margin: 0 0px 0 10px; 
}
.footer .footer-links{
text-align:right;
margin:0;
padding:0;
}
.footer .footer-links a {
font-weight: normal;
color: #000000;
padding: 3rem 0 2rem 1.5rem;
margin: 0;
font-size: 0.875rem;
text-transform: uppercase;
} 
.footer .footer-links a:hover{color:#ee7f00;}
.footer .row{
padding-top:2em;	
}

/* HOCHSCROLLEN */
.scroll-top-wrapper {
position:relative;
text-align: center;
z-index: 100;
background-color: #FFFFFF;
color: #eeeeee;
width: 80px;
height:100px;
line-height: 48px;
background-image: url(../bilder/hochscrollen.png);
background-repeat: no-repeat;
background-position:top center;
margin:0;
padding:0;
}
.scroll-top-wrapper p{
color: #ee7f00;
font-size:0.575rem;
font-weight:bold;
padding:58px 2px 0 2px;
}


/* MOBILE */
/* Medium and up */
@media screen and (min-width: 40em) {

.ck-row .left .float-right{
  float: left !important;
  margin-left:1.5em;
  padding-right:2.5em;
}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
body p{
	padding-right:10px;
}

	
.linkliste .column{
margin-bottom:2em;
margin-left:-1.5em;
}

.ck-row .left .float-right{
  float: left !important;
  margin-left:1.5em;
  padding-right:2.5em;
}
.event-box .left, .event-box .right{
padding-left:2.0em;
}
.veranstaltung .right{
/*border-top:1px #FFFFFF solid;*/
border-left:none;
padding-bottom:1em;
padding-left:0.8em;
}
}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.event-box .left{
padding-left:2.0em;
padding-right:1.0em;
}
.event-box .right{
padding-right:1.0em;
padding-left:2.0em;
}

}

/* Small only */
@media screen and (max-width: 39.9375em) {


.content-center {
  width: 100% ;
  margin-left: auto ;
  margin-right: auto ;
}
body, h1, h2, h3{
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.header{
margin:0;
}

/* SLIDER: ORBIT */
.top-orbit{
	margin-top:3em;
}
.top-orbit .orbit-bullets
{
text-align:left;
margin: 0em 0 0 0;
display:none;
}
.top-orbit .orbit-row{
z-index:1000;
position:relative;
margin-top:-254px;
padding-left:3.7em;
}
/* BOTSCHAFT*/
.header.panel {
float:right;
text-align:right;
margin: 13em 2em 3em 2em;
padding:0;
}
.sign {
background-image: url(../bilder/pfeil_klein.png);
background-position:right;
background-repeat: no-repeat;    
height: 72px;
float:right;
} 

/* UBERSCHRIFT*/
.sub-title{
margin-left:1.5em;
}
.ck .sub-title{
margin-left:1.0em;
}
.sub-title h2
{
margin-left:0.6em;
}

/* EVENT-BOX */
.event-box {
margin: 0;
padding:0;
}
.event-box .left, .event-box .right{
padding-left:2.0em;
padding-right:1.0em;
}
/* NEWSLETTER */
.newsletter {
padding-left:1.0em;
}
.event-box .right {
padding-right:2.0em;
}
/* ACCORDION */
.leistung .accordion p.accord_title{

   width:80%;
}
.row .accordion .ck .left{
padding-right:0em;
padding-left:0em;
}
.row .accordion .ck .right{
padding-right:0em;
padding-left:0em;
}
.accordion h1{
margin-left:0em;
width: 80%;
}
.accordion .arrow {
margin-right:1em;
}
.accordion .large-9{
margin-left:1em;
margin-right:1em;
}
.pagination{
float:left;
margin-top:1.0em;
}
.pagination  span
{
width:100px;
}
/*MOTTO*/
.motto .column{
padding-left: 2.3em;
}
/* ACCORDION Statische Liste*/
.accordion-heading .row{
padding-left:1.5rem;
}
/* Accordion Leistungen */
.leistung{
	margin:0;
	padding:0;
}
.media-object{
padding-left:3em;
}
/* Liste */
.liste{
margin-left:0.9em;
}
.linkliste ul{
margin-bottom:2em;
margin-left:-0.5em;
list-style-type: none;
}
.team ul{
margin-bottom:2em;
margin-left:2.0em;
list-style-type: none;
}
.linkliste .column{
margin-bottom:2em;
margin-left:-2.0em;
}
.linkliste .title-border-left{
margin-left:1.4em;
}

.ck-row .sub-title{
margin-left:1.5em;
}
.ck-row .right{
padding-left:0.0em;
}
.ck-row .left .float-right{
  float: left !important;
  margin-left:1.5em;
  padding-right:2.5em;
}
.ck-row .ansprechpartner{
margin-left:2.5em;
}
.ck-row .right h3{
margin-left:0.0em;
}
.ck-row .right .sub-title{
margin-left:1.5em;
}

/* CKEditor */
.accordion ul{
padding-left:1.0em;
}
.ck .left{
padding-right:1em;
padding-left:2.5em;
}
.ck .right{
padding-right:1em;
}
.ck .text_rahmen{
margin-left:1.0em;
}

.text_rahmen_no{
margin-left:2.0em;
margin-right:0.5em;
}

.myform .myform-form{
padding-left:1.5em;
}
.myform .sub-title{
margin-left:2.0em;
}
.myform .v-title{
margin-left:0.0em;
}

.mymap {
padding-left:1.0em;
padding-right:1.0em;
}
.btn_download li{
overflow:hidden;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
/*VERANSTALTUNGSBOX*/
.veranstaltung {
padding-left:1.2em;
}
.veranstaltung .left{
padding-bottom:0em;
}
.veranstaltung .right{
/*border-top:1px #FFFFFF solid;*/
border-left:none;
padding-bottom:1em;
padding-left:0.5em;
}
.veranstaltung .right .social{
margin:0;
padding:1em 0 0 0;
}
.popup-gallery{
margin-left:1.5em;
}
/* FOOTER */
.footer .footer-links{
text-align:left;
margin-left:0.0em;
}
.footer .footer-links a {
padding: 0;
margin-right:1.0em;	
}  
.footer .footer-links{
margin-top:1em;	
}	
.footer .social {
float: left !important;
margin-left:0em;
}
.footer .social{
margin-left:-0.5em;
}
.footer #logo{
margin-left:0.0em;
}
.footer .row{
padding-top:-2.0em;
}


/* TEAM */
.team{
margin-top:3em;
margin-bottom:3em;
}
.team img{
border-top: 4px #ee7f00 solid;	
border-right: 1px #FFFFFF solid;
}
.image-container{ 
width:202px; 
height:289px; 
} 
.image-content{ 
width:200px; 
height:213px;
opacity:1;
position:relative;
text-align:justify; 
color:#FFFFFF;  
padding:20px;
background-image: url(../bilder/team/team_tooltip.png);
background-repeat: no-repeat;
background-position:top left;
z-index:200;
border-top: 4px #ee7f00 solid;	
} 

.image-content a{
color:#FFFFFF;  
}
.image-content h2{
text-transform: none;
}	
.image-container .image-content {  
opacity:1;
text-align:justify; 
color:#FFFFFF;  
padding:20px;
background-image: url(../bilder/team/team_tooltip.png);
background-repeat: no-repeat;
background-position:top left;
z-index:200;
border-top: 4px #ee7f00 solid;	
} 

.image-caption{
display:block;
font-size:0.875rem;
font-style:italic; 

}
/* Statische Pagination */
.red{
float:right;
margin-bottom:2em;
}
/* Statisches Accordion */
.leistung dl{
padding-bottom:0;
margin-bottom:0;
}
.leistung .accordion h1{
margin-left:1.2em;
margin-right:5.2em;
border-bottom:1px #ee7f00 solid;
padding-bottom:1.0em;
padding-top:1.0em;
color: #ee7f00;
}
.leistung .accordion p{
	margin-left:1.2em;
}
.leistung .accordion p.accord_title{
margin-left:1.5em;
font-size: 1.5rem;
text-transform:uppercase;
font-weight:bold;
color: #ee7f00;
}
.leistung .accordion .arrow{
background-image: url(../bilder/pfeil_klein.png);
background-repeat: no-repeat;
background-position:top right;
min-height:120px;
margin-top: 0rem;
margin-right:2em;
}
.leistung .accordion dd a.active .arrow {
background-color: #e6e6e6;
color:#ee7f00;
background-image: url(../bilder/pfeil_klein.png);
background-repeat: no-repeat;
background-position:top right;
min-height:120px;
margin-top: 1.0rem;
}
.leistung .accordion dd a:hover .arrow, .accordion a:hover .arrow {
background-color: #3c3d42;
color:#ee7f00;
background-image: url(../bilder/pfeil_klein.png);
background-repeat: no-repeat;
background-position:top right;
min-height:120px;
}
/*Externe/Interne Link als Accordion*/
div.external_link a:hover  {
display:block;
background-color: #3c3d42;
color:#ee7f00;
min-height:120px;
}
.leistung .accordion dd, div.external_link{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,cccac9+100 */
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(204,202,201,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(204,202,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(204,202,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccac9',GradientType=0 ); /* IE6-9 */
border-top: 4px #ee7f00 solid;
}

.leistung .accordion dd a.active, div.external_link{
background-color: #3c3d42;
}
.leistung .accordion dd a.active .arrow {
background-color:#3c3d42;
background-image: url(../bilder/pfeil_klein_hover.png);
background-repeat: no-repeat;
background-position:top right;
min-height:120px;
margin-top: 1.0rem;
}
.leistung dd a {
border:none;
margin-top:0;
margin-bottom:0;
}
.leistung dd > a:hover, .leistung a:hover .accordion-group, .leistung dd a.active{
margin-top:0em;
}
.scroll-top-wrapper {

text-align: center;

}
.scroll-top-wrapper p{
font-size:0.475rem;

}
}