/*
Theme Name: O-Ton 2016
Author: Jörn Johansen
Author URI: http://www.jenero.net
Description: Das neue O-Ton Theme 2016
Version: 2.0
*/

@import url(https://fonts.googleapis.com/css?family=Lato);

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	font-size: 100%;
	}

body {
	background-color: #f1ede9;
	font-family: Lato;
	color: #555;
	}

#wrapper {
	width: 840px;
	margin: 20px auto;
	padding: 20px 20px 0;
	border: 1px solid #ccc;
	background-color: #fff;
	}
	
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100% !important; /* Adhere to container width. */
}

.clear {
	clear:both;
}

p, li, td {
	font-size:14px;
	font-size:0.875rem;
	}

p {
		margin: 12px 0;
	}
	
h1 {
	font-size:26px;
	font-size:1.625rem;
	font-weight: bold;
}
	
h2 {
	font-size:22px;
	font-size:1.375rem;
	font-weight: bold;
}
	
h3 {
	font-size:18px;
	font-size:1.125rem;
	font-weight: bold;
}
	
h4 {
	font-size:14px;
	font-size:0.875rem;
	font-weight: bold;
}
	
h5 {
	font-size:12px;
	font-size:0.75rem;
	font-weight: bold;
}
	
h6 {
	font-size:10px;
	font-size:0.625rem;
	font-weight: bold;
}
	
/* + + + + + + + + + + HEADER + + + + + + + + + */
	
#header {
	/*background: #EDAE65;*/
	padding: 0 0 26px;
	border-bottom: 1px solid #ccc;
	}
	
nav#navi {
	width: 780px;
	margin: 0 0 0 60px;
	height: 24px;
	}
	
nav#navi ul {
	float: right;
}
	
nav#navi li {
	float: left;
	list-style: none;
	padding: 0 10px;
	border-left: 1px solid #d28c13;
	font-size:14px;
	font-size:0.875rem;
	font-weight: bold;	
}

nav#navi li:first-child {
	border-left: none;
}

nav#navi li:last-child {
	padding-right: 0;
}

nav#navi li a {
	color: #d28c13;
	text-decoration: none;
}

nav#navi li a:hover {
	color: #555555;
}

nav#navi li.current a, nav#navi li.current-menu-item a {
	color: #555555;
}

#menu-item-6563 { /* Navi-Punkt "Newsletter" */
	display: none;
}

#logo {
	width: 360px;
}
	
/* + + + + + + + + + + MAIN + + + + + + + + + */
	
main {
	display: block; /* hierdurch erkennen auch IE9-11 main an */
	}
	
a {
	color: #555;
text-decoration: none;	
	}
	
#content .entry-content a {
	color: #d28c13;
	}
	
.page-id-6560 #content .entry-content a {
	color: #555;  /* für Smart-Archive-Fancy-Seite auf Grau setzen */
	}
	
a:hover {
	color: #d28c13;
	}
	
#content .entry-content a:hover {
	text-decoration: underline;
	}
	
.entry-content p {
	line-height: 19px;
}

.entry-header h2 {
	font-size:16px;
	font-size:1rem;
	margin: -4px 0 20px 0;
}
	
.entry-date, aside.widget p.entry-date {
	font-weight: bold;
	margin: 0 0 0;
	}
		
.more-link, #archivlink a {
	font-weight: bold;
	color: #d28c13;
	margin: 0;
}

.more {
	margin: -12px 0 0;
}

.nomarg-botm {
}
		
.more-link:hover, #archivlink a:hover {
	color: #555;	
}
	
/* + + + + + + + + + + FEATURE + + + + + + + + + */
	
#feature {
	/*background: #ED5012;*/
	margin: 0 0 20px;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	font-size:14px;
	font-size:0.875rem;
	}
	
#featurebild {
	width: 540px;
	float: left;
}

#featuretext {
	width: 260px;
	/*background-color: yellow;*/
	margin-left: 580px;
}
	
/* + + + + + + + + + + CONTENT + + + + + + + + + */
	
#content {
	/*background: #84ED74;*/
	float: left;
	width: 540px;
	}
	
#content article {
	border-bottom: 1px solid #ccc;
	padding: 30px 0 30px 0;
	overflow: hidden;
}
	
.contblockimg {
	width: 210px;
	float: left;
}

.contblocktext {
	width: 310px;
	margin-left: 230px;
	/*background-color: yellow;*/
	font-size:14px;
	font-size:0.875rem;
}

#content .entry-content div,
#content .entry-content .wp-caption,
#content .entry-content .alignnone,
#content .entry-content .size-large {
	max-width: 100% !important;
}

.blog .entry-content img, 
#featuretext img,
.search .entry-content img {
	display: none;
}

.blog .entry-content strong, 
.blog .entry-content b, 
.archive .entry-content strong, 
.archive .entry-content b, 
.category .entry-content strong, 
.category .entry-content b,
#featuretext p strong,
#featuretext p b {
	font-weight: normal;
}

#content .entry-content iframe,
#content .contblockimg iframe {
	width: 100% !important;
	height: 100% !important;
}

#archivlink {
	text-align: right;
	font-size:14px;
	font-size:0.875rem;
	padding: 30px 0;
}

#archivlink a:before {
	content: url(img/pfeilrechts.gif);
}

#archivlink a:hover:before {
	content: url(img/pfeilrechts-hover.gif);
}

#prevnext {
	overflow: hidden;
}

#prevnext .neuer {
	float: left;
}

#prevnext .aelter {
	float: right;
}

.back {
	margin-bottom: 20px;
}

.back a {
	font-size:14px;
	font-size:0.875rem;
	font-weight: bold;
	color: #d28c13;
}

.back a:hover {
	color: #555555;
}

.back a:before {
	content: url(img/pfeillinks.gif);
}

.back a:hover:before {
	content: url(img/pfeillinks-hover.gif);
}

/* - - - - - - - - Single CONTENT - - - - - - - - */

.single h1.entry-title,
.page h1.entry-title {
	font-size:26px;
	font-size:1.625rem;
}

#beitragsbild {
	margin: 30px 0;
}

.page-id-6560 #beitragsbild {  /* Archivseite hat kein Beitragsbild*/
	display: none;
}

.single .entry-date {
	color: #d28c13;
	font-size:14px;
	font-size:0.875rem;
}

.alignleft {
	float: left;
	margin: 0 20px 14px 0;
}

.alignright {
	float: right;
	margin: 0 0 14px 20px;
}

.aligncenter {
	margin: 14px 0;
}

.wp-caption-text {
	font-size:11px;
	font-size:0.6875rem;
	text-align: left;
	padding: 6px 0 12px;
	margin: 0;
}

.weiterlesen {
	font-weight: bold;
	margin-top: 40px;
	color: #555; /* alt: #d28c13 */
}
/*
.weiterlesen~p {
	font-weight: bold;
}
*/
.fotalia {
	width: 100%;
	margin-top: 30px;
}

.fotalia figcaption {
	font-size:12px;
	font-size:0.75rem;
	padding: 5px 0;
}

.search .suchenach {
	font-size:22px;
	font-size:1.375rem;
	margin-top: 30px;
}

.search .suchenach span {
	color: #597999;
}

#oton-social {
	padding: 20px 0;
	overflow: hidden;
}

#social {
	float: left;
	width: 220px;
}

#mailprint {
	float: right;
	width: 80px;	
}

#oton-facebook, #oton-twitter, #oton-mail, #oton-print {
	display: inline-block
}

#oton-facebook, #oton-twitter {
	
	margin-right: 10px;
	}
	
#oton-twitter {
	margin-top: 5px;
}

#oton-facebook iframe {
	margin-top: -4px;
}

#oton-twitter {
	margin-top: 4px;
}

#oton-print {
	margin-left: 22px;
}

#oton-print img, #oton-print button {
	width: 24px;
	height: 22px;
	background-color: #fff;
}

#smart-archives-fancy {
	overflow: hidden;
}

.year-list li, .month-list li {
	font-size: 11px;
}

#smart-archives-fancy li {
	font-family: Lato;
}

#smart-archives-fancy .archive-list li a {
	font-weight: bold;
}

.wp-block-image > figcaption {
	font-size: 12px;
  text-align: center;
}

.wp-block-image.size-large.is-style-default > figcaption {
	font-size: 12px;
  text-align: center;
}
	
/* - - - - - - - Grafiken Datenbank Subseiten - - - - - - - */

#content.datenbanksub,
.category-datenbank #content {
	padding: 30px 0 0;
}

#content.datenbanksub h1:first-child,
.category-datenbank #content h1:first-child {
	margin-bottom: 30px;
	background-color: #eee;
}

#content.datenbanksub .contblocktext,
.category-datenbank #content .contblocktext {
	width: 100%;
	margin-left: 0;
}

#content.datenbanksub .contblocktext h2.entry-title {
	color: #597999;
	margin-bottom: 30px;
	font-size:20px;
	font-size:1.25rem;
}

#content.datenbanksub .contblocktext .entry-content {
	margin-bottom: 30px;
}

#content.datenbanksub .contblocktext .entry-header {
	margin-bottom: 20px;
}

#content.datenbanksub .contblocktext .entry-date {
	margin: 12px 0;
}

.category-datenbank #content li {
	list-style-type: none;
	margin: 20px 0 20px 30px;
	font-size:22px;
	font-size:1.375rem;
}

#catlist a {
	color: #d28c13;
}

#catlist a:hover {
	color: #555;
}

#catlist span {
	display: block;
	font-size:18px;
	font-size:1.125rem;
}
	
/* + + + + + + + + + + SIDEBAR + + + + + + + + + */
	
#sidebar {
	/*background: #E3ED74;*/
	margin-left: 560px;
	padding: 30px 0 20px 20px;
	width: 260px;
	}
	
aside.widget {
	padding: 0 10px;
	border: 1px solid #ccc;
	margin-bottom: 40px;
}

aside.widget h3 {
	overflow: visible;
}

aside.widget .widget-title {
	background-color: #eee;
	margin: 0 -10px 20px;
	padding: 0 10px;
	line-height: 30px;
	font-size:16px;
	font-size:1rem; 
	text-transform: uppercase;
}
	
aside.widget li {
	list-style-type: none;
	margin: 20px 0;
	font-size:14px;
	font-size:0.875rem;
}

aside.widget p {
	font-size:14px;
	font-size:0.875rem;
	margin: 12px 0;
}

aside.widget p.entry-date {
	font-weight: normal;
	
}
	
aside.widget li:first-child {
	margin-top: 20px;
}
	
aside.widget li:last-child {
	margin-bottom: 20px;
}

aside.widget .entry-date {
	color: #597999;
}

aside.widget .entry-content {
	font-weight: bold;
}

.widget-easy-twitter-feed-widget-kamn .widget-easy-twitter-feed-widget-container:before,
.widget-easy-twitter-feed-widget-kamn .widget-easy-twitter-feed-widget-container:after {
  content: " ";
  display: inline !important;
}
.widget-easy-twitter-feed-widget-kamn .widget-easy-twitter-feed-widget-row:before,
.widget-easy-twitter-feed-widget-kamn .widget-easy-twitter-feed-widget-row:after {
  content: " ";
  display: inline !important;
}


/* - - - - - Newsletter - - - - - - - */

aside.widget form span {
	/*display: block;*/
	display: table;
	width: 100%;
	height: 20px;
	margin-bottom: 10px;
	}

aside.widget label, [type=text], textarea, select {
    margin: 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 3px 6px;
    font-size:12px;
	font-size:0.75rem;
    background-color: #fff;
   }

aside.widget label {
    border-radius: 3px 0 0 3px;
    border-right: 0;
    border-left: 1px solid #aaa;
    max-width: 66px;
	width: 34%;
	/*display: inline-block;*/
	display: table-cell;
   }

aside.widget [type=text], aside.widget [type=email], textarea, select {
  	border-radius: 0 3px 3px 0;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
	width: 94%;
	height: 20px;	
	color: #d28c13;
	display: table-cell;
   }
  
aside.widget  [type=text]:hover {
  background-color: #eee;
  }
  
aside.widget [type=submit], aside.widget [type=reset] {
  	border-radius: 0 3px 3px 0;
    border: 1px solid #aaa;
	background-color: #fff;
    padding: 3px 6px;
    font-size:12px;
	font-size:0.75rem;
	color: #d28c13;
	}
	
aside.widget .cat-item {
	font-size:14px;
	font-size: 0.875rem;
    margin: 12px 0;
	font-weight: bold;
}

/* - - - alt... - - - - 
aside.widget form span {
	display: block;
	margin-bottom: 10px;
	}

aside.widget label, [type=text], textarea, select {
    margin: 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 3px 6px;
    font-size:12px;
	font-size:0.75rem;
    background-color: #fff;
   }

aside.widget label {
    border-radius: 3px 0 0 3px;
    border-right: 0;
    border-left: 1px solid #aaa;
    width: 66px;
	display: inline-block;
   }

aside.widget [type=text], textarea, select {

    border-radius: 0 3px 3px 0;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
    width: 140px;
	color: #d28c13;
   }
  
aside.widget  [type=text]:hover {
  background-color: #eee;
  }
  
aside.widget [type=submit], aside.widget [type=reset] {
	border-radius: 0 3px 3px 0;
    border: 1px solid #aaa;
	background-color: #fff;
    padding: 3px 6px;
    font-size:12px;
	font-size:0.75rem;
	color: #d28c13;
	}
- - - - alt... - - - - */

/* - - - - - Suche - - - - - - - */

aside.widget_search {
	padding: 0;
	border: 0;
}

aside.widget_search form span {
	display: table;
	width: 100%;
	height: 20px;	
}

aside.widget_search label, aside.widget_search input[type=text] {
	display: table-cell;
}

aside.widget_search label {
	
}

aside.widget_search input[type=text] {
	width: 94%;
	height: 20px;	
	color: #d28c13;
}

aside.widget_search label {
	background: url(img/magnifier.gif) no-repeat center;
	/*width: 24px;*/
	width: 12%;
}

/*
aside.widget_search {
	padding: 0;
	border: 0;
}

aside.widget_search form span {
	margin: 0;
	overflow: hidden;
}

aside.widget_search label {
	background: url(img/magnifier.gif) no-repeat center;
	width: 24px;
	padding: 0;
	height: 24px;
	display: block;
	float: left;
}

#search {
	height: 18px;
	float: right;
	width: 220px;
}
*/

/* - - - - - End Newsletter - - - - - - - */

	
/* + + + + + + + + + + FOOTER + + + + + + + + + */
	
#footer {
	line-height: 70px;
	/*background: #74EDE7;*/
	clear: both;
	border-top: 1px solid #ccc;
	overflow: hidden;
	font-size:14px;
	font-size:0.875rem;
	}
	
#footer a {
	color: #d28c13;
}
	
#footer a:hover {
	color: #555;
}

#copyright {
	float: left;
}

#footerright {
	float: right;
}
	
#phone:before {
	content: url(img/phone.gif);
	margin-left: 0.75rem;
	margin-right: 0.375rem;
}

#mail:before {
	content: url(img/mail.gif);
	margin-left: 0.75rem;
	margin-right: 0.375rem;
}

/* + + + + + + + + + + PLUGINS + + + + + + + + + */

/* - - - - - - Cookie Notice - - - - - - - - */
#cookie-notice .cookie-notice-container {
border-top: 1px solid #555;
}

#cookie-notice .button.wp-default {
color: #d28c13 !important;
font-weight: bold !important;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* ============= + + + + + + RESPONSIVE + + + + + + + + + + ============== */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* ============ media screen 880px =============== */

@media screen and (max-width: 890px) {
	
p, h1, h2, h3, h4, h5, h6, a, li, td, span, div {
	-ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
	
#wrapper {
	width: 94%;
	margin: 20px auto;
	padding: 20px 2% 0;
	border: 1px solid #ccc;
	background-color: #fff;
	}

#logo {
	width: 40%;
}
	
nav#navi {
	width: 90%;
	margin-left: 10%;
}

#main div.sticky {
	margin-left: 64% !important;
	width: 34% !important;
}

#featurebild {
	width: 60%;
}

#featuretext {
	width: 38%;
	margin-left: 62%;
}

#content {
	/*background: #84ED74;*/
	float: left;
	width: 64%;
	}
	
.contblockimg {
	width: 44%;
}

.contblocktext {
	width: 54%;
	margin-left: 46%;
}
	
#sidebar {
	/*background: #E3ED74;*/
	margin-left: 64%;
	padding: 30px 0 20px 2%;
	width: 34%;
	}	
	
.alignleft, .alignright {
	max-width: 50%;
}

#footer {
    line-height: normal;
	padding-top: 20px;
	padding-bottom: 20px;
}

#copyright {
	float: none;
	line-height: 24px;
}

#footerright {
	float: none;
	line-height: 24px;
}
	
}

/* =========== END media screen 760px ============= */
/* ============ media screen 700px =============== */

@media screen and (max-width: 700px) {

html {font-size: 90%;}

#feature {
	margin-bottom: 0;
}

.entry-header h2 {
    font-size:18px;
	font-size:1.125rem;
}

#content {
	/*background: #84ED74;*/
	float: left;
	width: 60%;
	}
	
#content article {
	padding-top: 14px;
}

.contblockimg {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

.contblocktext {
	width: 100%;
	margin-left: 0;
}
	
#sidebar {
	/*background: #E3ED74;*/
	margin-left: 62%;
	padding: 30px 0 20px 0;
	width: 38%;
	}	

}

/* ============ END media screen 700px =============== */
/* ============ media screen 580px =============== */

@media screen and (max-width: 520px) {
	
#main {
	position: relative;
}

#header {
	height: 50px;
	position: relative;
	padding-bottom: 20px;
}

#logo {
    width: 60%;
	float: left;
}

#feature {
	padding-top: 60px;
}

#featurebild {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

#featuretext {
	margin-left: 0;
	width: 100%;
}

#content {
	/*background: #84ED74;*/
	float: none;
	width: 100%;
	overflow: hidden;   /* ??? */
	}
	
#content .newsletter th {
	width: 30% !important;
}
	
#content .newsletter td {
	width: 70% !important;
}

#smart-archives-fancy span.month-archive-link {
	display: none !important;
}

#smart-archives-fancy .archive-list li,
#smart-archives-fancy .archive-list li a {
	font-size:14px;
	font-size:0.875rem; 
}

#content.datenbanksub h1:first-child,
.category-datenbank #content h1:first-child {
	margin: 30px 0;
}
	
#sidebar {
	/*background: #E3ED74;*/
	margin-left: 0;
	padding: 30px 2% 20px;
	width: 96%;
	}
	
aside.widget {
	padding: 0 5%;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

aside.widget .widget-title {
	margin: 0 -6% 20px;
	padding: 0 5%;
	line-height: 30px;
}

aside.widget label, [type=text], textarea, select {
    padding: 3px 3%;
   }

aside.widget_search {
	padding: 0;
	border: 0;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
}

#sidebar #wpp-2,
#sidebar #widget-easy-twitter-feed-widget-kamn-4 {
	display: none;
}

#content article {
    padding: 40px 0 30px;
}

#mailprint {
    text-align: right;
	width: 100px;
}

#oton-print {
    margin-left: 10px;
}

#oton-print img, #oton-print button {
	width: 30px !important;
	height: 22px;
}

/* - - - - - - Mobile Menu - - - - - - */

nav#navi {
	height: auto;
	margin: 0 -2%;  /* Ausgleich Media Query 890px #wrapper */
	float: none;
	position: absolute;
	top: 10%;
	right: 0;
	left: 0;
	z-index: 9999;
	width: 104%;  /* Ausgleich Media Query 890px #wrapper */
}
	
#hamburger {
	background: url(img/hamburger.png) right;
	width: 34px;
	height: 25px;
	display: block;
	position: absolute;
	right: 10%;
}

nav#navi ul, nav#navi:active ul {
	width: 100%;
	position: absolute;
	top: 25px;
	display: none;
}

nav#navi:hover ul, nav#navi:active ul {
	display: block;
	padding-top: 35px;
}

nav#navi li {
	float: none;
	width: 100%;
	padding: 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

nav#navi li:last-child {
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: 0px 14px 14px -12px rgba(221,221,221,0.62);
	-moz-box-shadow: 0px 14px 14px -12px rgba(221,221,221,0.62);
	box-shadow: 0px 14px 14px -12px rgba(221,221,221,0.62);
}

nav#navi li a {
	display: block;
	padding: 2% 4%;
	font-size:18px;
	font-size:1.125rem;
	background-color: #fff;
}

nav#navi li a:hover {
	background-color: #ddd;
}

nav#navi li.current_page_item a {
	background-color: #ddd;
}

#menu-item-6563 { /* Navi-Punkt "Newsletter"
	display: inline-block; */
	display: none;
}

/* - - - - - - FOOTER - - - - - - - - */

#mail {
	display: block;
}

}