@charset "utf-8";
/* CSS Document */
/**
*Theme Name: twentyfourteen-child
*Template: twentyfourteen
*/

/*Haupt-Elemente formate*/
@charset "utf-8";
/* CSS Document */
/**
*Theme Name: twentyfourteen-child
*Template: twentyfourteen
*/

/*Haupt-Elemente formate*/
body {background-color: #fff; width:100%;}
.site::before{background-color:#fff;}
#page {background-color: #fff; width:90%; margin:0 auto; padding:0; border:0;}
#masthead {height:55px; width:90%; margin:0 auto; border-bottom:0;}

#primary .content-area {background-color: #fff; width: 100%; }
ul #primary-menu {width: 100%; margin: 0 auto;}
#primary-navigation {width:100%}
.menu-menu-container {width: 100%;  max-width: 872px; margin: 0 auto; position: relative; }
#content .site-content {max-width: 900px; position: relative; top: 100px; margin-right:0}
.site-header {background-color:#fff;}
.hentry {margin: 0 auto 48px;max-width: 800px;}
#secondary {background-color:#fff; position: absolute; }
.site-footer {background-color:#fff; height: 199px;  }
.entry-header {background-color:#fff; }
p .luft {height: 100px;}

/*unsichtbar: ------------------*/
.entry-meta, .wp-caption-text, .navigation-post-navigation, #comments, .contents-area, #content-sidebar, .archive-header
{display: none} 
/*  selector for text selection styles ------------------ */
::selection {background: #cbe0f6; color: #2b2b2b; text-shadow: none;}
::-moz-selection {background: #cbe0f6; color: #2b2b2b; text-shadow: none;}

/*Links ------------------------------ */
#content a {color: #0033ff; text-decoration: none;}
#content a:focus {color: #fff; background-color: #69f; outline:0; }
#content a:hover {color: #fff; background-color: #69f; outline: 0;}
#content a:active {color: #fff; background-color:#5168c1; outline: 0;}
/*Menu-Link-Formate und Rand unter Nav-Links ---------------------- */
#primary-menu .nav-menu {height: 36px; width:100%; margin: 0 auto; }
#primary-navigation a {padding:0; margin:0;}
#primary-navigation .menu-toggle a {text-outline: 3px 3px #699;}
#primary-navigation .menu-toggle a:focus, a:hover{outline:0; background-color:#699;}
ul {width: 80%;  margin:0 auto; text-align: center;}
ul li {width: 84px;}
#primary-menu ul {width:100%;  background-color:#cbe0f6; }
#primary-menu ul li {width:18%; max-width:140px; height:36px; text-align: center; background-color:#cbe0f6; }
#primary-menu li a {color: #0033ff; text-align: center; text-transform: uppercase; background-color:#cbe0f6; display: block; height:48px; width:100% max-width: 140px;}
#primary-menu li a:focus {color: #fff; background-color: #69f; }
#primary-menu li a:hover {color: #fff; background-color: #69f; }
#primary-menu li a:active {color: #fff; background-color: #5168c1;}

#primary-menu ul ul .submenu {height:28px;}
#primary-menu ul ul .submenu[aria-current="page"] {height:28px;}
#primary-menu ul ul li {height: 28px; width: 127px;}
#primary-menu ul ul li a:{color: #03f; background-color:#cbe0f6;text-align: center; height:28px; width: 127px; }
#primary-menu ul ul li a:focus, ul ul li a:hover {color: #fff; background-color: #699; width:127px;height:28px; } 
#primary-menu ul ul li a:active{ color: #fff; background-color: #5168c1; width:127px; height:28px; }
.menu-item-has-children a {color:#699; background-color: #cbe0f6; }
.menu-item-has-children a:active {background-color: #5168c1; color: #fff;} 




/*Rand-Farbe für Menu-Felder*/
#menu-item-75 {border-bottom: 5px solid #eeb630; } /*Start*/
#menu-item-20 {border-bottom: 5px solid #5168c1; } /*WILPF*/
#menu-item-21 {border-bottom: 5px solid #cf1f0c; } /*OSZE*/
#menu-item-22, #menu-item-23, #menu-item-24, #menu-item-123 {border-bottom: 5px solid #50c42d; }
#menu-item-306 {border-bottom: 5px solid #cbe0f6; } 
#menu-item-558{border-bottom: 5px solid #ff6900; }/*Impressum*/

.search-toggle {background-color: #69f; margin-right: 50px;}
.search-toggle:focus, .search-toggle:hover, .search-toggle.active {background-color: #5168c1; }
#search-container {background-color:#fff;}
.search-box {background-color: #fff; padding: 12px;}
.menu-toggle, .menu-toggle a {background-color: #69f;}
.menu-toggle a, .menu-toggle a:focus, .menu-toggle a:hover, .menu-toggle a:active {background-color: #69f;}

/* 6.1 Post Thumbnail  */
.post-thumbnail>img {max-width: 200px;  }
.post-thumbnail {background: #fff;  display: block;  padding-left:  32px; }
.full-width .post-thumbnail img {display: block; margin: 0 auto; max-width:200px;}
a.post-thumbnail:hover {background-color: #fff; }
.post-thumbnail {display: block; position: relative; width: 240px; z-index: 0;}
a.post-thumbnail:hover {background-color: #fff;}
.full-width .post-thumbnail img {display: block; }

/*Seiten-Navigation*/
.page-links a {	background: #69f;	border: 1px solid #69f;	color: #fff; text-decoration: none;}
.page-links a:hover {	background: #fff; border: 1px solid #fff;	color: #03f;}
.post-navigation a:hover,
.image-navigation a:hover, .entry-content .edit-link a:hover {color: #03f;}
.paging-navigation .page-numbers.current, .paging-navigation a:hover {border-top: 5px solid #69f;}
.site-info a:hover {color: #03f;}
.featured-content a:hover {color: #03f; color: #fff;}

/*Fusszeile*/
.unterkante {display: block; position:fixed; bottom:0; width:100%; color:#03f; background-color:#cbe0f6; text-align:left;}

/*footer --------*/
#colophon {height:18px;}


/*Responsive------------------ * */

@media screen and (max-width:1260px){
#secondary {width:1px;margin:0;padding:0;border:0;}
}

@media screen and (max-width:917px){
	#primary-menu ul li { font-size:x-small; width:15% max-width:100px; height:48px;}
	#primary-navigation ul ul li {width:185px; height:28px;}
	#primary-menu li a, #primary-menu li a:focus, #primary-menu li a:hover, #primary-menu li a:active {width:100%; }
	#content {padding-left:20px;}
	div #secondary {width:1px;margin:0;padding:0;border:0;}
}
	
	
@media and(max-width:782px)  {
	.primary-navigation a {padding:0; height:28px;}
	#primary-menu ul li { font-size:x-small; width:15% max-width:100px; height:28px;}
	#primary-navigation ul ul li {width:185px; height:28px;}
	#primary-menu li a, #primary-menu li a:focus, #primary-menu li a:hover, #primary-menu li a:active {width:100%; }
	#content {padding-left:20px; margin-top:50px;}
	div #secondary {width:1px;margin:0;padding:0;border:0;}
}

@media and(max-width:400px)  {
	.list-view, .site-content, .hentry {overflow: auto; min-height:200px; padding:0;}
	.post-thumbnail {padding:0}
	div #secondary {width:1px;margin:0;padding:0;border:0;}
}	

@media and(min-width:574px)  {}


	
@media screen and (min-width: 673px) {
.full-width .site-content .has-post-thumbnail .entry-header {margin:0; padding:0;}
.full-width .site-content .has-post-thumbnail .entry-header, .full-width .site-content .hentry.has-post-thumbnail:first-child {margin-top: 0; }
.site-content {margin-right: 0;}
.full-width .site-content .has-post-thumbnail .entry-header {margin:0; padding:0;}
.full-width .site-content .has-post-thumbnail .entry-header, .full-width .site-content .hentry.has-post-thumbnail:first-child {margin-top: 0; }
.site-content {margin-right: 0;}
#secondary {width:1px;margin:0;padding:0;border:0;}
}

@media and(min-width:783px){
	.primary-menu ul ul {background-color:cbe0f6; padding:0;}
	.primary-navigation .menu-item-has-children > a {padding:0; }
	#secondary {width:1px;margin:0;padding:0;border:0;}
}	

@media screen and (min-width: 846px) {
	.content-area,.content-sidebar {padding-top: 0;}
}
	
@media screen and (min-width: 1008px){ 
site-content {margin-left:0;}
ul li, ul ul, ul ul li {width:18%; min-width:100px;}
#secondary {width:1px;margin:0;padding:0;border:0;}
}		

@media screen and (min-width: 1260px){
#secondary {width:1px;margin:0;padding:0;border:0;}
}