/* Custom CSS overrides */

/* Media Query Large */ 
 
 @media (min-width:992px) {
 .container {
  width:1230px
 }
 


.col-md-1-5 { width: 12.5%; } /* = 8,3333 + 4,16667    */
.col-md-2-5 { width: 20.83333%; } /* = 16,6666 + 4,16667 */
.col-md-3-5 { width: 29.16667%; } /* = 25 + 4,16667 */
.col-md-4-5 { width: 37.5%; } /* = 33,3333 + 4,16667 */
.col-md-5-5 { width: 45.83333%; } /* = 41,6667 + 4,16667 */
.col-md-6-5 { width: 54.16667%; } /* = 50 + 4,16667 */
.col-md-7-5 { width: 62.5%; } /* = 58,3333 + 4,16667 */
.col-md-8-5 { width: 70.83333%; } /* = 66,6666 + 4,16667 */
.col-md-9-5 { width: 79.16667%; } /* = 75 + 4,16667 */
.col-md-10-5 { width: 87.5%; } /* = 83,3333 + 4,16667 */
.col-md-11-5 { width: 95.8333%; } /* = 91,6666 + 4,16667 */

.col-md-push-2-5 {
    left: 20.83333%;
}

.region-sidebar-first {margin-top:74px;}
#block-dksb-business-kreisinfo,#block-kreisinfokinderschutzzentrum,#block-keisinfokeinkinderspiel {margin-top:-100px;}
 #block-kizlogo {margin-top:-60px;}
.zitat {margin-top:170px}
.region-banner {background:rgba(255, 251, 224,0.3)}
.zitat{transform: rotate(5deg);}
.block-superfish ul.sf-menu {padding:50px 0 0}

 }
/* ENDE Media Query Large */ 

/* Webfont: BloggerSans */
@font-face {
    font-family: 'BloggerSans';
    src: url('fonts/BloggerSans.eot'); /* IE9 Compat Modes */
    src: url('fonts/BloggerSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/BloggerSans.woff') format('woff'), /* Modern Browsers */
         url('fonts/BloggerSans.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/BloggerSans.svg#BloggerSans') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: BloggerSans-Bold */
@font-face {
    font-family: 'BloggerSans-Medium-Bold';
    src: url('fonts/BloggerSans-Medium-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/BloggerSans-Medium-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/BloggerSans-Medium-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/BloggerSans-Medium-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/BloggerSans-Medium-Bold.svg#BloggerSans-Medium-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'BloggerSans-Light';
    src: url('fonts/BloggerSans-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/BloggerSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/BloggerSans-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/BloggerSans-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/BloggerSans-Light.svg#BloggerSans-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: BloggerSans-Bold */
@font-face {
    font-family: 'BloggerSans-Bold';
    src: url('fonts/BloggerSans-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/BloggerSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/BloggerSans-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/BloggerSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/BloggerSans-Bold.svg#BloggerSans-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Webfont: Schoolbell */
@font-face {
    font-family: 'schoolbellregular';
    src: url('fonts/Schoolbell-webfont.eot');
    src: url('fonts/Schoolbell-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Schoolbell-webfont.woff') format('woff'),
         url('fonts/Schoolbell-webfont.ttf') format('truetype'),
         url('fonts/Schoolbell-webfont.svg#schoolbellregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




body  {background-color:#fefefe; font-family: 'BloggerSans-Light',sans-serif; font-size:20px;font-weight:400;color:#333;line-height:120%}
h1, h2, h3, h4, h5, h6 {font-family: 'BloggerSans';font-weight:600}
h1 {text-transform:uppercase;color:#006db2}
h1.page-title {text-align:center;font-size:26px}
.field--name-field-ueberschrift, .field--name-field-headline h2 {font-weight:600;text-transform:uppercase;color:#006db2;text-align:center;font-size:26px;margin-bottom:30px;}
h2 {font-size:26px;}
.region-content ul li {list-style-type:disc;margin-bottom:10px;}
li p {margin:0 0 10px}
ul {margin-bottom:25px;padding-left:20px}

.mx-auto {display: block;
    margin-left: auto;
    margin-right: auto }


#logo {padding:30px 0 20px}

.site-branding__logo {float:left}
.sf-main {float:right}





.sf-main {float:right}

.region-banner {
    display: flex;
    justify-content: center;
    position: relative;
}

#roundteaser-block img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:110px;
  height:110px;
	
}









/*
#block-dksb-business-headerkinder {
	position:relative;
	max-width:1680px;
	height:auto;	
}
.banner-caption {
	position:absolute;
	left:240px;
	top:20%;
	font-weight:600;
	text-transform:uppercase;
	color:#006db2;
	font-size:90px;
	line-height:110%;
	
}
*/


#banner-inside {
    padding-top:0px;
    margin-bottom:0px;
}

/* Round-Teaser Startseite */

#roundteaser-block {margin:40px 0}
#roundteaser-block p,#roundteaser-block h3 {text-align:center}
h3.round-h {text-transform:uppercase;color:#ec6739;margin:30px 0 20px}



.node__content, #comments, .page-contact #content-wrapper {
    margin: 0;
    padding: 20px 0;
}

.node header {padding:0;}
.node footer {border:none}

.block.block-page-title-block {padding:0}

.node--view-mode-teaser, .path-node #content-wrapper {
    background-color: #fff;
    border:none;
    margin-bottom: 10px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}

#main-navigation {
    background-color: #fefefe;
    position: relative;
    z-index: 111;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

#main-navigation ul.menu li a {
	text-transform:none;
	font-weight:500;
}

ul.menu li a, nav ul.links li a {
    color: #006db2;
    font-size: 20px;
    line-height: 150%;
    display: inline-block;
}

.block-superfish ul.sf-menu li a.menuparent::after {
    content:none;
	position:relative;

}

#main-navigation .block-superfish ul.sf-menu > li > a.menuparent {padding:20px}

#main-navigation ul.menu ul li a, #header-top ul.menu ul li a {
    padding: 5px 20px;
    text-transform:none;
    font-size: 18px;
    border:none;
    border-top: none;
    line-height: 130%;
}

.block-superfish ul.sf-menu ul {
    top: 100%;
    background:rgba(255,255,255,0.8);
    padding: 0;
	box-shadow:none;
}


#block-dksb-business-content.block {padding:0}
#block-headlinekinder.block,#block-headlinewirhelfendir.block,#block-headlinekinderrechte.block {padding:20px 0 0}

h2.kinder {
    font-weight: 600;
    text-transform: uppercase;
    color:#ec6739;
    text-align: center;
    font-size: 26px;
    margin-bottom:10px;
}

.field--name-field-videotitel {
	margin-bottom:20px;
	font-weight:bold;
	
}

article.media--type-audio .layout--onecol {text-align:center}


a:hover, a:focus, ul.menu li a.active,ul.menu a.is-active, ul.menu li a:hover {color: #006db2; text-decoration:underline}
ul.menu a.is-active {color: #006db2;}
#main a {text-decoration:underline}

/* Paragraphs  */
.paragraph > .paragraph__column {padding-bottom:20px;padding-left:0;padding-right:0}
.paragraph--type--video {margin:20px 0 40px}
.field--name-field-introtext {color:#006db2;text-align:center}
.field--name-field-introtext p {margin-bottom:5px}
.field--name-field-zwischenueberschrift {font-size:20px;font-family:'BloggerSans-Bold'}
.field--name-field-videotitel {margin-bottom:20px;font-family:'BloggerSans-Bold';font-weight: 400;}
.field--name-field-textbox {border:2px dotted #006db2; border-radius:20px;padding:10px 20px;color:#006db2}
.field--name-field-textbox p {padding:0;margin:0}



/* Mitarbeiter */

img.image-style-team-120 {
	    display: block;
    margin-left: auto;
    margin-right: auto; 	
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}

.field--name-field-vorname-name {font-family:'BloggerSans-Bold';color: #006db2;margin-top:20px}
.blau {font-family:'BloggerSans-Bold';color: #006db2;}
.field--name-field-zitat-mitarbeiter {color: #006db2;font-style:italic;padding-top:10px}
.submitted {display:none}

/* ##### Sidebar Content ##### */

/* Kontakt */
.region-sidebar-first, .region-sidebar-second {color:#006db2}
.region-sidebar-first ul li,.region-sidebar-second ul li {list-style: none outside;text-align: center;padding:6px 0}
.gelb {color:#ec6739;}
.head {text-transform:uppercase}
.kontakt-image {padding:20px 0;}

/* Telefon */
.telefonblock {text-align:center}
.telefonblock p {margin-top:20px}
.telefonblock a{text-decoration:underline}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
 
}
.stelle {text-align:center;margin-top:20px}
.stelle span {text-transform:uppercase}


/* Linkpunkt */

#block-dksb-business-kreisinfo,#block-kreisinfokinderschutzzentrum,#block-keisinfokeinkinderspiel {	

  height:200px;
  width:200px;
  background-color:#dc3017;
  border-radius: 50%;
  display: inline-block;
  margin-bottom:30px
}
#block-dksb-business-kreisinfo p, #block-kreisinfokinderschutzzentrum p,#block-keisinfokeinkinderspiel p {line-height:120%;text-align:center;margin: auto;padding:25% 0;transform: rotate(5deg);color:#fff;font-size:23px;text-transform:uppercase;}
#block-dksb-business-kreisinfo p a, #block-kreisinfokinderschutzzentrum p a, #block-keisinfokeinkinderspiel p a  {color:#fff;}


#block-dksb-business-kreisinfo p::before, #block-kreisinfokinderschutzzentrum p::before, #block-keisinfokeinkinderspiel p::before{
	display:block;
  font-family: 'Glyphicons Halflings';
  content: "\e092";	
	font-style: normal;
	font-weight: 400;
	color:#000;
}
	

/* Zitat */

.zitat{font-family:'schoolbellregular', sans-serif;font-size:28px;color:#006db2;line-height:120%;text-align:center}
.zitat-quelle{margin-top:10px;font-size:20px;line-height:100%} 


/* Kinderseiten Formatierung */
body.page-node-1 #main-navigation, body.page-node-23 #main-navigation, body.page-node-22 #main-navigation, body.page-node-2 #main-navigation, body.page-node-3 #main-navigation {background-color:transparent;}
body.page-node-1, body.page-node-23, body.page-node-22,  body.page-node-2, body.page-node-3, body.page-node-46,body.page-node-47{background: url("../images/bg-kinder.png")}
.page-node-1 .zitat,.page-node-1 .field--name-field-introtext,.page-node-2 .zitat,.page-node-2 .field--name-field-introtext,.page-node-22 .zitat,.page-node-22 .field--name-field-introtext,.page-node-23 .zitat,.page-node-23 .field--name-field-introtext,.page-node-3 .zitat,.page-node-3 .field--name-field-introtext,.page-node-46 .zitat,.page-node-46 .field--name-field-introtext,.page-node-47 .zitat,.page-node-47 .field--name-field-introtext {color:#ec6739;}

#subfooter.page-1,#subfooter.page-23,#subfooter.page-22,#subfooter.page-2,#subfooter.page-3,#subfooter.page-46,#subfooter.page-47 {background-color: #ec6739;color:#3f3f3f}

#subfooter.page-26,#subfooter.page-25,#subfooter.page-40,#subfooter.page-41 {background-color: #ce361a;}

nav#block-hauptnavigation ul.menu {text-align:center}

nav#block-hauptnavigation ul.menu li {
display: inline-block;
background: none;
list-style-type: none;
border: none;
padding: 0 20px;
}

/* Kinderschutzzentren Formatierung  */
h2.rot {
  
    color:#db3117;
    
}



.rot {color:#db3117} 
.page-node-25 .zitat,.page-node-25 .field--name-field-introtext,
.page-node-26 .zitat,.page-node-26 .field--name-field-introtext,
.page-node-40 .zitat,.page-node-40 .field--name-field-introtext,
.page-node-41 .zitat,.page-node-41 .field--name-field-introtext   
{color:#db3117;}
.page-node-25 .region-sidebar-first,.page-node-25 .region-sidebar-second,
.page-node-26 .region-sidebar-first,.page-node-26 .region-sidebar-second,
.page-node-40 .region-sidebar-first,.page-node-40 .region-sidebar-second,
.page-node-41 .region-sidebar-first,.page-node-41 .region-sidebar-second
 {color:#db3117}
.page-node-25 .field--name-field-vorname-name,
.page-node-26 .field--name-field-vorname-name,
.page-node-40 .field--name-field-vorname-name,
.page-node-41 .field--name-field-vorname-name
 {color:#db3117;}
.page-node-25 .field--name-field-textbox,
.page-node-26 .field--name-field-textbox,
.page-node-40 .field--name-field-textbox,
.page-node-41 .field--name-field-textbox 
{border:2px dotted #db3117;color:#db3117}
.page-node-25 .field--name-field-ueberschrift,
.page-node-26 .field--name-field-ueberschrift,
.page-node-40 .field--name-field-ueberschrift,
.page-node-41 .field--name-field-ueberschrift
 {color:#db3117}
.page-node-25 a, .page-node-25 a:hover,.page-node-25 a:focus,.page-node-25 ul.menu li a.active,.page-node-25 ul.menu a.is-active,.page-node-25 ul.menu li a:hover, 
.page-node-26 a, .page-node-26 a:hover,.page-node-26 a:focus,.page-node-26 ul.menu li a.active,.page-node-26 ul.menu a.is-active,.page-node-26 ul.menu li a:hover,
.page-node-40 a, .page-node-40 a:hover,.page-node-40 a:focus,.page-node-40 ul.menu li a.active,.page-node-40 ul.menu a.is-active,.page-node-40 ul.menu li a:hover,
.page-node-41 a, .page-node-41 a:hover,.page-node-41 a:focus,.page-node-41 ul.menu li a.active,.page-node-41 ul.menu a.is-active,.page-node-41 ul.menu li a:hover
{color: #db3117}
.page-node-25 ul.menu a.is-active,
.page-node-26 ul.menu a.is-active,
.page-node-40 ul.menu a.is-active,
.page-node-41 ul.menu a.is-active
{color: #db3117;}

/*
.page-node-25 ul.menu li a,.page-node-25 nav ul.links li a,
.page-node-26 ul.menu li a,.page-node-26 nav ul.links li a,
.page-node-40 ul.menu li a,.page-node-40 nav ul.links li a,
.page-node-41 ul.menu li a,.page-node-41 nav ul.links li a   
{color: #db3117;}

*/

input.form-search {
  background-color: #fcfcfc;
  border: 2px solid #eaeaea;
  color: #999999;
  font-size: 14px;
  padding:4px;
  width: 100%;
  min-height: 50px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

input[type="submit"] {
  background-color: #444;
  border: none;
  box-shadow: none;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  text-align: center;
  margin-top: 10px;
  
}  

.search-block-form input.form-search {
  width: 90%;





.node footer {
    padding:0;
}

.region-footer a {color:#fff}

#subfooter {
    background-color: #006db2;
    border-top:none;
    padding: 10px 0;
    text-align: center;
    margin-bottom:0;
	color:#fff;
	font-size:16px
}


#block-dksb-business-footeradress.block {padding:0}
#block-adressleistefuss.block { padding:0; clear: both; }