/*
 Theme Name:   Kitainklusiv
 Description:  Kitainklusiv Child
 Author:       Claus Offa
 Author URI:   https://web-design-bremen.de
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.flex { display:flex}
.flexend {-ms-flex-pack : end; justify-content : flex-end; }
.relative { position:relative;}
.hide {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
    line-height: 0;
    font-size: 0;
}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.textbox { padding-left: 30px; border-left: 8px solid #9bba14; font-style:italic;}
/*Startseite*/
#panel1 .panel-content { background-color: rgb(250, 186, 0); } /*orange*/
#panel2 .panel-content { background-color: rgb(58, 170, 220); } /*hellblau*/
#panel3 .panel-content { background-color: rgb(152, 191, 10); } /*grün*/
#panel4 .panel-content { background-color: rgb(228, 0, 27); } /*rot*/
#panel5 .panel-content { background-color: rgb(248, 188, 196); } /*rosa*/

#panel1 .panel-content .entry-title a { color: rgb(228, 0, 27); } /*rot*/
#panel2 .panel-content .entry-title a { color: rgb(255, 255, 255); } /*weiß*/
#panel3 .panel-content .entry-title a { color: rgb(58, 170, 220); } /*hellblau*/
#panel4 .panel-content .entry-title a { color: rgb(152, 191, 10); } /*grün*/
#panel5 .panel-content .entry-title a { color: rgb(255, 255, 255); } /*weiß*/

.panel-content .entry-title a, .entry-content a.more-link {text-decoration: none; -webkit-box-shadow: none; box-shadow: none;}
.entry-content a.more-link:hover { border-bottom: 1px solid #fff; color: #fff;}

#panel1 .panel-content .entry-title a:hover { border-bottom: 2px solid rgb(228, 0, 27); } /*rot*/
#panel2 .panel-content .entry-title a:hover { border-bottom: 2px solid rgb(255, 255, 255); } /*weiß*/
#panel3 .panel-content .entry-title a:hover { border-bottom: 2px solid rgb(58, 170, 220); } /*hellblau*/
#panel4 .panel-content .entry-title a:hover { border-bottom: 2px solid rgb(152, 191, 10); } /*grün*/
#panel5 .panel-content .entry-title a:hover { border-bottom: 2px solid rgb(255, 255, 255); } /*weiß*/

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover, #secondary .entry-summary a:hover, a:hover {
    color: #9BBA14;/*grün*/;
    -webkit-box-shadow: none;
    box-shadow:none;
}
#secondary .entry-summary a, a {color: #239CD3 /*blau*/;}
aside .entry-title a,
.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong, .entry-title a, .widget .widget-title a {
	 -webkit-box-shadow: none; 
    box-shadow: none;
}
body .upw-posts .entry-title a:focus, body .upw-posts .entry-title a:hover {
    text-decoration: none;
}
body.page:not(.twentyseventeen-front-page) h4.entry-title {
	font-size: 16px;
    font-size: 1rem;
    text-transform: none;
}
body:not(.twentyseventeen-front-page) .entry-header {
    padding: 0;
}
/*------------------------------------*\
    PAGE
\*------------------------------------*/
body {background-color: #BBE0F2;/*hellblau*/ font-family: 'Open Sans', sans-serif;}
/*Header*/
#masthead { background-color: #9BBA14;/*grün*/}
.custom-logo-link img, .custom-logo-link svg { border: 1px solid #fff;}
.navigation-top { background-color: #239CD3 /*blau*/;}
.navigation-top .current_page_item > a  { color:#BBE0F2;/*hellblau*/}
.navigation-top .sub-menu .current_page_item > a  { color: #239CD3; /*blau*/ }
.main-navigation a:hover { color: #fff;}
#breadcrumb .current { color: #239CD3; /*blau*/ color: #000;}
#breadcrumb a {color: #239CD3; /*blau*/ }
#breadcrumb a:hover { color: #9BBA14;/*grün*/ }
#breadcrumb a, #breadcrumb span { font-size: 16px; font-size: 1rem;}
.seknav { margin-top:0.5em;position: relative; z-index: 99999999;}
.seknav ul li { list-style-type: none;}
.seknav ul li a, .seknav label, #masthead .seknav input[type="search"]{
    color: #444444;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2.25;
}
.search-form .search-submit {
    padding: 0.5em 0.75em;
}
.seknav ul li a {
	font-size: 16px;
	font-size: 1rem;
}
.seknav ul li a:hover { color:white;}
.seknav .header-nav { margin-right: 3em; margin-top: 1em;}
/*Main*/
.site-content-contain {
    background-color: transparent;
}
.entry-content ul { padding-left: 40px;}
/*Sidebar*/
body .upw-posts article, #secondary .upw-posts article {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
#text-4 { padding-bottom: 0;}
#secondary h2.widget-title { font-weight: normal;}
#secondary #text-4  h2.widget-title { font-weight: 800;}
#secondary .upw-posts .entry-title { margin-bottom:.0;}
#secondary .upw-posts article {border-bottom:none;}
#secondary .widget { padding-bottom: 1em;}
.twentyseventeen-front-page #secondary article:not(.has-post-thumbnail):not(:first-child) { border-top: none;}
/*Footer*/
#colophon{ background-color:#444444; border-top: 10px solid #9BBA14;}
#colophon h2.widget-title {color:#fff;}
#colophon .widget-column p { color: #C4C4C4; color: rgba(255,255,255, 0.75);}
#colophon .widget-column a {color: #fff; color: rgba(255,255,255, 1); text-decoration: underline;}
#colophon .widget-column a:hover, 
#colophon .widget-column a {
	-webkit-box-shadow: none;
    box-shadow: none;
}
#colophon .widget-column li a { color: #C4C4C4; color: rgba(255,255,255, 0.75); }
#colophon .widget-column li a:hover {color: #fff; color: rgba(255,255,255, 1); text-decoration: underline;}
#colophon .widget-column a:hover {color: #9BBA14;/*grün*/}
.site-footer { margin:0;}
#colophon .widget-column p {
    margin-top: 2rem;
}

#menu-footer-menue { display:flex; }
#menu-footer-menue li {list-style-type: none; margin-right: 10px;}
#menu-footer-menue li:after {content: '|'; margin-left: 10px;}
#menu-footer-menue li:last-child:after {content: ''; margin-left: 10px;}
#menu-footer-menue li a { display:inline-block; color: #fff; font-weight: bold;}
#menu-footer-menue li a:hover { color:#239CD3 /*blau*/;color: #C4C4C4; color: rgba(255,255,255, 0.75);/*grau*/color:#9BBA14;/*grün*/}

.site-footer .widget-area {
    padding: 1em 0 2em;
    width: 100%;
}
.site-footer .widget-column:nth-of-type(1), .site-footer .widget-column:nth-of-type(3) { padding: 0 1em 0 0 ;}
.site-footer .widget-column:nth-of-type(2), .site-footer .widget-column:nth-of-type(4) { padding: 0 0 0 1em ;}
.site-footer .widget-column:nth-of-type(3) { padding: 0 1em 0 2.5em;}
#colophon .widget-column li a { text-decoration:none;}
#colophon .widget ul li, .widget ol li {
    border-bottom: none;
    border-top: none;
}
body #to_top_scrollup { bottom: 60px; }
.copyright { color: #C4C4C4; color: rgba(255,255,255, 0.75);/*grau*/ padding: 2rem 0; border-top: 1px solid #C4C4C4; margin-bottom: 0; }
/*------------------------------------*\
    SEARCH
\*------------------------------------*/

/*Icon*/
#search { 
	margin-right: 30px; 
	padding: 0 20px 0 0;
}
#masthead button { background-color: #239CD3; }
#masthead input[type="search"] {background-color: rgba(220, 239, 248, 0.75);/*hellblau*/}
/*Text*/
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #222;
    font-size: 20px;
    font-size: 1.25rem;
	text-transform: none;
}
h2, .home.blog .entry-title {
    color: #333;
}
h2.widget-title {text-transform: none; letter-spacing: initial; margin-bottom: 0.5em;}
/*Steckbriefe*/
.page-id-51 label { font-weight: normal; font-size: 18px; font-size: 1.125rem;}
.page-id-51 label strong { display:block;}
.zustimmung { font-size: 16px; font-size: 1rem; line-height: 1;}
span.wpcf7-list-item { margin: 0; }
button, input[type="button"], input[type="submit"] {
    background-color: #9BBA14;/*grün*/;
}
:not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background: #239CD3 /*blau*/;
}
textarea { margin-top: 10px;}
body div.wpcf7-mail-sent-ok {
    border: 2px solid #9BBA14;/*grün*/
}
/*img:hover*/
.site-branding a:hover, .site-branding a:focus {
    opacity: 1;
}
img { -webkit-transition: transform 1s; /* Safari prior 6.1 */
  transition: transform 1s;}
img:hover {
	webkit-transform: perspective(1px) rotate(0.03deg) translateZ(0) scale(1.03);
    -moz-transform: perspective(1px) rotate(0.03deg) translateZ(0) scale(1.03) !important;
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: perspective(1px) rotate(0.03deg) translateZ(0) scale(1.03);
    outline: 1px solid transparent;
    filter: none;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
/*Archiv*/
.archive .page-header { padding-bottom: 1em;}
.archive .entry-summary p:last-child, .archive .entry-summary p { margin: 0 0 0.5em;}
.archive #secondary .entry-summary p { margin: 0 0 1em; }
.archive .entry-summary a {color:#239CD3 /*blau*/; }
.archive .entry-summary a:hover { color:#9BBA14;/*grün*/; }
.blog .site-main > article, .archive .site-main > article, .search .site-main > article {
    padding-bottom: 1em;
}
.blog .site-main, .archive .site-main, .search .site-main {
    padding-bottom: 2em;
}
/*Bilder*/
.entry-content a img, .comment-content a img, .widget a img {
     -webkit-box-shadow: none; 
    box-shadow: none; 
}
/*Text*/
blockquote {color: #333;}
#primary h1 { margin-bottom:0;}
#primary h1 { margin-bottom:20px; }
/*Registrierung*/
.um-366.um, body .um-login.um-logout, body .um-367.um, body .um-um_password_id.um {
    max-width: none !important;
}
body .um .um-form ::placeholder, body .um-field-checkbox-option, body .um-field-radio-option {
	color: #000 !important ;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
body .um-um_password_id.um .um-field-block div { text-align: left !important; color: #000;font-family: 'Open Sans', sans-serif;}
body .um-login li, .um-misc-ul li {list-style-type:none;}
/*Profilseite*/
/*.page-id-370 .um-dropdown li:nth-of-type(1) {display:none;}*/
/*Responsive Design*/
@media screen and (max-width: 767px) {
	header .wrap {
    	width: 100%;
    	padding: 0;
	}
	.site-branding {
    	width: 100%;
	}
	.site-branding a {
    	width: 100%;
    	padding: 0;
	}
	.custom-logo-link img {
    	width: 90%;
    	margin: auto;
    	display: block;
	}
	/*.navigation-top {width: 50%;}*/
	.menu-toggle {
		/*margin: 1px 0 2px 10px;*/
	}
	.seknav {
    	margin:0;
		margin-top: 0.5em;
    	position: absolute;
    	bottom: -70px;
		bottom: -122px;
    	right: -6px;
    	z-index: 9;
    	width: 100%;
	}
	#search {
    	margin-right: 0;
    	padding: 2px 25px 0 0;
		width:50%;
	}
	#search input[type="search"] { padding: 0.1em; }
	#menu-sekundaermenue-header { position: relative; top: -55px; left: 20px;}
	#top-menu { padding-top: 60px;}
	#breadcrumbs {display:none;}
	#primary { margin-top: 50px;}
	#colophon { padding-bottom: 180px;}
	.site-footer .widget-column:nth-of-type(2), .site-footer .widget-column:nth-of-type(4),
	.site-footer .widget-column:nth-of-type(3){ padding: 0;}
}	
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.site-branding {
		width: 50%;
	}
	.site-branding .custom-logo-link img {
		max-width: none ;
		width: 100%;
	}
	/*.js #site-navigation.main-navigation.toggled-on ul ul {
    	display: block; 
	}
	.js #site-navigation.main-navigation ul ul {
    	display: none;
	}*/
	.js .main-navigation ul, .js .main-navigation.toggled-on ul ul {display: block; }
	.main-navigation {
    	width: 100%;
	}
	.navigation-top nav {
    	margin-left: 0; 
	}
	.main-navigation li {
    	display: block;
	}
	#site-navigation.main-navigation li:nth-of-type(1) a {
    	padding: 1em 1.25em;
	}
	#site-navigation.main-navigation ul {    
    	background-color: #fff;
	}
	#colophon.site-footer {
		padding-bottom: 200px;
	}
	.page-template-startseite #primary, #primary { width: 65% !important;}
}
@media screen and (min-width: 30em) {
	.site-branding {
		padding: 1em 0 3em;
	}
}
@media screen and (min-width: 48em) {
	.js .menu-toggle, .js .dropdown-toggle {
    	display: block; 
	}
	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: none;
	}
	input[type="search"] {padding: 0.3em;}
	.search-form .search-submit { padding: 0 0.5em; }
	.seknav .header-nav { margin-top: 0.75em; }
	.navigation-top {
    	position: static; 
	}
	.main-navigation li li:hover, .main-navigation li li.focus {
    	background: transparent;
		background-color:rgba(220, 239, 248, 0.75);/*hellblau*/
	}
	.main-navigation li li a { font-weight:normal;}
	.main-navigation li li a:hover { color:#239CD3 /*blau*/;}
	.main-navigation li li { background-color:rgba(220, 239, 248, 0.75);/*hellblau*/ }
	.main-navigation ul li a::before {
		content: '';
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		position: absolute;
		left: 1em;
		bottom: 0;
		width: 0;
		height: 4px;
		background: #fff;
	}
	.main-navigation ul li:nth-of-type(1) a::before {
		left: 0;
	}
	.main-navigation ul ul li:nth-of-type(1) a::before {
		left: 1em;
	}
	.main-navigation ul li a:hover::before {
		width: calc(100% - 2em);
	}
	.main-navigation ul li:nth-of-type(1) a:hover::before {
		width: calc(100% - 1em);
	}
	.main-navigation ul ul li:nth-of-type(1) a:hover::before {
		width: calc(100% - 2em);
	}
	.main-navigation li:nth-of-type(1) a { padding: 1em 1.25em 1em 0;}
	.main-navigation ul ul li:nth-of-type(1) a { padding: 1em 1.25em;}
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column:not(.archive) #primary .entry-content { width:50%;}
	body.page-two-column:not(.home) #page #primary .entry-header,
	body.page-two-column:not(.home) #page #primary .entry-content { width:100%;}
	h2.widget-title {
		font-size: 16px;
    	font-size: 1rem;
	}
	.page .panel-content .entry-title, 
	.page-title, body.page:not(.twentyseventeen-front-page) .entry-title 
	.entry-header .entry-title, .single-post .entry-title,
	.page .entry-title,
	body.page:not(.twentyseventeen-front-page) .entry-title{
		font-size: 32px;
    	font-size: 2rem; 
    	text-transform: none;
    	letter-spacing: initial;
    	font-weight: normal;
		margin-top: 2rem;
	}
	body.archive #secondary h4{ font-weight: normal;}
	.site-content { padding: 0.5em 0 0;}
	.has-sidebar #secondary { /*margin-top: 0; /*padding-top: 1.75em;*/ }
	.category-steckbriefe.has-sidebar #secondary { margin-top: 0; }
	.page-template-startseite #primary, #primary {
    	margin-left: auto;
    	margin-right: auto;
    	max-width: 740px;
    	float: left;
    	width: 70%;
	}
	.page-template-startseite #secondary, .has-sidebar #secondary {
    	float: right;
   	 	padding-top: 0;
    	width: 30%;
	}
	.page-template-startseite  #secondary, #secondary {
    	margin-top: 2.5rem;
	}
	body.page-template-startseite #secondary h4.entry-title, #secondary h4.entry-title{
		line-height: 1;
		margin-top: 0;
	}
	/*#secondary h4.entry-title {
		line-height: 1.5;
		margin-top: 1.75em;
	}*/
	body.page-template-startseite #secondary h4.entry-title a, #secondary h4.entry-title a {
    	font-size: 20px;
    	font-size: 1.25rem;
		line-height: 1.5;
	}
	#secondary {
    	font-size: 16px;
    	font-size: 1rem;
	}
	h2.widget-title {
		font-size: 20px;
    	font-size: 1.25rem; 
	}
	#colophon.site-footer .sitemap .widget-column { width: 33.3333333334%;}
	body, button, input, select, textarea{
		font-size: 20px;
    	font-size: 1.25rem;
	}
	.page.page-one-column .entry-header, 
	.twentyseventeen-front-page.page-one-column .entry-header, 
	.archive.page-one-column:not(.has-sidebar) .page-header {
    	margin-bottom: 0;
	}
	.site-footer {
    	font-size: 16px;
    	font-size: 1rem;
		padding-bottom: 60px;
	}
	.site-footer .widget-column.footer-widget-1,
	.site-footer .widget-column.footer-widget-2 { width: 50%;}
}
@media screen and (min-width: 67em) {
	.js .menu-toggle, .js .dropdown-toggle {
    	display: none; 
	}
	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}
	.navigation-top {
    	position: absolute; 
	}	
	.navigation-top .wrap {
    	padding: 0; max-width: 1300px;
	}
	.wrap { padding: 0; max-width: 1300px;}
	.site-branding { }
}