/*
 Theme Name:   Arthemia Premium 412 411 410 409 Child
 Description:  Arthemia Premium 412 411 Child 20160104
 Template:     arthemia-premium
 Version:      4.1.3
 Text Domain:  arthemia-premium-child
*/

/* Heading before cube #20161107 */
.cube-heading-1 { border-top: 1px solid #efefef; font-size:1.2em; padding-top:1em; line-height:1.1em; display:block; text-align:right!important; }
/* Insert light border after cube */
.line-after-cube { border-bottom: 1px solid #efefef; margin-bottom:1em; padding-bottom:0.7em; text-align:right; color:#dfdef0; }

/* Break words in Cube cells */
.cube-table a { word-break:break-all; -webkit-hyphens: manual!important; -moz-hyphens:manual!important; }

/* Cube-Einblendung hard-coded in bestimmten Templates: Umgebendes DIV konfigurieren */
#cube-below-book-recommendations { border-top: solid #ececec 1px; }
#cube-below-book-recommendations h2 { margin-bottom:0.3em; }
#cube-below-book-recommendations h3 { margin-bottom:0em; margin-top:0em; font-size:1em!important;}
.grey { color: #9a9a9a; }

/* nach Zwei-Spalten-Layouts: Clearfloat, mehr Abstand */
.nach2spalten {
 clear:both!important;
 margin-top:2em!important;
 padding-top:1em!important; 
}

/* DIV an fixierter Position rechts neben dem Content halten */
.fixed-right {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 20%;
  min-width:10em;  
  max-width:242px;
  z-index: 10000;
  background:white;
  box-shadow: 15px 15px 10px 10px grey;
}


/* Leseproben-Menü unter Buchcover in Einzelansicht von Leseproben ausblenden, wenn Smartphone hochkant */
.leseproben-menue { max-width:270px; margin-top:2em; clear:both;}
@media (max-width: 500px) { .leseproben-menue { display: none; }   }


/* Format für Bonmots/Aphorismen in der Einzelansicht */
.bonmot-single-quote {
  margin-left: 0.2em;
  padding: 0.5em 0 0 2em; 
  background: url(./quote.png) no-repeat 0px 0.5em; 
  font-family: serif; 
  font-size: 2em; 
  font-style: italic; color:#777; 
  min-height: 32px; 
}

/* Format für Einbettung von Bonmots in Posts, angelehnt an Quote-Boxed-Right */
.bonmot-quote {
  float:right;
  max-width:45%;
  /*margin-top: 1em;*/
  margin-bottom: 1em;
  margin-left: 1em;
  /*margin-right: 1em; */
  padding: 0 0 0 50px; 
  background: url(./quote.png) no-repeat 0 3px; 
  font-family: serif; 
  font-size: 1.2em; 
  font-style: italic; color:#777; 
  min-height: 32px; 
}


/* Anzeige der Thumbnails in Archiven/Teasern/Loops - inkl. Spezialbehandlung für bestimmte Formate wie iPhone quer durch MediaQuery*/
.size-hochkant245, .size-quer245 {
  float:left;
  margin-right:1em;
  margin-bottom:1em;
  margin-top:0.4em;
  max-width:44%;
}
@media (min-width: 450px) and (max-width: 850px) { .size-hochkant245, .size-quer245 { max-width:27%; margin-top:0.4em;margin-bottom:0.4em;}   }


.colabs-sc-quote {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0em;
  margin-right: 1em; 
  padding: 0 0 0 50px; 
  background: url(./quote.png) no-repeat 0 3px; 
  font-family: serif; 
  font-size: 1.2em; 
  font-style: italic; color:#777; 
  min-height: 32px;
}
.colabs-sc-quote p {
  background: none!important; 
  padding: 0 0 0 0;
  margin: 0;
  font-size: 1em; 
  clear:none;
  min-height:0;
  line-height:150%!important;  
}
.colabs-sc-quote h2 {
  clear:none;
}

/* formatiert die Quellenangabe-Zeile von Zitaten, die als vollständige Fußnote dienen kann */
.quellenangabe p {
 text-align:right!important;
 font-size:3em;
 color:green; 
}

/* auf Buchvorstellungs-Seiten kein Clearfloat bei H2-Überschriften, damit diese sich neben dem Buchcover-Bild einfloaten können */
.type-buecher h2 {
 clear:none!important; 
}

/* erhöhter Abstand oben und unten */
.abstandobenunten {
	margin-top:1em!important;
	margin-bottom:0.7em!important;
}

/* buchinhaltsverzeichnis: OL/LI ohne Bullet oder Zähler */
.buchinhaltsverzeichnis ol li {
  list-style:none;
  font-weight:bold;  
  margin-left:0em;
}

.buchinhaltsverzeichnis ol > li > ol > li {
 margin-left:1em;
 margin-top:0.1em;
 margin-bottom:0.1em;
  font-weight:normal;
}

/* Teaser zweispaltig in Posts; Abstand zwischen Spalten */
.tanbox.left {
  padding-right:0.9em;
}
.tanbox.left p {
  text-align:left!important;
}

/* Zwischenüberschrift auf der Startseite über neuesten Bausteinen */

.innerfront {
  font-size:12px!important;
  padding: 5px 10px;
  color:#fff;
  background: #333 none repeat scroll 0% 0%;
}

.front-list-heading {
  font-size:12px;
  color:white;
}
.front-list-heading-box {
  background:#333;
  padding-left: 2%;  
  padding-right: 2%;
  padding-top:1px;
  padding-bottom:1px;  
  width:95%;
}

/* Überschrift auf Startseite zum Würfel-Intro */
.homepage-intro {
  font-size:125%;  
  margin-top:1em;
  margin-left:0.3em;
}

/* Autorenbild formatieren auf Startseite */
.amoportrait {
 float:right;
 width:50%;
 margin-bottom:0em;
}
@media (max-width: 940px) {
	.homepage-intro { font-size:100%; padding-top:3em; }
      }

.frontup3 {
  background:red;
  /*float:left;*/
  min-width:1em;
  width:49%;
  min-height:1em;
  height:50%;
  }

.thumb.left {
  width:30%;
  margin-right:1em;
  margin-bottom:0.5em;
  margin-top:-0.2em;
  }

.frontupleft {
	float:left;
  	width:44.5%;
  	background:white;
	padding-left:1.5%; 
    padding-right:2%;
    padding-bottom:1%;
    margin-bottom:2%;
  	font-size:96%;
}
.frontupright {
  float:right;
  width:50%;
  background:white;
  margin-right:0em;
  padding-right:0em;
  margin-bottom:2%;
  margin-left:2%;
}
.frontupright img {
  width:100%;
}
@media (max-width: 700px) {
	.frontupleft { width:94.5%;padding-left:1em; }
	.frontupright { width:100%; margin-bottom:5%;}
	.amoportrait { width:100%; margin-bottom:1em; }
      }



/* Aktuelle Seite und Bereich in Menüs hervorheben */

.sub-menu {
 font-weight:initial;
 color:#3C78A7;
}

.current-menu-item {
 font-weight:bold;
 }

/* .current-menu-item a:link {
 color:red;
 } */


/* ENDE # Aktuelle Seite und Bereich in Menüs hervorheben */


/* Leere Footer-Widget-Bereiche sollen nicht bzw. auf minimaler Größe angezeigt werden; ohne diese Änderung hätte ich große leere schwarze Kästen im Footer-Widget-Bereich */
body #front-popular .clearfloat {
min-height:0px;
padding-top:0px;
padding-bottom:0px;
}

/* AMZ-Banner oben: auf kleinsten Auflösungen (Smartphone) gar nicht anzeigen */
@media (max-width: 700px) {
	.amzheader { display: none; }
      }

/* Abstand zwischen Header (Logo+Banner) und Navbar reduzieren von 15px auf 5px */
@media (max-width: 700px) {
	#head {	padding: 10px 15px 0px 10px; }
}

/* Formatierung des Titels von Beiträgen */
#content h1.title {
  color: #000;
  padding: 5px 0;
  font-size:1.6em;
  line-height: normal;
  margin-bottom:0.2em!important;
  padding-top:0.4em;
  padding-bottom:0.4em;
  border-top: 3px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

/* Formatierung von Überschriften allgemein */

h1.title {
  font-size: 1.6em;  
  line-height: 1.2em;  
}

h2 {
  font-size: 1.4em;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align:left;  
  line-height: 1.3em;
  clear:both;
}

#front-list h2 {
  clear:none;
  font-size: 1.1em;
  margin-top: 1em;
}

#front-list h2.title {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

h3 {
  font-size: 1.3em;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align:left;  
  line-height: 1.2em;
}

#front-list h3 {
  clear:none;
  font-size: 1.1em;
}

h4 {
  font-size: 1.3em;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align:left;  
  line-height: 1.2em;
}

/* graue Trennlinie über Elementen, die mit class="border-top" formatiert */
.border-top {
 padding-top:1em;
 border-top:solid 1px #ccc; 
}

/* graue Trennlinie unter Elementen, die mit class="border-bottom" formatiert */
.border-bottom {
 padding-bottom:1em;
 border-bottom:solid 1px #ccc; 
}

/* alle Elemente, die mit Klasse .title markiert sind, sollen nicht so große Margins oben und unten haben, wie dies sonst standardmäßig definiert ist */
.title {
  margin-top:0.4em;
  margin-bottom:0.6em;
}

.post .entry {
  text-align: justify;
  margin-bottom: 1em;
  border-bottom: 1px solid #e2e2e2;
}

.entry p {
  text-align: justify!important;
  margin-bottom: 1em;
  word-wrap: break-word; /* 20170906 */
}


.entry li {
  margin-top:0.4em;
  margin-bottom:0.4em;
/*word-break:break-all; das verhindert zwar das überstehen langer Zeichenketten, macht aber insgesamt die meisten Auflistungen unschoen, da hart abgebrochen 20170906 */
  hyphens:auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;

}

.entry a {
  /*word-break: break-all!important;*/
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; 
}


/* graue Trennlinie über Elementen, die mit class="border-top" formatiert */
.teaserh3 h3 {
 padding-top:10em!important;
 border-top:solid 1px #ccc; 
 padding-bottom:-3em;
}

/* eingeblendete Beschreibung von Taxonomien (Tags, Rubriken) in Taxonomie-Übersichten (Archiven) formatieren */
.taxonomy-desc {
  text-align:justify;
}

/* Links in Breadcrumbs tatsächlich linkblau formatieren; dazu muss ursprüngliche Farbanweisung aus blue-accent.css überschrieben werden */
#map a {
    color: #3C78A7!important;
}

/* Featured-Bereich; ohne diesen Tweak steht der Bereich rechts etwas zu weit über */
#top {
 padding-right: 15px!important; 
}

/* Rubrikenübersichten: Thumbs auf sehr schmalen Auflösungen / Geräten nicht überstehen lassen */
#inner .thumb img {
 width:97%; 
} 

/* Artikelbilder immer auf 100% der verfügbaren Fensterbreite skalieren */
.singleimage img {
 width:100%; 
} 

/* Bilder, die auf rechts gesetzt sind und nicht die volle Textbreite umfassen, auf max. 50% der Breite standardmäßig beschränken */
.wp-caption.alignright {
 width:50%!important; 
  /* Bilder im Fließtext, die auf Rechts-Ausrichtung gesetzt sind: Mehr Abstand nach links, kein Abstand nach oben */ 
 margin-left:1.7em;
 margin-top:0em;
}

/* Bilder, die auf rechts gesetzt sind und nicht die volle Textbreite umfassen, auf max. 50% der Breite standardmäßig beschränken */
.alignright {
 width:50%!important; 
 margin-top:0em!important;
}


/* gelbe Infokästen mit Symbol: Text braucht links ein Padding, damit der Text im Kasten nicht das Symbol überlagert */
.colabs-sc-box.rounded {
  padding-left:4em;
  padding-right:2em;
}
.colabs-sc-box.info {
  padding-left:4em;
  padding-right:2em;
}
.colabs-sc-box.note {
  padding-left:4em;
  padding-right:2em;
}
.colabs-sc-box.tick {
  padding-left:4em;
  padding-right:2em;
}

.colabs-sc-box.alert {
  padding-left:4em;
  padding-right:2em;
}

/* Startseite > Letzter Beitrag (Vorschau) > Listen sollen schon mit Listenformatierung angezeigt werden; das ist bisher nicht so */
#front-list ol {
  clear:none;
  margin-top: 1em;
  list-style-type: decimal;
  list-style-position: inside;
}
#front-list li {
  margin-top:0.6em;
  margin-bottom:0.6em;
}

/* Startseite > Top (Headline, Featured) > nicht so viel Abstand über den Überschriften, die als Link zu den jeweiligne Rubriken führen */

#top .label {
  margin-top:0.5em;
}

/* Bildunterschriften-Texte nicht durch justify/Blocksatz verzerren, sondern normal linksbündig */
.wp-caption p {
   text-align:left!important; 
   word-break:break-all;
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto; 
}

/* Quote-Kästen in grauer Box brauchen oben und unten ein kleines Padding sowie Abstand unten, falls direkt ein normaler Textabsatz folgt 20150922 */
.colabs-sc-quote.boxed {
  padding-top:0.1em;
  padding-bottom:0.1em;
  margin-bottom:0.8em;
}

/* Quote-Kästen; Versuche mit verkleinertem Anführungszeichen-Bild 20150922 
.colabs-sc-quote p {
 background-image: url("http://soski.staging.wpengine.com/wp-content/uploads/2015/04/icon.png");
 background-size:contain;
 background-position: left top;
 background-repeat: no-repeat;  
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 10px; 
 margin-left:0px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-right: 0px;
 padding-left: 10px;
}
*/

.colabs-sc-quote.left {
 float:left;
 width:initial; 
 min-width:100px; 
 max-width:45%; 
 margin-top: 2px;
 margin-bottom: 5px;
 margin-right: 10px; 
}

.colabs-sc-quote.left p {
 text-align:left!important;
 padding-left:47px;
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px; 
 margin-left:0px;
 word-wrap:break-word!important; 
 line-height:145%;
}

.colabs-sc-quote.right {
 float:right;
 min-width:100px; 
 width:initial;
 max-width:45%; 
 margin-top: 0em;
 margin-bottom: 1em;
 margin-left: 1em;
 margin-right: 0.3em;
}

.colabs-sc-quote.right p {
 text-align:right!important;
 /*padding-left:3em;*/
 padding-top:0px;
 /*padding-right:5px;*/
 padding-bottom:1px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px; 
 /*margin-left:10px;*/
 line-height:145%;
}

.colabs-sc-quote.boxed.right {
 float:right;
 min-width:100px; 
 width:initial;
 max-width:45%; 
 margin-top: 5px;
 margin-bottom: 3px;
 margin-left:10px;
 padding:10px;
}

.colabs-sc-quote p {
 margin-right:2px; 
 line-height:130%;
}


/* Pulled Quote Left etwas kleiner machen, vor allem für iPhone-Anzeige */
.colabs-sc-pulledquote {
 max-width:40%;
 width:initial;
 font-size:1.4em!important;
 word-wrap:break-word!important;  
}

/* Thumbnails im Glossar-Archiv möglichst groß ziehen, soweit Auflösung hergibt */
#glossarthumb img {
 width:100%; 
}

/* Listenformatierung in Taxonomie-Beschreibungen */
.taxonomy-desc li {
	list-style-type:disc;
	margin-left:1em;
  	margin-top:1em;
  	margin-bottom:1.0em; 
}

/* Links (URL als Text) auch in Taxonomy-Descs umbrechen */
.taxonomy-desc a {
  word-break: break-all;
}

/* Wörter in Paged-Lists/Teasern ggf. umbrechen */
#paged-list p {
   /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: normal;

  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;  
}

/* Menü-Styles für Bibliothek-Menü */
#custom-menu-wizard-3 li:after,
#custom-menu-wizard-3 li:before {
  content: '';
  display: table;
}
#custom-menu-wizard-3 li {
  zoom: 1;
  position: relative;
  padding: 0 0 0 13px;
  line-height: 21px;
  border-bottom: 1px dotted #bbb;
  /*background: url(images/sub.png) no-repeat 0 45%;*/
}
#custom-menu-wizard-3 li:before {
  content: "";
  width: 12px;
  height: 12px;
  left: 0;
  position: absolute;
  background: url(images/sub.png) no-repeat 0 0;
}
/* Ende: Menü-Styles für Bibliothek-Menü */

/* bei Zitaten soll der normale Fließtext nicht wie sonst üblich für <p>'s linksbündig sein und nicht Blocksatz, da Blocksatz oft unschön wirkt, gerade auf iPhone, wenn das Bild des zitierten Buchs noch rechts eingeblendet wird und dann links daneben ggf. nur 3 Wörter im Float passen. Da aber irgendwo schon für .entry p mit text-align:justify!important gerarbeitet wird, hat es nur funktioniert, diesen Override hier an das Ende der style.css zu stellen */
.colabs-sc-quote p { text-align:left!important; }

/* Abstand der Hauptmenü-Punkte im Madmenu oben verringern, so dass mehr Elemente in die Zeile passen auf iPad hochkant */
#madmenu li a, #madmenu li a:visited {
  padding-left:11px!important;
  padding-right:19px!important;
 }
#madmenu a, #madmenu a:visited {
  padding-left:11px!important;
  padding-right:19px!important;
 }

/* H2 soll auf Leseproben-Einzelansicht-Seiten keinen Clearfloat haben, sondern links neben Inhaltsverzeichnis/Cover/Menü floaten */ 
.single-leseproben h2 {
 clear:none!important; 
}

/* [pulledquote] in Leseproben anpassen (normal, ohne explizite Float-Angabe) */
.colabs-sc-pulledquote.left {
  font-style:initial!important;
  font-size:1.2em!important;
  min-width:15%;
  max-width:30%;
}


/* [pulledquote float="right"] anpassen */
.colabs-sc-pulledquote.right {
  text-align:right!important;
  min-width:20%;
  max-width:40%;
  font-size:1.2em!important;
  font-style:initial;   
}
@media (max-width: 400px) { .colabs-sc-pulledquote.right { min-width:20%; max-width:30%; font-size:1em!important}   }


/* Menü/Inhaltsverzeichnis bei Leseproben am Ende, in der Einzelansicht */
.leseproben-menue-einzelansicht-seitenende {
  padding-top:1em;
  padding-bottom:1em;
  margin-top:1em;
  margin-bottom:0em;
  clear:both;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */
}
/* Listenformatierung des Menüs / Inhaltsverzeichnisses am Ende von Leseproben-Einzelansicht-Seiten */
.leseproben-menue-einzelansicht-seitenende ul, .leseproben-menue ul, #menu-leseproben-1 ul {
  list-style:none; 
  margin-left:0em;
  padding-left:0em;
}
.leseproben-menue-einzelansicht-seitenende .cmw-level-1, .leseproben-menue .cmw-level-1, #menu-leseproben-1 .cmw-level-1 {
  margin-left:0em!important;
  list-style:none;  
}

.type-zitat .colabs-sc-pulledquote {
 font-style: italic!important; 
 font-size: 0.9em!important;
}

/* Erhöhung des oberen Paddings in Quote-Boxed-Kästen in Texten vom Custom-Post-Type ZITAT */
.type-zitat .colabs-sc-quote .boxed {
  padding-top:1em!important; 
  font-size:1em!important;
}

#custom-menu-wizard-2 li {
  padding: 0.2em 0 0.2em 13px;
}

.frontheadtitle {
  font-size:1.6em;
  line-height:1.2em;
  margin-top:0.4em;
  margin-bottom:0.2em;
  font-weight:bold;
}

/* Abstand rechts von Hauptmenü-Elementen verringern, so dass Menü ohne Umbruch in eine Zeile auf iPad passt */
#madmenu li {
	margin-right:-5px!important;  
}

/* Website-Logo oben nur auf kleinsten Auflösungen (Smartphone) anzeigen */
.logoheader { margin:auto; width:100%; text-align:center; margin-bottom:0.5em; }
@media (min-width: 700px) {
	.logoheader { display: none; }
      }

/* Logo in Sidebar auf kleinsten Auflösungen (Smartphone) nicht anzeigen, da bei diesen Auflösungen schon im Header */
@media (max-width: 700px) {
	.logosidebar { display: none; }
      }


/* Paragraphs on front page describing cube concept #20161108 */
.cube-info-text { margin-left:0.4em;margin-top:1em; }
.cube-info-text-halfwidth { margin-left:0.4em;margin-top:1em; width:66%;}
@media (max-width: 600px) { .cube-info-text-halfwidth { margin-left:0.4em;margin-top:1em; width:100%;} }
.cube-info-text-signature { margin-left:0.2em; font-size:2em; margin-bottom:-0.2em; margin-top:0em; }

/* DIV with ID cube-moritz #20161108 */
@media (min-width: 600px) {
    #cube-moritz {
    background: url('/wp-content/uploads/am.jpg') no-repeat right bottom;     
    }    
}

/* Gradient for front page cube intro text div #20161108 */
#gradient-frontpage {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,e0e0e0+67,dfdfdf+100&1+0,0+92 */
background: -moz-linear-gradient(45deg,  rgba(224,224,224,1) 0%, rgba(224,224,224,0.27) 67%, rgba(223,223,223,0) 92%, rgba(223,223,223,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(224,224,224,1) 0%,rgba(224,224,224,0.27) 67%,rgba(223,223,223,0) 92%,rgba(223,223,223,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(224,224,224,1) 0%,rgba(224,224,224,0.27) 67%,rgba(223,223,223,0) 92%,rgba(223,223,223,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#00dfdfdf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Autorenbild auf Startseite formatieren: Steuerung, dass auf iPhone das Portrait als separater IMG-Baustein geladen wird, während auf größeren Auflösungen das Bild als DIV-Background geladen ist #20161108 */ 
@media (max-width: 600px) { 
    .amportrait { border:none!important;width:100%;background:none!important;margin-top:-1.5em;padding-top:-2em;} 
}
@media (min-width: 601px) { 
    .amportrait { display:none; } 
}

/* Post-thumbnail on front page with less margin #20161108 */
#front-list img { margin: 0 0 0.2em 0; }

/* Images in box 'Kommentar zu Zitat' should be stretched to max-width #20161119 */
#zitatkommentar img { width:100%; margin-top:1em; margin-bottom:1em; }
#zitatkommentar img.img-right {min-width:250px; max-width:50%; float:right; margin-left:1.8em; margin-top:0.2em; margin-bottom:1em; }

/* Formatierung von Instantkontern, wenn diese per PHP-Snippet in einem redaktionellen Beitrag reingeladen werden (nur der jeweilige Satz, keine Title o.ä.) */
.instantkonterquote {  
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0em;
  margin-right: 1em; 
  padding: 0 0 0 50px; 
  background: url(./quote.png) no-repeat 0 3px; 
  font-family: serif; 
  font-size: 1.2em; 
  font-style: italic; color:#777; 
  min-height: 32px;
}

/* Formatierung von Konterbeispielen aus der Konterdatenbank */
.konterdatenbank-beispiel {    
  margin-top: 0em;
  margin-bottom: 1em;
  margin-left: 0em;
  margin-right: 0em; 
  padding: 0px 40px 0px 0px; 
  background: url(./quote.png) right top no-repeat; 
  font-family: serif; 
  font-size: 1.3em; 
  font-style: italic; color:#777; 
  min-height: 32px;
  word-break:break-all;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; 

  }

/* Formatierung von Konterbeispielen aus der Konterdatenbank */
.konterdb {    
  background: url(./quote.png) no-repeat; 
  font-family: serif; 
  font-size: 1.3em; 
  font-style: italic; color:#777; 
  min-height: 32px;
  padding: 0px 0px 0px 45px; 
  }

/* Zwei-Spalten nebeneinander auf breiten Screens, untereinander auf iPhone & Co */
.linkespalte {min-width:330px;width:35%;max-width:100%;float:left;margin-right:1em;margin-bottom:0.6em;}
.rechtespalte {}

/* Konter-Datenbank: Einzelansicht Konter: Teaser am Seitenende zu weiteren Schlagfertigkeit-Inhalten: Linkes Element: Worttrennung */
.schlagfertigkeit-teaserblock {
  word-break:break-all;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; 
}

#konterbeispiel p {margin-bottom:0em;padding-bottom:0em;}

/* Show thin grey border over element */
.bordertop { border-top: 1px dotted #bbbbbb; margin-top:1.3em; padding-top:1.3em; padding-bottom:0.7em; }

/* Format of Kurzzitate source (book page, ebook position) on singular view of Kurzzitate */
.kurzzitatequellenangabe { margin-top:1.1em; font-style:normal; font-family:Arial,Helvetica; font-size:0.8em; color:lightgrey; text-align:right!important; }

/* Formatierung von Instantkontern, wenn diese per PHP-Snippet in einem redaktionellen Beitrag reingeladen werden (nur der jeweilige Satz, keine Title o.ä.) */
.kurzzitate-singleview {  
  margin-top: 0.6em;
  margin-bottom: 1em;
  margin-left: 0em;
  margin-right: 1em; 
  padding: 0 0 0 50px; 
  background: url(./quote.png) no-repeat 0 6px; 
  font-family: serif; 
  font-size: 1.5em; 
  font-style: italic; color:#777; 
  min-height: 32px;
}

/* Images in main content of Zitat-type posts */
.type-zitat div.wp-caption { margin-top:2em; padding-top:1.4em; border-top:solid 7px #3C99CE; }
/*.type-zitat img.size-full { width:100%; border-top: solid 10px #f00;}*/

/* Intro text on taxonomy tag archives for kurzzitate like */
.tag-intro { margin-top:1.5em; margin-bottom:0.5em; }


/* Styles formerly in custom.css, but custom.css deactivated in PARENT/functions/admin-setup.php on 20170807 */
.tanbox.left.two {
    display: inline-block;
    vertical-align: top;
    float: none;
}
.tanbox {
    width: 47%;
}

@media only screen and (max-width: 480px) {
  	.tanbox {
    	width: 100%;
	}
}
/* // Styles formerly in custom.css, but custom.css deactivated in PARENT/functions/admin-setup.php on 20170807 */

/* Images with align-right stretch to 50% container width even if small */
.wp-caption img {width:100%;}

/* Word-break of links */
a {
  -moz-hyphens: auto!important;
  hyphens: auto!important;
  /*word-break:break-all;*/
}

/* Bilder, die auf links gesetzt sind und nicht die volle Textbreite umfassen, auf max. 50% der Breite standardmäßig beschränken */
.wp-caption.alignleft {
 width:50%!important; 
  /* Bilder im Fließtext, die auf links-Ausrichtung gesetzt sind: Mehr Abstand nach rechts, wenig Abstand nach oben */ 
 margin-right:1.7em;
 margin-top:0.3em;
 margin-bottom:1em;
}

/* Word-break in lists */
.entry li a { word-break:break-all; }

/* Delete symbol in Alert-Info-Box */
.colabs-sc-box.alert { padding-left:none!important; background:none!important; }

/* Kurzzite Einzelansicht: Überschrift soll um Screenshot floaten */
.kurzzitate-singleview h2 {clear:none!important;margin-top:0em!important;}