/*
 Theme Name:     Tatami DMC
 Description:    Child Theme von Tatami (Elmastudio)
 Author:         Horst Kersting
 Template:       tatami
 Version:        1.0.0
*/

@import url("../tatami/style.css");

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600.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-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body {
/*	background:#e7e7e2;ööö*/
/*ööö*/
	background:#FFD273;
	font-family: 'Open Sans', sans-serif;
/*	color:#777;ööö*/
	color:#2f4f4f;
	font-size: 100%; /* =16px */
}
/* Headlines */
h1, h2, h3, h4, h5, h6 {
/*	color:#333538;ööö*/
	color:#2f4f4f;
	font-weight:600;
	line-height:1.35;
}
h1 {
	margin: 1.1em 0;
	font-size:21px;
	font-size:1.3125rem;
}
h2 {
	margin: 0.9em 0;
	font-size:19px;
	font-size:1.1875rem;
}
h3 {
	margin: 0.8em 0;
	font-size:17px;
	font-size:1.0625rem;
}
h4 {
	margin: 0.6em 0;
	font-size:16px;
	font-size:1rem;
}
h5 {
	margin: 0.5em 0;
	font-size:15px;
	font-size:0.9375rem;
}
h6 {
	margin: 0.4em 0;
	font-size:14px;
	font-size:0.875rem;
}

/* Links */
a,
.site-title h2.description a,
.widget_tatami_recentposts ul li h3.recentposts-title a,
.bwp-rc-widget li.sidebar-comment a,
.entry-header h2.entry-title a:hover,
.widget_twitter ul.tweets li a,
ul.latest-posts-list li a:hover,
ul.monthly-archive-list li a:hover,
.entry-content a.more-link:hover {
/*	color:#69A6CC;ööö*/
	color:#2F4F4F;
	text-decoration:none;
	-webkit-transition:.2s color ease;
	-moz-transition:.2s color ease;
	-o-transition:.2s color ease;
	-ms-transition:.2s color ease;
	transition:.2s color ease;
}
a:hover,
.site-title h2.description a:hover,
.widget_tatami_recentposts ul li h3.recentposts-title a:hover,
.bwp-rc-widget li.sidebar-comment a:hover,
.widget_twitter ul.tweets li a:hover,
#comments .comment-content ul li.comment-author a:hover {
/*	color:#397CA7;ööö*/
	color:#FFAD00;
}
#s,
.entry-meta a,
.entry-meta ul li.entry-comments:before,
.author-details p.author-links a,
#comments #respond p.comment-note a,
#comments #respond p.logged-in-as a,
#respond a#cancel-comment-reply-link,
#comments h3.comments-title span a,
#comments .comment-content ul li.comment-time,
#comments .comment-content ul li.comment-time a,
#comments .comment-content ul li.comment-edit,
#comments .comment-content ul li.comment-edit a,
#comments .comment-content p.comment-reply a,
.pingback a.comment-edit-link,
.widget ul li a,
.format-image .entry-content p.wp-caption-text,
#nav-single a,
#nav-below a,
.previous-image a,
.next-image a,
#comment-nav a,
.widget_twitter ul.tweets li a.timesince {
	color:#2F4F4F;
}

.entry-meta a:hover,
.author-details p.author-links a:hover,
#comments #respond p.comment-note a:hover,
#comments #respond p.logged-in-as a:hover,
#respond a#cancel-comment-reply-link:hover,
#comments h3.comments-title span a:hover,
#comments .comment-content ul li.comment-time a:hover,
#comments .comment-content ul li.comment-edit a:hover,
.pingback a.comment-edit-link:hover,
#comments .comment-content p.comment-reply a:hover,
.widget ul li a:hover,
#nav-single a:hover,
#nav-below a:hover,
.previous-image a:hover,
.next-image a:hover,
#comment-nav a:hover,
.entry-content blockquote p cite a:hover, 
#comments blockquote p cite a:hover,
.entry-meta .share-btn:hover,
.widget_twitter ul.tweets li a.timesince:hover,
.content-wrap #infinite-handle span:hover {
	color:#FFAD00;
}
.site-footer a,
.site-footer .widget ul li a,
.footerwidgets .widget_tatami_recentposts ul li h3.recentposts-title a {
	color:rgba(255, 255, 255, 0.78);
}
.site-footer a:hover,
.site-footer .widget ul li a:hover,
.footerwidgets .widget_tatami_recentposts ul li h3.recentposts-title a:hover {
	color: #fff;
}
.entry-content a.more-link,
.widget a.more-link {
	font-size:15px;
	font-size:0.9375rem;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none !important;
	font-weight:600 !important;
}
.entry-content a,
.comment-content a {
	text-decoration:underline;
}

/* List Elements */
ol, ul { 
	list-style: none;
}
dl dt {
	font-size:16px;
	font-size:1rem;
	color:#333538;
	font-weight: bold;
	line-height:1.7;
}
dl dd {
	margin: 0 0 30px 0;
	line-height:1.7;
}
/* Tabellen - Allgemeine Angaben. Zu benutzerdefinierten Formaten siehe unten unter "Benutzerdefinierte Formate" */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 1px solid #e6e6e6;
	line-height: 2;
	margin: 0 0 40px;
	width: 100%;
	font-size:15px;
	font-size:0.9375rem;
}
table td {
	border: solid 1px #2F3540;
	padding: 5px;
	vertical-align: top;
}
table caption {
	margin: 40px 0;
}
table th {
	font-weight: normal;
	text-align:left;
	vertical-align:middle;
	padding: 7px;
}

 table, table.post
{
  border-collapse: collapse;
  margin: 1px;
  width:auto;
}




/*-----------------------------------------------------------------------------------*/
/*	Basic Structure
/*-----------------------------------------------------------------------------------*/
.post,
.content-wrap .page,
.type-attachment {
	background:#fff;
}

.entry-content,
.entry-summary {
	padding: 0 20px 20px;
}
.entry-meta {
	padding: 0;
	border-top: none;
}

/* --- Header --- */
.off-canvas-nav,
.js .off-canvas-nav,
.js .menu-button,
.js .sidebar-button {
/*ööö*/
	background-color: #FFAD00;
}

.site-title {
	width:100%;
}
.site-title h1.title {
	margin:0;
	padding:20px 0 0 0;
	font-size:18px;
	font-size:1.125rem;
	line-height:1.1;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	word-wrap: break-word;
}
.site-title h2.description {
	margin:0 auto;
	padding:23px 0 0 0;
	font-size:14px;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.65;
	color:#2f4f4f;
}
.site-title h2.description a {
	text-decoration:underline;
}
/* Custom Logo */
.site-title a.logo {
	max-width:170px;
	height:auto;
	max-height:60px;
	margin:0 auto;
	padding:15px 0 0 0;
}

/* Suchfeld */
.main-nav #searchform {
	width:96%;
	padding:9px 2%;
/*	background:#f7f7f7;ööö*/
	background:#f4fde0;
	border-bottom:1px solid #e6e6e6;
}
#s {
	background:#fff;
	font-size:14px;
	font-size:0.875rem;
	border:1px solid #dcdcdc;
}
.main-nav #s {
	width:74%;
	padding:9px 15% 9px 5%;
}
#s:hover {
/*	border: 1px solid #999;ööö*/
	border: 1px solid #ffad00;
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0, 0.1);
	   -moz-box-shadow: inset 0 0 4px rgba(0,0,0, 0.1);
	        box-shadow: inset 0 0 4px rgba(0,0,0, 0.1);
}
#s:focus,
#s:active {
/*	border: 1px solid #59A0E2;ööö*/
	border: 1px solid #2f4f4f;
	/*ööö*/
	color:#2f4f4f;
	-webkit-box-shadow: inset 0 0 5px rgba(89,160,226, 0.4);
	   -moz-box-shadow: inset 0 0 5px rgba(89,160,226, 0.4);
	        box-shadow: inset 0 0 5px rgba(89,160,226, 0.4);
}
#s:hover,
#s:focus,
#s:active {
	background:#fff !important;
}

/* --- Navigation --- */
.main-nav {
/*	background:#f7f7f7;ööö*/
	background:#f4fde0;
}
.main-nav .menu-item,
.main-nav ul li {
	border-bottom:1px solid #e6e6e6;
	text-transform:uppercase;
	font-size:14px;
	font-size:0.875rem;
	line-height:1.5;
}
.main-nav .menu-item a,
.main-nav ul li a {
/*	background:#c0c0c0;ÖÖÖ
	color:#333538; /* ööö 1. Ebene Textfarbe */
	color:#2f4f4f;
	padding:16px 30px;
	font-weight:normal;	
}
.main-nav .menu-item a:hover,
.main-nav ul li a:hover {
/*	background:#DCDCDC;ööö*/
	background:#fff; 
/*	color: #69A6CC;ööö 1. Ebene Textfarbe Hover */
	color:#FFAD00;
	font-weight:normal !important;
}
.main-nav .sub-menu,
.main-nav .children {
	background:#fff;
	border-top:1px solid #e6e6e6;
}
.main-nav .sub-menu .menu-item,
.main-nav .children li   {
	margin:0 30px;
	border-bottom:1px dotted #D3D3D3;
	text-transform:none;
}
.main-nav .sub-menu .menu-item:last-child,
.main-nav .children li:last-child {
	border-bottom:none;
}
.main-nav .sub-menu .menu-item a,
.main-nav .children li a {
	background:#fff;
	padding:9px 0;
/*	color:#abb0b3; /* ööö 2. Ebene Textfarbe */
	color:#2f4f4f;
}
.main-nav .sub-menu .menu-item a:hover,
.main-nav .children li a:hover {
/*	background:#DCDCDC;
	color:#494b4f;ööö 2. Ebene Textfarbe Hover */
	color:#FFAD00;
}
.main-nav .sub-menu .sub-menu,
.main-nav .children .children {
	border-top:1px dotted #D3D3D3;
}
.main-nav .sub-menu .sub-menu .menu-item,
.main-nav .children .children li {
	margin:0;
}

/* --- rechte Spalte --- */
.container [role="navigation"],
[role="complementary"] {	
	background:#fff;
}

/*-----------------------------------------------------------------------------------*/
/*	Posts
/*-----------------------------------------------------------------------------------*/

/* Post Headers - Die folgenden zwei Angaben gelten NUR FÜR BLOGBEITRÄGE. 
Angaben zu Überschriften von Seiten siehe unter "Page Templates" weiter unten!*/
.entry-header h1.entry-title,
.entry-header h2.entry-title {
	margin:0;
	padding: 20px 20px 15px;
	font-size:20px;
	font-size:1.25rem;
	word-wrap: break-word;
}
.entry-header h2.entry-title a,
.entry-content a.more-link {
	color:#333538;
}
/* Posts Typography */
.entry-content p,
.entry-summary p {
	margin: 0 0 20px;
	font-size:15px;
	font-size:0.9375rem;
	line-height:1.75;
}
.entry-content p.intro {
	font-size:19px;
	font-size:1.1875rem;
	line-height:1.4;
}
.entry-content p:last-child, 
.entry-summary p:last-child {
	margin: 0;
}
.entry-content blockquote,
#comments blockquote {
	padding:20px;
	background:#f9f9f9;
}
.entry-content blockquote {
	margin: 0 0 30px;
}
#comments blockquote {
	margin: 0 0 15px;
}
.entry-content blockquote p,
.single-post .entry-content blockquote p,
#comments blockquote p {
	margin:0;
	font-size:17px;
	font-size:1.0625rem;
	font-style:italic;
	line-height:1.6;
}
.entry-content blockquote p cite,
#comments blockquote p cite {
	display:inline-block;
	margin:20px 0 0 0;
	padding:0;
	font-size:14px;
	font-size:0.875rem;
	text-transform:uppercase;
	letter-spacing:1px;
	font-style:normal;
}
.entry-content blockquote p cite a,
#comments blockquote p cite a {
	color:#ABB0B3;
	text-transform:uppercase;
	letter-spacing:1px;
	font-style:normal;
	text-decoration:none;
	font-weight:600;
}

/* Posts Lists */
.entry-content ul,
.entry-content ol {
	line-height: 1.75;
}

.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
	margin-bottom:20px;
}
.entry-content ul,
.comment-content ul {
	list-style: disc outside;
	margin-bottom:20px;
}
.entry-content ol li,
.comment-content ol li,
.entry-content ul li,
.comment-content ul li {
	margin:0 0 0 20px;
	padding:0 0 8px;
}
.entry-content ul li li:last-child,
.comment-content ul li li:last-child,
.entry-content ol li li:last-child,
.comment-content ol li li:last-child {
	padding:0;
}
.entry-content ul li li li ,
.comment-content ul li li li,
.entry-content ol li li li ,
.comment-content ol li li li {
	padding:0 0 8px;
}
.entry-content ul ul ,
.comment-content ul ul,
.entry-content ol ol ,
.comment-content ol ol {
	padding:8px 0 0;
	margin-bottom:0;
}

/*-----------------------------------------------------------------------------------*/
/*	Page Templates
/*-----------------------------------------------------------------------------------*/
/* Angaben für Überschriften von "Seiten". Angaben zu Blogbeiträgen siehe oben. */
.page .entry-header h1.entry-title {
	font-size:22px;
	font-size:1.375rem;
}

/*-----------------------------------------------------------------------------------*/
/*	Widgets
/*-----------------------------------------------------------------------------------*/
.widget {
	margin: 0;
	padding: 0 20px 40px;
	font-size:14px;
	font-size:0.875rem;
}
.widget h3.widget-title {
	margin:0 0 25px;
	padding:0 0 7px;
	font-size:16px;
	font-size:1rem;
	text-transform:uppercase;
	letter-spacing:1px;
	border-bottom:1px solid #dcdcdc;
	font-weight:400;
/*	color:#999;ööö*/
	color:#2F4F4F;
}
.widget ul li {
	padding:0 0 10px;
	list-style:none;
	font-size:14px;
	font-size:0.875rem;
	line-height:1.35;	
}
.widget ul li a {
	color: #2f4f4f;
}
.widget ul li a:hover {
	color: #ffad00;
}
.textwidget,
.widget_tatami_about {
	line-height:1.7;
}
.textwidget a,
.widget_tatami_about a {
	text-decoration:underline;
}
.textwidget ul a {
	text-decoration:none;
}

.widget_tatami_about img.about-image {
	padding: 0 20px 20px 0;
	float:none;
	display: block;
	margin: 0 auto;
}
/* --- Tatami Recent Posts --- */
.widget_tatami_recentposts ul li  {
	padding:10px 0;
	border-bottom: 1px dotted #D3D3D3;
}
.widget_tatami_recentposts ul li h3.recentposts-title {
	margin:0;
	padding:0 0 2px;
	font-size:14px;
	font-size:0.875rem;
	font-style:normal;
	line-height:1.4;
}
.widget_tatami_recentposts ul li h3.recentposts-title a {
	font-weight:600;
}
.widget_tatami_recentposts ul li a.recentposts-date {
	font-style:italic;
}
.widget_tatami_recentposts ul li a.recentposts-thumb {
	margin:0 0 6px;
}

/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/
.site-footer {
/*	background:#151515;ööö*/
/*ööö*/
	background:#FFAD00;
	margin: 10px;
	font-size:14px;
	font-size:0.875rem;
	color:rgba(255, 255, 255, 0.57);
}
.site-info {
	padding:20px 20px;
	text-align:center;
}
.footer-nav  {
	text-transform:uppercase;
	text-align:center;
	padding-bottom:40px;
}
.footer-nav .menu-item {
	padding:0 0 15px;
}
.site-info ul.credit {
	list-style:none;
	padding:0 0 20px;
	font-style:italic;
}
.site-info ul.credit li {
	padding:0 0 15px;
}
.site-footer a.top {
	width:30px;
	height:18px;
	background: url(images/top.png) 50% 0 no-repeat;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
.site-footer a.top:hover {
	background: url(images/top.png) 50% 0 no-repeat;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

/*-----------------------------------------------------------------------------------*/
/*	Archives / Search Results / 404
/*-----------------------------------------------------------------------------------*/
.page-header {
	margin:10px;
	padding: 20px;
	background:#fff;
}
.page-header h2.page-title,
h2.archive-title {
	margin:0;
	padding:0;
	font-size:16px;
	font-size:1rem;
	line-height:1;
	color:#333538;
	font-weight:normal;
	font-style:italic;
}
.page-header .taxonomy-description p {
	padding:10px 0 0;
	font-size:14px;
	font-size:0.875rem;
	font-style:italic;
}

/*-----------------------------------------------------------------------------------*/
/*  Benutzerdefinierte Formate
/*-----------------------------------------------------------------------------------*/
/** Tabellen **/
.entry-content table {
	border-spacing: 10px;
	border: none;
	margin: 10px 0;
	border-collapse: collapse;
	width: 100%;
}
.entry-content td {
	border: none;
	vertical-align: top;
	width: 50%;
	font-size: 14px;
}	
.entry-content table td p {
	margin-top: 5px;
	font-size: 14px;
}


/* Kontaktformular */
input.wpcf7-submit {
	background:#2f4f4f;
}
input.wpcf7-submit:hover {
	background:#ffad00;
}

#content .wpcf7 input.wpcf7-text {
	display: block;
	width: 96%;
	margin: 4px 0 0;
	padding: 8px 2%;
	background:#f4fde0;
	border:1px solid #ccc;
	font-size:14px;
	font-size:0.875rem;
	color:#777;
}
#content .wpcf7 textarea {
	width:94%;
	margin: 5px 0 0;
	padding: 8px 2%;
	background:#f4fde0;
	border:1px solid #ccc;
	font-size:14px;
	font-size:0.875rem;
	color:#777;
}
#content .wpcf7 textarea {
	width:96%;
}	
#content .wpcf7 textarea:hover,
#content .wpcf7 input.wpcf7-text:hover {
	background:#ffffff;
	border: 1px solid #ffad00;
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0, 0.1);
	   -moz-box-shadow: inset 0 0 4px rgba(0,0,0, 0.1);
	        box-shadow: inset 0 0 4px rgba(0,0,0, 0.1);
}
#content .wpcf7 textarea:focus,
#content .wpcf7 textarea:active,
#content .wpcf7 input.wpcf7-text:focus,
#content .wpcf7 input.wpcf7-text:active {
	background:#ffffff;
/*ööö*/
	color:#2f4f4f;
	border: 1px solid #2f4f4f;
	-webkit-box-shadow: inset 0 0 5px rgba(89,160,226, 0.4);
	   -moz-box-shadow: inset 0 0 5px rgba(89,160,226, 0.4);
	        box-shadow: inset 0 0 5px rgba(89,160,226, 0.4);
}
.wpcf7 input[type="checkbox"] {margin:0; } 
.wpcf7 p.datenschutz {text-indent: -32px; padding-left: 30px; font-size: 14px; margin-left: 20px !important;}
.wpcf7 .spamschutz input {width:50px; max-width: 50px; 	margin: 4px 0 0 10px;
	padding: 8px 2%;
	background:#f4fde0;
	border:1px solid #ccc;
	font-size:14px;
	font-size:0.875rem;
	color:#777;}
input.wpcf7-submit {
	margin: 15px 0 5px;
	padding: 9px 17px;
	border:none;
	font-size:14px;
	font-size:0.875rem;
	color:#fff;
}


/* Accordion */
.accordion br {
	/*display: none;*/
}
.accordion-title,
.accordion-content {
	padding: 0 0 0 36px;	
}
.accordion-title {
	background: url(images/aufklappen.png) 0 10px no-repeat;
	font-weight: normal;
	margin: 0;
/*ööö*/
	text-decoration: underline;	
}
.accordion-title.open {
	background: url(images/zuklappen.png) 0 10px no-repeat;	
}
.accordion-title:hover {
	cursor: pointer;
/*ööö*/
	color:#FFAD00;
	text-decoration: underline;	
}


/*-----------------------------------------------------------------------------------*/
/*	Responsiveness
/*-----------------------------------------------------------------------------------*/

/* Minimum width of 480 pixels (smartphone landscape)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 599px) {
    /* Force table to not be like tables anymore */
    table,
    thead,
    tbody,
    th,
    td,
    tr {
    display: block;
    }
	tr, td {padding: 0;}
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    }
    td {
    /* Behave like a "row" */
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align:left;
	margin: 40px 0;
    }
     
    td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: -26px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
    }
	/* Label the data */
	td:before { content: attr(data-title); }
	/* Kontaktseite */
	.page-id-57 table {
	width: 100%;
	}
	.page-id-57 td {
	width: auto;
	}
}

/* Minimum width of 768 pixels (tablet portrait)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 768px) {
/* Headlines */
h1 {
	font-size:24px;
	font-size:1.5rem;
}
h2 {
	font-size:22px;
	font-size:1.375rem;
}
h3 {
	font-size:20px;
	ont-size:1.25rem;
}
h4 {
	font-size:18px;
	font-size:1.125rem;
}
h5 {
	font-size:16px;
	font-size:1rem;
}
h6 {
	font-size:14px;
	font-size:0.875rem;
}
.entry-header h1.entry-title,
.entry-header h2.entry-title {
	padding: 30px 30px 25px;
}
.entry-content,
.entry-summary {
	padding: 0 30px 30px;
}
/* Header */
.site-title h1.title {
	padding:17px 0 0 0 !important;
	font-size:24px !important;
	font-size:1.5rem !important;
}
/* Custom Logo */
.site-title a.logo {
	max-width:200px;
}
/* Typography */
.entry-header h1.entry-title,
.entry-header h2.entry-title {
	padding: 30px 30px 25px;
	font-size:24px;
	font-size:1.5rem;
}
.entry-content p,
.entry-summary p {
	margin: 0 0 30px;
	font-size:17px;
	font-size:1.0625rem;
}
.entry-content p.intro {
	font-size:19px;
	font-size:1.1875rem;
}
.entry-meta,
.wp-pagenavi span.pages,
#content .wpcf7-form p,
.single-post .entry-meta .share-links-wrap h3.share-this,
.page .entry-meta .share-links-wrap h3.share-this,
#comment-nav {
	font-size:14px;
	font-size:0.875rem;
}
.entry-content a.more-link {
	font-size:16px;
	font-size:1rem;
}
/* Pages, Search Results, Archive */
.page-header {
	margin:20px;
	padding: 30px;
/*	background:#fff;ööö*/
	background:#fff;
}
/* Page Templates */
.page .entry-header h1.entry-title {
	font-size:28px;
font-size:1.75rem;
}
/* Footer */
.site-footer {
	margin: 20px;
}
.site-info {
	padding: 20px 30px;
}
.footer-nav {
	padding:0 0 6px;
}
.footer-nav .menu-item {
	padding:0 2px 0 0;
}
.footer-nav .menu-item:after {
	content: " \00b7 \0020";
}
.footer-nav .menu-item:last-child::after {
	content: "";
}
.site-info ul.credit {
	padding:0 30px 20px;
	text-align:center;
}
.site-info ul.credit li {
	padding:0;
	display:inline;
}
.site-info ul.credit li:after {
	content: " \00b7 \0020";
}
.site-info ul.credit li:last-child::after {
	content: "";
}
} /* diese Klammer nicht löschen! */

/* Minimum width of 1024 pixels (tablet landscape)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1024px) {

/* Page Templates */
.template-left-sidebar [role="banner"] {
	background: #69A6CC;
}
.entry-content p,
.entry-summary p {
	-webkit-hyphens: none;
   -moz-hyphens: none;
   hyphens: none;
}



}/* diese Klammer nicht löschen! */

/* Minimum width of 1260 pixels (13' and 15' screens)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1260px) {

.entry-header h1.entry-title,
.entry-header h2.entry-title {
	padding: 40px 40px 25px;
}
.site-title h1.title a {
	color:#2f4f4f !important;
}

.entry-content,
.entry-summary {
	padding: 0 40px 40px;
}
/* Off Canvas */
[role="banner"] {
	background:#fff;
}
/* Site Header */
#site-header {
	background:#fff;
	margin-bottom:30px;
	padding:30px 0;
}
.site-title {
	width:100%;
	text-align:center;
}
.site-title h1.title {
	margin:0 auto;
	padding:0 !important;
	font-size: 48px !important;
	font-size: 3rem !important;
	color:#151515;
}
.site-title h1.title a {
	color:#151515;
}
.site-title h2.description {
}
/* Custom Logo */
.site-title a.logo {
	max-width:100%;
	margin-bottom:20px;
}
/* Pages, Search Results, Archive */
.page-header {
	margin:0 0 30px;
	padding: 40px;
}
/* Widgets */
.widget {
	padding: 0 40px 60px;
}
.sidebar-left .widget,
.sidebar-right .widget {
	padding: 0 30px 60px;
}
/* Footer */
.site-footer {
	margin: 0;
}
.site-info {
	padding: 20px;
}
.site-info ul.credit {
	padding:6px 40px 20px;
	text-align:center;
}
/* Kontaktformular */
.wpcf7-form {
	width: 70%;
}

} /* diese Klammer nicht löschen! */

/* Minimum width of 1752 pixels (bigger desktop screens)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1752px) {
/* Regeln hier einfügen */
}