/** CSS für die Kinderbüro Website **/
/** Styles, die vom Basis-Theme abweichen **/

/** Farbangaben für das Theme **/
/** 
Kinderbüro türkis: #009EE0

Links Kinderbüro Website: #0093be
borders + lines: #bdbdbd
Uni blau: #0063a6
Uni :hover: #00355a
**/
/* roboto-condensed-300 - latin-ext_latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto/roboto-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-500 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/roboto/roboto-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* roboto-700 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto/roboto-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
 
body{
	letter-spacing: 0.04em;
}
.main_title {
	margin-bottom: 15px;
	line-height: 1.2em;
}
h1, h2{
	font-family: 'Roboto' !important;
	font-weight: 500 !important;
}
h2{
    font-size: 28px !important;
}
h3{
	font-size: 20px !important;
}
/* h3{
	font-weight: 300 !important;
} */
/** quicklinks 16.8.2018 - in progress **/
#quicklinks-navbar{
	display: block;
}
#et-secondary-menu {
    display: none;
}

.extra-nav{
	background-color: #009EE0;
}

#top-menu li.mega-menu.mega-menu-parent li li, #top-menu li.mega-menu.mega-menu-parent li > a {
    background-color: #009EE0; 
}
#top-menu li.current-menu-item,
#top-menu li.current-menu-ancestor,
#top-menu li:hover{
	background-color: #009EE0;
}
#top-menu li.mega-menu > ul > li.nav-headline1 > a:first-child {
    padding-top: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    font-weight: bold;
    color: #fff;
    font-size: 150%;
}
#top-menu li.mega-menu > ul > li.nav-headline1 > a:first-child::before {
	display: none;
}

#home-news-headline h2{
	padding-bottom: 2px;
}
.et_pb_widget.manschgerl .widgettitle::before{
	content: url("../icons/manschgerl-32x32.png");
	margin-right: 8px;
	float: left;
	margin-top: -2px;
	width: 32px;
	height: 32px;
}

#et-main-area .previous-page a, #left-area .backlink-area a{
	font-weight: normal;
}
#et-main-area .next-page a, #left-area .backlink-area a {
    font-weight: normal;
}
#et-main-area  a.et_pb_more_button.sidebar-button {
	font-weight: bold;
}
#et-main-area  a.et_pb_more_button.sidebar-button:hover{
	border: 2px dotted;	
	border-radius: 3px;
	letter-spacing: inherit;
}

/** borders solid **/
#sidebar .et_pb_widget,
.logo-area h3{
	border-bottom: 1px solid #bdbdbd;
}
#sidebar .et_pb_widget{
	border-bottom: none;
}
#sidebar .et_pb_widget{
	padding-bottom: 0;	
}

.preview.item.cols-2 .kb-excerpt {
    min-height: 105px;
}

/** footer **/

/** Teamfotos **/
.et_pb_row.team-row img{
	transition: transform 1s;	
}

.et_pb_row.team-row img:hover{
	 transform: scale(1.3);
}
.single-dock-angebot .thumb-area{
    margin-bottom: 30px;
}

/** Desktop  **/
@media all and (min-width: 981px) {
/* 	.et_pb_section { */
/* 	    border-bottom: none; */
/* 	} */
	.et_pb_widget_area_right,
	#sidebar {
	    border-left: 1px solid #bdbdbd;
	}	
	.home .et_pb_widget_area_right, #sidebar {
    	border-left: none;
	}	

	.et_pb_gutters3 .et_pb_column_2_3, 
	 .et_pb_gutters3.et_pb_row .et_pb_column_2_3 {
    	width: 67.833%;
	}
	
	.et_pb_gutters3 .et_pb_column, 
	.et_pb_gutters3.et_pb_row .et_pb_column {
	    margin-right: 2.5%;
		margin-bottom: 20px;
	}
	 .et_pb_widget_area_right {
    	padding-left: 0;
	}
	#logo {
    	margin-top: 0;
	}
	.et_header_style_left .logo_container {
	    height: 100px;
	    margin-top: 0px;
	}
}

@media all and (max-width: 980px) {
	/** Sonderfall Teamfotos **/
	.et_pb_row.team-row img:hover{
	 	transform: none;
	}
	.et_pb_row.team-row .et_pb_column.et_pb_column_1_3 {
	    width: 29.667%;
	    margin-right: 2.5%;
	}
	
	.et_pb_row.team-row .et_pb_column.et_pb_column_2_3 {
	    width: 67.833%;
	}	
}

@media all and (max-width: 480px) {
	
	/** Sonderfall Teamfotos **/
	.et_pb_row.team-row .et_pb_column.et_pb_column_1_3 {
	    width: 20% !important;
	    margin-right: 3.5%;
	}
	h2{
		font-size: 24px !important;
	}
	.et_pb_row.team-row .et_pb_column.et_pb_column_2_3 {
	    width: 75% !important;
	}
	.et_pb_row.team-row{
		border-bottom: 1px solid #bdbdbd;
		margin-bottom: 20px;	
	}

	#footer-bottom .container{
		width: 100%;
	}
	.kb-custom-footer .et_pb_more_button {
    	display: block !important;
	}
	.kb-custom-footer .item.imprint-button a {
		width: 90%;
		margin: auto;
		margin-bottom: 10px;
	}
	.kb-custom-footer .et-social-icons {
	    float: none;
	    display: block;
	    margin-top: 15px;
	}
}