/*
Theme Name: Tiny Framework Child Stoll
Theme URI: http://mtomas.com/1/
Author: Tomas Mackevicius
Author URI: http://mtomas.com/
Description: Tiny Framework with its child themes was created with the future in mind and encompasses all the best features of the default WordPress themes in one place, adds full accessibility and Schema.org microdata format support. Fast start is ensured with very extensive documentation! Tiny Framework features elegant responsive mobile-first design of Twenty Twelve, HTML5 ready structure of Underscores, many improvements from Twenty Fifteen, custom per-post headers, three footer widgets, FontAwesome icon webfont and Google Fonts support. Web developers will enjoy integrated Theme Hook Alliance custom action hooks. It's all there, you have everything in one neat package. Theme supports Site Logo feature on WordPress.com, that is available with Jetpack plugin for self-hosted sites (can be also installed as a stand-alone plugin). Tiny Framework can be used as a learning tool or your own little web development "framework". With its unique "Coding Tips System" Tiny Framework helps to understand how to extend parent themes and build your own child themes, hacking them the way you want. You get the best coding examples from default WordPress themes and the best hacks from the child theme. Please read readme.txt of a parent theme for a quick start guide, tips and tricks. For more information please see: http://mtomas.com/1/
Template: tiny-framework
Version: 2.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready
Text Domain: tinyframeworkchild

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     16;
$line-height: 24;

We use rem for: font-size, margin, padding, width, max-width when using in px.

For easy calculation you may use this tool, set "Choose your <HTML> font-size (px)" to 16:
@link https://offroadcode.com/prototypes/rem-calculator/

---------- Examples

	padding: 5px 0;
	padding: 0.3125rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size:

	font-size: 16px
	font-size: 1rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.5rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

To calculate golden ratio for font size and line height you will need these tools:

http://www.pearsonified.com/typography/
http://cssleading.com

Sizes in rem units for quick reference:

 1px: 0.0625rem
 2px: 0.125rem
 3px: 0.1875rem
 4px: 0.25rem
 5px: 0.3125rem
 6px: 0.375rem
 7px: 0.4375rem
 8px: 0.5rem
 9px: 0.5625rem
10px: 0.625rem
11px: 0.6875rem
12px: 0.75rem
13px: 0.8125rem
14px: 0.875rem
15px: 0.9375rem
16px: 1rem
17px: 1.0625rem
18px: 1.125rem
19px: 1.1875rem
20px: 1.25rem
21px: 1.3125rem
22px: 1.375rem
23px: 1.4375rem
24px: 1.5rem
25px: 1.5625rem
26px: 1.625rem
27px: 1.6875rem
28px: 1.75rem
29px: 1.8125rem
30px: 1.875rem
31px: 1.9375rem
32px: 2rem
33px: 2.0625rem
34px: 2.125rem
35px: 2.1875rem
36px: 2.25rem
37px: 2.3125rem
38px: 2.375rem
39px: 2.4375rem
40px: 2.5rem
41px: 2.5625rem
42px: 2.625rem
43px: 2.6875rem
44px: 2.75rem
45px: 2.8125rem
46px: 2.875rem
47px: 2.9375rem
48px: 3rem
*/

/* Accessibility: Colors 
 * All major background and text colors are recorded here. 
 * Border and shadow colors are defined using rgba values.
 * Color contrast must meet a minimum of 4.5:1 luminosity ratio, or 3:1 for text rendered larger than 18pt/14pt bold
 *
 * For links:
 * A 4.5:1 contrast between the link text color and the background.
 * A 3:1 contrast between the link text color and the surrounding non-link text color.
 * More info at: http://webaim.org/blog/wcag-2-0-and-link-colors/
 */
/*Doris Farben
dunkelrot color: #872B3D;
dunkelblau 	color: #1F3A93;
hellblau color #e5f0f3;
*//* Site colors

Green for icon-font: #6ba420
Green for blockquote: #6ba420
Orange for widget titles and hover link state: #ff6111

Body text color: #222

Content links:

Link: #0066df
Visited: #800080
Hover, active: #dd3811

Headings: #333

Entry title:

In mobile view: #333
Link, visited: #000
Hover, active: #ff6111

Meta, comment links:

Link, visited: #555
Hover, active: #dd3811

Sidebar and footer links:

Link, visited: #555
Hover, active: #dd3811
Current and parent categories: #dd3811
*/

/* Table of Contents:
 *
 * 1.0 - Normalize
 * 2.0 - Typography
 * 3.0 - Elements
 *   3.1 - FontAwesome webfont
 * 4.0 - Forms
 *   4.1 - General styles first
 *   4.2 - Buttons
 *   4.3 - Twitter Bootstrap style button
 * 5.0 - Navigation
 *   5.1 - Links
 *   5.2 - Menus
 *   5.3 - Post, archive navigation
 * 6.0 - Accessibility
 * 7.0 - Alignments
 * 8.0 - Clearings
 * 9.0 - Widgets
 *   9.1 - General widget styles
 *   9.2 - Specific widget styles
 *   9.3 - Footer widget styles
 * 10.0 - Header
 *    10.1 - Site Header
 * 11.0 - Content
 *    11.1 - Posts and pages
 *    11.2 - Post Formats
 *    11.3 - Comments
 *    11.4 - Page templates
 * 12.0 - Footer
 * 13.0 - Media
 *    13.1 - Images
 *    13.2 - Captions
 *    13.3 - Galleries
 * 14.0 - Other styles
 *    14.1 - Twitter Bootstrap style alerts
 *    14.2 - Misc. styles
 * 15.0 - Media queries
 *    15.1 - Minimum width of 783 pixels (small screens - mobile phones, small tablets in portrait view mode)
 *    15.2 - Minimum width of 1100 pixels (average size screens - monitors, small tablets in landscape view mode, larger tablets)
 *    15.3 - Minimum width of 1240 pixels (big screens - widescreen monitors, high resolution tablets)
 *    15.4 - Retina-specific styles. This style cannot be processed by LESS
 * 16.0 - Print
 *    16.1 - Comments
 *
 * ----------------------------------------------------------------------------
 */


/* 1.0 Normalize
-------------------------------------------------------------- */


/* 2.0 Typography
-------------------------------------------------------------- */

/* Tip37 - automatically style author's name in a blockquote. Author's name should be enclosed in <cite>.
 *
 * The symbol list for content: @link http://www.w3schools.com/charsets/ref_utf_punctuation.asp
 */

 /*FONTS Local*/
/* yanone-kaffeesatz-200 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/yanone-kaffeesatz-v15-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/yanone-kaffeesatz-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/yanone-kaffeesatz-v15-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/yanone-kaffeesatz-v15-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/yanone-kaffeesatz-v15-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/yanone-kaffeesatz-v15-latin-200.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-300 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/yanone-kaffeesatz-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/yanone-kaffeesatz-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/yanone-kaffeesatz-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/yanone-kaffeesatz-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/yanone-kaffeesatz-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/yanone-kaffeesatz-v15-latin-300.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

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

/* yanone-kaffeesatz-700 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/yanone-kaffeesatz-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/yanone-kaffeesatz-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/yanone-kaffeesatz-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/yanone-kaffeesatz-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/yanone-kaffeesatz-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/yanone-kaffeesatz-v15-latin-700.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

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

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

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

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

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

 

 
.wp-caption .wp-caption-text{
  font-size: 12px;
font-size: 0.7rem;
}
blockquote cite:before {
	content: "\2012\00a0";
}
 
body,
#wrapper_main,
.widget_nav_menu .sub-menu .sub-menu > li > a,
#specs h1,
#specs h2 {
font-family: "Encode Sans", Arial, Helvetica, sans-serif;
} 
#page .metaslider .theme-default .nivo-caption,
.stollUeberschriftInline h1,
#additionalHeadline a,
#additionalHeadline h2,
h1.site-title,
h1.entry-title,
h2.entry-title,
h2.site-description,
.widget_nav_menu .sub-menu > li > a,
.widget-area .widget h3,
.figTitle h3,
.figTitle h3 a
{
  font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif ;
}
.figTitle h3{
color: #1F3A93;
} 
body, button, input, select, textarea {
    font-size: 12px;
    font-size: 0.73rem;/*0.75 entsprich 12px*/
    line-height: 1.8;
    text-rendering: optimizeLegibility;
}
    
.metaslider .theme-default .nivo-caption
{
  font-weight: 200;
}
.metaslider .theme-default .nivo-caption, 
#additionalHeadline a,
#additionalHeadline h2,
h1.site-title,
h1.entry-title,
h2.entry-title,
h2.site-description
{
  color:#999;
  text-shadow: 1px 1px 1px #dcdce5;
 /* white-space:nowrap; */
}
/*.single h1.entry-title,
.single h2.entry-title{
    font-size: 34px;
  font-size: 2.25rem;
} */
.stollUeberschriftInline h2,
.stollUeberschrift h2{
  font-size: 1rem;
  font-weight:normal;
  margin:0.8rem 0 0.1rem 0;
}

.stollUeberschriftInline h2,
.stollUeberschriftInline h1{
  display:inline;
}
.stollUeberschriftInline h3{
  font-size: 1.2rem;
  font-weight:500;
}
.entry-content .stollUeberschriftInline h4{
  font-size: 0.8rem;
  font-weight:600;
}
/*Zusatzüberschrift nicht grau sondern schwarz und dicker*/
.category #additionalHeadline a, 
.page-id-7373 #additionalHeadline h2,
.page-id-41 #additionalHeadline h2,
.page-id-2 #additionalHeadline h2,
.parent-pageid-2  #additionalHeadline h2, 
.patriarchID_34 #additionalHeadline h2,
html[lang*="de-DE"] .patriarchID_1167 #additionalHeadline h2,
.patriarchID_6646 #additionalHeadline h2,
/*.page-id-490 #additionalHeadline h2, aLaska Piks*/
/*.page-id-1407 #additionalHeadline h2, EN aLaska Piks*/
.page-id-43 #additionalHeadline h2,/*über stoll*/ 
.page-id-1067 #additionalHeadline h2,/*about stoll*/
.page-id-829  #additionalHeadline h2,/*Fotos und videos*/
.page-template-klassen #additionalHeadline h2, /*Gitarrenklassen*/
.page-template-links #additionalHeadline h2 /*Links-Seite*/
{
  color:#000;
  font-weight: 400;
}
/*Titel Instrumente, Testberichte, Reparaturen nicht doppelt anzeigen*/
.page-id-29 .entry-title,/*Ukulelen Übersicht*/
.page-id-26 .entry-title, /*Bässe Übersichtt*/
.page-id-41 .entry-title,/*Händler*/
.page-id-66 .entry-title, /*klassische Übersicht*/
.page-id-68 .entry-title, /*stahlsaiten Übersicht*/
.page-id-1422 .entry-title,/*Ukuleles Overview*/
/*html[lang*="de-DE"] .patriarchID_1167 .entry-title, */
.page-template-testberichte .entry-header h1.entry-title,
.page-id-2  .entry-title, 
.patriarchID_6646  .entry-title,
.patriarchID_34 .entry-title,
/*.page-id-1407 .entry-title, EN aLaska Piks*/
/*.page-id-490 .entry-title, aLaska Piks*/
.page-id-43 .entry-title,/*über stoll*/
.page-id-1067  .entry-title,/*about stoll*/
.page-id-829 .entry-title,/*Fotos und videos*/
.page-template-links .entry-title, /*Links-Seite*/
.page-template-klassen .entry-title /*Gitarrenklassen*/{
  display:none;
}
.lightboxVideo{
  display:none;
  z-idex:1000;
  background:transparent url('images/haendlerportrait.png') no-repeat center center;
}
.lightboxWrapper:hover .lightboxVideo{
  display:inline;
}
h2.entry-title
{
  letter-spacing: 2px;
  font-size: 26px;
  font-size: 1.6rem;

}
.widget_nav_menu .sub-menu > li > a,
.widget-area .widget h3,
.figTitle h3,
.figTitle h3 a{
  letter-spacing: 1px;
  font-size:22px;
  font-size:1.375rem;
  font-weight: 300;
  text-shadow: 1px 1px 1px #aaa;
}
.figTitle h3,
.figTitle h3 a{
  font-size: 22px; /*20px; */
  font-size:1.375rem; /* 1.25rem;  */
  line-height: 1.6;
}

#footer-widgets .widget .widget-title{
  font-size:26px;
  font-size:1.625rem;
}
.figTitle h3 {
  padding-top:10px;
  padding-bottom:6px;
  margin:0;
}
.figTitle h3,
.figTitle h3 a{
  line-height: 28px;
}

.widget_nav_menu .sub-menu .sub-menu > li > a{
  letter-spacing:0;
  text-shadow:none;
  text-indent: -10px;
  display: block;
}
#specs h1,
#specs h2{
  font-size: 12px;
  font-size: 0.73rem;
  font-weight:normal;
  text-shadow: none;
  letter-spacing:0;
  color:#777;
  margin-bottom: 0;
}

#wrapper_main {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 18px;
}
.dicker{
  font-weight:600;

}
/* 3.0 Elements
-------------------------------------------------------------- */
.site{
background:  url("images/bg_gradiant_stripe_top.png") repeat-x #fff;
}

a{
  text-decoration:none;
}
.entry-content a,.entry-content a:visited {
    color: #222bbb;/*#1F3A93; */
    font-weight:500;
}
.widget-area .widget a, .widget-area .widget a:visited {/*Betrifft auch Yanone-Schriften im Footer*/
    /*font-weight:400;  */
}
a:hover, a:active, a:focus,
.comments-link a:hover,.comments-link a:focus, 
.entry-meta a:hover,.entry-meta a:focus, 
.entry-header .title-comment-meta a:hover,.entry-header .title-comment-meta a:focus{
  color:#0066df;/*#090930; */
  text-decoration:underline;
}

#specs h1{
  margin:0;
}
.hoelzer{
  table-layout:fixed;
}
.hoelzer .header td,
/*.hoelzer .preise td,  */
.instrumentText #specs.hoelzer td:first-child,
.portfolioTexte #specs.hoelzer td:first-child{
  font-weight:bold;
   width:20%;
}

/*shortcode toggle*/


#page .activeTitle{
background:  url("images/toggle.png") no-repeat 4px -73px ; 
border-bottom:1px solid eee;
}
.toggle{
display:none;
}

#page .activetoggle{
display:block;
}


.toggler {
  background:url("images/toggle.png") no-repeat scroll 4px 10px #FFFFFF;
    cursor: pointer;
    display: block;
    margin-bottom: 18px;
    margin-left: 0px;
    padding: 1px 3px 5px 27px;
    position: relative;
    top: 1px;
    border-bottom:1px solid #eee;
}

.single-post .toggle_content{
padding:0 2px 0 0px;
}
.single-portfolio /*Doris 29.10.19*/ .toggle_content p {
    line-height: 18px;
    margin-bottom: 4px;
}
#dtoggle {
  margin-bottom:30px;
}
#dtoggle .toggler {
  background:transparent;
  cursor: pointer;
  display: inline;
  margin-bottom: 0;
  margin-left: 0px;
  padding: 0;
  border-bottom:0px;
  font-size: 12px;
  font-size: 0.73rem;
  color: darkblue;
  
}
#dtoggle .toggle_content {
    padding: 0 ;
}

#dtoggle .one_third,
#dtoggle .one_third p{
 padding-right:10px;
 padding-bottom:20px;
}

#dtoggle .wp-block-columns{
  margin-bottom:0;
  margin-right: 2.5em;
}

#dtoggle h6 {
  margin-bottom:12px;
  margin-bottom:0.75rem;
}


/*toggle Ende
*/



/*++++++++++++++++++++++Tabellen++++++++++++++++++++++++++++++++++++++++
.tablepress-id-3 .column-1 {
	width: 10%;
}
.tablepress-id-3 .column-2 {
	width: 16%;
}
.tablepress-id-3 .column-3 {
	width: 16%;
}
.tablepress-id-3 .column-4 {
	width: 16%;
}
.tablepress-id-3 .column-5 {
	width: 16%;
}
.tablepress-id-3 .column-6 {
	width: 5%;
}
.tablepress-id-3 .column-7 {
	width: 8%;
	vertical-align: middle;
}
.tablepress-id-3 .column-8 {
	width: 12%;
}                */
.tablepress-id-3{
	/*width:auto !important; geändert nach umstieg auf Händlerliste responsive*/
}                


.tablepress-id-3 thead tr {
    background-color: #d9edf7;
}
.tablepress-id-3 .column-6, .tablepress-id-3 .column-7, .tablepress-id-3 .column-8 {
	text-align: center;
}
.tablepress-id-3 td.column-6 a,
li[data-dt-column="5"] .dtr-data a {
	line-height: 38px;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 28px;
	background-image: url('images/haendlerportrait.png');
	background-repeat: no-repeat;
	text-decoration: none;
}

.tablepress-id-3 .column-7 a, #tablepress-3-no-2 .column-7 a {
	line-height: 50px;
	height: 50px;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 34px;
	color: darkred;
	text-decoration: none;
	background-image: url("images/onlineshop.png");
	background-repeat: no-repeat;
}
.tablepress-id-3 thead th, .tablepress-id-3 tfoot th {
	background-color: #e5f0f3;
	color: black;
}               
/*Pfeile*/
#tablepress-3_paginate .paginate_disabled_previous:before, #tablepress-3_paginate .paginate_enabled_previous:before, #tablepress-3_paginate .paginate_disabled_next:after, #tablepress-3_paginate .paginate_enabled_next:after {
	color: #e6c6d0;
}
#tablepress-3_paginate .paginate_enabled_previous:hover:before, #tablepress-3_paginate .paginate_enabled_next:hover:after {
	color: #872B3D;
}
/*Pfeile Ende*/
/*Überschriften*/
#tablepress-3  .sorting:hover, #tablepress-3  .sorting_asc, #tablepress-3  .sorting_desc {
	background-color: #c0d8e1;
}

 #tablepress-2 td:first-child{
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
 }
#tablepress-2.tablepress tfoot th, #tablepress-2.tablepress thead th {
    background-color: #e7f0f4;
    hyphens: auto;
    white-space:normal;
    word-wrap: break-word;
    /*text-transform: uppercase; */
    
}
.tablepress-id-2 tbody td, 
.tablepress-id-2 tfoot th, 
.tablepress-id-2 thead th {
   /* border-top: 1px solid #ddd;*/
    border-right: 1px solid lightgray;
}

.woerterbuch td:first-child {
	font-weight: bold;
	border-right: 0;
	border-left: 1px solid #ddd;
}
.woerterbuch tr:first-child td {
	border-top: 1px solid #ddd;
}

 table{
  table-layout: auto;
  border-collapse:collapse;
  border:0;
}
td,th {
    border: 0;
    background: #fff;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    color: #444;
    padding: 6px 6px 6px 12px;
}
th{
  font-weight:600;
}
.kastenBreit td:first-child,
.klassenTabelleVollbild td:first-child,
.klassenTabelleResponsive td:first-child{
  font-weight:600;
}
/*magic liquidizer*/
.ml-value strong{
  font-size:12px;
  text-transform: uppercase;
}
.ml-table{
  padding:0;
}
.ml-responsive-table dt:first-child{
  padding-top:0;
}
.ml-responsive-table dl:nth-of-type(2n){
  border:1px solid lightgrey;

} 
/*gestreife Tabelle, der Rest wird in Eltern style definiert*/
.streifen td,
.streifen th {
  background-color:transparent;
}

/*Ende gestreifte Tabelle*/
#specs td:first-child{
  width:40%;
} 
/*+++++++++++++++++++ Ende Tabellen +++++++++++++++++++++++++++++++*/
.clearfix:after {
content:"."; clear:both; display:block; height:0; visibility:hidden }
.clearfix {display: inline-block; }
/* Verstecke vor IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block; }
/* Ende Verstecke vor IE-mac */ 




/* 4.0 Forms
-------------------------------------------------------------- */

/* 4.1 General styles first */
	.site-header .search-container-mobile {
		display:none;
	}
/* 4.2 Buttons */

/* Make button text bold */
.btn-custom-blue,
.btn-custom-red,
.btn-custom-orange,
.btn-custom-green,
.btn-custom-black {
	font-weight: bold;
}

/* 4.3 Twitter Bootstrap style buttons */


/* 5.0 Navigation
-------------------------------------------------------------- */

/* 5.1 Links */

.breadcrumbs, .breadcrumbs a {
  font-size:11px;
  font-size:0.7rem;
  color:#444;
  text-decoration:none;
  margin-top:0;
}
.breadcrumbs a:hover {
  color:#444;
  text-decoration:underline;
}
.breadcrumbs span>a[href*="/videos/"],
.breadcrumbs span>a[href*="/portfolio/"],
.breadcrumbs span>a[href*="/staff/"],
.breadcrumbs span>a[href*="/testbericht-uebersicht/"],
.breadcrumbs span>a[href*="/reviews__trashed/"]{
  display:none;
}

.breadcrumbs span>a:after{
  content:"\00a0 \00bb"; /*leerzeichen und doppelpfeil*/
}
html[lang*="de-DE"] .en,
html[lang*="en-US"] .de {
  display:none;
}
/*html[lang*="de-DE"] .breadcrumbs .en a,
html[lang*="en-US"] .breadcrumbs .de a {
  display:none;
}
.blog .de:after,
.category .de:after,
.blogpageChild .de:after,
.page .de:after,
.blog .en:after,
.category .en:after,
.blogpageChild .en:after,
.page .en:after{
  content:"\00bb \00a0"; doppelpfeil und leerzeichen
}                                                    */
/* 5.2 Menus */
/*toggle Menu nur erste Ebene anzeigen*/
	.main-navigation.toggled ul {
    display:none;
	}
/*toggle Menu erste Unterebene anzeigen, wenn man auf einer Unterseite ist*/
.main-navigation.toggled .current-menu-item>ul,
.main-navigation.toggled .current-menu-ancestor>ul {
  display:block;
	}
.main-navigation.toggled .current-menu-item>ul>li,
.main-navigation.toggled .current-menu-ancestor>ul>li  {
  font-size:12px;
	}
.main-navigation.toggled .sub-menu a{
  padding-top:5px;
  padding-bottom:5px;
}
.main-navigation.toggled #primary-menu>li>a{
   color:#6e0017;    /*dunkelrot*/

  }
/*  .main-navigation.toggled .menu-item:hover>ul {
    display:block;
	} */

.widget_nav_menu .sub-menu .sub-menu a,
.widget-area .widget p, 
.widget-area .widget li
{
  font-size:12px;
  font-size:0.75rem;

}
.widget_nav_menu .sub-menu a{
  font-size:18px;
}
.widget-area .widget_categories ul li, .widget-area .widget_nav_menu ul li {
   text-transform: none;
   font-size:12px;
   font-size:0.75rem;
}
.widget-area .widget_nav_menu ul ul>li,
.widget-area .widget ul ul {
  list-style: none;
  margin-left: 0;
 }

 .widget-area .widget ul ul ul {
  margin-left: 10px;
 }
/*#secondary .widget-area .widget a,
#footer-widgets a{
  color:#111;
 } */
#secondary.widget-area .widget a:hover,
 #footer-widgets a:hover{
  text-decoration:none;
 }
/*#secondary.widget-area .widget a:hover, */
.widget_nav_menu .sub-menu .sub-menu > li > a:hover,
 #footer-widgets a:hover,
.widget_nav_menu .sub-menu .current_page_item .sub-menu a,
.widget_nav_menu .sub-menu .current_page_item .sub-menu a:visited,
.widget_nav_menu .sub-menu .sub-menu a,
.widget_nav_menu .sub-menu .sub-menu a:visited {
  color:#000;
 }
 #footer-widgets a:hover,
 #footer-widgets a:visited,
 #footer-widgets .sub-menu .sub-menu a:active,
 #footer-widgets .sub-menu .sub-menu a:focus {
  color:#fff;
 }
.widget-area .widget .current-cat, 
.widget-area .widget .current-cat a, 
.widget-area .widget .current-cat a:visited, 
body .site-content .widget-area .widget .current-cat-parent .current-cat, 
body .site-content .widget-area .widget .current-cat-parent .current-cat a, 
body .site-content .widget-area .widget .current-cat-parent a, 
body .site-content .widget-area .widget .current-cat-parent a:visited,
body .site-content .widget-area .widget .current-cat-parent .current-cat a:visited, 
.widget-area .widget .current-cat-ancestor .current-cat,
.widget-area .widget .current-cat-ancestor .current-cat a a:visited,
.widget-area .widget .current-cat-ancestor .current-cat,
.widget-area .widget .current_page_item, 
.widget-area .widget .current_page_item a, 
.widget-area .widget .current_page_item a:visited, 
.widget-area .widget .current_page_parent .current_page_item, 
.widget-area .widget .current_page_parent .current_page_item a, 
.widget-area .widget .current_page_parent .current_page_item a:visited {
    color: black;
   /*font-weight:bold; */
}

   
/*.widget_nav_menu .sub-menu:first-child li a:hover{
  color:pink;
}*/

/*MENU SIDEBAR*/

/*Top-Menu und widgets in der sidebar komplett ausblenden*/
#secondary .menu-topmenu-container li,
#secondary .widget_listcategorypostswidget,
#secondary .recent-posts-extended,
#secondary .widget_text,
#secondary .widget_categories,
/*en*/#secondary #tag-widget-2,
/*de*/#secondary #tag-widget-3,
/*de/en*/#secondary #media_image-2,
/*de/en*/ #secondary #mla-text-widget-4
 {
  display:none; 
}

/* Bis auf Videos und Blogbereich werden alle Menüs aus dem Topmenu generiert
Menus anzeigen bei bestimmten Seiten*/
/*gültig für alle Teile des Topmenüs, würde auch Blogmenü anzeigen*/
#secondary  .widget_nav_menu #menu-topmenu .menu-item.current-page-ancestor,
#secondary .widget_nav_menu #menu-topmenu .menu-item.current-page-ancestor li,
#secondary  .widget_nav_menu #menu-topmenu .menu-item.current_page_ancestor,
#secondary .widget_nav_menu #menu-topmenu .menu-item.current_page_ancestor li,

#secondary  .widget_nav_menu #menu-topmenu .menu-item.current_page_item,
#secondary .widget_nav_menu #menu-topmenu .menu-item.current_page_item li,
/*gültig im Blogbereich. Hier statt topmenü Widgets anzeigen*/
/*Übersichtsseite*/
.blog #secondary .widget_categories,
.blog #secondary #text-4,
html[lang*="de-DE"] .blog #secondary #rpwe_widget-11,/*letzte Beiträge aus allen Kategorien*/
html[lang*="en-US"] .blog #secondary #rpwe_widget-7,/*letzte Beiträge aus allen Kategorien*/
/*Kategorieseiten*/
.category #secondary .widget_listcategorypostswidget,
.category #secondary .widget_categories,
.category #secondary #text-4,
/*Einzelbeiträge*/
.single-post #secondary .widget_listcategorypostswidget,
.single-post #secondary .widget_categories,
.single-post #secondary #text-4,
/*gültig im Videobereich- erst zeigen, wenn alle Videos ein featured image haben*/
/*Videoübersicht DE/EN*/.page-template-videos #secondary #rpwe_widget-2,  /**/
/*Photos and Videos page*/.page-id-43 #secondary #rpwe_widget-2,  
/*Fotos und Videos Seite*/.page-id-829 #secondary #rpwe_widget-2,
/*Einzelvideos*/.single-videos #secondary #rpwe_widget-2,           
/*de*/.single-videos #secondary .widget_nav_menu #menu-topmenu .menu-item-7599,
/*de*/.single-videos #secondary .widget_nav_menu #menu-topmenu .menu-item-7599 li,
/*en*/.single-videos #secondary .widget_nav_menu #menu-topmenu .menu-item-3745,
/*en*/.single-videos #secondary .widget_nav_menu #menu-topmenu .menu-item-3745 li,
/*Videos Geschwisterseiten*/html[lang*="de-DE"] .patriarchID_829 #secondary #rpwe_widget-2, 
/*videos Geschwister*/html[lang*="en-US"] .patriarchID_43 #secondary #rpwe_widget-2,
/*Seite Reparaturen*/
/*en*/ .page-repairs #secondary #tag-widget-2,
/*en*/ .page-repairs #secondary #media_image-2,
/*de*/ .page-id-34 #secondary #tag-widget-3,
/*de*/ .page-id-34 #secondary #media_image-2,
/*de/en*/.page-id-34 #secondary #mla-text-widget-4
  {
  display: block;
}
/*topmenu auch im Blogbereich ausblenden*/
.blog #secondary  .widget_nav_menu #menu-topmenu .menu-item.current-menu-item,
.category #secondary .widget_nav_menu #menu-topmenu .menu-item.current-menu-ancestor,
/*link Videos im Menü Fotos und Videos immer ausblenden großer roter menüpunkt wird ersetzt durch widgettitle - erst ausblenden, wenn Videos eingeblendet werden*/
/*de*/#secondary .widget_nav_menu #menu-topmenu .menu-item-7599.menu-item-has-children .menu-item-7608,  
/*en*/#secondary .widget_nav_menu #menu-topmenu .menu-item-3745.menu-item-has-children .menu-item-3755  {
  display:none;  
}
/*Überschrift menu instrumente anzeigen*/
#secondary .widget_nav_menu #menu-topmenu >li>a {
  /*  border-bottom: 1px solid #ddd;  */
    display: block;
    margin-bottom: 20px;
    color: #bbb;
    text-transform: uppercase;
}
/*alle Menus in der sidebar bekommen den Vorsatz Menu*/
#secondary .widget_nav_menu #menu-topmenu >li>a:before {
   content:"Menu " ;
}
/*Testimonial-Slider auf Seite Bewertungen und Reparaturen weglassen*/
.page-id-12841 #secondary #mla-text-widget-3,
.page-id-6841 #secondary #mla-text-widget-2,
/*en*/.page-id-34 #secondary #mla-text-widget-2,
/*de*/.page-id-34 #secondary #mla-text-widget-3
{
	display:none;
}
/*aber in der sidebar anzeigen*/
.sidebar .widget_nav_menu #menu-item-2842 .sub-menu {
} 


.widget_nav_menu #menu-topmenu > li>.sub-menu>li>a, .sidebar .widget_categories a 
 {
  border-bottom:1px solid #ddd;
  margin-bottom:10px;
  display: block;
}
/*.widget_nav_menu #menu-topmenu > li>.sub-menu>li>a, .sidebar .widget_categories a ,*//*1. Ebene auch für Cat*/
/* #secondary #rpwe_widget-2 .widget-title>a, */
#secondary .menu-item a[title="menupunktRot"],
#secondary.widget-area .widget h3.widget-title a,
#secondary.widget-area .widget h3.widget-title a:visited {
   color:#872B3D; /*dunkelrot*/
}

/*AKTUELLE MENÜPUNKTE fett*/
/*.postid-348 .widget_nav_menu a[href*="page_id=348"],Primera*/
/*die andern in der Art alle entfernt siehe style 060116*/


/*.patriarchID_829 .widget-area .widget .current_page_parent .current_page_item a, */
.page-id-746 .widget-title a,/*Menu Video Überschrift fett auf Videoseite*/
.single-videos .widget-title a, /*Menu Video Überschrift fett bei Einzelvideo*/
/*de bearbeiten*/.single-videos.patriarchID_829 #menu-item-7608 a .wpmega-link-title,  


/*Kategorien fett*/
.category .current-cat a,
.single-post .widget_listcategorypostswidget .current
{
   font-weight:400; /*bold*/
}


.entry-content .filter .currentFilter a /*Sortiermenüs*/
{
  color:#222bbb;

}

.widget-area .widget_nav_menu ul ul .current-menu-item > a /*ul ul, damit nicht die grauen Menüüberschriften fett werden*/
/*#secondary .widget-area .widget_nav_menu ul ul li.current-menu-item a*/{
  font-weight:bold; /*400 060116 bei den kleinen geht nur bold. 400 sieht man da nicht*/
}


#secondary .current_page_parent > a[title="menupunktRot"],
#secondary .current-menu-item > a[title="menupunktRot"]{
  font-weight:400; /*400 reicht bei den roten, bold ist zu fett*/
}

/*aktuelle kategorie fett bei Einzelblogbeitrag*/
.single-post.postPatriarchID_44 .widget_categories .cat-item-44 a,
.single-post.cat_36 .widget_categories .cat-item-36 a,
.single-post.cat_34 .widget_categories .cat-item-34 a, 
.single-post.cat_32 .widget_categories .cat-item-32 a,
.single-post.cat_11 .widget_categories .cat-item-11 a,
.single-post.cat_1  .widget_categories .cat-item-1 a,
.single-post.cat_37 .widget_categories .cat-item-37 a,
.single-post.cat_47 .widget_categories .cat-item-47 a,
.single-post.cat_48 .widget_categories .cat-item-48 a,
.single-post.cat_16 .widget_categories .cat-item-16 a,
.single-post .secondary .widget_listcategorypostswidget li.current a, /*ohne .single-post wird der letzte Beitrag in der Kategorieübersicht fett*/
.widget-area .widget .current-cat a/*für Listenansicht einer Kategorie*/ 
 {
  color:black;
  font-weight:bold;
}


/*ENDE AKTUELLE MENÜPUNKTE fett*/


 
/*sidebar menu blog*/

.sidebar .widget_recent_entries li, .sidebar .widget_categories li, .sidebar .widget_pages li, .sidebar .widget_meta li, .sidebar .widget_archive li, .sidebar .widget_links li {
    width: 100%;
}

.sidebar .widget_recent_entries a{
  background:none;
}


/*Ende sidebar menu blog*/ 
/*ENDE MENU SIDEBAR*/


/* Small (mobile) menu */

/* From Expound css/expound.css */
.site-header .menu-toggle {
	background: #3a3a3a;
	color: #fff;
	font: 16px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	padding: 10px 20px;
	padding: 0.625rem 1.25rem;
}
.site-header .menu-toggle:hover,
.site-header .menu-toggle:focus {
	background: #e5f0f3;
}
.site-header .menu-toggle:before {
	content: "\2261";
	font-size: 20px;
	font-size: 1.25rem;
	margin-right: 7px;
	margin-right: 0.4375rem;
}
.main-navigation, .main-navigation .menu-toggle,  .main-navigation .menu-toggle:hover {
  background-color: #e5f0f3;  /*hellblau*/
  color:black;
    }
.main-navigation.toggled, .main-navigation.toggled .menu-toggle {
	background: #e5f0f3;
}
.main-navigation.toggled {
  line-height: 1.15;
  font-size: 13px;
  font-size: 0.825rem;
}
.main-navigation.toggled a {
	color: #000;
	padding: 10px 40px;
	padding: 0.625rem 2.5rem;
	text-decoration: none;
}
.main-navigation.toggled ul > .current_page_item > a, .main-navigation.toggled ul > .current-menu-item > a {
    background: #117bb8;
    color:white;
}
.main-navigation.toggled li a {
	background: #e5f0f3;

}
.main-navigation.toggled li a:hover {
	background: #bfd8e5;
    color:white;
}
.main-navigation.toggled ul > .current_page_item > a,
.main-navigation.toggled ul > .current-menu-item > a {
	background: #9dc6dd;
}

/* Tip10 - Add Twenty Thirteen search form to WordPress nav menu */
.menu-item.menu-item-search {
	float: right;
	margin: 4px 0 0 0;
	margin: 0.25rem 0 0 0;
}
.site-header input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	padding-right: 0.125rem; /* Don't cut off the webkit search cancel button */
	width: 270px;
	width: 19.285714286rem;
}
.site-header input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
.site-header .search-form [type="search"],
.site-header .search-form [type="text"] {
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: 28px;
	margin: 3px 0;
	margin: 0.1875rem 0;
	padding: 0 0 0 40px;
	padding: 0 0 0 3rem;
    /*padding-right:10px; */
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}
.site-header .search-form [type="search"]:focus,
.site-header .search-form [type="text"]:focus {
	background-color: #f5f5f5;
	border: 1px solid #bbb;
	cursor: text;
	outline: 0;
	width: 130px;
	width: 12rem;

	-webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.site-header .search-form [type="submit"] {
	display:none;
}
/* Hide top menu search in child themes for the mobile menu */
.menu-item.menu-item-search {
	display:none;
}

/* Tip86 - Style social icons manualy added in the sidebar. Check also media queries for additional styles. */
.widget-area .widget .social-link {
	font-size: 30px;
	font-size: 1.875rem;
	/* Increasing spacing for tap targets */
	line-height: 1.2;
	margin: 0 24px 24px 0;
	margin: 0 1.5rem 1.5rem 0;
	vertical-align: middle;
}
.widget-area .widget a.social-link,
.widget-area .widget a .social-link,
.widget-area .widget a:visited.social-link,
.widget-area .widget a:visited .social-link {
	color: #777;
}
.widget-area .widget a:hover.social-link,
.widget-area .widget a:hover .social-link,
.widget-area .widget a:active.social-link,
.widget-area .widget a:active .social-link {
	color: #ff6111;
}
.social_bookmarks li a[href*="facebook.com"]::before {
				content: '\f203';
				color:   #3b5998;
        font-size:40px;
        background-color:white;
			}
/* 5.3 Post, archive navigation */

/* Tip27 - Uncomment next code line to disable "previous article - next article" navigation below the content of a post */

/* 
.post-navigation {
	display:none;
}
*/

/* Tip88 - Customize color scheme: Navigation links for archive and single views (Previous, Next page of articles and article) */
/* Tip88 - Customize color scheme: Styles for page titles for categories, tags, etc. */
.page-title {
	color: #872B3D;
	font-size: 23px;
	font-size: 1.4375rem
}

/*.nav-links {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 28px;
    line-height: 1.75rem;
} */
.nav-links a,
.nav-links a:visited {
	color: #090930; 
	-webkit-tap-highlight-color: rgba(47, 83, 120,1);
}
.nav-links a:focus {
	background-color: rgb(47, 83, 120);
	color: #fff;
}



/* 6.0 Accessibility
-------------------------------------------------------------- */

/* Text meant only for screen readers */


/* 7.0 Alignments
-------------------------------------------------------------- */

body .site {
    padding-top: 16px;
    padding-top: 1rem;
    padding: 16px 24px;
    padding: 1rem 1.5rem;
    margin-bottom:0;/*wenn der footer nicht innerhalb #page ist*/
}
/* 8.0 Clearings
-------------------------------------------------------------- */


/* 9.0 Widgets
-------------------------------------------------------------- */

/* 9.1 General widget styles */

/* 9.2 Specific widget styles */
.widget-title {
  font-size: 14px;
  font-size: 0.875rem;
  text-shadow: none;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #111;
  border-bottom:1px solid #bbb;
}
.widget-area .widget h3 {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  color: #872B3D;
  /*margin-top: 16px;
  margin-top: 3rem; 
  margin-bottom: 16px;
  margin-bottom: 1rem;  */
}
.widget-area .widget_categories a, 
.widget-area .widget_categories a:hover,
.widget-area .widget_categories a:active, 
.widget-area .widget_categories a:focus, 
.widget-area .widget_categories a:visited, 
.widget-area .widget_nav_menu a, 
.widget-area .widget_nav_menu a:visited,
.widget-area .widget_nav_menu a:active,
.widget-area .widget_nav_menu a:focus,
.widget-area .widget .current-cat a:visited
 {
    color: #555;
    text-decoration: none;
}
.widget-area .widget_categories a:hover,
.widget-area .widget_categories a:active,
.widget-area .widget_categories a:focus,
.widget-area .widget a:hover,
.widget-area .widget a:active,
.widget-area .widget a:focus{
  color: #000;
  text-decoration: none;
}
body #secondary.widget-area .widget .textwidget a,
body #secondary.widget-area .widget .textwidget a:visited {
	text-decoration: none;
  color: #222bbb;
  font-size:13px;
  font-weight:500;
}
body #secondary.widget-area .widget .textwidget a:active,
body #secondary.widget-area .widget .textwidget a:focus,
body #secondary.widget-area .widget .textwidget a:hover{
  color:#0066df;
  text-decoration:underline;

}
.secondary .widget_listcategorypostswidget li {
  margin:0;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  margin-top: 6px; 
  margin-top: 0.5rem;
}

#secondary .widget_listcategorypostswidget li{
    border-bottom:1px solid #ddd;
    padding-bottom:2px;
    padding-top:8px;
}
#listcategorypostswidget-2 ul{
  margin-left:0;
}
.widget-area .widget_categories li  {
  border-bottom:0;
}
/*menu blog*/    
.widget-area .widget_text h3{   
  font-size: 13px;
  font-size: 0.8rem;
font-family: "Encode Sans", Arial, Helvetica, sans-serif; 
  text-shadow:none;
  /*border-bottom: 1px solid #ddd; */
  display: block;
  letter-spacing: 0px;
  color: #bbb;
  text-transform: uppercase; 
}
.widget_text .widget-title {
  border-bottom:0;
}


/* Styles for Categories and Pages widgets */

/* 9.3 Footer widget styles */
/*#colophon{
background:  url("images/bg_high-grain.png") repeat-x bottom center #090930;
}*/ 
 
.site-footer {
	max-width: 85rem;
  padding:3rem;
  margin: 0px auto 0 auto;
  margin: 0 auto 0 auto;  /*wenn footer nicht in #page ist*/
}
#footer2{
  max-width: 85rem;
  margin: 0 auto 1rem auto;  /*wenn footer nicht in #page ist*/
  padding:1rem 3rem 1rem 3rem;
  background-color:#090930;
  color:#ddd;
  }
#footer2 .tabelle{
  padding-top:20px;
}
#footer2 .zelle{
 padding-bottom:0;
 vertical-align: top;

}
#footer2 a{
color:#729dc8;
}
#footer2 a:hover{
  color:#2F5378;
}
.sozialeBookmarks{
  list-style-type:none;
  display:block;
}
.facebook img{
  width:28px;
}

.sozialeBookmarks{
 padding:0;
 margin:0;
  
}
/*#footer2:after,
#footer2:before
 {
	content: "";
	display: table;
	line-height: 0;
	table-layout: fixed;
} */
.site-footer {
  background: #2E5277;
  /* Old browsers */

  /* IE10 Consumer Preview */
  background-image: -ms-radial-gradient(center top, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
  /* Mozilla Firefox */
  background-image: -moz-radial-gradient(center top, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
  /* Opera */
  background-image: -o-radial-gradient(center top, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #fbfbfb), color-stop(1, #ffffff));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-radial-gradient(center top, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
  /* W3C Markup, IE10 Release Preview */
/*background: -moz-linear-gradient(top, #090930, #badafb); 
background:linear-gradient(0deg,  #badafb 2%,#090930 30%)   */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+1,7db9e8+41&1+13,1+60,0+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f234f+2,fcfcfc+100&1+0,0.82+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f234f+79,fcfcfc+99&1+0,0.82+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f234f+79,fcfcfc+99&1+0,0.82+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f234f+79,fcfcfc+99&1+0,0.82+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#030249+21,8abbd7+75,066dab+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#030249+21,054089+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#030249+21,054089+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#030249+21,054089+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#090930+21,133c66+100 */
background: rgb(9,9,48); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(9,9,48,1) 21%, rgba(19,60,102,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(9,9,48,1) 21%,rgba(19,60,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(9,9,48,1) 21%,rgba(19,60,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#090930', endColorstr='#133c66',GradientType=0 ); /* IE6-9 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#090930+21,133c66+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#090930+6,133c66+58 */
background: rgb(9,9,48); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(9,9,48,1) 6%, rgba(19,60,102,1) 58%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(9,9,48,1) 6%,rgba(19,60,102,1) 58%); /* Chrome10-25,Safari5.1-6 */
background: url("images/bg_high-grain.png") repeat-x bottom center, linear-gradient(to bottom,  rgba(9,9,48,1) 6%,rgba(19,60,102,1) 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#090930', endColorstr='#133c66',GradientType=0 ); /* IE6-9 */
}
.rpwe-block ul{
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}

.rpwe-block li{
border-bottom: 1px solid black;
margin-bottom: 10px;
padding-bottom: 10px;
list-style-type: none;
}
.site-footer .rpwe-block li{
border-bottom: 0px !important; }


.rpwe-block a{
display: inline !important;
text-decoration: none;
}

.rpwe-block h3{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400;
font-size: 12px !important;
line-height: 1.5em;
}

body .rpwe-thumb{
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
border:0 !important;
}

.rpwe-summary{
font-size: 12px;
}

.rpwe-time{
color: #bbb;
font-size: 11px;
}

.rpwe-comment{
color: #bbb;
font-size: 11px;
padding-left: 5px;
}

.rpwe-alignleft{
display: inline;
float: left;
}

.rpwe-alignright{
display: inline;
float: right;
}

.rpwe-aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: "";
display: table !important;
}

.rpwe-clearfix:after{
clear: both;
}

.rpwe-clearfix{
zoom: 1;
}

.rpwe-block h3 a {
    font-weight: 300;
    font-size: 18px !important;
    line-height: 1.5em; 
}  

.sidebar .rpwe-block h3 a {
  font-size:12px;
  font-size:0.75rem !important;
  font-family: "Encode Sans", Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  text-shadow: 0 0 0;

}

#footer-widgets .widget-title,
#footer-widgets a, #footer-widgets a:visited,
#footer-widgets .rpwe-summary { /*bei blauem footer*/
  color: #ddd;
}
#footer-widgets a:active,
#footer-widgets a:focus {
	color: #ddd; /*nicht rot*/
	text-decoration: none; /*keine Unterstreichung*/
}
/* Four footer widget areas. Additional styles at 15.0 Media queries */


/* 10.0 Header
-------------------------------------------------------------- */

/* 10.1 Site Header */

/* Tip88 - Customize color scheme: Site Title and Description - can also be changed via Admin > Appearance > Customizer */
/************************************************************************
plugin languageSwitcher
*************************************************************************/

#languageSwitcher>a{
color:#872B3D;
font-weight:bold;
font-size:0.9rem;
}

/*.language_item a:before{
content:"|"}*/
/************************************************************************
Ende plugin languageSwitcher
*************************************************************************/
.site-header {
    text-align: left;
}
/*
.site-header .site-title a,
.site-header .site-description a {
	color: #515151;
}
.site-header .site-title a:hover,
.site-header .site-description a:hover {
	color: #ff6111;
}
.site-header .site-title {
	color: #515151;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.285714286;
}
.site-header .site-description {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.8125rem;
	color: #757575;
}
*/




/* 11.0 Content
-------------------------------------------------------------- */

/* 11.1 Posts and pages */
/*.site-content{

-webkit-box-shadow: 0px -24px 26px -33px rgba(117,117,117,0.23);
-moz-box-shadow: 0px -24px 26px -33px rgba(117,117,117,0.23);
box-shadow: 0px -24px 26px -33px rgba(117,117,117,0.23);
} */
.entry-header .entry-title {
	font-weight: 400; /*300*/

}
.entry-header .entry-title,
.entry-header .entry-title a,
.entry-header .entry-title a:hover,
.entry-header .entry-title a:focus
 {
		color: #333;
		/* Tip32 - Add shadow to post/page title. Usage: text-shadow: horizontal-offset vertical-offset blur color; last digit of rgba sets opacity */
		/* text-shadow: 1px 1px 3px rgba(0,0,0,0.2); */
	}
.single .entry-content p, .single .entry-summary p, .single .comment-content p, .single .mu_register p, .page .entry-content p, .page .comment-content p {
    margin: 0 0 8px;
    margin: 0 0 0.5rem;
}
.entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 {

  font-size: 1.1rem;
  font-weight:normal;

  margin:0.8rem 0 0.1rem 0;
}

/*Galerien und Portfolio-Item Darstellung aus Avisio-child*/
.entry img{
padding:4px;
display:block;
border:1px solid #ddd;
}
.previews300 /*für Format 300x450*/ {
margin-top:15px;
/*width:260px; 
float:left;         */
font-size:0;
}
.previews300 a{
padding-right:5px;
float:left;
padding-top: 4px;
/*display: block;  */
}
.previews300 img{
width:225px;
height:337.5px;
}

.previews {
margin-top:15px;
font-size:0;
}
.previews a{
padding-right:5px;
float:left;
padding-top: 4px;
}
.previews img{
width:200px;
height:300px;
}

.bigPreviews img{
  width:150px;
  height:auto;
   /* box-shadow:3px 3px 6px #666; */
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5);

}
.bigPreviews a{
  float:left;
  padding-right:5px;
  padding-top: 4px;
}
.miniPreviews {
margin-top:15px;

}
.miniPreviews a{
padding-right:0px;
float:left;
padding-top: 4px;
margin:0;
                                            }

.miniPreviews .gallery{
  margin-bottom:0;
}
.miniPreviews img {
  width: 120px;
  height: 120px;
  padding: 1px;
  border-radius: 0;
 }
.miniPreviews .toggle_content{
  padding-left:0;
}
/*Videovorschau in dieselbe Reihe
.miniPreviews .gallery:before,
.miniPreviews .gallery::after{
  display:inline;
}       */

/*.gallery .gallery-icon img,
.gallery .gallery-icon img:hover{
  border: 1px solid #ddd;
  box-shadow:0;
  margin:0;
} */

.videoVorschau img{
background-color:#bbb;
margin-right:4px;
}
#js_sort_items {
  top:12px;
}
#js_sort_items div{
  font-size:20px;
}
#js_sort_items a{
  padding-bottom:4px;
}
.bilderGalerie a{
padding-right:5px;
padding-bottom:5px;
float:left;
}
.bilderGalerie img{
width:120px;
height:120px;
}
.einzelbildLinks{
  float:left;
  padding:0;
  padding-right:10px;
  margin-left:-7px;
 }
.einzelbildRechts{
  float:right;
  padding:0;
  padding-left:10px;
   }
/*.schaukasten{ Pythagoras im Artikel Fanned Frets
  float:right; 
  background-color: #eee; 
  border: 1px solid #ddd; 
  margin-left: 20px; 
  margin-bottom: 10px; 
  padding: 10px;
}                      */
.boxShadow img{
  box-shadow:3px 3px 6px #666;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5);
}

#top .boxShadow .wp-caption{
  border:none;
}
 .bildunterschrift, .bildunterschriftQuer, .einzelbildRechts .gallery-caption{
  /*padding-left:6px;   */
  font-style:italic;
  text-align:center;
  max-width:206px;
}

.bildunterschriftQuer,
 .gallery-caption{
  width:300px;
}
.gallery-columns-8 .gallery-icon img{
  max-width:100%;
}
.gallery-item{
  text-align:left;
  width:auto;
}

.page-portfolio-werbung .gallery-columns-3 .gallery-item {
  padding-right:20px;
  border:5px solid white;
  margin: 0 0.25rem 0.4375rem 0;
  /*margin-bottom:20px;
  margin-right:20px;*/
}
.galerie .gallery-item{
  float:left;
  padding:4px;
  padding-bottom:0;
}
.galerie .gallery-item img{
  /*box-shadow:#aaa 2px 2px 2px;
  box-shadow:3px 3px 6px #666;  
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5); */  
  border: 5px solid #fff;
}
/*.gallery .gallery-icon img:hover {
  border: 5px solid #fff;
} */

.galerie .gallery-caption, .gallery-size-Mq .gallery-caption{
  padding-top:2px;
  /*padding-left:6px; */
  font-style:italic;
  text-align:center;
  margin-bottom:10px;
}
.galerie .toggle_content, .bigPreviews .toggle_content {
    padding: 0px 2px 0px 1px;
}

.galerie.singles a{
  float:left;
  padding:10px;
}
.galerieS .gallery-item img{
  /*box-shadow:#aaa 2px 2px 2px;*/
  box-shadow:3px 3px 6px #666;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5);
}
.galerieS .gallery-caption{
  padding-top:10px;
  padding-left:6px;
  width:130px;
  font-style:italic;
  text-align:center;
}

.marginRight .gallery-item{
  margin-right:15px;
}
.marginRight figure{
  padding-right:15px;
}
/*.portfolioContainer{
  max-width: 800px;
  display:flex;
  justify-content: left;
  align-items: left;
  
} */
.portfolioBilder{
  float:left;
  /*background-color: lightgrey;  */
   width:260px;  
 
  /* flex: 3;
   order: 1; */
  
  }
.portfolioBilder .instrumentWrapper{
  padding-top: 0;
}

.portfolioBilder .instrumentWrapper img{
  margin-top:6px;
  float:left;
  width:250px;
  border:2px solid white;
  /*box-shadow:1px 1px 4px #ddd;*/
}
.portfolioBilder .miniPreviews img {
  width: 120px;
  height: 120px;
  padding: 1px;
  border-radius: 0;
  border:2px solid white;
 }

.portfolioBilder .gallery .gallery-icon img {
  /* margin: 0.3125rem 0.1875rem 0.4375rem 0.1875rem; */
  margin: 0.1rem 0.1875rem 0.1rem 0.1875rem;

}

.portfolioTexte{
  float:left;
  width:50%;
  padding-left:2%;
}  

.portfolioTexte #specs{
    table-layout:fixed;
}
.instrumentWrapper{
  clear:both;
  padding-top: 20px;
}
.instrumentWrapper img{
  margin-top:6px;
  float:left;
  width:240px;
 /*height:196px;*/
}

.instrumentText{
  margin-top:0px;
  float:left;
 
}  
.miniPreviews .gallery-item,
.videoVorschau
{
  display:inline;
}
.blog .instrumentText{
  margin-left:0;

}
/*ENDE Galerien und Portfolio-Item Darstellung aus Avisio-child*/

.entry-thumbnail .wp-post-image {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* You can try using these CSS rules if you place small size (thumbnail) image that is aligned to the left */

/*
.entry-thumbnail img.wp-post-image {
	margin: 24px 24px 0 0;
	margin: 1.5rem 1.5rem 0 0;
	width: auto;
}
*/

/* Entry-meta for specific post formats */

/* Author profiles */

/* 11.2 Post Formats */

/* 11.3 Comments */
.entry-header .entry-meta .comments-link, .bypostauthor cite .post-author-label{
  display:none;
}
.comments-area article header cite, .comments-area article header time {
    margin-left: 0;
}
/* Comment form */

/* 11.4 Page templates */
/*Impressum deutsch*/
.page-id-52 .one_third{
  width:22%;
  float:right;
}
.page-id-52 .one_third h4{
  color:#995555;
}
.page-id-52 .one_third h3:first-child{
  margin-top:0;
}
/* Front page template */

/* Links (blogroll) template */
li.linkcat{
  list-style-type:none;
}
.links .fa-external-link {
	display:none;
  }

.links,
.tabelle {
  display:table;
  width:100%;
}
.zeile{
   display:table-row;

}
.zelle{
  display:table-cell;
  list-style-type:none;
  font-size:12px;
  padding-bottom: 20px;
  }

#main .links h2{
  margin-bottom:15px;
}

/* 12.0 Footer
-------------------------------------------------------------- */

/* Tip63 - Uncomment following CSS rules to have classic Twenty Twelve front page look - disable footer widgets for the Front Page Templ.: */

/*
.template-front-page #footer-widgets {
	display:none;
}
*/
/*von einem Artikel zum nächsten*/
nav.post-navigation{
  display:none;
}

/* 13.0 Media
-------------------------------------------------------------- */

/* Increase size for emoji and smiley icons, so they would look better. */
.page-content .wp-smiley,
.page-content .emoji,
.entry-content .wp-smiley,
.entry-content .emoji,
.comment-content .wp-smiley,
.comment-content .emoji  {
	height: 1.2em!important;
	max-height: 1.2em!important;
	width: 1.2em!important;
	max-width: 1.2em!important;
}

/* 13.1 Images */
img.header-image {
    box-shadow: none;
    float: right;   
    margin-top:0;
    height: auto;
    max-width: none;
}
body .entry-content .gallery-item a img:hover { /*sonst kommt Lupe*/
    cursor: pointer;
}
body .entry-content img:hover { /*sonst kommt Lupe*/
    cursor: pointer;
}
.site-header img.wp-post-image {
    margin-top: 32px;
    margin-top: 3rem;
    }
/* Responsive images */
.blog img.size-large, .blog img.wp-post-image,
.category img.size-large, .category img.wp-post-image{
  width:100%;
} 
/* Single image attachment view */

/* 13.2 Captions */

/* 13.3 Galleries   */
.page-template-portfolio figure,
.page-template-videos figure,
.page-template-klassen figure,
.page-template-subpages figure,
.page-template-portfolio-full-width figure,
.page-template-videos-full-width figure,
.page-template-subpages-full-width figure,
.page-template-testberichte figure{
 margin:0;

 }
.page-template-portfolio figcaption,
.page-template-videos figcaption,
.page-template-klassen figcaption,
.page-template-subpages figcaption,
.page-template-portfolio-full-width figcaption,
.page-template-videos-full-width figcaption,
.page-template-subpages-full-width figcaption,
.page-template-testberichte figcaption{
  padding:5px;
} 
/*Custom Shop*/
.miniPreviews figure.wp-caption.alignleft, .miniPreviews .wp-caption.alignleft {
    margin-right:  16px;
    margin-right:  1rem;
}
/*.page-template-default .miniPreviews .wp-caption .wp-caption-text{
  width:120px;
} */
 /*.page-template-testberichte .gallery-item:nth-child(even) figcaption{
  padding-right:60px; 
}                                                                   */

 
/*.page-template-portfolio-full-width .gallery-item{
  width: 26%;
  padding-right: 0px;
  min-height: 400px;
  margin-right: 80px;
}   */
.page-template-videos-full-width .gallery-item/*,
.page-template-portfolio-full-width .gallery-item*/{
  padding-right:10px;
  min-height: 400px;
  width: 27%;
  padding-right: 0px;
  min-height: 400px;
  /*margin-right: 9%; */
 }
 .page-template-videos-full-width .gallery-item:nth-child(3n),
 .page-template-portfolio-full-width .gallery-item:nth-child(3n){
  margin-right: 0px; 
 } 
 
.page-template-portfolio .gallery-item img,
.page-template-videos .gallery-item img,
.page-template-klassen .gallery-item img,
.page-template-subpages .gallery-item img,
.page-template-portfolio-full-width .gallery-item img,
.page-template-videos-full-width .gallery-item img,
.page-template-subpages-full-width .gallery-item img,
.page-template-testberichte .gallery-item img{
  border:5px solid white;
  box-shadow:1px 1px 4px #ddd;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5);
 }

.gallery-columns-3 .gallery-icon img {
	max-width: 100%;
}
.gallery-size-mlb.gallery-columns-3 .gallery-item:nth-of-type(3n) {
/*	
	margin:0;
  margin-bottom:14px;  */
}
.gallery-size-mlb.gallery-columns-3 .gallery-item{
  margin:0;
  margin-right:4px;
  margin-bottom:14px;
}
.gallery-columns-4 .gallery-icon img {
	max-width: 100%;
}              
/*prettyPhoto lightbox*/
/*lightbox*/

.site .pp_nav .currentTextHolder {
  margin:0px 4px;
  font-size: 11px;
  padding: 0;
  line-height: 18px;
}
/* 14.0 Other styles
-------------------------------------------------------------- */
/*editor-styles - sollte eigentlich in extra Datei definiert werden, funktioniert aber im Moment nur so
.stollUeberschrift_1{
  margin-top: 12px;
  padding-bottom:0;
  font-size:20px;
  font-weight:bold;
}
.stollUeberschrift_2{
  font-size:18px;
  font-weight:bold;
}
.stollUeberschrift_3{
  font-size:16px;
  font-weight:bold;
}
.stollUeberschrift_4{
  margin-top:12px;
  margin-bottom:6px;
}

.stollUeberschriftInline{
  margin-top:12px;
  margin-bottom:6px;
} 
.stollUeberschriftInline h4{
  display:inline;
}     
             */

 
/*ENDE editor-styles */
/* 14.1 Twitter Bootstrap style alerts. Usage: http://getbootstrap.com/components/#alerts */

/* 14.2 Misc. styles */
.title-comment-meta,
/*Datum bei allen Kategorien ausblenden*/
.entry-meta .posted-on, .entry-meta .byline{
  display:none;
}
/*Datum nur bei bestimmten Kategorien anzeigen*/
.category-sonderanfertigungen .entry-meta .posted-on,
.category-termine .entry-meta .posted-on,
.category-neuigkeiten .entry-meta .posted-on,
.archiv .entry-meta .posted-on,
.category-custom-made-guitars .entry-meta .posted-on,
.category-events .entry-meta .posted-on,
.category-news .entry-meta .posted-on
/*.archive .entry-meta .posted-on */
{
  display:inline;
}
ul.filter {
  margin-top: 10px;
}
ul.filter:after {
    display:block;
    content:"";
    clear: both;
}
ul.filter li a, ul.filter li a:visited {
    padding: 10px;
    padding-bottom: 16px;
    padding-top: 16px;
    margin-right: 0;
    color:black;
    text-decoration:none;
    }
ul.filter li a:hover {
  color:darkblue;    }
    
ul.filter li{
  padding: 8px 6px;
  margin-right: 15px;
  margin-bottom: 8px;
  margin-left:0;
  float: left;
  list-style-type: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #C0D8E1; /*#eae8d1*/
  background-color: rgba(192,216,225,0.5);
  text-transform: uppercase;
  float:left;
  letter-spacing: 2px;
}
.page-id-7373 .entry-title{/*Übersichtsseite Testberichte*/
  display:none;
}
blockquote {
  color: #114B80;/*#384cb7;#586aca;#000072;  */
  font-family: Georgia,"Times New Roman",Times,serif;
  clear: both;
  font-size: 1.2em;
  font-style: italic;
  line-height: 1.6em;
  margin: 0 0 22px 0;
  padding: 0 0 0 40px;
  min-height: 60px;
 /* background: transparent url('images/quotes.png') no-repeat top left;  */
}
blockquote p:first-child:before {
  color: #000072;
	content: "\f10d"; /* fa-quote-left */
	font: normal 28px/1 "FontAwesome";
	margin-left: -48px;
	margin-left: -2.3rem;
	padding-right: 12px;
	padding-right: 0.75rem;
	vertical-align: bottom;
 
}
blockquote{
   clear:none;
   margin-bottom:10px;
}


.pullquote_right{
    float: right;
    margin: 2% 0 2% 4%;
    padding: 0 0 0 70px;
    width: 50%;
}

.pullquote_left {
  display: inline;
  float: left;
  margin: 4% 2 0 2%;
  padding: 10px  10px 0 50px ;
  width: 40%;

}
.grauerKasten{/*Pythagoras im Artikel Fanned Frets*/
  width: 40%; 
  float: right; 
  background-color: #eee; 
  border: 1px solid #ddd; 
  margin-left: 20px; 
  margin-bottom: 10px; 
  padding: 10px;
}
.kastenBreit{/* Crossover Gitarren*/
  background-color: #eee; 
  border: 1px solid #ddd; 
  margin-bottom: 10px; 
  padding: 10px;
}


/* Plugins */
.pp_content_container a.pp_close{
    z-index: 10;
    /*top: -20px; */
}
/*Slider*/
body #page .compact-theme.wp-posts-carousel .wp-posts-carousel-container {
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    padding-top: 10px;
    transition: all 0.3s ease 0s;
    border-top: 1px dashed lightgray;
    margin-right: 0;
}

body #page .compact-theme.wp-posts-carousel{
  border-bottom: 1px dashed lightgrey;
}
body #page .compact-theme .wp-posts-carousel .wp-posts-carousel-container,
body #page .compact-theme .wp-posts-carousel .wp-posts-carousel-slide{
  padding-right:0;
}
body .page .single .entry-content p,
body #page .compact-theme.wp-posts-carousel .wp-posts-carousel-desc{
  margin-left:0;
  padding-left:0;
  }


.metaslider .nivoSlider {
  margin-top: 208px;
  }
/*.metaslider .theme-default .nivo-caption{
  width:50%;
  margin-left:50%;
  padding: 25px 30px;
  opacity: 0.7;
}   */
.metaslider .nivoSlider img {
  border: 1px solid #fcfcfc; /*hellhellgrau*/
}
/*post type slider, die Einstellung Bild nicht zeigen funktioniert nicht, also auf diesem Weg
nur der Custom Posttype testimonials*/
#page .bx-wrapper .pts_slideshowtestimonials img.bx_image{
  display:none;
}
.eachslider_bx{
  padding:20px;
}
a .bx_content,
a:visited .bx_content,
.widget-area .widget .textwidget a:hover.bx_content {
  color: #222;
}
#secondary .bx-wrapper {
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  box-shadow: none;
  border: 0;
  background: #fff;
}
/*body #page pre #testimonial_slider_1  .testimonial_quote span p{  
	word-break: normal;
  word-wrap:normal;
  white-space: normal;     
} */

  

/*ende Slider*/
.bewertungen .entry-date{
  font-size:11px;
  font-style:italic;
}
.hide {
	display:none;
} 
/*tabby*/
.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item {
  border-color: #ddd;
}

.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item--active:hover,
.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__panel {
 
	background: #fdfdfd;
}
.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item,
.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__heading{
	font-size: 14px;
}
/*Ubermenu*/ 
/* Menu Bar */
#masthead #megaMenu.megaFullWidth {
    width: 70%; 
    margin-top:0px;
  }
#masthead #megaMenu {
  margin-left:-10px;
  border: none;
  padding-top:20px;
  background-color: transparent;
}
/* Top Level Items */
#masthead #megaMenu ul.megaMenu > li > a, #masthead #megaMenu ul.megaMenu > li > span.um-anchoremulator {
  font-size: 12px;
  color:#090960;
  width:120px; 
}
/* Horizontal Menu Items */
#masthead #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #masthead #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator {
  padding-top:0;
  height:50px;
  border-left: 0px;
}
/* Menu Items with Dropdowns */
#masthead #megaMenu ul li a {
  padding-right: 20px;
}
/* Top Level Menu Item Titles */
#masthead #megaMenu ul.megaMenu > li > a span.wpmega-link-title, #masthead #megaMenu ul.megaMenu > li > span.um-anchoremulator span.wpmega-link-title {
  text-transform: uppercase;
  text-shadow: none;
  font-size: 14px;
}
/* Sub Menu Container Style */
#masthead #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #masthead #megaMenu ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {
  margin-top:0px;
} 

/*photoswipe ohne diese Einstellungen sieht man bei :hover keine Symbole*/ 


.pswp__button--zoom:hover{
  background: url("images/pswp_zoom.png") no-repeat  2px 3px ;
}

.pswp__button--fs:hover{
  background: url("images/pswp_fullscreen.png") no-repeat  2px 3px;
  }

.pswp__button--share:hover{ 
  background:url('images/pswp_share.png') no-repeat  2px 3px ;
  }

.pswp__button--close:hover{
  background:url('images/pswp_close.png') no-repeat  2px 3px ;
    }
.pswp--zoomed-in .pswp__button--zoom:hover{
  background:url('images/pswp_zoomed-in.png') no-repeat  3px 4px ;
}
.pswp--fs .pswp__button--fs:hover {
  background:url('images/pswp_fs_toggled.png') no-repeat  3px 4px ; 
  }
/*YARPP related posts custom related posts*/  
#page #specs .yarpp-related,
#page #specs .crp-list{
  margin:0;
}
#page #specs .yarpp-related a{
  font-weight:500;
} 
#page #specs .yarpp-related ul{
  margin:0;
}
#page #specs .yarpp-related li,
#page #specs .crp-list li {
  list-style:none; 
  /*text-indent: -0.75em; 
 margin: 0.33em 0.5em 0.5em 1.5em; 
 margin-left:  0.75em;             */
}
#page .entry-content .crp-list .crp-list-item {
  list-style:none; 

 margin-left:  0;                
}
#page #specs .crp-list .crp-list-item .crp-list-item-title {
  line-height:18px;
}
/* 15.0 Media queries
-------------------------------------------------------------- */

/* Please note, that all CSS rules, placed outside of media queries, affect all screen sizes - starting from small screens
 * (mobile phones) and going up to the very wide screens (widescreen monitors, high resolution tablets). Those rules can be
 * adjusted and overridden, targeting specific screen sizes in media queries below.
 *
 * Important: lower size media queries will also affect wider screen sizes, e.g. min-width: 770px media query will also affect
 * screen sizes starting with 960px and 1250px.
 *
 * Wondering what are the screen sizes of most popular devices? Check: http://screensiz.es
 */  

/*Bildschirm 200*/
 
@media screen and (min-width: 200px) {

#additionalHeadline a, 
#additionalHeadline h2,
h1.site-title,
h1.entry-title,
h2.entry-title,
h2.site-description {
    font-weight: 300;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: 2px;
    }  
    
.toggle_content{
padding:0;
}
.metaslider .theme-default .nivo-caption{
  letter-spacing: 2px;
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
  margin-left: 0%;
  padding: 0px;
  padding-left:5px;
  opacity: 0.7;
}
/*.schaukasten{
  width:100%
} */
 .zelle,
 .sozialeBookmarks,
 sozialeBookmarks li{
  float:left;
}
.sozialeBookmarks li{
  float:left;
  padding-right:10px;
}
.links .linkImage{
  width:100%; 
}
.toggler {
  font-size:15px;
  font-size:0.9375rem;
  }
#masthead #megaMenu {
    display:none;
}
.page-template-portfolio .gallery-item,
/*.page-template-subpages .gallery-item,*/                /*Instrumente*/
.page-template-videos .gallery-item,
.page-template-klassen .gallery-item,                                    
.page-template-portfolio-full-width .gallery-item,
.page-template-subpages-full-width .gallery-item, 
.page-template-videos-full-width .gallery-item{  
  width:100%; 
  padding-right:20px; 
  min-height: 450px;     
 }
 .page-template-videos-full-width .gallery-item{
  min-height: 400px;
 }
.page-template-subpages  .gallery-item,
.page-template-subpages-full-width .gallery-item,/*Instrumente und FotosundVideos*/
.page-template-testberichte .gallery-item{
  width:100%; 
  padding-right:40px; 
}

.page-template-subpages  .gallery-item,
.page-template-subpages-full-width .gallery-item{  /*Instrumente und FotosundVideos*/
  min-height: 380px;
 } 
.site-logo img.header-image {
    /*max-width:850px;muss sein weil das woanders schon definiert wurde*/
    width:200px;
    padding-bottom:50px;
    padding-top:10px;
    
}
 #dtoggle .toggler {
  font-size:12px;
  font-size:0.73rem;
  } 
}
/*Bildschirm 450*/
@media screen and (min-width: 450px) {


.page-template-portfolio .gallery-item,
/*.page-template-subpages .gallery-item,*/                      /*Instrumente*/
.page-template-videos .gallery-item,
.page-template-klassen .gallery-item,
.page-template-portfolio-full-width .gallery-item,
.page-template-subpages-full-width .gallery-item, 
.page-template-videos-full-width .gallery-item{
   
  width:100%; 
  padding-right:60px; 
  min-height: 500px;     
 }
 .page-template-subpages  .gallery-item,
.page-template-subpages-full-width .gallery-item,/*Instrumente und Fotos und Videos*/
.page-template-testberichte .gallery-item{
  width:48%; 
  padding-right:20px; 
}
}
/*Bildschirm 549*/
@media screen and (max-width: 549px) {


/*Kein Umfließen von Bildern im Querformat bis hier*/
img.alignright.size-Mq,
img.alignleft.size-Mq{
  float:none;
  margin-left:0;
}
 .stollUeberschriftInline h2{
  display:block;
}
/*Hochkantbilder noch umfliessen
es geht nicht mit class="" im img-tag, weil boxersandswipers die klassen überschreibt*/

a[title="hochkant"] + h2{
  display:inline;
}
/*img.alignright:after,
img.alignleft:after{
content:"."; clear:both; display:block; height:0; visibility:hidden;
}   */
.grauerKasten{
  width: 100%; 
  clear: both; 

}
.gallery-columns-3 .gallery-item {
    max-width: 48%;
    max-width: -webkit-calc(50% - 4px);
    max-width: calc(50% - 4px);
}
.gallery-columns-2 .gallery-item {
    max-width: 100%;
}
 }
 @media screen and (max-width: 449px) {

.gallery-columns-3 .gallery-item {
    max-width: 100%;
}
}
/*Bildschirm 400 max*/
@media screen and (max-width: 400px) {
/*Hochkantbilder noch umfliessen*/
img.alignleft.size-Mh{
  float:none;
}
img.alignright.size-Mh{
  float:none;
}
a[title="hochkant"] + h2 {
    display: block;
}
}
/*Bildschirm 550 min*/
@media screen and (min-width: 550px) {
/*.schaukasten{
  width:40%
} */
.metaslider .theme-default .nivo-caption{
  letter-spacing: 2px;
  font-size: 20px;
  font-size: 1.25rem;
  width: 50%;
  margin-left: 50%;
  padding: 15px;
 
}
.links .linkImage{
  width:20%;
  min-width:200px;
  min-height:150px; 
}
.zelle{
  float:none;
}
.sozialeBookmarks{
  float:right;
}
.sozialeBookmarks li{
  padding-left:10px;
  padding-right:0;
}
.page-template-portfolio .gallery-item,
/*.page-template-subpages .gallery-item,*/                    /*Instrumente*/
.page-template-videos .gallery-item,
.page-template-klassen .gallery-item,
.page-template-portfolio-full-width .gallery-item,
.page-template-subpages-full-width .gallery-item, 
.page-template-videos-full-width .gallery-item{
  /* für 2 nebeneinander  */
  width:47%; 
  padding-right: 20px;
  min-height: 450px;     
 }
 .page-template-videos-full-width .gallery-item{
  min-height: 400px;
 }
 }
 /*Bildschirm 580 max*/
@media screen and (max-width: 580px) {

.portfolioBilder{
    width:auto;    
 }
.portfolioBilder img.size-full{
    width:auto;    
 }
.portfolioTexte{
    width:100% ;
  }
.klassenTabelleResponsive{
  display:inline;
  }
.klassenTabelleVollbild{
  display:none;
  }
}
 /*Bildschirm 840 max*/
 @media screen and (max-width: 840px) and (min-width: 580px){
 .portfolioTexte{

  width:40%;
}
} 
 /*Bildschirm 840 max*/
 @media screen and (max-width: 780px) and (min-width: 580px){
 .portfolioTexte{

  width:50%;
}
} 

 /*Bildschirm 980 max oder 1100 min und 1170 max*/
@media screen and (max-width: 980px), (min-width: 1100px) and (max-width: 1170px) {
/*Haendlerliste responsive*/
.tablepress-id-3 td.column-1:before { content: "PLZ/Zip-Code: "; }
.tablepress-id-3 td.column-2:before { content: "Ort/City: "; }
.tablepress-id-3 td.column-3:before { content: "Name: "; }
.tablepress-id-3 td.column-4:before { content: "Stra\0000dfe/Street: "; }
.tablepress-id-3 td.column-5:before { content: "Tel: "; }
.tablepress-id-3 td.column-6:before { content: "Gitarren/Guitars: "; }
.tablepress-id-3 td.column-7:before { content: "aLaska Piks: "; 
}

.tablepress-id-3 .column-6,
.tablepress-id-3 .column-7,
.tablepress-id-3 .column-8 { 
  text-align: left;  /*td weggenommen nach Änderung Händlerliste responsive*/
}
.tablepress-id-3 tbody tr {
  padding:0;
  border:1px solid black;
    }

#tablepress-3_wrapper .tablepress tbody td {
  border:none;
  border-top:0;
  padding: 0;
  }

#tablepress-3_wrapper .tablepress tr {
  float: left  !important;
  width: 100%;   /*hier kann man was an der Breite machen*/
  margin-bottom: 2em;
    }

#tablepress-3_wrapper .tablepress td{
  display: flex;
     }

#tablepress-3_wrapper .tablepress th {
  float: left  !important;
  width:25% !important;
  height:50px;
  border-right:1px solid #ddd;
   }

#tablepress-3_wrapper td::before {
  /*content:attr(data-label); */
  width: 42%;
  display:inline-block;/*geändert nach Umstieg auf Händlerliste responsive- nur für IE, sonst kleben beschriftung und Inhalt aufeinander*/
  font-weight: bold;
  }
/*ENDE Haendlerliste responsive */

  } 
@media screen and (min-width: 580px) {
  .klassenTabelleResponsive{
  display:none;
  }
  .klassenTabelleVollbild{
  display:inline;
  }
}

 /*Bildschirm 783 min*/
@media screen and (min-width: 783px) {
	/* Tip52 - Adjust default site layout for normal view */


#additionalHeadline a,
#additionalHeadline h2,
h1.site-title,
h1.entry-title,
h2.entry-title,
h2.site-description
{
  font-weight:200;
  font-size: 34px;
  font-size: 2.25rem;
  letter-spacing: 3px;
  }

.page-template-portfolio .gallery-item,
/*.page-template-subpages .gallery-item, */                    /*Instrumente
.page-template-videos .gallery-item,                                         */
.page-template-portfolio-full-width .gallery-item,
.page-template-subpages-full-width .gallery-item,
.page-template-videos-full-width .gallery-item{
  width: 32%;
  padding-right: 15px;
  min-height: 550px;
 }
 .page-template-videos-full-width .gallery-item{
  min-height: 400px;
 }
.page-template-subpages  .gallery-item,
.page-template-subpages-full-width .gallery-item,/*Instrumente und Fotos und Videos*/
.page-template-testberichte .gallery-item{
  width:48%; 
  padding-right:40px; 
}

.page-template-subpages  .gallery-item,
.page-template-subpages-full-width .gallery-item{  /*Instrumente und Fotos und Videos*/
  min-height: 380px;
 } 

.page-template-testberichte .gallery-item{
 min-height: 550px;   
}   
#masthead .menu-topmenu-container{
  display:none;
}
#masthead #megaMenu {
    display:block;
}
/*Breite linker rechter Bereich */
.content-area {
		width: 66%;
	}
.blog .content-area,
.category .content-area {
		width: 60%;
	}
.widget-area {
		width: 25%;
	}
  
/*Breite linker rechter Bereich 
.content-area {
		width: 70%;
	}
.widget-area {
		width: 25%;
	}                   

#secondary {
  border-left:1px solid #eee;
  padding-left:50px;
  padding-right: 15px;
}                 */ 
/*body.page-template-videos .content-area,*/
body.page-template-portfolio .content-area
 {
		width: 75%;
	}
.page-template-portfolio-full-width .content-area,
.page-template-videos-full-width .content-area,
.page-template-subpages-full-width .content-area{
  width:100%;
}  
.site-header {
    padding-bottom: 50px;
    padding-bottom: 2rem;
}

	/* Tip52b  - Change site layout (position of sidebar) for normal view */

	/*
	.content-area {
		float: right;
		width: 65.104166667%;
	}
	.widget-area {
		float: left;
		width: 30.5%;
	}
	*/

	/* Tip14 - Site Logo plugin/feature support. Check: inc/plugin-compatibility.php for more details. */
	.site-logo-link {
		margin: 24px 24px 0 0;
		margin: 1.5rem 1.5rem 0 0;
	}
html[lang*="de-DE"] .site-logo img.header-image{
  width: 260px; 
  padding-top:0;
}
html[lang*="en-US"] .site-logo img.header-image{
  width: 244px; 
  padding-top:4px;
}

	#site-title-wrapper {
		padding-top: 0;
		margin-bottom: 0;
    width:100%;
    
	}

	/* Tip88 - Customize color scheme: Site Title and Description - can also be changed via Admin > Appearance > Customizer */

	/*
	.site-header .site-title,
	.site-header .site-title a,
	.site-header .site-description a {
		color: #333;
	}
	.site-header .site-title a:hover,
	.site-header .site-description a:hover {
		color: #ff6111;
	}
	*/

	/* Show top menu search in child themes for the full menu 
.menu-item.menu-item-search {
		display: inline;                                       
	}                                                        */
    
.toggler {
  font-size:18px;
  font-size:1.125rem;
  }
#dtoggle .toggler {
  font-size:12px;
  font-size:0.73rem;
  }
.entry-header .entry-title {
    font-size: 30px;
    font-size: 1.875rem;
}

.home .entry-header .entry-meta,
.archive .entry-header .entry-meta {
		display:none;
	}



	/* Tip86 - Style social icons manualy added in the sidebar */
.widget-area .widget .social-link {
	margin: 0 10px 10px 0;
	margin: 0 0.625rem 0.625rem 0;
	}
  	/* Top menu for the normal site */
.sub-menu .menu-item-has-children > a:after,
.sub-menu .page_item_has_children > a:after {
	content: ""; /* kein fa-chevron-right */
	}

}
 /*Bildschirm 874 min*/
@media screen and (min-width: 874px) {
.metaslider .theme-default .nivo-caption{

  letter-spacing: 3px;
  font-size: 34px;
  font-size: 2.25rem;
}
#secondary {
  border-left:1px solid #eee;
  padding-left:30px;
}   

.page-template-portfolio .gallery-item,
.page-template-portfolio-full-width .gallery-item,
.page-template-subpages-full-width .gallery-item, 
.page-template-videos-full-width .gallery-item{
  width: 33%;
  padding-right: 15px;
  min-height: ^550px;
 }  
 .page-template-videos-full-width .gallery-item{
  min-height: 400px;
 }
 
}                    
/* 15.2 Bildschirm 1100 min (average size screens - monitors, small tablets in landscape view mode, larger tablets) */
@media screen and (min-width: 1100px) {

/*Ränder Rand*/
body .site {
    padding: 32px 112px 0 112px;
    padding: 2rem 7rem 0 7rem;
    margin-bottom:0;/*wenn der footer nicht innerhalb #page ist*/
    margin-top: 0;
} 
#secondary {
  border-left:1px solid #eee;
  padding-left:70px;
}
.instrumentText{
  margin-top:0px;
  margin-left:290px;
  float:none; 
}
                                                               
}

/* Bildschirm 1240 min*/
@media screen and (min-width: 1240px) {

.portfolioTexte{
    width:60%;
}

.blog .instrumentText #specs td:first-child{
  width:25%;
} 
body .site {
    margin-top: 1.5rem;
}
}
/* 15.5 Minimum width of 1600 pixels (big screens - widescreen monitors, high resolution tablets) 
Bildschirm 1600 min*/

@media screen and (min-width: 1600px) { 
	/* Here you can add specific styles for this screen widh */
.page-template-portfolio figcaption,
.page-template-videos figcaption,
.page-template-klassen figcaption,
.page-template-subpages figcaption,
.page-template-portfolio-full-width figcaption,
.page-template-videos-full-width figcaption,
.page-template-subpages-full-width figcaption,
.page-template-testberichte figcaption{
  /*margin-right: 50px; */
 }
 .toggle_content{  /*das war vorher bei 1240 min-width 30.09.21*/
padding:0 2px 0 31px;
}
.portfolioBilder .toggle_content {
padding: 0;
}
}



/* 15.4 Retina-specific styles. This style cannot be processed by LESS */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {
	/* Here you can add specific styles for Retina displays */
}

body .site
 {
		max-width: 1360px;
		max-width: 85rem;
	}                                                        

/* 16.0 Print
----------------------------------------------- */

@media print {
	/* Here you can add specific styles for the printing */
#masthead #megaMenu,
.site-branding,
.social_share_privacy,
.entry-meta,
.rss, .facebook{
    display:none;
    }
.site-header img.wp-post-image {
  margin-top: 0;
}
	/* 16.1 Comments */
}