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

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

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

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

/* Kontrastlila #662483 */

body {
    color: #707070;
    font-family: "Cabin", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
	font-weight: 500;
    line-height: 1.42857;
	margin-top: 0px;
}

body.kontrast {
    color: #000000;
  
}

#maske {
	display: none;
  position: absolute;
  width: 200px;
  padding: 10px;
  background: #f3f3f3;
  color: #662483;
  border: 1px solid #e4daeb;
  text-align: center;
  font-size: 20px;
	
	}

.videodiv {
	position:relative;
	}
body.page-node-90 #maske,
body.page-node-193 #maske,
body.page-node-192 #maske,
body.page-node-type-video #maske,
body.page-node-10 #maske,
body.page-node-140 #maske,
body.page-node-43 #maske{
	display: none;
  position: absolute;
  width: 270px;
  padding: 10px;
  background: #f3f3f3;
  color: #662483;
  border: 1px solid #e4daeb;
  text-align: center;
  font-size: 15px;
  line-height: 1.3;
	
	}

div.view-videoseite #maskezwei,
body.page-node-type-video #maskezwei,
body.page-node-10 #maskezwei,
body.page-node-140 #maske,
body.page-node-43 #maske
{
    left: 0px;
    top:10%;
    position: absolute;
    background: #f3f3f3;
    background: rgba(240,240,240,0.7);
    text-align: center;
    font-size: 12px;
    padding: 10px;
    right: 0px;
    z-index: 200;
    color: #662483;
  	border: 1px solid #e4daeb;
    font-weight: 500;
    line-height: 1.3;
}

#maske2 {
	display: none;
  position: absolute;
  width: 350px;
  padding: 10px;
  background: #f3f3f3;
  color: #662483;
  border: 1px solid #e4daeb;
  text-align: center;
  font-size: 20px;
	
	}
li#box:hover {
	cursor: pointer;
	
	}

b, strong {
    font-weight: 800;
	color: #444444;
}

/* Responsive Bilder */

.region-headerbild .field--name-body img, .region-content img, .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img, aside .block p img {
    display: block;
    height: auto;
    max-width: 100%;
}

a, a:hover, a:focus {color: #f39200; }

body.kontrast a, body.kontrast a:hover, body.kontrast a:focus {color: #990678; text-decoration: underline; font-weight: 600; }

body.kontrast a:hover, body.kontrast a:focus {
   color: #662483; 
}



a.extlink {background: url(../bilder/violetta_extlink.png) no-repeat scroll right center;
    padding-right: 12px;
}

a[href$=".pdf"], a[href*=".pdf#page="] {
    background: url(../bilder/violetta_icon_pdf.gif) no-repeat scroll right center;
    padding: 5px 20px 5px 0;
}

aside .block a.field-group-link,
body.page-node-type-termine a.field-group-link,
.flyersprachen a.field-group-link,
body.page-node-type-rundbriefe a.field-group-link,
body.page-node-type-aktuelles-und-termine a.field-group-link,
body.page-node-type-veroeffentlichungen a.field-group-link {background:none;padding:0px;}


a[href^="mailto:"] {
    background: transparent url(../bilder/violetta_icon_mailto.gif) no-repeat scroll right center;
    padding: 5px 20px 5px 0;
}

.flyersprachen {margin-top: 0px;}

#block-muttersprachlicheflyer {margin-top: -20px;}

h1 {color: #662483; font-weight:700; font-size: 2em;}
h1.page-header, h1#page-title, h1.sitemap {color: #662483; font-weight:700; font-size: 1.8em;border-bottom: solid 1px #e4daeb;padding-bottom: 5px; margin-bottom: 10px;margin-top: 1px;}
h1.page-header, h1#page-title  {font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute!important;
  border: 0!important;
  padding: 0!important;
  margin: 0!important;
  clip: rect(1px,1px,1px,1px);}
  
/*span.page-title {color: #662483;display:block; font-weight:700; font-size: 1.6em;border-bottom: solid 1px #e4daeb;padding-bottom: 5px; margin-bottom: 10px;margin-top: 1px;line-height: 1.2;}*/

body.page-node-type-page .region-content div.page-title, 
body.page-node-type-projekte-fachkraefte .region-content div.page-title,
body.page-node-type-aktuelles-und-termine .region-content div.page-title,
body.page-node-type-rundbriefe .region-content div.page-title,
body.page-node-type-veroeffentlichungen .region-content div.page-title,
body.page-node-type-vortraege .region-content div.page-title,
body.page-node-type-termine .region-content div.page-title {
	display:none;
	}

.page-title span {color: #662483; font-weight:700; font-size: 1.6em; border-bottom: solid 1px #e4daeb;display:block;padding-bottom: 5px; margin-bottom: 10px;margin-top: 1px;line-height: 1.2;}
.region-highlighted span.page-title {display:block;line-height: 1.2;}

/*body.page-node-type-aktuelles-und-termine .page-title, body.page-node-type-rundbriefe .page-title {width: 100%;}*/

h2.block-title {font-size: 1.50em;color: #662483;font-weight:700; margin-top: 0px; padding: 5px 11px;border-bottom: solid 1px #e4daeb; background-color: #ffffff;margin-bottom: 0px;}
#block-violettaberat h2.block-title {margin:0 10px;padding: 5px 0px;}

h2 {font-size: 1.5em; margin-bottom: 8px;
    margin-top: 14px;font-weight:700;color: #444444;}

.acc h2 {
	font-size: 1.1em;
	
	}


h2.view-title, .view-title h2 {font-size: 1.5em; margin-bottom: 8px;
    margin-top: 0px;font-weight:700;color: #444444;}	
h2.view-title a, .view-title h2 a {color: #444444;}	

h2.page-title {font-size: 1.5em; margin-bottom: 8px;
    margin-top: 0px;padding-left: 0px;}	
	
.sitemap-box h2 {display:none;}	
	
h3 {font-size: 1.3em; margin-bottom: 8px;
    margin-top: 12px;font-weight:700;color: #662483;}
	
	aside {font-size: 0.95em;}

aside .block h3 {font-weight: 600;font-size: 1.19em; color:#662483; margin-bottom: 3px;
    margin-top: 11px;}

aside .block h3.facebook {background: url(../bilder/violetta-bei-facebook.png) no-repeat 77px 2px;}

.main-container ol, ul {
    padding-left: 0.2em;
}

.main-container .content ul li, .main-container aside ul li, .node-readmore, .ui-widget-content ul li, .views-field-view-node .field-content{list-style-type:none; padding: 1px 0 1px 24px; background: url(../bilder/pfeil_violett.png) no-repeat 0 7px;}

.node-readmore {font-size:0.97em}

.ui-widget-content ul {padding-left:0;}

.main-container aside ul li {color: #f39200;font-size: 0.97em;}

body.kontrast .main-container aside ul li {color: #990678;}



ul.links {margin: 5px 0;}

#block-views-block-aktuelles-block-1 ul.links, #block-views-block-aktuelles-block-3 ul.links, #block-views-block-aktuelles-block-4 ul.links, #block-views-block-aktuelles-block-5 ul.links, #block-views-block-termine-block-1 ul.links, #block-views-block-termine-block-2 ul.links {padding-left: 15px;}

.field--name-field-anfangsdatum::after {
    content: "bis"; padding-left: 8px;
}

#block-views-block-termine-block-1 .field--name-body h2, #block-views-block-termine-block-2 .field--name-body h2 {font-size: 1.23em;}

.main-container  {font-size: 1.15em;line-height: 1.32857;}
 
header {background: url(../bilder/bg_oben_4.png)  no-repeat;
background-position: 60% -25px;transition: top 0.3s ease-in-out;
}



header#navi.nav-up {background: url(../bilder/bg_oben_4.png)  no-repeat;
background-position: 60% -86px;
transition:  0.3s ease-in-out;}



 #navi {
    position: fixed;
    top: 0px;
    z-index: 10;
    width: 100%;
    transition:  0.3s ease-in-out;
    
}


header .navbar {margin-top: 8px;}

header .band {
	background: url(../bilder/bg_oben_orange.png) repeat-x center top;
	display:block; 
	margin: 15px 15px 0 15px;
	height: 106px; 
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
    transition: 0.3s ease-in-out;
	}

body.kontrast header .band {
    background: url(../bilder/bg_oben_orange-k.png) repeat-x center top;}

header#navi.nav-up .band {
    height: 55px;
    margin: 5px 15px 0 15px;
    transition: 0.3s ease-in-out;
    
}

 header .band img {margin: 50px 0 0 0px; width: 160%; height:auto; transition: 0.3s ease-in-out;}

header .textslogan {text-align:right;line-height: 0.8;margin: 15px 0 0 0;padding-right: 15px; transition: 0.3s ease-in-out;}
header .textslogan .fuer {color: #5f2480; font-size: 14px;font-weight:500; transition: 0.3s ease-in-out;}

header .textslogan .ander {color: #ffffff;font-size: 14px; font-weight:600; transition: 0.3s ease-in-out;}

body.kontrast header .textslogan .ander {color: #000000;}



header#navi.nav-down .textslogan {
    display: block; transition: 0.3s ease-in-out;
}
header#navi.nav-up .textslogan {
    display: none; transition: 0.3s ease-in-out;
}

.main-container {margin-top: -68px;}

/* Navigation oben */

ul#superfish-violetta {display:none;line-height: 1;}

ul#superfish-violetta-accordion{
    display:block;
}

a#superfish-violetta-toggle {
    background: url(../bilder/violetta-menu-weiss.png) no-repeat 0px 1px;display:block; 
    height: 22px; 
    width: 26px;border: solid 1px #e4daeb;
    margin-top: -39px;margin-right: 15px;float:right; transition: 0.3s ease-in-out;}

body.kontrast a#superfish-violetta-toggle {
    background: url(../bilder/violetta-menu-lila.png) no-repeat 0px 1px;display:block; 
    
    
}

a#superfish-violetta-toggle span {
    display:none;}

#navi.nav-up a#superfish-violetta-toggle {margin-top: -45px; transition: 0.3s ease-in-out;}

.navbar-default .navbar-collpse, .navbar-default .navbar-form {
    background: #ffffff;
    border-bottom: none; 
}

.navbar-default {
    background-color: #ffffff;
    border: medium none;

}

.navbar {
    margin-bottom: 0px;
    min-height: 0px;
    position: relative;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {  
 
    background-color: transparent;  
	color: #ffffff;
}

ul#superfish-violetta-accordion li a {
	display: block;
padding: 0.7em 1.3em;
position: relative;
background-color: #f39200;
color: #ffffff;
margin-bottom:5px;
font-size: 1.1em;
	}

body.kontrast ul#superfish-violetta-accordion li a {

background-color: #662483;

	}

body.kontrast ul#superfish-violetta-accordion li a:hover,
body.kontrast ul#superfish-violetta-accordion li a:focus,
body.kontrast ul#superfish-violetta-accordion li a:active{

background-color: #990678;
    text-decoration: underline;

	}




ul#superfish-violetta-accordion li#violetta-menu-link-contentc20efb5b-7abe-4c95-9033-37b67175e88d-accordion a {
	margin-bottom:10px;
	}
	
ul#superfish-violetta-accordion .sf-sub-indicator {
    height: 12px;
    line-height: 9999px;
    opacity: 0.75;
    overflow: hidden;
    position: absolute;
    right: 1em;
    speak: none;
    text-indent: -9999px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
}
	
ul#superfish-violetta-accordion li a:hover, ul#superfish-violetta-accordion li a:active {
	text-decoration:none;background-color:#cd45af;
	}
ul#superfish-violetta-accordion li.sf-expanded a {background-color: #cd45af;text-decoration:none;}

ul#superfish-violetta-accordion li.sf-expanded ul li a {
	padding: 0.6em 2.5em;
	font-size: 1em;
	background: #ec98da;
	
	}

body.kontrast ul#superfish-violetta-accordion li.sf-expanded ul li a {
    background: #79446d;
    text-decoration: underline;
}
	
ul#superfish-violetta-accordion li.sf-expanded ul li a:hover, 
ul#superfish-violetta-accordion li.sf-expanded ul li a:focus, 
ul#superfish-violetta-accordion li.sf-expanded ul li a:active, 
ul#superfish-violetta-accordion li.sf-expanded ul li a.is-active {

 background: #ac8cc0;
}

body.kontrast ul#superfish-violetta-accordion li.sf-expanded ul li a:hover, 
body.kontrast ul#superfish-violetta-accordion li.sf-expanded ul li a:focus, 
body.kontrast ul#superfish-violetta-accordion li.sf-expanded ul li a:active, 
body.kontrast ul#superfish-violetta-accordion li.sf-expanded ul li a.is-active {

 background: #604c6c;
}



	
	
aside .block {
	border:solid 1px #e4daeb;margin-bottom: 9px;
	}
	
.viocontent aside {margin-top:7px;}

aside #block-hervorgehobenesformularsearch-contentpage-1, aside #block-onlineberatung, aside #block-customsearchform, aside #block-angebotinleichtersprachelink, aside #block-newsletterlink, aside #block-violettad8-gebardesprachebuttonlink {border:none;}


aside .block .field--type-image {width: 44%; float:left;}
aside .block .field--name-body, aside .block ul.blocklink {width: 47%; float:left;margin: 8px 11px 17px 11px;}
aside .field--name-field-datei-zum-download {width: 55%; float:left;}

aside #block-kontakt .field--name-body, aside #block-spenden .field--name-body, aside #block-keinraumfurmissbrauch .field--name-body, aside #block-violettaberat .field--name-body {width: 90%; float:none;}

aside #block-kontakt, aside #block-views-block-aktuelles-block-2, aside #block-spenden, aside #block-views-block-termine-block-3, aside #block-keinraumfurmissbrauch, aside #block-spendenandenforderverein, aside #block-gegendigitalegewalt,
aside #block-wetakecarestartseitebox, aside #block-queerparhomepage
 {background-color: #f3f3f3;}
aside #block-views-block-aktuelles-block-2 .view-content,
aside #block-views-block-termine-block-3 .view-content {margin: 4px 11px 12px 11px; }

aside #block-keinraumfurmissbrauch .field--name-body {margin: 10px 11px 10px 11px;}

aside #block-kontakt li.telefon {font-weight: 700; font-size: 1.2em;}

aside #block-anfahrt .field--name-body, aside #block-anfahrt .field--name-body p {margin: 0px;line-height: 0;padding:0;} 
aside #block-anfahrt h2.block-title  {margin: 0px;} 

aside #block-views-block-aktuelles-block-2 .view-content a,
aside #block-views-block-termine-block-3 .view-content a
 {background: url(../bilder/pfeil_violett.png) no-repeat scroll 0 5px;
    padding: 1px 0 1px 24px;display:block;margin-bottom: 5px;font-size: 0.97em}

	
aside #block-views-block-termine-block-3 .view-content .views-field-field-enddatum, aside #block-views-block-termine-block-3 .view-content .views-field-field-anfangsdatum {font-size: 0.97em;}

aside .block p{
	font-size: 0.97em;line-height: 1.22857;
	}
aside .block p.lila {color: #a387b5; font-style:italic;font-size: 0.9em;margin-top:-7px;}


body.kontrast aside .block p.lila {
    
    color: #000000;
    
    
}
aside .block li .grau {color: #707070;}

aside .block li a {color: #f39200;}

body.kontrast aside .block li a {
   color: #990678
}

aside #block-onlineberatung a.onlineberatung, 
#block-onlineberatung-2 a.onlineberatung, 
aside #block-angebotinleichtersprachelink a.leicht, 
aside #block-newsletterlink a.newsletter, 
aside #block-violettad8-gebardesprachebuttonlink a.geb {
    display:inline-block; 
    color: #ffffff; 
    background: url(../bilder/pfeil_orange.png) no-repeat 16px 10px #2be74e; 
    padding: 3px 20px 5px 56px;font-size: 23px;font-weight: 600;
	border-radius: 15px;  	
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	width: 100%;}

body.kontrast aside #block-onlineberatung a.onlineberatung, 
body.kontrast #block-onlineberatung-2 a.onlineberatung,
body.kontrast aside #block-newsletterlink a.newsletter{
    background: url(../bilder/pfeil_weiss.png) no-repeat 16px 10px #662483; 
    text-decoration: underline;
} 

aside #block-violettad8-gebardesprachebuttonlink a.geb {background-color: #ac8cc0;}

aside #block-angebotinleichtersprachelink a.leicht {
    background-color: #ec98da;
    background: url(../bilder/leichte-sprache-lila-rosa-hg-2.png) no-repeat 16px 0px #ec98da; background-size: contain; }

body.kontrast #block-angebotinleichtersprachelink a.leicht {
    background-color: #662483;
    background: url(../bilder/leichte-sprache-lila-weiss-hg-2.png) no-repeat 16px 0px #662483; background-size: contain; 
    text-decoration: underline;
}

aside #block-violettad8-gebardesprachebuttonlink a.geb { 
    background: url(../bilder/gebaerdenhaende-lila-lila-hg.png) no-repeat 0px 0px #ac8cc0; background-size: contain;}

body.kontrast aside #block-violettad8-gebardesprachebuttonlink a.geb {
    background: url(../bilder/gebaerdenhand-weiss.png) no-repeat 13px 0px #662483; background-size: contain;
     text-decoration: underline;}




aside #block-newsletterlink a.newsletter {background-color: #cd45af;}
body.kontrast aside #block-newsletterlink a.newsletter {background-color: #662483;}



aside #block-onlineberatung a.onlineberatung:hover, 
aside #block-onlineberatung a.onlineberatung:focus, 
aside #block-angebotinleichtersprachelink a.leicht:hover,
aside #block-angebotinleichtersprachelink a.leicht:focus,
#block-onlineberatung-2 a.onlineberatung:hover, 
#block-onlineberatung-2 a.onlineberatung:focus,
#block-newsletterlink a.newsletter:hover, 
#block-newsletterlink a.newsletter:focus

 {color: #f39200; text-decoration:none;}





aside #block-angebotinleichtersprachelink a.leicht:hover, 
aside #block-angebotinleichtersprachelink a.leicht:focus,
aside #block-violettad8-gebardesprachebuttonlink a.geb:hover, 
aside #block-violettad8-gebardesprachebuttonlink a.geb:focus
{
    color: #662483;
    text-decoration:none;
}

body.kontrast aside #block-onlineberatung a.onlineberatung:hover, 
body.kontrast aside #block-onlineberatung a.onlineberatung:focus, 
body.kontrast aside #block-angebotinleichtersprachelink a.leicht:hover,
body.kontrast aside #block-angebotinleichtersprachelink a.leicht:focus,
body.kontrast #block-onlineberatung-2 a.onlineberatung:hover, 
body.kontrast #block-onlineberatung-2 a.onlineberatung:focus,
body.kontrast #block-newsletterlink a.newsletter:hover, 
body.kontrast #block-newsletterlink a.newsletter:focus,
body.kontrast aside #block-violettad8-gebardesprachebuttonlink a.geb:hover, 
body.kontrast aside #block-violettad8-gebardesprachebuttonlink a.geb:focus

 {color: #f3d7ac; text-decoration:underline;}

aside #block-onlineberatung .field--name-body, aside #block-angebotinleichtersprachelink .field--name-body,
#block-onlineberatung-2 .field--name-body, aside #block-newsletterlink .field--name-body, aside #block-violettad8-gebardesprachebuttonlink .field--name-body {margin: 0;width:100%;}

#block-onlineberatung-2 {margin-bottom: 18px;}

.path-frontpage .region-headerbild {margin-bottom: 25px;}

div.leichtesprache .row {}
div.leichtesprache {margin-bottom: 20px;font-size: 1.15em;}
div.leichtesprache .blubb {border-bottom: 1px solid #e4daeb;margin-top: 20px; padding-bottom: 20px;}


.flex-control-nav {
    bottom: 10px;
    position: absolute;
    right: 10px;
    text-align: right;
    width: 90%;
    z-index: 2;
}
.flex-control-paging li a {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3) inset;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 11px;
    text-indent: 0;
    width: 11px;
}

.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
	 background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	}

.flexslider {
    background: #fff none repeat scroll 0 0;
    border: none;
    border-radius: 0px;
    margin: 0 0 0px;
    position: relative;
}

.flex-control-nav li {
    margin: 0 5px;
}

/* Brotkrümel Leiste */

.region-headerbild {margin-bottom: 6px;}

.breadcrumb {
    background-color: #ffffff;
    border-radius: 0px;
    list-style: outside none none;
    margin: 0 0 12px 0;
    padding: 0px 0px;
	font-size: 12px;
	width:100%;
	float:left;
}

.breadcrumb > li + li::before {
    color: #ccc;
    content: "> ";
    padding: 0 3px;
}

.breadcrumb > li a {color: #990678;}
.breadcrumb > li.active {color: #444444;}


#block-printfriendly-2 {width: 18px;height:16px;float:right;display:none;}

/* Boxen unten auf Startseite und Projekte */

.line {border-top: 1px solid #e4daeb;}
	
	
#block-views-block-materialien-block-1, #block-views-block-aktuelles-block-3, #block-views-block-aktuelles-block-4, #block-views-block-projekte-block-1, .flyersprachen, #block-views-block-aktuelles-block-5 {padding-top: 20px;}

.field--name-field-fortbildung {font-weight: 800; font-size: 1.22em;}
	
#block-unserefreundeundforderer {margin: 26px 0 0 0}
	
	
#block-views-block-projekte-block-1 h2 a, #block-views-block-materialien-block-1 h2 a {
	color: #ffffff;
	}
#block-views-block-projekte-block-1 h2 a:hover, #block-views-block-projekte-block-1 h2 a:focus, #block-views-block-materialien-block-1 h2 a:hover, #block-views-block-materialien-block-1 h2 a:focus {
	text-decoration:none;
	color: #dfdae2;
	}

#block-views-block-projekte-block-1 h2, 
#block-views-block-materialien-block-1 h2, 
body.path-frontpage #block-views-block-aktuelles-block-6 h2, 
body.path-frontpage #block-views-block-termine-block-3-2 h2, 
body.path-frontpage #block-video h2, 
body.path-frontpage #block-fordervereinviolettaev h2, 
body.path-frontpage #block-hilfefurjungen h2, 
body.path-frontpage #block-kampagne h2   {
	background-color: #f39200;
	text-align:center;
	margin: 0px;
	padding: 4px 0 5px 0;
	border-radius: 15px 15px 0 0;  
	-webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
	font-size: 1.25em;
	color: #ffffff;
	
	}

body.kontrast #block-views-block-projekte-block-1 h2, 
body.kontrast #block-views-block-materialien-block-1 h2, 
body.kontrast #block-views-block-aktuelles-block-6 h2, 
body.kontrast #block-views-block-termine-block-3-2 h2, 
body.kontrast #block-video h2, 
body.kontrast #block-fordervereinviolettaev h2, 
body.kontrast #block-hilfefurjungen h2, 
body.kontrast #block-kampagne h2 {
    background-color: #662483;
}




body.path-frontpage #block-fordervereinviolettaev .field--name-body, body.path-frontpage #block-hilfefurjungen .field--name-body, body.path-frontpage #block-kampagne .field--name-body {
border-left: solid 1px #e4daeb;
border-right: solid 1px #e4daeb;
border-bottom: solid 1px #e4daeb;
 }
	
body.path-frontpage #block-views-block-termine-block-3-2 h2 {
background-color: #662483;
}


body.path-frontpage #block-video h2 {
	background-color: #cd45af;
	}

body.kontrast #block-video h2 {
	background-color: #662483;
	}


	
#block-views-block-projekte-block-1 h2, 
#block-views-block-materialien-block-1 h2 {
	background-color: #f39200;
	text-align:center;
	padding: 4px 15px 5px 15px;
	height:auto;
	font-size: 1.15em;
	min-height: 50px;
	}
	
	#block-views-block-materialien-block-1 h2 {
	background-color: #f39200;
	text-align:center;
	
	}

body.kontrast #block-views-block-projekte-block-1 h2, 
body.kontrast #block-views-block-materialien-block-1 h2 {
	background-color: #662483;
}

body.path-frontpage #block-views-block-aktuelles-block-6 .information, body.path-frontpage #block-views-block-termine-block-3-2 .information {
	
	line-height: 1.25em;
	padding: 10px 12px 10px 12px;
	border:none;
	
	display:block;
	margin: 0px;
	}


body.path-frontpage #block-views-block-termine-block-3-2 .information {
	padding: 10px 12px 0px 12px;
	
	}
body.path-frontpage #block-views-block-aktuelles-block-6 .view-content, 
body.path-frontpage #block-views-block-termine-block-3-2 .view-content, 
body.path-frontpage #block-video .field--name-body {
	border: 0px solid #ffff;
	border-top: none;
   box-shadow: 0 0 0 1px #e4daeb inset;
   height: auto;
   padding-bottom: 10px;
   border-radius: 15px 15px 0 0;  
	-webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
	}	
	

	

body.path-frontpage #block-views-block-aktuelles-block-6 .information a, body.path-frontpage #block-views-block-termine-block-3-2 .information a, #block-video .field--name-body p a,  #block-keinraumfurmissbrauch .field--name-body p a.keinraum, 
#block-gegendigitalegewalt .field--name-body p a.keinraum,
body.path-frontpage #block-fordervereinviolettaev .field--name-body p a.box, 
body.path-frontpage #block-hilfefurjungen .field--name-body p a.box, 
body.path-frontpage #block-kampagne .field--name-body p a.box,
.field--name-body .muttersprachen a.box
{	
background: url(../bilder/pfeil_violett.png) no-repeat scroll 0 7px;
padding: 1px 0 1px 24px;
display: block;
margin-bottom: 0px;
}
.field--name-body .muttersprachen a.box {
    display: inline-block;
    margin-bottom: 8px;
    padding-right: 15px;
    font-weight: bold;
}

body.path-frontpage #block-kampagne .field--name-body p a.twitterlink {	
background: url(../bilder/twitter-violetta.png) no-repeat scroll 0 5px;
padding: 1px 0 1px 24px;
display: block;
margin-bottom: 0px;
}
 #block-views-block-projekte-block-1 .inhalt, #block-views-block-materialien-block-1 .inhalt{
	font-size: 1em;
	line-height: 1.25em;
	padding: 10px 12px 3px 12px;
	border-left: 1px solid #e4daeb;
	border-right: 1px solid #e4daeb;
	border-bottom: 1px solid #e4daeb;
	margin-bottom: 20px;
	
	}
	
body.path-frontpage	#block-video .field--name-body p  {
	
	line-height: 1.25em;
	padding: 10px 12px 3px 12px;
	
		}
	
body.path-frontpage #block-fordervereinviolettaev .field--name-body, body.path-frontpage #block-hilfefurjungen .field--name-body, body.path-frontpage #block-kampagne .field--name-body {
	line-height: 1.25em;
	padding: 10px 12px 3px 12px;

	
	}

	
	body.path-frontpage	#block-video img {
		margin-top: -1px;
		margin-bottom: 2px;
		}

body.path-frontpage #block-views-block-termine-block-3-2 .views-field-field-enddatum, body.path-frontpage #block-views-block-termine-block-3-2 .views-field-field-anfangsdatum {font-size: 0.90em;color:#999999;}

 body.path-frontpage #block-views-block-termine-block-3-2,  body.path-frontpage #block-views-block-aktuelles-block-6,  body.path-frontpage #block-video, body.path-frontpage #block-fordervereinviolettaev, body.path-frontpage #block-hilfefurjungen, body.path-frontpage #block-kampagne  {
	margin-bottom: 30px;
	font-size: 0.95em;
	}

body.path-frontpage #block-fordervereinviolettaev .field--name-body h3, body.path-frontpage #block-hilfefurjungen .field--name-body h3, body.path-frontpage #block-kampagne .field--name-body h3 
{
	
	margin: 0 0 10px 0;	
	padding-top: 15px;
	font-size: 1.1em;
	border-top: 1px solid #e4daeb;
	} 

body.path-frontpage #block-video .field--name-body p {margin-top: -3px;}



#block-views-block-projekte-block-1 .content .field--name-body, #block-views-block-materialien-block-1 .content .field--name-body {
	font-size: 0.95em;	
		}
	
body.path-frontpage #block-views-block-aktuelles-block-6 h3, body.path-frontpage  #block-views-block-termine-block-3-2 h3{
margin-bottom: 0px;
margin-top:-1px;

}

aside #block-views-block-termine-block-3 h3 {display:none;}

#block-views-block-projekte-block-1 .content ul.links, #block-views-block-materialien-block-1 .content ul.links{
	
	margin-left: 0px;
	}

#block-unserefreundeundforderer h2.block-title {
	font-size: 1.4em;
    margin-top: 0;
    padding: 5px 0px;}
	
.field--name-field-zurueck-link {margin-top: 15px;}


.region-content .content {padding-bottom:25px;}
.region-information {padding-top:10px;}

/* Footermenü */

.footer {
	border-top: 1px solid #e4daeb;
    margin-top: 30px;
    padding-bottom: 36px;
    padding-top: 13px;
	background: #f3f3f3;
}

.footer nav#block-footermenu {
	/*width: 60%;
	float:left;*/}

.footer nav#block-footermenu ul.menu {
	padding: 0;
	margin:0;
	}

.footer #block-copyright {
	float:left;
	
	font-size: 1.13em;
	width:100%; 
	margin-top: 20px;
	margin-bottom: 15px;
	}

.footer nav#block-footermenu ul.menu li {
	list-style-type:none;
	float:none;
	}

.footer nav#block-footermenu ul.menu li a {
	font-size: 1.13em;
	color: #662483;
	padding-left:0px; 
	display:block;
	}
	
.footer nav#block-footermenu ul.menu li a:hover, .footer nav#block-footermenu ul.menu li a:focus {color: #f39200; text-decoration:none;} 
.footer nav#block-footermenu ul.menu li:first-child a {
	padding-left:0px; 
	}
.footer nav#block-footermenu ul.menu li a::after {
    color: #662483;
    content: "";
    padding-left: 12px;padding-right:0px;}
	
.footer nav#block-footermenu ul.menu li:last-child a::after {
	content: "";
    padding-left: 0px;
	}
	
/* Suche */

 #block-hervorgehobenesformularsearch-contentpage-1 .form-item {
    margin-bottom: 1px;
	float:left;
	width: 230px;
}

#block-hervorgehobenesformularsearch-contentpage-1-2 .form-item {
    margin-bottom: 1px;
	float:left;
	width: 70%;
}

#block-hervorgehobenesformularsearch-contentpage-1 #edit-actions,
#block-hervorgehobenesformularsearch-contentpage-1-2 #edit-actions {
    margin-bottom: 1px;
	float:left;
	width: 30px;
}

#block-hervorgehobenesformularsearch-contentpage-1 .form-item label,
#block-hervorgehobenesformularsearch-contentpage-1-2 .form-item label {display:none;}

#block-hervorgehobenesformularsearch-contentpage-1.form-control, 
#block-hervorgehobenesformularsearch-contentpage-1-2.form-control, 
#block-hervorgehobenesformularsearch-contentpage-1 input.form-control, 
#block-hervorgehobenesformularsearch-contentpage-1-2 input.form-control,
 .region-content .search-page-form input.form-control{
    background-color: #fff;
    background-image: none;
    border: 1px solid #e4daeb;
	border-right:none;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;
    color: #662483;
 display: block;
    font-size: 14px;
    height: 32px;
    line-height: 1.42857;
    padding: 5px 10px;
    transition: border-color 0s ease-in-out 0s, box-shadow 0s ease-in-out 0s;
   
	float:left;
	
}

body.kontrast #block-hervorgehobenesformularsearch-contentpage-1.form-control, 
body.kontrast #block-hervorgehobenesformularsearch-contentpage-1-2.form-control, 
body.kontrast #block-hervorgehobenesformularsearch-contentpage-1 input.form-control, 
body.kontrast #block-hervorgehobenesformularsearch-contentpage-1-2 input.form-control,
body.kontrast .region-content .search-page-form input.form-control{
   border: 1px solid #662483; 
    
}

form#search-form #edit-advanced {display:none;}

#block-hervorgehobenesformularsearch-contentpage-1 .form-actions .btn,#block-hervorgehobenesformularsearch-contentpage-1-2 .form-actions .btn {
    margin-right: 0;
}

#block-hervorgehobenesformularsearch-contentpage-1-2 input.form-control {width: 100%;margin-top: 10px;height: 36px;font-size: 16px;padding: 5px 9px;}

#block-hervorgehobenesformularsearch-contentpage-1 input.form-control::-webkit-input-placeholder, #block-hervorgehobenesformularsearch-contentpage-1  input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ad95b8;
}
#block-hervorgehobenesformularsearch-contentpage-1 input.form-control::-moz-placeholder, #block-hervorgehobenesformularsearch-contentpage-1  input.form-control::-moz-placeholder { /* Firefox 19+ */
  color:#ad95b8;
}
#block-hervorgehobenesformularsearch-contentpage-1 input.form-control:-ms-input-placeholder, #block-hervorgehobenesformularsearch-contentpage-1  input.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #ad95b8;
}
#block-hervorgehobenesformularsearch-contentpage-1 input.form-control:-moz-placeholder, #block-hervorgehobenesformularsearch-contentpage-1 input.form-control:-moz-placeholder { /* Firefox 18- */
  color: #ad95b8;
}

#block-hervorgehobenesformularsearch-contentpage-1 .button, 
#block-hervorgehobenesformularsearch-contentpage-1 .button, 
.region-content .search-page-form .button,
#block-hervorgehobenesformularsearch-contentpage-1-2 .button, 
#block-hervorgehobenesformularsearch-contentpage-1-2 .button  {
	border-bottom-right-radius: 0;
    border-top-right-radius: 0;
	border-radius: 0;
	height: 32px;
	width:32px;
	 border: 1px solid #e4daeb;
	 background: url(../bilder/suchlupe.png) no-repeat 3px 4px #f6f6f6;
	 background-color: #f6f6f6;
	 border-left: solid 1px #f6f6f6;
	color:transparent;
	float:left;
	}

body.kontrast #block-hervorgehobenesformularsearch-contentpage-1 .button, 
body.kontrast #block-hervorgehobenesformularsearch-contentpage-1 .button, 
body.kontrast .region-content .search-page-form .button,
body.kontrast #block-hervorgehobenesformularsearch-contentpage-1-2 .button, 
body.kontrast #block-hervorgehobenesformularsearch-contentpage-1-2 .button {
    background: url(../bilder/suchlupe-k.png) no-repeat 3px 4px #f6f6f6;
}


	#block-hervorgehobenesformularsearch-contentpage-1-2 .button  {margin-top: 10px;width: 40px;height: 36px;}
	
	#block-hervorgehobenesformularsearch-contentpage-1-2 .button {
		background-position: 6px 6px;
		
		
		}
	
.view-search-content .view-header {
	margin-top: 15px;
	font-weight:bold;	
		
		}
		
		
		
.view-search-content .views-row {
	border-bottom: solid 1px #e4daeb;
	
	padding-bottom: 20px;
	margin-bottom: 15px;
	}	

/*#search-block-form .button .glyphicon, #block-customsearchform .button .glyphicon, .region-content .search-page-form .button .glyphicon {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    top: 1px;	
	color: #f39200;
}*/

body.path-search .region-content ol {padding-left: 17px;}

body.path-search .search-help-link {display:none;}

div.field--name-field-spezielle-suchbegriffe-fue {font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute!important;
  border: 0!important;
  padding: 0!important;
  margin: 0!important;
  clip: rect(1px,1px,1px,1px);
  }

p.search-snippet strong {font-weight:700; font-size: 1.05em; color: #662483;}


.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #ac8cc0;
	border-color: #ac8cc0;
    color: #fff;
    cursor: default;
    z-index: 3;
}

.pagination > li > a, .pagination > li > span {
    border: 1px solid #e4daeb;
    color: #f39200;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #f3f3f3;
    border-color: #e4daeb;
    color: #ac8cc0;
    z-index: 2;
}

#block-views-block-carousel-logos-block-2 {
	margin-top: 0px;
	}
#block-views-block-carousel-logos-block-2 h2.block-title {
	padding-left: 0px;
	}
/* Accordion */

div.acc{
    margin-bottom: 15px;
}

section#block-views-block-accordion-block-1 {margin-bottom: 10px;margin-top: 18px;}

div.ui-widget {
    font-family: "Cabin","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1em;
}

div.ui-corner-all, div.ui-corner-top, div.ui-corner-right, div.ui-corner-tr {
    border-radius: 0px;
}

div.ui-corner-all, div.ui-corner-bottom, div.ui-corner-right, div.ui-corner-br {
    border-radius: 0px;
}

div.ui-state-default, div.ui-widget-content div.ui-state-default, div.ui-widget-header div.ui-state-default {
    background-color: #f3f3f3;
	background-image: none;
    border: 1px solid #d3d3d3;
    color: #707070;
    font-weight: 700;
}


div.ui-state-active, div.ui-widget-content div.ui-state-active, div.ui-widget-header div.ui-state-active {
    background-color: #f3f3f3;
	background-image: none;
    border: 1px solid #e4daeb;
    color: #707070;
    font-weight: normal;
}


.ui-state-default .ui-icon {
    background-image: url(../bilder/pos-pfeil-weiss-rechts-1.png);
}

.ui-icon-triangle-1-e {
    background-position: 1px 0px;
}

.ui-state-active .ui-icon {
    background-image: url(../bilder/pos-pfeil-weiss-1.png);
}

.ui-icon-triangle-1-s {
    background-position: 0px 5px;
}

div.ui-widget-content {
    background: #ffffff;
    border: 1px solid #e4daeb;
   color: #707070;
}

body.kontrast div.ui-widget-content {
    
   color: #000000;
}

div.ui-accordion div.ui-accordion-header {
    cursor: pointer;
    display: block;
    font-size: 1.25em;
    margin: 2px 0 0;
    min-height: 0;
    padding: 0.2em 0.5em 0.2em 0.6em;
    position: relative;
	font-weight: 600;
}

div.ui-accordion div.ui-accordion-icons {
    padding-left: 1.8em;
}

div.ui-state-default a, div.ui-state-default a:link, div.ui-state-default a:visited {
    color: #662483;
    text-decoration: none;
}

div.ui-state-default a:hover {
	color: #333333;
	}

div.ui-accordion .ui-accordion-content {
    border-top: 0 none;
    overflow: auto;
    padding: 0.7em 0.9em;
}

div.ui-accordion div.ui-accordion-icons {

    padding-left: 0.5em;

}

div.ui-widget-content .views-field-edit-node a {color: #f39200;}

div.ui-widget-content a {color: #f39200;}

div.ui-helper-reset {
    
	 line-height: 1.32857;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;

}

.nopaddingleft {padding-left: 15px !important;}

body.page-node-type-aktuelles-und-termine article .field--name-field-download-datei .field--label, 
.field--name-field-download-datei .field--label, 
.field--name-field-datei-zum-download .field--label,
.field--name-field-presseartikel-als-pdf .field--label,
.field--name-field-link-zum-pressebericht .field--label
{color: #662483; font-size: 1.1em}


body.page-node-type-aktuelles-und-termine article .field--name-field-download-datei .file, 
.field--name-field-datei-zum-download .file{display:inline-block;font-size: 0.97em;font-weight: 600;}

body.page-node-type-aktuelles-und-termine article .field--name-field-download-datei .file > span:first-child, 
.field--name-field-download-datei .file > span:first-child,
.field--name-field-datei-zum-download .file > span:first-child{
    border-left: none;
}
body.page-node-type-aktuelles-und-termine article .field--name-field-download-datei .file > span, 
.field--name-field-download-datei .file > span,
.field--name-field-datei-zum-download .file > span
{
    background: #fff none repeat scroll 0 0;
    border-bottom: none;
    border-top: none;
    color: #f39200;
}

body.page-node-type-aktuelles-und-termine article .field--name-field-download-datei .file > span:last-child, 
.field--name-field-download-datei .file > span:last-child,
.field--name-field-datei-zum-download .file > span:last-child{
    border-right: none;
}

body.page-node-type-aktuelles-und-termine article .field--name-field-download-datei .file .file-size {color: #707070;font-weight: 500;font-size: 0.9em;text-align: left;white-space: normal;display: inline;padding: 0px;}

.field--name-field-download-datei .file .file-size,
.field--name-field-datei-zum-download .file .file-size 
{text-align: left; white-space: normal; color: #707070;font-weight: 500;font-size: 13px; padding: 1px 10px 3px 1px;display: block;}

.field--name-field-download-datei .field__items .field--item,
.field--name-field-datei-zum-download .field__items .field--item 
{float:left;padding-bottom: 10px;}

.field--name-field-download-datei .field__items .field--item:last-child,
.field--name-field-datei-zum-download .field__items .field--item:last-child  {clear:both; float:none;}

body.page-node-type-vortraege .field--name-field-download-datei, 
#block-views-block-aktuelles-block-5 .field--name-field-download-datei
{border: solid 1px #e4daeb; min-height: 100px; padding: 10px 15px !important;margin-bottom: 10px !important;margin-top: 5px !important;}

.field--name-field-datei-zum-download { min-height: 90px; padding: 10px 15px 15px 15px !important;margin-bottom: 10px !important;margin-top: 5px !important;}


body.page-node-type-aktuelles-und-termine article .field--name-field-download-datei .file {
	background: url(../bilder/pfeil_violett.png) no-repeat left 7px;
	padding-left:23px;
	
	}
.field--name-field-download-datei .file,
.field--name-field-datei-zum-download .file,
.field--name-field-presseartikel-als-pdf .file,
.field--name-field-link-zum-pressebericht .field--item,
.field--name-field-link-zur-online-anmeldung a

 {background: url(../bilder/pfeil_violett.png) no-repeat left 4px;
	padding-left:20px;display:inline-block; margin:3px 0; font-size:0.97em;font-weight: 600;line-height: 1.1em;}
.field--name-field-link-zum-pressebericht,
.field--name-field-presseartikel-als-pdf {
	
	margin-top: 15px;
}

.field--name-field-link-zur-online-anmeldung a{
    background: url(../bilder/pfeil_violett.png) no-repeat left 7px;
    margin-top: 15px;
    font-size: 1.2em;
   
}

.field--name-field-quelle .field--label,
.field--name-field-quelle .field--item{
	display:inline;
	font-size: 0.95em;
}

.field--name-field-datum-pressebericht {
	margin-bottom: 8px;
	margin-top: 10px;
	font-size: 0.95em;
}

body.page-node-type-aktuelles-und-termine article .field--name-field-download-datei .file .file-icon, 
.field--name-field-download-datei .file-icon,
.field--name-field-datei-zum-download .file-icon,
.field--name-field-presseartikel-als-pdf .file-icon{
    
	display:none;
	
}

body.page-node-type-aktuelles-und-termine article .field--name-field-download-datei .file .file-icon .glyphicon-file::before, 
.field--name-field-download-datei .file-icon .glyphicon-file::before,
.field--name-field-datei-zum-download .file-icon .glyphicon-file::before  {
   /* content: url(../bilder/pfeil_violett.png);*/
   content: "";
}

body.page-node-type-rundbriefe .field--name-field-download-datei, 
body.page-node-type-aktuelles-und-termine .field--name-field-download-datei, 
body.page-node-type-veroeffentlichungen .field--name-field-download-datei{
    display: block;
	padding: 15px 15px 25px 15px !important;
	 border: 1px solid #e4daeb;
	margin-bottom: 15px !important;
}

div.field--name-field-bild-aktuelles-download img {
 
   border: 1px solid #e4daeb;
    border-bottom:none;
 
}

div.backlink, a.backlink {font-size: 0.97em; margin: 18px 0; }
div.datum {font-size: 0.97em;color:#8d8d8d;}

div.field--name-field-bild-aktuelles-download img{margin-top: 4px;}

body.page-node-type-aktuelles-und-termine .field--name-field-bild-aktuelles-download img, div.field--name-field-bild-aktuelles-download img
 {
 border: 1px solid #e4daeb;
   display:block;
   width: 47%;float:left;
   margin-bottom: 15px;
}

body.page-node-type-aktuelles-und-termine .field--name-field-download-datei, 
body.page-node-type-rundbriefe .field--name-field-download-datei, 
body.page-node-type-veroeffentlichungen .field--name-field-download-datei, 
body.page-node-type-termine .field--name-field-download-datei,
body.page-node-type-termine .field--name-field-link-zur-online-anmeldung{
    border:none;width:50%;float:right;
}

body.page-node-type-termine .pull-right-not-sm .field--label,
#block-views-block-termine-block-1 .pull-right-not-sm .field--label,
body.page-node-type-inhouse-fortbildungen .field--label {
	color: #662483;
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 12px;}


ul.links {width: 100%;float: none !important;}

.view-aktuelles .views-row, 
.view-termine .views-row,
.view-pressespiegel .views-row
{clear:both;padding-bottom: 0px;display:inline-block;margin-bottom: 10px; border-bottom: solid 1px #e4daeb;}

body.page-node-31 .view-termine .views-row {
	display: block;
	}

aside .view-aktuelles .views-row, aside .view-termine .views-row {clear:both;padding-bottom: 0px;display:inline-block;margin-bottom: 0px; border-bottom: none;}

.view-termine .views-row .views-field-field-anfangsdatum::after {content: "bis";
    padding-right: 5px;float:left;}

/* Textresizer */

a#text_resize_increase {
    background: rgba(0, 0, 0, 0) url(../bilder/bigtext.png) no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    float: right;
    height: 33px;
    margin: 4px 8px 4px 0;
    outline: medium none;
    text-indent: -9000px;
    width: 33px;
}

body.kontrast a#text_resize_increase {
    background: rgba(0, 0, 0, 0) url(../bilder/bigtext-k.png) no-repeat scroll 0 0;
}

a#text_resize_reset {
    background: rgba(0, 0, 0, 0) url(../bilder/resettext.png) no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    float: right;
    height: 33px;
    margin: 4px 4px 4px 4px;
    outline: medium none;
    text-indent: -9000px;
    width: 33px;
}

body.kontrast a#text_resize_reset {
    background: rgba(0, 0, 0, 0) url(../bilder/resettext-k.png) no-repeat scroll 0 0;
}

a#text_resize_decrease {
    background: rgba(0, 0, 0, 0) url(../bilder/smalltext.png) no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    float: right;
    height: 33px;
    margin: 4px 10px 4px 8px;
    outline: medium none;
    text-indent: -9000px;
    width: 33px;
}

body.kontrast a#text_resize_decrease {
    background: rgba(0, 0, 0, 0) url(../bilder/smalltext-k.png) no-repeat scroll 0 0;
}

#block-textresize span.sgr {
	color: #662483;
	padding: 11px 0 0 12px;
	float: left;
	display:inline;
	font-size: 15px;
	}
	
#block-textgrossenanderung .content { background-color: #f3f3f3;}

.blau {border-left: solid 10px #2f5496;padding-left: 10px;margin-bottom: 20px;}

.flyersprachen .flyers {
	padding:5px 10px 25px 10px;
	border: 1px solid #e4daeb;
  }
  .flyersprachen .content .blubb {display:none;}
   
   .flyersprachen .field--name-field-download-datei .file {padding-left:0px;}
   
   .flyersprachen .field--name-field-download-datei {padding-left: 0px !important; padding-right: 0px !important;}
   
    .flyersprachen .field--name-field-bild-aktuelles-download img {
    margin-bottom: 8px;
    width: 100%;}
	
	.flyersprachen .views-row {margin-bottom: 20px;}

.flyersprachen .flyers {
	height: 500px;
	
  }

/* Readspeaker */

#block-openreadspeakerblock .rs_addtools .rsbtn_play, .rsbtn .rsbtn_play {
  background: #f3f3f3 !important;
  border: 1px solid #e4daeb !important;
  border-radius: 2px;
  display: inline-block;
  box-sizing: inherit;
  float: left;
  height: 2.17em !important;
  position: relative;
  z-index: 0;
}

body.kontrast #block-openreadspeakerblock .rs_addtools .rsbtn_play, 
body.kontrast .rsbtn .rsbtn_play {
  background: #ffffff !important;
  
}

.rsbtn .rsbtn_exp .rsbtn_exp_inner {
  background: #f3f3f3 !important;
  border: 1px solid #e4daeb !important;
    border-left-color: rgb(228, 218, 235) !important;
    border-left-style: solid;
    border-left-width: 1px;
  border-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  display: inline-block;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  box-sizing: inherit;
  height: 100%;
  padding: 0;
  margin: 0;
}

.rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li, .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li {
  display: block;
  height: 3em;
  min-height: 3em;
  max-height: 3em;
  width: 100%;
  border-top: solid 1px #e4daeb !important;
  clear: both;
  padding: 0;
  margin: 0;
  list-style: none;
}

.rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools, .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools {
  background: #f3f3f3 !important;
  border: 1px solid #e4daeb !important;
  border-radius: 2px;
    border-top-left-radius: 2px;
  display: inline-block;
  position: absolute;
}

.rsbtn .rs-player-loadindicator {
  display: block;
  background: #e4daeb !important;
  position: absolute;
  height: 2px !important;
  left: 0;
  right: -1px;
  top: -2px !important;
}

.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:hover span.rsicn {
  color: #707070 !important;
}

.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item {
  border: none;
    border-left-color: currentcolor;
    border-left-style: none;
    border-left-width: medium;
  color: #707070 !important;
  margin: 0;
  outline: 0;
  background: 0 0;
  border-left: 1px solid #e4daeb !important;
  float: left;
  font-size: 16px;
  height: 100%;
  line-height: 28px;
  padding: 0;
  width: 2.25em;
}

.rs_addtools a, .rs_addtools span, .rsbtn a, .rsbtn span {
  color: #707070 !important;
  font-size: 12px;
  font-family: "Cabin", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  text-transform: none;
  display: block;
  outline: 0;
}

body.kontrast .rs_addtools a, 
body.kontrast .rs_addtools span, 
body.kontrast .rsbtn a, 
body.kontrast .rsbtn span {
  color: #000000 !important;
  
}

#rsbtn_scrollcontrols {
  background: #f3f3f3 !important;
  border: 1px solid #e4daeb !important;
  box-shadow: 0 0 5px #9c9c9c !important;
  padding: 5px;
  position: fixed;
  font-size: 10px;
}

#rsbtn_scrollcontrols button:hover {
  background: #e3c0dc !important;
}

#rsbtn_scrollcontrols button.rsbtn_scroll_togglescroll:focus, #rsbtn_scrollcontrols button.rsbtn_scroll_togglescroll:hover {
  color: #707070 !important;
}

#rsbtn_scrollcontrols button.rsbtn_scroll_togglescroll {
  color: #707070 !important;
  background: inherit;
  white-space: nowrap;
  padding: 0 .5em;
}


#rsbtn_scrollcontrols button {
  border: 1px solid #e4daeb !important;
  border-radius: 0;
  background: inherit;
  cursor: pointer;
  position: relative;
  font-size: 10px;
  height: 2.6em;
  width: 2.7em;
  padding: 0;
  margin: 0;
}

.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:hover {
 background:  #e3c0dc !important;
}
.rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool:hover, .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool:hover {
  background: #e3c0dc !important;
}

.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop:hover span.rsicn {
  color: #a6332c !important;
}

.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover span.rsicn {
  color: #1c5a2f !important;
}


  
/* Kontaktformular */

form.webform-submission-form legend {
	border:none;
    padding: 0;
	display: inline;
    font-weight: bold;
    margin-bottom: 0px;
    max-width: 100%;
	font-size: 1em;
	 color: #707070;
}

form.webform-submission-form .radio, form.webform-submission-form .checkbox {
	display:inline;
	margin-right: 15px;
}

form.webform-submission-form .form-item-vorname {margin-top: 10px;}


form.webform-submission-form .form-control {
    border-color: #e4daeb;
    border-radius: 0px;
    color: #555;
    font-size: 16px;
    padding: 5px 10px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
  
}

form.webform-submission-form textarea.form-control {
	height:auto;
	
	}
	
form.webform-submission-form .form-control:focus {
    border-color: #ac8cc0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(172, 140, 192, 0.6);
    outline: 0 none;
}

form.webform-submission-form label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 3px;
	margin-top: 5px;
    max-width: 100%;
}

form.webform-submission-form .btn-primary {
    background-color: #ac8cc0;
    border-color: #ac8cc0;
   
}

form.webform-submission-form .btn-primary:hover {
    background-color: #662483;
    border-color: #662483;
   
}

form.webform-submission-form .btn {
    border-radius: 0px;
    font-size: 16px;
	margin-top: 15px;
}

form.webform-submission-form .form-type-number label { color: #662483;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 7px;
	width: 100%;
	height: 40px;
	padding: 8px 0;
	line-height: 1.1;
	display: inline-table;}

form.webform-submission-form .form-type-number input {width: 40%;}
	
form.webform-submission-form .form-group {
    margin-bottom: 0px;
		
}

#edit-field-anrede-anmeldung .form-item-field-anrede-anmeldung,
#edit-field-anrede .form-item-field-anrede,
#edit-field-anrede-bestellform .form-item-field-anrede-bestellform,
#edit-field-anrede-teilnehmer-in-1 .form-item-field-anrede-teilnehmer-in-1,
#edit-field-anrede-2 .form-item-field-anrede-2,
#edit-field-anrede-int .form-item-field-anrede-int


{
    display: inline;
    margin-right: 10px;
}

label.form-required:after,
span.form-required:after{
    content: "*";
    color: #cd45af;
    padding-left:2px;
}





.responsive-video{position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
margin-bottom: 15px;margin-top:15px;}

body.path-frontpage .responsive-video {margin-top:-1px;margin-bottom: 0px;}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

body.path-frontpage .responsive-video iframe {
	height: 98%;
	}
	
#block-views-block-slideshow-block-1 {display:none;}
 #block-bildmobilestartseite{display:block;}

/* Mitarbeiterinnen */

div.mitarbeiterinnen { border-bottom: solid 1px #e4daeb; padding-bottom: 18px; margin-bottom: 18px;
}
div.mitarbeiterinnen .first {margin-top: 15px;}



div.mitarbeiterinnen .david {background: url(../../../files/daten/bilder/mitarbeiterinnen/b-david.jpg) no-repeat;background-size:contain; height:auto;}

div.mitarbeiterinnen .niendorf {background: url(../../../files/daten/bilder/mitarbeiterinnen/b-niendorf.jpg) no-repeat;background-size:contain; height:auto;}

div.mitarbeiterinnen .behrmann {background: url(../../../files/daten/bilder/mitarbeiterinnen/a-behrmann.jpg) no-repeat;background-size:contain; height:auto;}

div.mitarbeiterinnen .bleinroth {background: url(../../../files/daten/bilder/mitarbeiterinnen/t-bleinroth.jpg) no-repeat;background-size:contain; height:auto;}

div.mitarbeiterinnen .jung {background: url(../../../files/daten/bilder/mitarbeiterinnen/a-jung.jpg) no-repeat;background-size:contain; height:auto;}

div.mitarbeiterinnen .kremer {background: url(../../../files/daten/bilder/mitarbeiterinnen/k-kremer.jpg) no-repeat;background-size:contain; height:auto;}

div.mitarbeiterinnen .linz {background: url(../../../files/daten/bilder/mitarbeiterinnen/c-linz.jpg) no-repeat;background-size:contain; height:auto;}

div.mitarbeiterinnen .mathyl {background: url(../../../files/daten/bilder/mitarbeiterinnen/u-mathyl.jpg) no-repeat;background-size:contain; height:auto;}

div.mitarbeiterinnen .muessing {background: url(../../../files/daten/bilder/mitarbeiterinnen/l-muessing.jpg) no-repeat;background-size:contain; height:auto;}

div.mitarbeiterinnen .schneider {background: url(../../../files/daten/bilder/mitarbeiterinnen/u-schneider.jpg) no-repeat;background-size:contain; height:auto;}

div.mitarbeiterinnen .iclodean {background: url(../../../files/daten/bilder/mitarbeiterinnen/dr-mihaela-Iclodean.jpg) no-repeat;background-size:contain; height:auto;}
div.mitarbeiterinnen .helms {background: url(../../../files/daten/bilder/mitarbeiterinnen/j-helms.jpg) no-repeat;background-size:cover; height:auto;}
div.mitarbeiterinnen .wiebigke {background: url(../../../files/daten/bilder/mitarbeiterinnen/julia-wiebigke-2022-violetta.jpg) no-repeat;background-size:cover; height:auto;}

div.mitarbeiterinnen .spannagel {background: url(../../../files/daten/bilder/mitarbeiterinnen/pia-spannagel.jpg) no-repeat;background-size:cover; height:auto;}  


div.mitarbeiterinnen .bergen {background: url(../../../files/daten/bilder/mitarbeiterinnen/julia-bergen.jpg) no-repeat;background-size:cover; height:auto;}  

div.mitarbeiterinnen .grautstueck {background: url(../../../files/daten/bilder/mitarbeiterinnen/judith-grautstueck.jpg) no-repeat;background-size:cover; height:auto;}  

div.mitarbeiterinnen .langner {background: url(../../../files/daten/bilder/mitarbeiterinnen/viktoria-langner.jpg) no-repeat;background-size:cover; height:auto;}  




div.mitarbeiterinnen .platzhalter {background: url(../../../files/daten/bilder/mitarbeiterinnen/platzhalterbild5.jpg) no-repeat;background-size:contain; height:auto;border: solid 1px #e4daeb}

div.dervorstand {background: url(../../../files/daten/bilder/mitarbeiterinnen/vorstand-violetta-2.jpg) no-repeat;background-size:contain; height:auto;}
div.dervorstand .captionvorstand {font-size: 0.9em;}

/*div.mitarbeiterinnen img, img.vorstand {border:solid 1px #e4daeb; }*/

#block-views-block-carousel-logos-block-2 {margin-bottom: 18px;}

div.wander img {margin-bottom: 18px;}

#block-onlineberatung-2 {display:block;}

#block-views-block-termine-block-3 .view-content a.nichttermin {display:none;}
body.path-frontpage a.nichttermin:hover {
	text-decoration:none;
	}

form#contact-message-kontaktformular-form #edit-preview,
form#contact-message-bestellformular-form #edit-preview
  {
	
	display:none;
	}

form#contact-message-kontaktformular-form input, 
form#contact-message-kontaktformular-form select, 
form#contact-message-kontaktformular-form button, 
form#contact-message-kontaktformular-form textarea, 
form#contact-message-bestellformular-form input, 
form#contact-message-bestellformular-form textarea, 
form#contact-message-bestellformular-form button,
form#contact-message-anmeldung-fuer-veranstaltung-form button,
form#contact-message-anmeldung-fuer-veranstaltung-form input,
form#contact-message-anmeldung-fuer-veranstaltung-form textarea,
form#contact-message-anmeldung-fuer-veranstaltung-form select,
form.newsletter input,
form.newsletter select,
form.newsletter button,
form#contact-message-anmeldung-veranstaltung-qualifiz-form button,
form#contact-message-anmeldung-veranstaltung-qualifiz-form input,
form#contact-message-anmeldung-veranstaltung-qualifiz-form textarea,
form#contact-message-anmeldung-veranstaltung-qualifiz-form select,
form#contact-message-interessentenliste-form select,
form#contact-message-interessentenliste-form button,
form#contact-message-interessentenliste-form input,
form#contact-message-interessentenliste-form textarea
{
    border-color: #e4daeb;
    border-radius: 0px;
    color: #555;
    font-size: 16px;
    padding: 5px 10px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
}

body.kontrast form#contact-message-kontaktformular-form input, 
body.kontrast form#contact-message-kontaktformular-form select, 
body.kontrast form#contact-message-kontaktformular-form button, 
body.kontrast form#contact-message-kontaktformular-form textarea, 
body.kontrast form#contact-message-bestellformular-form input, 
body.kontrast form#contact-message-bestellformular-form textarea, 
body.kontrast form#contact-message-bestellformular-form button,
body.kontrast form#contact-message-anmeldung-fuer-veranstaltung-form button,
body.kontrast form#contact-message-anmeldung-fuer-veranstaltung-form input,
body.kontrast form#contact-message-anmeldung-fuer-veranstaltung-form textarea,
body.kontrast form#contact-message-anmeldung-fuer-veranstaltung-form select,
body.kontrast form.newsletter input,
body.kontrast form.newsletter select,
body.kontrast form.newsletter button,
body.kontrast form#contact-message-anmeldung-veranstaltung-qualifiz-form button,
body.kontrast form#contact-message-anmeldung-veranstaltung-qualifiz-form input,
body.kontrast form#contact-message-anmeldung-veranstaltung-qualifiz-form textarea,
body.kontrast form#contact-message-anmeldung-veranstaltung-qualifiz-form select,
body.kontrast form#contact-message-interessentenliste-form select,
body.kontrast form#contact-message-interessentenliste-form button,
body.kontrast form#contact-message-interessentenliste-form input,
body.kontrast form#contact-message-interessentenliste-form textarea
{
    border-color: #662483;
   
    color: #000;
    font-size: 16px;
   
}

form#contact-message-anmeldung-veranstaltung-qualifiz-form #edit-field-anrede-2-wrapper input#edit-field-anrede-2-none {
    display: none; 
}

form.newsletter div.radio_naked div label {
	margin-left: 10px;
	margin-right: 15px;
	}
form.newsletter div.radio_naked div {
	display:inline;
	}

/*form#contact-message-bestellformular-form textarea {
	height: 120px;
	}*/
form#contact-message-kontaktformular-form button, 
form#contact-message-bestellformular-form button, 
form.newsletter button,
form#contact-message-anmeldung-fuer-veranstaltung-form button,
form#contact-message-anmeldung-veranstaltung-qualifiz-form button,
form#contact-message-interessentenliste-form button{
    background-color: #ac8cc0;
    border-color: #ac8cc0;
	color: #ffffff;
}

body.kontrast form#contact-message-kontaktformular-form button, 
body.kontrast form#contact-message-bestellformular-form button, 
body.kontrast form.newsletter button,
body.kontrast form#contact-message-anmeldung-fuer-veranstaltung-form button,
body.kontrast form#contact-message-anmeldung-veranstaltung-qualifiz-form button,
body.kontrast form#contact-message-interessentenliste-form button{
    background-color: #662483;
    border-color: #662483;
	color: #ffffff;
    text-decoration: underline;
}

form#contact-message-kontaktformular-form button:hover, 
form#contact-message-bestellformular-form button:focus,
form#contact-message-bestellformular-form button:active,
form.newsletter button:hover,
form.newsletter button:focus,
form.newsletter button:active,
form#contact-message-anmeldung-fuer-veranstaltung-form button:hover,
form#contact-message-anmeldung-fuer-veranstaltung-form button:focus,
form#contact-message-anmeldung-fuer-veranstaltung-form button:active,
form#contact-message-anmeldung-veranstaltung-qualifiz-form button:hover,
form#contact-message-anmeldung-veranstaltung-qualifiz-form button:focus,
form#contact-message-anmeldung-veranstaltung-qualifiz-form button:active,
form#contact-message-interessentenliste-form button:hover,
form#contact-message-interessentenliste-form button:focus,
form#contact-message-interessentenliste-form button:active
{
    background-color: #662483;
    border-color: #662483;
}

body.kontrast form#contact-message-kontaktformular-form button:hover, 
body.kontrast form#contact-message-bestellformular-form button:focus,
body.kontrast form#contact-message-bestellformular-form button:active,
body.kontrast form.newsletter button:hover,
body.kontrast form.newsletter button:focus,
body.kontrast form.newsletter button:active,
body.kontrast form#contact-message-anmeldung-fuer-veranstaltung-form button:hover,
body.kontrast form#contact-message-anmeldung-fuer-veranstaltung-form button:focus,
body.kontrast form#contact-message-anmeldung-fuer-veranstaltung-form button:active,
body.kontrast form#contact-message-anmeldung-veranstaltung-qualifiz-form button:hover,
body.kontrast form#contact-message-anmeldung-veranstaltung-qualifiz-form button:focus,
body.kontrast form#contact-message-anmeldung-veranstaltung-qualifiz-form button:active,
body.kontrast form#contact-message-interessentenliste-form button:hover,
body.kontrast form#contact-message-interessentenliste-form button:focus,
body.kontrast form#contact-message-interessentenliste-form button:active
{
    background-color: #990678;
    border-color: #990678;
}

form#contact-message-bestellformular-form .form-inline label{
	display:block;
	color: #662483;
	margin-bottom: 10px;
	font-size: 1.11em;
	}

form#contact-message-bestellformular-form .form-inline input {
	width: 90px;
	}
	
form#contact-message-kontaktformular-form, 
form#contact-message-bestellformular-form, 
form#contact-message-anmeldung-fuer-veranstaltung-form {
	margin-bottom: 30px;
	}

form#contact-message-kontaktformular-form legend, 
form#contact-message-bestellformular-form legend,
form#contact-message-anmeldung-fuer-veranstaltung-form legend,
form#contact-message-anmeldung-veranstaltung-qualifiz-form legend,
form#contact-message-interessentenliste-form legend

{
    border: none;
    padding: 0;
    display: inline;
    font-weight: bold;
    margin-bottom: 0px;
    max-width: 100%;
    font-size: 1em;
    color: #707070;
}

form#contact-message-anmeldung-veranstaltung-qualifiz-form legend {
    padding-bottom: 15px;
}

.captcha-type-challenge--image {
    --image-width: 200x;
    --reload-icon-size: 16px;
    --gap-h: 1rem;
    --gap-v: .35rem;
    position: relative;
}


/* Video */

.field--name-field-video {
	margin-top: 20px;
	
	}
.field--name-field-video .video-embed-field-launch-modal {
	cursor:pointer;
	}


.videodiv .field--name-field-video .video-embed-field-launch-modal::before{
    background-color: #c4302b;
    display: inline-block;
   content: "\e072";
    color: #ffffff;
    font-size: 19px;
   /* content: "\25cf";*/
   font-family: 'Glyphicons Halflings';
    padding: 7px 30px;
    position: absolute;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    top: 47%;
    left: 46.5%;
}

/* ---- Cookie Bar ----------------*/


.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #ffffff;
    background-color: #f39200;
    transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
   border-radius: 15px;  
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	
}

.cc_container .cc_btn {
    font-size: 1em;
    padding: 8px 15px 8px 15px;
	max-width: 150px;
        
}

.cc_container .cc_btn:hover, .cc_container .cc_btn:focus {
	background-color: #f39200;
	color:#ffffff;

	
	}
.cc_container a.cc_more_info {
	color: #f39200;
	}

.cc_container {
	background-color: #f3f3f3;
    padding: 4px 30px 4px;
}

#block-30jahrebilder img {
	
	border: solid 1px #e4daeb;
	margin-bottom: 30px;
	
	}

#block-30jahrebilder {
	margin-top: 30px;
	
	
	}

.form-item-field-datenschutzhinweis-test, 
.form-item-field-datenschutzhinweis-best-test, 
.form-item-field-datenschutzhinweis2-test,
.form-item-field-datenschutzhinweis-1-test,
.form-item-field-datenschutzhinweis-int-test

{
	display:none;
	
	}
#edit-field-datenschutzhinweis, #edit-field-datenschutzhinweis-best, #edit-field-datenschutzhinweis2, #edit-field-datenschutzhinweis-int {
	margin-top: 15px;
	}
#cookiesjsr{
    font-size: 1.45rem !important;
    /*--font-size-reset: 1.45rem;*/
}

.cookiesjsr-banner {
    position: fixed;
    z-index: 10000;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 1em;
    background-color: #662483 !important;
    background-color: #662483 !important;
    color: #fff;
    color: var(--banner-font-color,#fff);
    max-height: calc(100vh - 100px);
    overflow: auto;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

.cookiesjsr-btn {
    cursor: pointer;
    font: inherit;
    width: calc(100% - 2.5em);
    text-transform: uppercase;
    padding: 0 .8em;
    font-size: 1em;
    text-decoration: none;
    white-space: nowrap;
    margin: .625em;
    opacity: .99;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    color: #fff;
    color: var(--btn-font-color,#fff);
    border: 2px solid #fff;
    border: 2px solid var(--btn-border-color,#fff);
    background-color: #cd45af !important;
    
}

body.kontrast .cookiesjsr-btn {
    background-color: #990678 !important;
    font-weight: bold;
    color: #ffffff;
}

body.kontrast .cookiesjsr-btn.important {
    color: #2be74e;
}



.cookiesjsr-btn.invert {
    color: #662483;
    color: var(--btn-inv-font-color,#662483);
    border-color: #662483 !important;
    border-color: #662483 !important;
    background-color: #fff;
    background-color: var(--btn-inv-bg-color,#fff);
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
    display: block;
    color: #fff;
    color: var(--layer-tab-active-font-color,#fff);
     background-color: #662483 !important;
     background-color: #662483 !important;
    font-weight: 500;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
    color: #fff;
    color: var(--layer-tab-active-font-color,#fff);
   background-color: #662483 !important;
     background-color: #662483 !important;
    border-bottom: 0;
}

body.kontrast .cookiesjsr-links.links--row li a {
    color: #ffffff;
}

.viocontent  {margin-top: 200px;}

header#navi.nav-up .band img {margin: 8px 0 0 0px; width: 115px; height:auto; transition: 0.3s ease-in-out; }


#block-30jahrevioletta .field--name-field-link-zum-dokument-oder-zur .field--item {
    list-style-type: none;
padding: 1px 0 1px 24px;
background: url(../bilder/pfeil_violett.png) no-repeat 0 6px;
    margin: 7px 0 6px 0;
    
}

.main-container aside #block-30jahrevioletta ul li {
    background: none;
    padding: 0px;
}

/*Filter*/

form#views-exposed-form-termine-block-1 ul,
form#views-exposed-form-termine-block-1 ul{
    padding: 0px;
    margin: 0px;
    
}

form#views-exposed-form-termine-block-1  ul li,
form#views-exposed-form-termine-block-4  ul li{
    list-style-type: none;
    display: inline;
    
    
}



form#views-exposed-form-termine-block-1 .form-type-select label,
form#views-exposed-form-termine-block-4 .form-type-select label
{
    font-weight: 700;
    font-size: 1.15em;
    padding-bottom: 8px;
    color: #444444;
}

form#views-exposed-form-termine-block-1,
form#views-exposed-form-termine-block-4{
     padding-bottom: 8px;
}
form#views-exposed-form-termine-block-1  ul li a,
form#views-exposed-form-termine-block-4  ul li a{
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.14em;
    
    
}

form#views-exposed-form-termine-block-1  ul li a.bef-link--selected,
form#views-exposed-form-termine-block-1  ul li a:hover,
form#views-exposed-form-termine-block-1  ul li a:active,
form#views-exposed-form-termine-block-1  ul li a:focus,
form#views-exposed-form-termine-block-4  ul li a.bef-link--selected,
form#views-exposed-form-termine-block-4  ul li a:hover,
form#views-exposed-form-termine-block-4  ul li a:active,
form#views-exposed-form-termine-block-4  ul li a:focus
{
    color: #444444;
    text-decoration: none;
    
}

.panel-default {
    border-color: #e4daeb !important;
}

.panel {
    
    border-radius: 0px !important;
}


.captcha .panel-heading {
    
    background-color: #f3f3f3 !important;
    border-color: #e4daeb !important;
    color: #707070 !important;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}


#block-openreadspeakerblock {
    width: 50%;
    display: inline-block;
}

.barrierebutton {
    width: 49%;
    display: block;
    float:right;
    height: 37px;
    text-align: right;
    
}

.barrierebutton p,
.kontrastbutton p{
    margin: 0px;
}

.barrierebutton a.gebaerden,
.barrierebutton a.leichtesprache{
    display: inline-block;
    width: 37px;
    height: 37px;
    
    color: transparent;
    
}

.barrierebutton button#kontrastButton {
   margin-left: 5px;
}

.barrierebutton a.gebaerden {
    background: url("../bilder/gebaerdenhaende-lila.png") no-repeat;
    background-size: contain;
}

.barrierebutton a.leichtesprache {
    background: url("../bilder/leichte-sprache-lila.png") no-repeat;
    background-size: contain;
}

.barrierebutton a.leichtesprache:hover, .barrierebutton a.leichtesprache:focus, .barrierebutton a.leichtesprache:active {
    background: url("../bilder/leichte-sprache-pink.png") no-repeat;
     color: transparent;
     background-size: contain;
}

.barrierebutton a.gebaerden:hover, .barrierebutton a.gebaerden:focus, .barrierebutton a.gebaerden:active {
    background: url("../bilder/gebaerdenhaende-pink.png") no-repeat;
     background-size: contain;
     color: transparent;
}

button#kontrastButton {
  font-size: 0px;
  width: 32px;
  height: 32px;
  background: url(../bilder/button-kontrast-aus.png) no-repeat;
    background-color: rgba(0, 0, 0, 0);
  background-color: rgba(0,0,0,0);
  background-color: transparent;
    background-size: contain;
  border: none;
  transition: transform .7s ease-in-out;
  /*position: absolute;
  top: 31%;
  right: -3px;*/
    
}

button#kontrastButton.clicked {
  font-size: 0px;
  width: 32px;
  height: 32px;
  background: url(../bilder/button-kontrast-an.png) no-repeat;
    background-color: rgba(0, 0, 0, 0);
  background-color: transparent;
     background-size: contain;
  border: none;
  transition: transform .7s ease-in-out;
}

    .kontrastbutton {
    width: 6%;
    display: block;
    float:none;
    height: 37px;
    text-align: right;
    
}

#block-violettad8-views-block-datum-vergleichen-block-1 {
    display: none;
    
}
.field--name-field-abgelaufen-info {
    padding: 0px 0px 10px 10px;
  
    margin-top: 15px;
    display: none; 
}

.field--name-field-abgelaufen-info.showjetzt {
     display: inline-block;
}

.field--name-field-abgelaufen-info p{
    font-size: 1.5em;
    color: red;
    font-weight: 700;
    
}

.field--name-field-abgelaufen-info ul li a{
    font-size: 1.2em;
   
    
}

  /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
       header .band img {margin: 40px 0 0 0px; width: 165%; height:auto; transition: 0.3s ease-in-out; }

header .textslogan {text-align:right;line-height: 0.8;margin: 15px 0 0 0;padding-right: 15px; transition: 0.3s ease-in-out;}
header .textslogan .fuer {color: #5f2480; font-size: 15px;font-weight:500;transition: 0.3s ease-in-out;}
header .textslogan .ander {color: #ffffff;font-size: 18px; font-weight:600;transition: 0.3s ease-in-out;}



    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
header .band img {margin: 10px 0 0 0px; width: 130%; height:auto; transition: 0.3s ease-in-out; }
        
header#navi.nav-up .band img {margin: 8px 0 0 0px; width: 115px; height:auto; transition: 0.3s ease-in-out; }

header .textslogan {text-align:right;line-height: 0.8;margin: 15px 0 0 0;padding-right: 15px; transition: 0.3s ease-in-out;}
header .textslogan .fuer {color: #5f2480; font-size: 17px;font-weight:500; transition: 0.3s ease-in-out;}
header .textslogan .ander {color: #ffffff;font-size: 22px; font-weight:600; transition: 0.3s ease-in-out;}


    }
	
    /* Small Devices, Tablets */
   
 @media only screen and (min-width : 768px) {
     .viocontent  {margin-top: 0px;}
      #navi {
    position: relative;
    top: 0px;
    z-index: 10;
    width: 100%;
    transition: top 0.9s ease-in-out;

} 
    
     
     
     #navi.nav-up #navbig {
    position: fixed;
    top: 0px;
    z-index: 10;
    width: 100%;
    transition: top 0.9s ease-in-out;
    background: #ffffff;
}
     
     header {-webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;}

header#navi.nav-up {
-webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;}
     
     header#navi.nav-up .band {
    
    -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;
    
}
     
     header#navi .band {
    
    -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;
    
}
 
	 
	 aside .field--name-field-datei-zum-download {width: 100%; float:none;}
	aside #block-onlineberatung a.onlineberatung, #block-onlineberatung-2 a.onlineberatung, aside #block-angebotinleichtersprachelink a.leicht, aside #block-newsletterlink a.newsletter, aside #block-violettad8-gebardesprachebuttonlink a.geb {display:block;} 
	 
	#block-onlineberatung-2 {display:none;}
	
	 div.mitarbeiterinnen h3 {margin-top: 0px;}
	 #block-views-block-slideshow-block-1 {display:block;}
	 #block-bildmobilestartseite{display:none;}
	 
	 ul#superfish-violetta {display:block;}
	 ul#superfish-violetta-accordion{display:none;}
	 
	 .main-container {margin-top: 0px;}	
 
 .navbar-default .navbar-collpse, .navbar-default .navbar-form {
    background: #ffffff;
    border-bottom: 1px solid #e1dcf0; 
}

.navbar-default {
    background-color: #f3f3f3;
    border: medium none;
}
 .path-frontpage .region-headerbild {margin-bottom: 25px;}
 
 .breadcrumb {
   
	width:96%;
	
}
 
 #block-printfriendly-2 {display:block;}
 
 form.webform-submission-form .form-type-number label { color: #662483;
    
	width: 70%;
	}
		
		/*body.page-node-type-aktuelles-und-termine .page-title, 
		body.page-node-type-rundbriefe .page-title, 
		body.page-node-type-veroeffentlichungen .page-title, 
		body.page-node-type-vortraege .page-title,
		 body.page-node-type-termine .page-title {width: 65%;}*/
		
		.region-highlighted .page-title {display:none;}
		
		body.path-search .region-highlighted ol li.active, body.path-search .region-highlighted ol li:nth-child(2){display:none;}
		
		span.page-title {color: #662483; font-weight:700; font-size: 1.7em;margin-top: 1px;display:block;line-height: 1.2;}
		body.page-node-type-page .region-content div.page-title, body.page-node-type-projekte-fachkraefte .region-content div.page-title,
		body.page-node-type-aktuelles-und-termine .region-content div.page-title,
		body.page-node-type-rundbriefe .region-content div.page-title,
body.page-node-type-veroeffentlichungen .region-content div.page-title,
body.page-node-type-vortraege .region-content div.page-title,
body.page-node-type-termine .region-content div.page-title 
		 {
	display:block;
	}
		
		.page-title span {border-bottom: solid 1px #e4daeb;display:block;padding-bottom: 5px; margin-bottom: 10px;font-size: 1.7em;}
		
		body.page-node-type-inhouse-fortbildungen .page-title span {
			font-size: 1.0em}
		
		.region-highlighted span.page-title {display:none;}
		
		
		body.page-node-type-aktuelles-und-termine .field--name-field-download-datei, body.page-node-type-rundbriefe .field--name-field-download-datei, body.page-node-type-veroeffentlichungen .field--name-field-download-datei, body.page-node-type-termine .field--name-field-download-datei{width:100%;border: 1px solid #e4daeb;border-top:none;}
     body.page-node-type-termine .field--name-field-link-zur-online-anmeldung {
         width:100%;
         float: none;
         padding-left: 15px !important;
         display: inline-block;
     }

		
		body.page-node-type-aktuelles-und-termine .field--name-field-bild-aktuelles-download img, div.field--name-field-bild-aktuelles-download img
 {

   width: 100%;margin-bottom:0px;
   display:block;
   
	
}
		h2.page-title {padding-left: 10px;}	
		
		.field--name-field-bild-aktuelles-download img, body.page-node-type-aktuelles-und-termine .field--name-field-bild-aktuelles-download img {
 
   border: 1px solid #e4daeb;
   border-bottom:none;
   display:block;
	
}

.field--name-field-download-datei, body.page-node-type-aktuelles-und-termine .field--name-field-download-datei {
   border-top:none;
}
		
		 .pull-right-not-sm {
			float:right !important;
			} 
		
header {
background-position: 60% -25px;
}

header .band {
	background: url(../bilder/bg_oben_orange.png) repeat-x center top;
	display:block; 
	margin: 15px 15px 0 10px;
	height: 106px; 
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
	}

header .band img {margin: -10px 0 0 0px; width: 108%; height:auto; -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;}

header .textslogan {text-align:right;line-height: 0.8;margin: 15px 0 0 0;padding-right: 15px; -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;}
header .textslogan .fuer {color: #5f2480; font-size: 19px;font-weight:500; -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;}
header .textslogan .ander {color: #ffffff;font-size: 29px; font-weight:600; -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;}

/* Navigation oben */

.navbar-default .navbar-collpse, .navbar-default .navbar-form {
    background: #ffffff;
    border-bottom: 1px solid #e1dcf0; 
	height:29px;
}

.navbar-default {
    background-color: #f3f3f3;
    border: medium none;
}

.navbar {
   
    margin-bottom: 20px;
    min-height: 55px;
    position: relative;
}

     #navi.nav-up #navbig .navbar {
         margin-bottom: 8px;
         border-bottom: 1px solid #e1dcf0;
     }
     

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {  
 
    background-color: transparent;  
	color: #ffffff;
}

ul#superfish-violetta li:first-child a.sf-depth-1 {
    color: transparent;
	background: url(../bilder/violetta-home.png) no-repeat left bottom;
	width: 30px;
	line-height: 15px;
	padding: 6px 0px 7px 0px;
	margin-right:0px;
	margin-left:0px}
     
body.kontrast ul#superfish-violetta li:first-child a.sf-depth-1 {
    
	background: url(../bilder/violetta-home-k.png) no-repeat left bottom;
	}

ul#superfish-violetta li:first-child a.sf-depth-1:hover, 
ul#superfish-violetta li:first-child.sfHover a.sf-depth-1 {color: transparent; background: url(../bilder/violetta-home-home.png) no-repeat left bottom;}

body.kontrast ul#superfish-violetta li:first-child a.sf-depth-1:hover, 
body.kontrast ul#superfish-violetta li:first-child.sfHover a.sf-depth-1 {color: transparent; background: url(../bilder/violetta-home-k.png) no-repeat left bottom;}

ul#superfish-violetta > li > a.violetta {
	background-color: #f39200;
	border-radius: 11px 11px 0 0;  
	-webkit-border-radius: 11px 11px 0 0;
    -moz-border-radius: 11px 11px 0 0;
	line-height: 15px;
	padding: 7px 6px 6px 6px;
	margin-left: 9.5px;
	font-size: 1em;
	font-weight: 500;
	text-align:center;
	color: #ffffff;
}
     
     body.kontrast ul#superfish-violetta > li > a.violetta {
        background-color: #662483 ; 
     } 

ul#superfish-violetta > li > a.violetta:hover, ul#superfish-violetta > li > a.violetta:focus
 {background-color: #f39200;color: #dfdae2; text-decoration:none;}
     
body.kontrast ul#superfish-violetta > li > a.violetta:hover, 
body.kontrastul#superfish-violetta > li > a.violetta:focus
 {background-color: #662483;color: #f3d7ac; text-decoration:underline;}
     
ul#superfish-violetta > li.active > a.violetta, ul#superfish-violetta > li.sfHover > a.violetta
 {color: #dfdae2;}
     
     
body.kontrast ul#superfish-violetta > li.active > a.violetta, 
body.kontrast ul#superfish-violetta > li.sfHover > a.violetta
 {color: #f3d7ac;}
     
     
     
     
ul#superfish-violetta > li#violetta-menu-link-contentebc83cc8-3804-4214-9110-f80f39dd1f13 > a, ul#superfish-violetta > li#violetta-menu-link-contentebc83cc8-3804-4214-9110-f80f39dd1f13 > a:hover, ul#superfish-violetta > li#violetta-menu-link-contentebc83cc8-3804-4214-9110-f80f39dd1f13 > a:focus /* Mädchen */
     {background-color: #ec98da;}
body.kontrast ul#superfish-violetta > li#violetta-menu-link-contentebc83cc8-3804-4214-9110-f80f39dd1f13 > a, 
body.kontrast ul#superfish-violetta > li#violetta-menu-link-contentebc83cc8-3804-4214-9110-f80f39dd1f13 > a:hover, 
body.kontrast ul#superfish-violetta > li#violetta-menu-link-contentebc83cc8-3804-4214-9110-f80f39dd1f13 > a:focus /* Mädchen */
     
 {background-color: #662483;}
     
ul#superfish-violetta> li#violetta-menu-link-content88fdaeba-2c7c-4dd5-8146-7d6f23808061> a, .ul#superfish-violetta > li#violetta-menu-link-content88fdaeba-2c7c-4dd5-8146-7d6f23808061 > a:hover, ul#superfish-violetta > li#violetta-menu-link-content88fdaeba-2c7c-4dd5-8146-7d6f23808061 > a:focus /* Frauen */
 {background-color: #cd45af;}
     
body.kontrast ul#superfish-violetta> li#violetta-menu-link-content88fdaeba-2c7c-4dd5-8146-7d6f23808061> a, .ul#superfish-violetta > li#violetta-menu-link-content88fdaeba-2c7c-4dd5-8146-7d6f23808061 > a:hover, ul#superfish-violetta > li#violetta-menu-link-content88fdaeba-2c7c-4dd5-8146-7d6f23808061 > a:focus /* Frauen */
 {background-color: #662483;}

ul#superfish-violetta > li#violetta-menu-link-contente7a7af96-36be-4de4-8350-5cc3562e3eef > a, ul#superfish-violetta > li#violetta-menu-link-contente7a7af96-36be-4de4-8350-5cc3562e3eef > a:hover, ul#superfish-violetta > li#violetta-menu-link-contente7a7af96-36be-4de4-8350-5cc3562e3eef > a:focus /* Angehörige */
 {background-color: #ac8cc0;}
     
body.kontrast ul#superfish-violetta > li#violetta-menu-link-contente7a7af96-36be-4de4-8350-5cc3562e3eef > a, ul#superfish-violetta > li#violetta-menu-link-contente7a7af96-36be-4de4-8350-5cc3562e3eef > a:hover, ul#superfish-violetta > li#violetta-menu-link-contente7a7af96-36be-4de4-8350-5cc3562e3eef > a:focus /* Angehörige */
 {background-color: #662483;}
     
     
ul#superfish-violetta > li#violetta-menu-link-contentd324a333-bbeb-49ad-a378-2ad6d86872d3 > a, ul#superfish-violetta > li#violetta-menu-link-contentd324a333-bbeb-49ad-a378-2ad6d86872d3 > a:hover, ul#superfish-violetta > li#violetta-menu-link-contentd324a333-bbeb-49ad-a378-2ad6d86872d3 > a:focus /* Fachkräfte */
 {background-color: #662483;}
 
 ul#superfish-violetta .sf-sub-indicator::after {
    content: "";
    left: 0;
    line-height: 15px;
    position: absolute;
    text-indent: 0;
    top: 15px;
}

ul#superfish-violetta > li > a .sf-sub-indicator /*Kleiner Pfeil in der Navigation, der nach unten zeigt*/{
    border-left: none;
    border-right: none;
    border-top: none;
    vertical-align: auto;
	margin: 0 0 0 -5.5px;
    width: 11px;
	height: 6px;
	background: url(../bilder/pos-pfeil-grau.png) no-repeat; 
	position:absolute;
	top:31px;
	opacity: 1;
	left: 50%;
	z-index: 1050;
	display:none; 
	}
body.kontrast ul#superfish-violetta > li > a .sf-sub-indicator {
        background: url(../bilder/pos-pfeil-fachkraefte.png) no-repeat; 
     }
	
ul#superfish-violetta > li:nth-child(2n) > a .sf-sub-indicator
{
	background: url(../bilder/pos-pfeil-allgemein.png) no-repeat; 
	}
    
body.kontrast ul#superfish-violetta > li:nth-child(2n) > a .sf-sub-indicator
{
	background: url(../bilder/pos-pfeil-fachkraefte.png) no-repeat; 
	}

ul#superfish-violetta > li:nth-child(3n) > a .sf-sub-indicator  {
	background: url(../bilder/pos-pfeil-maedchen.png) no-repeat; 
	}
body.kontrast ul#superfish-violetta > li:nth-child(3n) > a .sf-sub-indicator  {
	background: url(../bilder/pos-pfeil-fachkraefte.png) no-repeat; 
	}
	
ul#superfish-violetta > li:nth-child(4n) > a .sf-sub-indicator  {
	background: url(../bilder/pos-pfeil-frauen.png) no-repeat; 
	}
     
body.kontrast ul#superfish-violetta > li:nth-child(4n) > a .sf-sub-indicator  {
	background: url(../bilder/pos-pfeil-fachkraefte.png) no-repeat; 
	}

ul#superfish-violetta > li:nth-child(5n) > a .sf-sub-indicator  {
	background: url(../bilder/pos-pfeil-angehorige.png) no-repeat; 
	}

body.kontrast ul#superfish-violetta > li:nth-child(5n) > a .sf-sub-indicator  {
	background: url(../bilder/pos-pfeil-fachkraefte.png) no-repeat; 
	}
ul#superfish-violetta > li:nth-child(6n) > a .sf-sub-indicator  {
	background: url(../bilder/pos-pfeil-fachkraefte.png) no-repeat; 
	}
ul#superfish-violetta > li:nth-child(7n) > a .sf-sub-indicator{
	background: url(../bilder/pos-pfeil-allgemein.png) no-repeat; 
	} 

body.kontrast ul#superfish-violetta > li:nth-child(7n) > a .sf-sub-indicator{
	background: url(../bilder/pos-pfeil-fachkraefte.png) no-repeat; 
	} 
     
     
ul#superfish-violetta > li:nth-child(8n) > a .sf-sub-indicator{
	background: url(../bilder/pos-pfeil-allgemein.png) no-repeat; 
	}
body.kontrast ul#superfish-violetta > li:nth-child(8n) > a .sf-sub-indicator{
	background: url(../bilder/pos-pfeil-fachkraefte.png) no-repeat; 
	}
ul#superfish-violetta > li:last-child > a .sf-sub-indicator{
	background: url(../bilder/pos-pfeil-allgemein.png) no-repeat; 
	} 
body.kontrast ul#superfish-violetta > li:last-child > a .sf-sub-indicator{
	background: url(../bilder/pos-pfeil-fachkraefte.png) no-repeat; 
	} 
	
ul#superfish-violetta > li > a:hover .sf-sub-indicator, /* Anzeige bei Mouseover - Kleiner Pfeil in der Navigation, der nach unten zeigt */
ul#superfish-violetta > li > a:focus .sf-sub-indicator,
ul#superfish-violetta > li.sfHover > a .sf-sub-indicator
{
	display:block;
	}

	
/* 2. Menüebene - Dropdownmenü */

ul#superfish-violetta li ul, ul#superfish-violetta li:hover > ul, ul#superfish-violetta li.sfHover > ul {background-color: #f3f3f3;
    height: 22px; left: 0;margin-top: -7px;}

ul#superfish-violetta li.sf-depth-2 a, ul#superfish-violetta li.first span.nolink {
	color: #444444;
	font-size: 0.9em;
	padding: 7px 0 7px 8px;
	font-weight: 500;	
}
     
body.kontrast ul#superfish-violetta li.sf-depth-2 a, ul#superfish-violetta li.first span.nolink {
	color: #000000;
	
}

ul#superfish-violetta li.sf-depth-2 a:hover, ul#superfish-violetta li.sf-depth-2 a:focus {text-decoration:none;color:#f39200; }
     
body.kontrast ul#superfish-violetta li.sf-depth-2 a:hover, ul#superfish-violetta li.sf-depth-2 a:focus {text-decoration:underline;color:#662483; }

ul#superfish-violetta ul li.active-trail a, ul#superfish-violetta ul li.active-trail a:hover  {color: #cd45af;}

body.kontrast ul#superfish-violetta ul li.active-trail a, ul#superfish-violetta ul li.active-trail a:hover  {color: #990678;}
    

ul#superfish-violetta li.sf-depth-2 a::after {content: "|";padding-left: 8px; color: #dfdae2;}
ul#superfish-violetta li:last-child a::after {content: "";}

/* Aktuelles */

	ul.links {width: 66.6667%;float: right !important;}
	.projektefk ul.links {width: 100%;float: none !important;}
.field--name-field-download-datei, body.page-node-type-aktuelles-und-termine .field--name-field-download-datei {
    
	padding: 10px 15px 10px 15px !important;

}	


#block-textresize span.sgr {
	
	display:none;
	
	}
.flyersprachen .flyers {
	height: 410px;
	
  }
 
 form.webform-submission-form .form-type-number input {width: 25%;}
 
 #block-hervorgehobenesformularsearch-contentpage-1 input.form-control {width: 120px;}
 
 aside #block-onlineberatung a.onlineberatung, aside #block-angebotinleichtersprachelink a.leicht, aside #block-newsletterlink a.newsletter, aside #block-violettad8-gebardesprachebuttonlink a.geb {
	color: #ffffff; background: #2be74e; background-image:none;padding: 4px 20px 4px 18px;font-size: 17px;font-weight: 600;
	}
	
	
aside #block-angebotinleichtersprachelink a.leicht {background-color: #ec98da;}
aside #block-newsletterlink a.newsletter {background-color: #cd45af;}
     
aside #block-violettad8-gebardesprachebuttonlink a.geb {background-color: #ac8cc0;}

aside .block h3 {font-weight: 600;font-size: 1.1em; color:#662483; margin-bottom: 3px;
    margin-top: 11px;}
	
h2.block-title {font-size: 1.40em;color: #662483;font-weight:700; margin-top: 0px; padding: 5px 11px;border-bottom: solid 1px #e4daeb; background-color: #ffffff;}

#block-gemeinsamestellungnahm h2.block-title {
	font-size: 1.10em
	}
aside #block-kontakt li.telefon {font-weight: 600; font-size: 1.0em;}

.main-container aside ul li {
    font-size: 0.90em;
}

aside .block p {
    font-size: 0.90em;
    line-height: 1.22857;
}

aside .block p.lila {
    font-size: 0.84em;
  
}
aside .block .field--type-image {width: 100%; float:none;}
aside .block .field--name-body, aside .block ul.blocklink {width: 90%; float:none;}

.footer nav#block-footermenu ul.menu li {
	
	float:left;
	}

.footer nav#block-footermenu ul.menu li a {
    padding-left: 12px;
}

.footer nav#block-footermenu ul.menu li a::after {
    color: #662483;
    content: "|";
    padding-left: 12px;padding-right:0px;}
	
	.nopaddingleft {padding-left: 0 !important;}
#block-hervorgehobenesformularsearch-contentpage-1 input.form-control {width: 125px;}

#block-hervorgehobenesformularsearch-contentpage-1 .form-item {
    margin-bottom: 1px;
    float: left;
    width: 125px;
}	
     
#block-openreadspeakerblock {
    width: 99%;
    display: inline-block;
}

.barrierebutton {
    width: 99%;
    display: block;
    float:none;
    height: 37px;
    text-align: left;
    
    margin-bottom: 15px;
}
	
    
	}
	
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
.view-videoseite #maskezwei,
body.page-node-type-video #maskezwei,
body.page-node-10 #maskezwei,
body.page-node-140 #maske,
body.page-node-43 #maske{
    display: none;
}
		.flyersprachen .flyers {
	padding:5px 10px 15px 10px;
	
  }
		
		#block-views-block-aktuelles-block-1 ul.links, #block-views-block-aktuelles-block-3 ul.links, #block-views-block-aktuelles-block-4 ul.links {clear: none;}
		
		/*body.page-node-type-aktuelles-und-termine .page-title, body.page-node-type-rundbriefe .page-title, body.page-node-type-veroeffentlichungen .page-title, body.page-node-type-vortraege .page-title, body.page-node-type-termine .page-title {width: 74%;}*/
span.page-title {font-size: 1.7em;}		
		

header {background-position: 55% -15px;}

header .band {
	background: url(../bilder/bg_oben_orange.png) repeat-x center top;
	display:block; 
	margin: 20px 15px 0 10px;
	height: 111px; 
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	}

header .band img {margin: -15px 0 0 15px; width: 90%; height:auto; -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important; }

header .textslogan {text-align:right;line-height: 0.9;margin: 20px 0 0 0;padding-right: 18px; -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;}
header .textslogan .fuer {color: #5f2480; font-size: 19px;font-weight:600; -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important; }
header .textslogan .ander {color: #ffffff;font-size: 30px; font-weight:700; -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;}



/* Navigation oben */

ul#superfish-violetta > li > a.violetta {
	background-color: #f39200;
	border-radius: 14px 14px 0 0;  
	-webkit-border-radius: 14px 14px 0 0;
    -moz-border-radius: 14px 14px 0 0;
	line-height: 15px;
	padding: 6px 13px 7px 13px;
	margin-left: 16.5px;
	font-size: 1.1em;
	font-weight: 600;
	text-align:center;
	color: #ffffff;
}


ul#superfish-violetta li ul, ul#superfish-violetta li:hover > ul, ul#superfish-violetta li.sfHover > ul {
    height: 26px;}

ul#superfish-violetta li.sf-depth-2 a, ul#superfish-violetta li.first span.nolink {
	font-size: 1.00em;
	padding: 6px 0 7px 8px;
	font-weight: 600;	
}

ul.links {width: 75%;float: right !important;}
.projektefk ul.links {width: 100%;float: none !important;}


#block-views-block-materialien-block-1 .inhalt {
	min-height: 230px;
	}

#block-views-block-projekte-block-1 .inhalt {min-height: 188px;}


.flyersprachen .flyers {
	height: 520px;
	
  }

form.webform-submission-form .form-type-number input {width: 18%;}


 body.path-frontpage #block-views-block-aktuelles-block-6 .view-content, body.path-frontpage #block-views-block-termine-block-3-2 .view-content, body.path-frontpage #block-video .field--name-body {
	
   height: 420px;
 
 
	}
body.path-frontpage #block-video .field--name-body{
	 height: 389px;
	}
	
body.path-frontpage #block-fordervereinviolettaev .field--name-body, body.path-frontpage #block-hilfefurjungen .field--name-body, body.path-frontpage #block-kampagne .field--name-body  {
	 height: 365px;
	}

body.path-frontpage #block-hilfefurjungen .field--name-body img {
	width: 185px;
	height: auto;
	padding: 35px 0 40px 0;
	}

body.path-frontpage #block-fordervereinviolettaev .field--name-body img {
	width: 120px;
	height: auto;
	
	}

#block-hervorgehobenesformularsearch-contentpage-1 input.form-control {width: 177px;}

aside #block-onlineberatung a.onlineberatung, aside #block-angebotinleichtersprachelink a.leicht, aside #block-newsletterlink a.newsletter, aside #block-violettad8-gebardesprachebuttonlink a.geb {
	color: #ffffff; background: url(../bilder/pfeil_orange.png) no-repeat 16px 8px #2be74e; padding: 3px 20px 5px 56px;font-size: 20px;font-weight: 600;
	}
aside #block-angebotinleichtersprachelink a.leicht {
    
    background: url(../bilder/leichte-sprache-lila-rosa-hg-2.png) no-repeat 16px 0px #ec98da;
    background-size: contain;
   }
    
aside #block-violettad8-gebardesprachebuttonlink a.geb { background: url(../bilder/gebaerdenhaende-lila-lila-hg.png) no-repeat 16px 0px #ac8cc0; background-size: contain;}
aside #block-newsletterlink a.newsletter {background-color: #cd45af;}

aside #block-kontakt li.telefon {font-weight: 600; font-size: 1.1em;}
.main-container aside ul li {
    font-size: 0.93em;
}

aside .block p {
    font-size: 0.93em;
    line-height: 1.22857;
}

aside .block p.lila {
    font-size: 0.87em;
  
}

#block-hervorgehobenesformularsearch-contentpage-1 input.form-control {width: 177px;}

#block-hervorgehobenesformularsearch-contentpage-1 .form-item {
    margin-bottom: 1px;
    float: left;
    width: 177px;
}
        
        #block-openreadspeakerblock {
    width: 78%;
    display: inline-block;
}

.barrierebutton {
    width: 10%;
    display: block;
    float:right;
    height: 37px;
    text-align: right;
    
   
}
        
        .kontrastbutton {
    width: 6%;
    display: block;
    float:right;
    height: 37px;
    text-align: right;
    
}

	}
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
header {background-position: 50% 0px;}

header .band {
	background: url(../bilder/bg_oben_orange.png) repeat-x center top;
	display:block; 
	margin: 25px 15px 0 15px;
	height: 121px; 
	-webkit-border-top-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	border-top-left-radius: 25px;
	}

header .band img {margin: -25px 0 0 20px;  width: 87%; height:auto; -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;}

header .textslogan {text-align:right;line-height: 1.0;margin: 25px 0 0 0;padding-right: 30px; -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;}
header .textslogan .fuer {color: #5f2480; font-size: 23px;font-weight:600; -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;}
header .textslogan .ander {color: #ffffff;font-size: 34px; font-weight:700; -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;}


/* Navigation oben */


.navbar {
   
    min-height: 57px;
}

ul#superfish-violetta > li > a.violetta {
	background-color: #f39200;
	border-radius: 15px 15px 0 0;  
	-webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
	line-height: 15px;
	padding: 6px 19px 7px 19px;
	margin-left: 21.9px;
	font-size: 1.2em;
	font-weight: 600;
	text-align:center;
	color: #ffffff;
}

ul#superfish-violetta li ul, ul#superfish-violetta li:hover > ul, ul#superfish-violetta li.sfHover > ul {background-color: #f3f3f3;
    height: 22px; left: 0;margin-top: -7px;}

ul#superfish-violetta li.sf-depth-2 a, ul#superfish-violetta li.first span.nolink {
	
	font-size: 1.05em;
	padding: 7px 0 7px 11px;
	font-weight: 500;	
}

ul#superfish-violetta li.sf-depth-2 a:hover, ul#superfish-violetta li.sf-depth-2 a:focus {text-decoration:none;color:#f39200; }

ul#superfish-violetta li.sf-depth-2 a::after {content: "|";padding-left: 11px; color: #dfdae2;}
ul#superfish-violetta li:last-child a::after {content: "";}


.field--name-field-bild-aktuelles-download img {
 
   border: 1px solid #e4daeb;
   border-bottom: 1px solid #e4daeb;
	
}


#block-textresize span.sgr {
	color: #662483;
	padding: 11px 0 0 12px;
	float: left;
	display:inline;
	font-size: 15px;
	}
	
#block-views-block-materialien-block-1 .inhalt {
	min-height: 190px;
	}
#block-views-block-projekte-block-1 .inhalt {min-height: 145px;}


.flyersprachen .flyers {
	height: 480px;
	
  }
  form.webform-submission-form .form-type-number label { color: #662483;
    
	width: 55%;
	}
 form.webform-submission-form .form-type-number input {width: 13%;}
 
#block-hervorgehobenesformularsearch-contentpage-1 input.form-control {width: 230px;}





#block-hervorgehobenesformularsearch-contentpage-1 .form-item {

   
    width: 230px;

}

aside #block-onlineberatung a.onlineberatung, aside #block-angebotinleichtersprachelink a.leicht, aside #block-newsletterlink a.newsletter, aside #block-newsletterlink a.newsletter, aside #block-violettad8-gebardesprachebuttonlink a.geb {
	color: #ffffff; background: url(../bilder/pfeil_orange.png) no-repeat 16px 10px #2be74e; padding: 3px 20px 5px 56px;font-size: 23px;font-weight: 600;
	}


aside #block-newsletterlink a.newsletter {background-color: #cd45af;}
        aside #block-violettad8-gebardesprachebuttonlink a.geb {background-color: #ac8cc0;}
aside #block-angebotinleichtersprachelink a.leicht { background: url(../bilder/leichte-sprache-lila-rosa-hg-2.png) no-repeat 16px 0px #ec98da; background-size: contain;}
        
aside #block-violettad8-gebardesprachebuttonlink a.geb { background: url(../bilder/gebaerdenhaende-lila-lila-hg.png) no-repeat 16px 0px #ac8cc0; background-size: contain;}

aside .block h3 {font-weight: 600;font-size: 1.19em; color:#662483; margin-bottom: 3px;
    margin-top: 11px;}
	
h2.block-title {font-size: 1.50em;color: #662483;font-weight:700; margin-top: 0px; padding: 5px 11px;border-bottom: solid 1px #e4daeb; background-color: #ffffff;}
#block-gemeinsamestellungnahm h2.block-title {
	font-size: 1.20em
	}

aside #block-kontakt li.telefon {font-weight: 700; font-size: 1.2em;}

.main-container aside ul li {
    font-size: 0.97em;
}

aside .block p {
    font-size: 0.97em;
    line-height: 1.22857;
}

aside .block p.lila {
    font-size: 0.9em;
  
}

div.leichtesprache {margin-bottom: 20px;font-size: 1.25em;}

.nopaddingleft {padding-left: 0px !important;}
body.path-frontpage #block-fordervereinviolettaev .field--name-body, body.path-frontpage #block-hilfefurjungen .field--name-body, body.path-frontpage #block-kampagne .field--name-body  {
	 height: 355px;
	}

body.path-frontpage #block-hilfefurjungen .field--name-body img {
	width: 230px;
	height: auto;
	padding: 35px 0 40px 0;
	}

body.path-frontpage #block-fordervereinviolettaev .field--name-body img {
	width: 130px;
	height: auto;
	
	}
        
.barrierebutton {
    width: 20%;
   
    
   
}

    }

.form-item-field-workshops-nachmittags #edit-field-workshops-nachmittags-none,
.form-item-field-workshops-nachmittags label[for=edit-field-workshops-nachmittags-none],
.form-item-field-workshops-vormittags #edit-field-workshops-nachmittags-none,
.form-item-field-workshops-vormittags label[for=edit-field-workshops-vormittags-none]
{display: none;}