/*
Theme Name: Breidenich 01-2015 v0.9
Description: Author: Stefan Barth
Author URI: http://www.barthdesign.de
Template: murtaugh-HTML5-Reset
Version: 0.9
Tags: HTML5
*/

@import url('../murtaugh-HTML5-Reset/style.css');

@font-face {
    font-family: 'bebas_neueregular';
    src: url('./schriften/bebasneue-webfont.eot');
    src: url('./schriften/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('./schriften/bebasneue-webfont.woff') format('woff'),
         url('./schriften/bebasneue-webfont.ttf') format('truetype'),
         url('./schriften/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tex_gyre_herosregular';
    src: url('./schriften/texgyreheros-regular-webfont.eot');
    src: url('./schriften/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./schriften/texgyreheros-regular-webfont.woff') format('woff'),
         url('./schriften/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('./schriften/texgyreheros-regular-webfont.svg#tex_gyre_herosregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tex_gyre_herosbold';
    src: url('./schriften/texgyreheros-bold-webfont.eot');
    src: url('./schriften/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./schriften/texgyreheros-bold-webfont.woff') format('woff'),
         url('./schriften/texgyreheros-bold-webfont.ttf') format('truetype'),
         url('./schriften/texgyreheros-bold-webfont.svg#tex_gyre_herosbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Diese Angabe regelt den Abstand des Kopfes vom horizontalen Menue */
#header { margin: 0 0 20px 0; }

/* Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html { -webkit-text-size-adjust: 100%; }

*, *:before, *:after, article.post {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
	        box-sizing: border-box; /* Opera/IE 8+ */
}

/* Breiten im iPhone-Zustand hoch */
header h1 a, div#leerKiste, div#behaelterEins { width: 98%; }

ul#menu-hauptmenue-block-1, ul#menu-hauptmenue-block-2, ul#menu-hauptmenue-block-3, ul#menu-servicemenu { width: 316px; /* Spaltenbreite minus 4 (padding)! */ }

div#aniKiste { width: 320px; /* 318px; Bild drin, ohne border */ /* Spaltenbreite minus 2 (border)! */ } 

article.post { width: 320px; }

/* Ende Breiten */


h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, 
b, i, dl, dt, dd, .entry ol, .entry ul, .entry li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup 
{ font-size: 15px; font-size: 0.95rem; line-height: 1.5em; }

a { text-decoration: none; }

a:hover, article.post h2 a:hover { text-decoration: underline; }

/* header h1 a { text-indent: -9999px; display: block; height: 130px; width: 100%; } */
/* header h1 a { display: block; height: auto; width: 100%; } */

/* header div.description, span.linksAussen { position: absolute; left: -9999px; top: 0; } */

#page-wrap { margin: 0; width: 99%; /* 100%; */ padding-bottom: 30px; }

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }

div#linkeSpalte { float: left; }

/* .home */ div#linkeSpalte { width: 320px; }

div.menu-hauptmenue-block-1-container, div.responsiveSelectContainer { width: auto; height: auto; display: inline-block; clear: none; border: none; margin: 0px; }

div.menu-hauptmenue-block-1-container, nav ul#menu-hauptmenue-block-1, ul#menu-hauptmenue-block-2, nav ul li { width: auto; height: auto; display: block; }

nav ul#menu-hauptmenue-block-1, ul#menu-hauptmenue-block-2 { clear:none; padding: 0px; margin: 0px; }

nav ul#menu-hauptmenue-block-1 li, nav ul#menu-hauptmenue-block-2 li, nav ul li {
	margin: 2px 2px; font-weight: normal; font-size: 24px; line-height: 22px; font-family: 'tex_gyre_herosregular', sans-serif; text-transform: lowercase; letter-spacing: 0.8pt;
			transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	   -moz-transition: all 0.1s linear;
		 -o-transition: all 0.1s linear;
	float: left; position: relative;
}
/* border: 1px solid transparent; */

nav ul#menu-hauptmenue-block-1 li ul.sub-menu, nav ul#menu-hauptmenue-block-2 li ul.sub-menu { display: none;}
/* nav ul#menu-hauptmenue-block-2 li ul.sub-menu { margin-top: 5px; } */
nav ul#menu-hauptmenue-block-2 li ul:before { content: ''; height: 5px; display: block; } /* background-color: #aff; */

nav ul#menu-hauptmenue-block-1 li ul.sub-menu li, nav ul#menu-hauptmenue-block-2 li ul.sub-menu li { display: block; clear: left; margin: 0; }
nav ul#menu-hauptmenue-block-2 li ul.sub-menu li { margin-bottom: 5px; }

nav ul#menu-hauptmenue-block-1 li:hover > ul.sub-menu, nav ul#menu-hauptmenue-block-2 li:hover > ul.sub-menu { display: block; clear: left; position: absolute; top: 1.5em; left: -1px; z-index: 99999; padding: 0; margin-left: 0; }

nav ul#menu-hauptmenue-block-1 li:hover > ul.sub-menu li, nav ul#menu-hauptmenue-block-2 li:hover > ul.sub-menu li { display: block; clear: left; }

nav ul#menu-hauptmenue-block-1 li a, nav ul#menu-hauptmenue-block-2 li a { display:inline-block; padding: 4px 20px 8px 20px; }

nav ul#menu-hauptmenue-block-1 li:hover, nav ul#menu-hauptmenue-block-2 li:hover,
nav ul#menu-hauptmenue-block-1 li:hover a, nav ul#menu-hauptmenue-block-2 li:hover a,
nav ul#menu-hauptmenue-block-1 li:active, nav ul#menu-hauptmenue-block-2 li:active,
nav ul#menu-hauptmenue-block-1 li.current_page_item, nav ul#menu-hauptmenue-block-2 li.current_page_item
{ text-decoration: none; }

nav#serviceNavi { position: absolute; top: 6px; /* 48px; */ right: 2px; }
nav#serviceNavi li a { font-size: 0.7rem; padding: 3px; /* 6px 12px; */ }

nav ul#menu-hauptmenue-block-2 li.serviNavP a { font-size: 0.6875rem; padding: 10px 4px 0 4px; }
nav ul#menu-hauptmenue-block-2 li.letzterGrossP { margin-right: 3rem; }

div.menu-servicemenue-container { float: right; }

nav ul#menu-servicemenue { padding: 0 4px 0 2px; }
.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect 
{ border: padding: 3px; }

div.responsiveSelectContainer { width: 100%; margin: 32px 0 0px 0; }
div.trennerRSC { margin: 0 0 4px 0; padding: 0; height: 1px; background-color: transparent; width: calc(100% - 13px); }
/* { width: 98%; margin: 10px 1%; } */

nav#serviceNavi li.facebookLink a, nav#serviceNavi li.rssLink a, nav#serviceNavi li.twitterLink a,
nav#serviceNavi li.youtubeLink a, nav#hauptNavi li.facebookLink a, nav#hauptNavi li.rssLink a,
nav#serviceNavi li.linkedinLink a, nav#serviceNavi li.vimeoLink a, nav#serviceNavi li.xingLink a
{ text-indent: -500px; overflow: hidden; display: block; height: 24px; width: 30px; margin: 0; padding: 0 0 0 6px; background-position: 6px top; }

nav#serviceNavi li.facebookLink a { background: transparent url('./bilder/facebook.png') no-repeat 6px top; }
nav#serviceNavi li.rssLink a      { background: transparent url('./bilder/rss.png') no-repeat 6px top; }
/* nav#serviceNavi li.youtubeLink a  { background: transparent url('./bilder/youtube-icon.png') no-repeat 6px top; } */
/* nav#serviceNavi li.twitterLink a  { background: transparent url('./bilder/twitter-icon.png') no-repeat 6px top; } */
nav#serviceNavi li.linkedinLink a { background: transparent url('./bilder/linkedin.png') no-repeat 6px top; }
nav#serviceNavi li.vimeoLink a    { background: transparent url('./bilder/vimeo.png') no-repeat 6px top; }
nav#serviceNavi li.xingLink a     { background: transparent url('./bilder/xing.png') no-repeat 6px top; }

nav#serviceNavi ul li.facebookLink, nav#serviceNavi ul li.rssLink,   nav#serviceNavi ul li.twitterLink, nav#serviceNavi ul li.youtubeLink, 
nav#serviceNavi ul li.linkedinLink, nav#serviceNavi ul li.vimeoLink, nav#serviceNavi ul li.xingLink
{ float: right; width: 30px; /* 24px; */ height: 24px; margin: 0; padding: 0; /* padding-left: 6px;  */}

nav#hauptNavi li.facebookLink a { background: transparent url('./bilder/facebook-icon12.png') no-repeat; }

nav#hauptNavi li.rssLink a { background: transparent url('./bilder/rss-feed-icon12.png') no-repeat; }

nav#hauptNavi ul li.facebookLink, nav#hauptNavi ul li.rssLink
{ float: left; width: 12px; padding-right: 6px; }

div#aniKiste { clear: left; height: 260px; }

div#leerKiste { clear: left; height: 100px; }

div#behaelterEins { clear: none; float: left; }

div.navigation, div#sidebar, footer#footer { float: left; clear: left; }

div#page-wrap, div#sidebar, footer#footer { max-width: 993px; }

div#sidebar { padding: 5px 2px; width: 98%; text-align: center; }

footer#footer { padding: 5px 2px; width: 98%; text-align: center; }

img.attachment-post-thumbnail, img.attachment-category-thumb { float: left; margin: 0 10px 0 0; }

article.post { height: 320px; overflow: hidden; padding: 2px; margin: 0 0 11px 0; float: left; display: block; }

a.Kategorie { padding: 2px; display: inline-block; font-size: 80%; margin: 0; padding: 0; }

img.alignright { float: right; margin-left:  10px; }

img.alignleft  { float: left;  margin-right: 10px; }

.single div#linkeSpalte, .page div#linkeSpalte { margin-right: 11px; }

.single div#artikelBild, .page div#artikelBild { display: block; width: 320px; height: auto; min-height: 160px; background-repeat: no-repeat; background-position: center top; }

.page article.post { height: auto; min-height: 320px; }

.single article.post.hauptArtikel, .page article.post.hauptArtikel { width: 639px; padding: 2px 6px; height: auto; }

.single div#behaelterEins, .page div#behaelterEins, body.single-autoren div#behaelterEins { margin-left: 0; width: 662px; }

.single div#behaelterEins { margin-left: 331px; }

div#iphh, div#iphq, div#ipadh, div#ipadq, div#desktop { position: fixed; top: 3em; right: 1em; display: none; }

div.mejs-container, iframe.videoIframe { margin-bottom: 8px; display: none; }

div.meteor-slides { margin: 0 auto !important; }

span.einBuchAutor, span.einBuchHrsg, span.einBuchThema { display: inline-block; margin: 0; padding: 0 0 0 0.2rem; }

span.einBuchAutor a, span.einBuchHrsg a, span.einBuchThema a { padding: 0 0.5rem 0 0; }

span.einBuchAutor a:after, span.einBuchHrsg a:after, span.einBuchThema a:after { content: "|"; }

span.einBuchAutor a:last-child:after, span.einBuchHrsg a:last-child:after, span.einBuchThema a:last-child:after { content: ""; }

span.abstandZuLink { display: inline-block; width: 0.5rem; height: 1em; }

div.unsichtbar { display: none; }

div.sichtbar {
        box-sizing: border-box;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
width: 662px; margin: 20px 0 0 0; padding: 30px 40px 30px 40px; height: auto;
}

div.sichtbar a { display: inline-block; margin: 0 0.3rem 0 0; padding: 0 0.5rem 0 0; font-size: 0.9rem; line-height: 1.5rem; }

div.sichtbar a:last-child { border-right: 0 none; }

article.post, article.buecher, article.page { padding: 10px 20px 20px 20px; height: auto; }
.home article.post, .archive article.post { padding: 0 0 20px 0; }
.home article.post a.Kategorie, .home article.post h2, .home .entry, .archive article.post a.Kategorie, .archive article.post h2, .archive .entry { padding: 0 20px; }
.home .entry, .archive .entry { font-size: 10pt; line-height: 14pt; }

div#artikelBehaelter { margin: 0px 0 12px 0; }

article.buecher { margin: 0 0 1rem 0; }

strong, b { font-weight: 600; }

/* #page-wrap { margin: 0 auto; display: block; position:relative; top: 0; width: auto; max-width: 993px; } */
#page-wrap { margin: 0 auto; display: block; position:relative; top: 0; width: 95%; max-width: 993px; } /* background-color: #aff; } */

#mobile-nav-button, div.menu ul li {
        box-sizing: border-box;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;


        transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
     -o-transition: all 0.1s linear;

font: 300 10pt/10pt 'Magra', sans-serif;
text-transform: uppercase;
letter-spacing: 0.8pt;
border: 1px solid transparent;
}

#mobile-nav-button {
display: none; float: left;
width: 100%; height: auto;
margin: 0; padding: 11px 20px;
text-align: center;
cursor: pointer;
}

#naviMenues { margin: 0 0 12px 0; padding: 0 0 12px 0; }

.menu, .menu ul, .menu ul li, .menu li { width: auto; height: auto; display: inline-block; }

ul#menu-servicemenue li { display: block; float: none; }

.menu { clear: none; border: none; margin: 0px; }

.menu { clear:none; padding: 0px; margin: 0px; }

.menu li { margin: 2px 2px; border: 1px solid transparent; }

.menu li a { display:inline-block; padding: 6px 20px; }

.menu li:hover, .menu li:hover a, .menu li:active, .menu li.current_page_item { text-decoration: none; }

article.post h2, h1.entry-title { font: normal 16pt/20pt 'tex_gyre_herosbold'; } /* text-transform: uppercase; letter-spacing: 0.8pt; */

article.post h2 { margin: 8px 0px 0px 0px; }

article.post h2 a { text-decoration: none; }

article.post p, .mehrSpaltig { padding: 1.1875rem 0 0 0; font-size: 0.875rem; line-height: 1.1875rem; } /* font-size: 10pt; line-height: 14pt; */

.home article>a>img, .archive article>a>img { -webkit-filter: brightness(1.05) grayscale(1); filter: brightness(1.05) grayscale(1); width: 100%; height: auto; }
.home article>a:hover>img, .archive article>a:hover>img { -webkit-filter: brightness(1) grayscale(0); filter: brightness(1) grayscale(0); }

/*
article.post p a.more-link {
display: block;
width: auto;
float: right;
padding: 10px 20px;
margin: 20px 0px 0px 0px;
text-decoration: none;
        transition: border 0.1s linear;
-webkit-transition: border 0.1s linear;
   -moz-transition: border 0.1s linear;
     -o-transition: border 0.1s linear;
}

article.post p a.more-link:hover, article.post p a.more-link:active 
{ text-decoration: none; }
*/

.single article.post.hauptArtikel, .single article.post.zweiSpaltig, .page article.post.zweiSpaltig, .page article.post.hauptArtikel, .category-debatte article.post
{ width: 662px; margin: 0 0 20px 0; padding: 30px 40px 40px 40px; height: auto; min-height: 300px; }

.single-themen article.post.hauptArtikel { min-height: 261px; margin: 0; }

.single article.post.hauptArtikel .entry-content img, .page article.post.hauptArtikel .entry-content img, 
.single article.post.hauptArtikel .entry-content div, .page article.post.hauptArtikel .entry-content div 
{ max-width: 100%; height: auto; }

.single article.post.hauptArtikel .entry-content p, .page article.post.hauptArtikel .entry-content p
{ font-size: 11pt; line-height: 16pt; }

.single article.post.hauptArtikel .entry-content ul, .page article.post.hauptArtikel .entry-content ul,
.single article.post.hauptArtikel .entry-content ol, .page article.post.hauptArtikel .entry-content ol 
{ padding: 0 20px; }

.single article.post.hauptArtikel .entry-content ul li, .page article.post.hauptArtikel .entry-content ul li 
{ list-style-type: square; }

.single article.post.hauptArtikel .entry-content ol li, .page article.post.hauptArtikel .entry-content ol li
{ list-style-type: decimal; }

h1.entry-title { padding: 0 0 20px 0; margin: 0 0 10px 0; }

footer#footer { text-align: right; }
footer#footer small br { display: none; }

/* CLEARS */



/* .rssLink, .facebookLink { display: none !important } */



#sidebar { display:none; }

div.mejs-container, iframe.videoIframe { width: 100% !important; }

a.post-edit-link { display: none; }

.single-post footer { margin: 2rem 0 0 0; padding: 0; } /* 0.5rem; } */

.single-post footer h2 { font-size: 0.8rem; text-transform: none; letter-spacing: 0; margin: 0; }

.single-post form#commentform div { margin: 0.5rem 0; }

div.trenner { height: 1px; margin: 0.5rem 0; padding: 1px 0 0 0; }

hr { border: none; height: 1px; }

div#behaelterBuch { margin-top: 20px; display: inline-block; }

.marginaltext { font-size: 0.8rem; }

div#videoBehaelter, div#videoBehaelter2 { width: 661px; height: 372px; }		

div#videoBehaelter video, div#videoBehaelter2 video { width: 100%;  height: auto; }

article.page { margin: 30px 0 20px 0; }

.page-template-home-templ-php article.post { height: auto; min-height: 20px; }

article.post footer.postmetadata { font-size: 0.8rem; margin-top: 1rem; }

.single div#behaelterEins h2, .single div#behaelterEins a, div#behaelterBuch h2, div#behaelterBuch a, a.more-link { font-size: 0.8125rem; }

div.navigation { font-size: 0.8rem; width: 98%; }

/* prev = Neuere */
div.prev-posts { float: left; }

/* next = Aeltere */
div.next-posts { float: right; }

ol, .home ul { margin-left: 1rem; padding-left: 1rem; }

.home ul { list-style: square outside; }

div#impressumsText h2, div#impressumsText h3 { margin: 12px 0px 0px 0px; }

.home article { float: left; }
.home div#behaelterEins { margin-left: 0; width: 100%;/* 1015px; */ }
/* .home div#page-wrap, .home footer#footer { max-width: 980px; } */

.nichtSichtbar { display: none; }
.single article.dreiSpaltig, .page article.dreiSpaltig, .category-debatte article.dreiSpaltig
{ width: 992px; min-height: 300px; }

.archive div#behaelterEins { margin-left: 0; width: 998px; }

.single article.dreiSpaltig .entry-content, .page article.dreiSpaltig .entry-content { margin-left: 0; } /* margin-left: 320px; */
iframe { width: 100%; height: 335px; }

/* Datenschutzerklaerung */

.entry-content h1, .entry-content h2, .entry-content h3, article.post .entry-content p, .entry-content ol, .entry-content ul, .entry-content li, .entry-content a,
.entry-content .ersteEbene li, .entry-content .ersteEbene h2, .entry-content .zweiteEbene li, .entry-content .zweiteEbene h3, .entry-content .dritteEbene li
{ font-size: 0.875rem; line-height: 1.1875rem; }

.entry-content .ersteEbene, .entry-content .dse, .entry-content .zweiteEbene, .entry-content .dritteEbene { margin-bottom: 0.875rem }
.entry-content .ersteEbene, .entry-content .dse { list-style-type: upper-roman; margin-left: 2em; }
.entry-content .zweiteEbene, .entry-content .dritteEbene { margin-left: 0.2em; }
.entry-content .zweiteEbene { list-style-type: decimal; }
.entry-content .dritteEbene { list-style-type: lower-alpha; }
.entry-content .ersteEbene li, .entry-content .dse li { margin: 0; padding: 0 0 0 0.2em; }
.entry-content .zweiteEbene li, .entry-content .dse li ul { margin: 0; padding: 0 0 0 0.4em; }
.entry-content .ersteEbene li, .entry-content .ersteEbene h2, .entry-content .zweiteEbene h3, 
.entry-content .ersteEbene li p, .entry-content .zweiteEbene li, .entry-content .zweiteEbene li p  { font-weight: normal; }

/* Cookie Notice */
#cn-notice-text a { color: #fff; text-decoration: underline; }

/* Aenderungen Februar 2019 */
.volleBreiteRand { width: 100%; margin: 0; padding: 0; } /* border: 2px solid #000066; } */
.single-post article.post, .page article.post { border: 0 none; width: 100%; padding: 10px 0; }
article.post a { font-weight: bold; }
article.post h2 a, article.post a.more-link { font-weight: normal; }
.single-post .mehrSpaltig, .page .mehrSpaltig {
  -webkit-column-count: 3; /* Ch, Saf, And, BB  */
     -moz-column-count: 3; /* Fx */
          column-count: 3; /* IE 10, Op 11.1+ */

  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;

-webkit-perspective:1;
}
.vollBild { width: 100%; height: auto; margin: 0 0 1em 0; }
/* Ende Aenderungen Februar 2019 */

/* Diaschau */
#diaSchauMS { padding: 0 13px 0 0; } /* margin: 0 0 20px 0; } */

#header a { font-size: 1.5rem; line-height: 1.2em; }
#header a:hover { text-decoration: none; }

#header h1 a { background-color: transparent; background-repeat: no-repeat; background-position: left top; background-attachment: scroll; height: 204px; background-size: contain; display: block; text-indent: -9999px; }
#header h1 a#homeLink  { background-image: url('./bilder/Logo-studio-breidenich-pcr-300x204px.svg'); width: 300px; float: left; }
#header h1 a#brainLink { background-image: url('./bilder/Logo-hyperaesthetics-250x204px.svg'); width: 250px; float: right; margin-right: 13px; }
.clearTrenner { clear: both; height: 1px; width: 100%; display: block; padding: 0; margin: 0; }


/* alle kleiner als iPad zeigen die Animation nicht */
@media only screen and (max-width: 480px) { 
	div#leerKiste, div#aniKiste, div#linkeSpalte { display: none; }
	header h1 a, div#leerKiste, div#behaelterEins { width: 320px; }
	ul#menu-hauptmenu { width: 316px; /* Spaltenbreite minus 4 (padding)! */ }
	div#iphh { display: block; }
	nav#serviceNavi { margin-left: 0px; }
	nav#serviceNavi ul { margin-top: 0px; }
	article.post, .single article.post.hauptArtikel, .page article.post.hauptArtikel { width: 100%; height: auto; padding: 6px; }
	.archive div#behaelterEins, .single div#behaelterEins, .page div#behaelterEins { margin-left: 0px; width: 320px; }
	div#videoBehaelter { height: auto; width: 100%; }
	/* #header h1 a { background: transparent url('./bilder/Logo-Breidenich-iPhone-hoch320x40px.png') no-repeat center top scroll; width: 100%; height: 40px; } */
	#header { margin: 10px 0px 0px 0px; }
	.clearTrenner { height: 10px; }
	.home div#behaelterEins { margin: 0 auto; width: 100%;/* 320px; */ float: none; }
	.home article { margin: 0 auto 10px auto; float: none; padding: 6px; }
	.single article.post.hauptArtikel, .single article.post.zweiSpaltig, .page article.post.hauptArtikel, .category-debatte article.post
	{ width: 100%; padding: 6px; /* margin: 0 0 20px 0; padding: 30px 40px 40px 40px; height: auto; min-height: 300px; */ }
	.single article.dreiSpaltig, .page article.dreiSpaltig, .category-debatte article.dreiSpaltig
	{ width: 100%; }
	.single article.dreiSpaltig .entry-content, .page article.dreiSpaltig .entry-content { margin-left: 0px; }
	.menu { display: none; }
	iframe { height: 180px; }
}

@media only screen and (max-width: 668px) { 
	div.menu-hauptmenue-block-1-container, div.responsiveSelectContainer { width: 98%; margin: 10px 1%; }
/* 
	.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect 
	{ border: 1px dotted #cc9; padding: 3px; }
 */
}

/* groesser als iPhone Querformat bekommt Abstand oben 
   und die linke Spalte MUSS den Inhalt nach rechts treiben */

@media only screen and (min-width: 481px) { 
	body { padding-top: 36px; }
	div#linkeSpalte { height: 100%; }
}

/* ab hier passen 2 Spalten à 320px */
@media only screen and (min-width: 480px) and (max-width: 667px) { 
	article.post { width: 480px; }
}

@media only screen and (max-width: 480px) { 
	article.post { width: 100%; }
}

/* groesser als iPhone quer, bis iPad hoch */
@media only screen and (min-width: 481px) and (max-width: 767px) { 
	div#videoBehaelter { height: auto; width: 100%; }
	div#leerKiste, div#behaelterEins { width: 480px; }
	/* header h1 a { width: 220px; } */
	ul#menu-hauptmenu, ul#menu-servicemenu { width: 476px; /* Spaltenbreite minus 4 (padding)! */ }
	div.menu-hauptmenue-block-1-container, div.menu-hauptmenue-block-2-container,
	div.menu-hauptmenue-block-3-container, div#aniKiste, div#linkeSpalte
	{ width: 480px; }
	div#iphq { display: block }
	div#ipq { display: block; }
	ul#menu-hauptmenu li { width: 19%; }
	nav#serviceNavi { margin-left: 0px; }
	nav#serviceNavi ul { margin-top: 0px; }
	div#behaelterEins { margin-top: 20px; }
	.single article.post.hauptArtikel, .page article.post.hauptArtikel { width: 468px; margin-top: 10px; height: auto; }
	.single div#artikelBild, .page div#artikelBild { width: 480px; }
	.single div#behaelterEins { margin-top: 0px; }
	div#behaelterEins { margin-top: 10px; }
	.single div#behaelterEins, .page div#behaelterEins { margin-left: 0px; width: 480px;}
	.single div#linkeSpalte, .page div#linkeSpalte { margin-right: 0px; text-align: center; }
	div#videoBehaelter { height: auto; width: 100%; }
	.single article.post.hauptArtikel, .single article.post.zweiSpaltig, .page article.post.hauptArtikel, .category-debatte article.post
	{ width: 100%; /* margin: 0 0 20px 0; padding: 30px 40px 40px 40px; height: auto; min-height: 300px; */ }
	.single article.dreiSpaltig, .page article.dreiSpaltig, .category-debatte article.dreiSpaltig
	{ width: 100%; }
	.single article.dreiSpaltig .entry-content, .page article.dreiSpaltig .entry-content { margin-left: 0px; }
}

@media only screen and (max-width: 840px) {
	#hauptNavi { padding-right: 13px; }
}

@media only screen and (max-width: 768px) {
	div.menu-hauptmenue-block-1-container, div.menu-hauptmenue-block-2-container, div.menu-hauptmenue-block-3-container, 
	div#aniKiste { width:100%; }
	div#linkeSpalte { width: 662px; }
	#naviMenues { padding: 0px; }
	.single-post .mehrSpaltig, .page .mehrSpaltig {
	  -webkit-column-count: 2; /* Ch, Saf, And, BB  */
		 -moz-column-count: 2; /* Fx */
			  column-count: 2; /* IE 10, Op 11.1+ */
	}
	#diaSchauMS { padding: 0; }
	#hauptNavi { padding-right: 0; }
	div.menu-hauptmenue-block-1-container, div.responsiveSelectContainer { width: 100%; margin: 10px 0; }
}

@media only screen and (max-width: 640px) {
	#header h1 a#brainLink { background-image: url('./bilder/Logo-hyperaesthetics-380x82px.svg'); width: 380px; height: 82px; float: none; clear: left; margin: 0; }

}

@media only screen and (max-width: 600px) {
	.single-post .mehrSpaltig, .page .mehrSpaltig {
	  -webkit-column-count: 1; /* Ch, Saf, And, BB  */
		 -moz-column-count: 1; /* Fx */
			  column-count: 1; /* IE 10, Op 11.1+ */
	}
}

@media only screen and (max-width: 400px) {
	#header h1 a#brainLink { width: 95%; height: 1px; padding-bottom: 21%; max-width: 380px; }
}

/* groesser als iPad hoch, bis iPad quer */
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	/* 2 Spalten 9 | 370 | 10 | 370 | 9 */
	body { padding: 1.17%; }
	div#leerKiste, div#behaelterEins, .archive div#behaelterEins { width: 48.1%; max-width: 1023px; }
	.archive div#behaelterEins { width: 98%; }
	header h1 a { width: 100%; }
	div#behaelterEins { margin-left: 1.2%; }
	ul#menu-hauptmenu { width: 366px; /* Spaltenbreite minus 4 (padding)! */ }
	div.menu-hauptmenue-block-1-container, div.menu-hauptmenue-block-2-container,
	div.menu-hauptmenue-block-3-container, div#aniKiste
	{ width: 370px;}
	/* article.post { width: 100%; max-width: 366px; /* Spaltenbreite minus 4 (padding) */ } */
	div#ipadh { display: block; }
	ul#menu-hauptmenu li { width: 32%; }
	/* nav#serviceNavi { margin-left: 382px; } */
	ul#menu-servicemenu { width: 100%; max-width: 366px; }
	.single article.post.hauptArtikel, .page article.post.hauptArtikel { width: 358px; height: auto; }
	.single div#behaelterEins { margin-top: 0px; }
	div.menu-hauptmenue-block-1-container, div.menu-hauptmenue-block-2-container,
	div.menu-hauptmenue-block-3-container, div#aniKiste { width: 100%;}
	div#artikelBehaelter { margin: 0 0 12px 0; }
	.single article.dreiSpaltig, .page article.dreiSpaltig, .category-debatte article.dreiSpaltig
	{ width: 100%; }

}

/* groesser als iPad quer, also Desktop */
@media only screen and (min-width: 1024px) { 
	div.mejs-container, iframe.videoIframe { display: block; }
	body { padding-left: 11px; }
	div#behaelterEins { margin-left: 11px; width: 662px; }
	article.post { margin-right: 10px; }
	article.post:last-child { margin-right: 0; }
	div#desktop { display: block; }
}