/*
Theme Name: rwg_uku-child
Description: Aenderungen
Author: Tanja Puerckhauer
Author URI: http://www.rwg-bayreuth.de
Template: uku
Version: 1.0
Tags:
Text Domain: rwg_uku-child
*/
/*#menu-rwg-hauptmenu a {
text-transform: capitalize !important;
}*/
.aniAdvent:hover img {
animation-name: tuerAuf; /** Name der Animation **/
animation-duration: 3s; /** Dauer der Animation **/
animation-iteration-count: 1; /** Anzahl der Wiederholungen z.B. infinite **/
animation-direction: normal; /** oder alternate; **/
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
transform-origin: 0%;
}
@keyframes tuerAuf{
from{ transform:perspective(2000px) rotateY(0deg) }
to { transform:perspective(2000px) rotateY(-55deg) }
}
/* kein Abstand zwischen Instagram-Bereich und Rest*/
.home .no-sidebar #colophon, .single-post #colophon {
margin-top: 0px;
}
/* Instagram-Bereich über gesamte Breite */
.home aside.big-instagram-wrap.cf {
width: 100% ;
margin:auto;
height: auto;
}
body:not(.home) aside.big-instagram-wrap.cf {
display: none;
}
hr {
border: none;
border-style: solid;
border-top: 1px solid #1a1a1a;
border-bottom: 0px solid #1a1a1a;
}
/*
body.schuelerzeitung {
background-color: #0FA9E4 !important;
}
*/
/*eigentlich: font-family: 'Kanit', sans-serif; */
/*body {
font-family: 'calibri', 'helvetica', 'arial', sans-serif;
}*/
/* --- Serif Styles --- eigentlich: font-family: 'Noticia Text', serif; */
h1.site-title,
p.site-title,
.entry-summary,
.widget,
.title-footer,
.entry-header p.intro,
.entry-content,
.entry-content p,
.entry-content table,
.entry-content dl,
.entry-content ul,
.entry-content ol,
p.section-about-text,
p.text-big,
p.text-small {
font-family: 'calibri', 'helvetica', 'arial', sans-serif;
}
/*.widget-ueber {
font-family: 'Kanit', sans-serif;
}*/
/* eigentlich; font-family: 'Kanit', sans-serif; */
/*#secondary h2.widget-title,
#sidebar-page h2.widget-title,
.entry-content blockquote p,
.entry-content p span.uppercase,
.section-about-column-two .social-nav ul li a,
.section-about-column-one p cite,
.widget_mc4wp_form_widget input[type="email"],
.widget_mc4wp_form_widget input[type="submit"],
.jetpack_subscription_widget #subscribe-email input[type="email"],
.jetpack_subscription_widget #subscribe-submit input[type="submit"],
.contact-form input[type="submit"],
input,
textarea,
.site-content div.wpcf7 input,
.site-content div.wpcf7 textarea,
.site-content div.wpcf7 p,
a.standard-btn,
div.sharedaddy h3.sd-title,
.widget h2.widget-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.big-instagram-wrap .clear,
input[type="button"],
input[type="submit"],
input#submit,
.widget_search input.search-field {
font-family: 'calibri', 'helvetica', 'arial', sans-serif;
}*/
/*h1.site-title ,
p.site-title {
font-weight: normal;
}*/
/* Minimum width of 1060 pixels (small desktop screens)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 66.250em) {
/* Titel kleiner */
h1.site-title, p.site-title {
font-size: 48px;
font-size: 3rem;
/*text-align: left;
padding-left: 120px !important;*/
}
.sticky-header p {
font-size: 30px;
font-size: 1.875rem;
}
/* neusprachliches, wirtsch... etwas größer */
p.site-description {
font-size: 102%;
/*text-align: left;
padding-left: 120px;*/
}
}
/*------------ Slider-Einstellungen ------------*/
/* - Abstände oben auf Startseite reduzieren - */
body.home div.content-wrap {
padding-top: 0;
}
#meteor-slideshowtitel {
margin-bottom:20px !important;
margin-top: 30px !important;
visibility: collapse !important;
height: 40px !important;
}
/* Minimum width of 275 pixels (sehr klein)
-------------------------------------------------------------- */
@media screen and (min-width: 17.1875em) {
/* --- slider bei kleinen Displays ausblenden --- */
#meteor-slideshowtitel {
margin-top:0 !important;
margin-bottom: 35px !important;
height: 0px !important;
}
}
/* Minimum width of 328 pixels (klein)
--------------------------------------------------------------- */
@media screen and (min-width: 20.500em) {
/* --- slider bei kleinen Displays ausblenden --- */
*#meteor-slideshowtitel {
margin-top:0 !important;
margin-bottom: 2px !important;
height: 0px !important;
}
}
/* Minimum width of 400 pixels (kleiner als smartphone landscape)
---------------------------------------------------------------- */
@media screen and (min-width: 25.000em) {
/* --- slider bei kleinen Displays ausblenden --- */
#meteor-slideshowtitel {
visibility: visible !important;
height: auto !important;
margin-top:5px !important;
margin-bottom: 10px !important;
}
}
/* Minimum width of 525 pixels (kleiner als smartphone landscape)
--------------------------------------------------------------- */
@media screen and (min-width: 32.800em) {
/* --- slider bei kleinen Displays ausblenden --- */
#meteor-slideshowtitel {
visibility: visible !important;
height: auto;
margin-top:-20px !important;
margin-bottom: 30px !important;
}
}
/* Minimum width of 768 pixels (tablet portrait)
------------------------------------------------------------- */
@media screen and (min-width: 48.000em) {
/* --- slider bei kleinen Displays ausblenden --- */
#meteor-slideshowtitel {
visibility: visible !important;
height: auto;
margin-top:-40px !important;
margin-bottom: 30px !important;
}
}
/*------------ ENDE - Slider-Einstellungen ------------*/
/* ------------ Video - responsive design ------------ */
/* nach:
* https://www.elmastudio.de/css-tipp-eingebettete-videos-fur-responsive-webdesigns-optimieren/
* */
.elastic-video {
position: relative;
padding-bottom: 55%;
padding-top: 15px;
height: 0;
overflow: hidden;
}
.elastic-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* folgendermaßen einbinden:
*/
/* ------------ ENDE - Video - responsive design ------------ */
/* Höhenanpassung für Seiten mit Beitragslisten - Schlagwort blog_list*/
body:not(.home) .blog-wrap {
padding-top: 0px !important;
}
/* ------------ Beitragslistenformatierung ------------ */
.rwg_post_list .entry-date {
float: right;
}
.rwg_post_list .kategorie {
float: left;
}
.plain .rwg_post_list .entry-date {
visibility: collapse;
}
.plain .rwg_post_list .kategorie {
visibility: collapse;
}
body.home .rwg_post_list div.entry-cats {
display: none;
}
.rwg_post_list article.type-post {
border-top: 1px solid #1a1a1a !important ;
padding: 20px 0 20px !important ;
}
body:not(.home) .rwg_post_list article.type-post:first-of-type {
margin-top: 10px;
}
/*body.home .rwg_post_list article.type-post:first-of-type {
border-top: 0px none white !important;
}vorher; jetzt wie unten*/
body.home .rwg_post_list article.type-post:first-of-type {
border-top: 1px solid #1a1a1a !important;
}
body:not(.home) .rwg_post_list article.type-post:last-of-type {
border-bottom: 1px solid #1a1a1a !important ;
padding: 20px 0 20px !important ;
margin-bottom: 20px !important ;
}
body.home .rwg_post_list article.type-post:last-of-type {
border-bottom: 1px solid #1a1a1a !important ;
padding: 20px 0 40px !important ;
margin-bottom: 20px !important ;
}
.rwg_post_list .entry-edit {
text-align: center;
}
.rwg_post_list .bearbeiten {
margin: 0;
}
.rwg_post_list h2.entry-title {
clear: left;
}
.rwg_post_list ul.lcp_paginator li::before {
content: '';
}
.rwg_post_list ul.lcp_paginator li {
padding: 2px 10px;
border: none;
font-weight: normal;
font-size: 100%;
}
.rwg_post_list ul.lcp_paginator li.lcp_currentpage {
font-weight: 900;
font-size: 115%;
}
.rwg_post_list ul.lcp_paginator li a {
text-decoration: none;
font-weight: normal;
font-size: 100%;
}
.rwg_post_list ul.lcp_paginator {
text-align: center;
}
.rwg_post_list div.entry-thumbnail a {
text-align: center;
}
.rwg_post_list div.entry-thumbnail a img {
width: 100%;
}
/* Überschriften in Beitragslisten blau bei Überfahren mit Maus */
.rwg_post_list h2.entry-title a:hover {
color: #0FA9E4 !important;
}
/* Bilder in Beitragslisten heller bei Überfahten mit Maus */
/* Beschreibung: https://blog.kulturbanause.de/2015/03/css-filter-effekte/ */
.rwg_post_list a img:hover {
/*-webkit-filter: opacity(.7); /*Transparenz - alternativ zu Helligkeit*/
/*filter: opacity(.7); /*Transparenz - alternativ zu Helligkeit*/
-webkit-filter: brightness(1.3); /*Helligkeit*/
filter: brightness(1.3); /*Helligkeit*/
}
/* Maximum width of 400 pixels (smartphone portrait)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 400px) {
.home .rwg_post_list div.entry-summary {
display: none;
/*height: 0px;*/
}
.home .rwg_post_list div.entry-thumbnail {
/*width: 48%;*/
}
}
/* Minimum width of 768 pixels (tablet portrait)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 48.000em) {
:not(.home) .rwg_post_list h2.entry-title {
/*font-size: 110%;*/
}
}
/* Minimum width of 1060 pixels (small desktop screens)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 66.250em) {
:not(.home) .rwg_post_list .entry-title a {
/*font-size: 120%;*/
}
}
/* ------------ Beitragslistenformatierung - Ende ------------ */
/* ------------ Beitragslistenformatierung - cardview ------------ */
/* nach:
* http://sundari-webdesign.com/wordpress-the-quest-to-my-perfect-list-view-for-posts-events-and-articles/
* */
/* Some basic styling */
.postlist h3 {font-size: 22px; line-height: 1.2em; margin-top: 0; padding-top: 0}
.schmal .postlist h3 {font-size: 20px; margin-top:5px!important;}
.postlist h3 a {text-decoration: none;}
.postlist p, .postlist .morelink a {font-size: 15px; line-height: 1.4em !important;}
.withthumb .lcp-container {margin-left: 220px;}
.morelink {text-align: right;}
/* Überschriften in Beitragslisten blau bei Überfahren mit Maus */
.postlist h3 a:hover {
color: #0FA9E4 !important;
}
/* Styling of the outer container */
.postlist {
/*border: 1px solid #ccc;*/
/*background: rgba(255, 255, 255, 0.7);*/
/*box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);*/
border-top: 1px solid #1a1a1a;
margin: 10px 0px 0px; /* top left=right bottom*/
padding: 20px;
overflow: auto;
}
.ohneBalken .postlist {
border-top-width: 0px;
margin: 0px;
}
.ohneRahmen .postlist {
border: 0px solid #1a1a1a;
margin: 20px 0px;
}
/* The image magic */
.thumbmagic {
float: left;
display: inline-block;
position: relative;
overflow: hidden;
width: 200px;
height: 0;
padding-bottom: 150px;
}
.thumbmagic img {
position: absolute;
left: 50%;
top: 50%;
border-radius: 0;
max-height: none;
max-width: none;
/* min-width: 200px; width: auto; height: 100%; /* Use for portrait display */
min-height: 150px; height: auto; width: 100%; min-height:100%; /* Use for landscape display */
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
/* Bilder in Beitragslisten heller bei Überfahten mit Maus */
/* Beschreibung: https://blog.kulturbanause.de/2015/03/css-filter-effekte/ */
.thumbmagic img:hover {
/*-webkit-filter: opacity(.7);
filter: opacity(.7);*/
-webkit-filter: brightness(1.3);
filter: brightness(1.3);
}
/* The responsive magic */
@media screen and (max-width: 800px) {
.thumbmagic {float: none; display: block; margin: 10px auto 20px auto;}
.thumbmagic:empty {display: none;}
.withthumb .lcp-container {margin-left: 0px; text-align: left;}
}
/* The cardview */
.cardview.postlist {padding: 0; padding-top: 20px; }
.cardview.postlist h3 {margin-top: 10px;}
.cardview .thumbmagic {float: none; width: 100%; padding-bottom: 66.66%; margin-top: 0;}
.cardview .lcp-container {margin: 0; padding: 0 /*20px 20px 20px*/;}
.ohneRahmen .cardview.postlist {padding: 0;}
/*.cardview.postlist h3 {margin-top: 20px;} */
/*.ohneRahmen .cardview .lcp-container {padding: 0 20px 20px 20px;}*/
/* Multicolumn */
/*@media ( min-width: 767px ) {
.cardview.postlist, .nothumb.postlist {float: left; width: 48%;}
.cardview.postlist:nth-of-type(2n+1), .nothumb.postlist:nth-of-type(2n+1) {margin-right: 4%;}
.cardview.postlist:nth-of-type(2n+3), .nothumb.postlist:nth-of-type(2n+3) {clear: both;}
}*/
/* Multicolumn 3 > 2 > 1 Version */ /* Comment the upper version and uncomment this one to use it*/
@media ( min-width: 767px ) and ( max-width: 1300px ) {
.cardview.postlist, .nothumb.postlist {float: left; width: 48%;}
.ohneGroß .cardview.postlist:nth-of-type(2n+1), .ohneGroß .nothumb.postlist:nth-of-type(2n+1) {margin-right: 4%;}
.ohneGroß .cardview.postlist:nth-of-type(2n+3), .ohneGroß .nothumb.postlist:nth-of-type(2n+3) {clear: both;}
.home .cardview.postlist:nth-of-type(2n+2), .home .nothumb.postlist:nth-of-type(2n+2) {margin-right: 4%;}
.home .cardview.postlist:nth-of-type(2n+4), .home .nothumb.postlist:nth-of-type(2n+4) {clear: both;}
/* erster Post groß*/
.home .cardview.postlist:nth-of-type(1), .home .nothumb.postlist:nth-of-type(1) {
float: left; width: 100%; margin-right: 0; clear: both;
}
.home .cardview.postlist:nth-of-type(1) .thumbmagic {padding-bottom: 60%;}
}
@media ( min-width: 1301px ) {
.cardview.postlist, .nothumb.postlist {float: left; width: 32%; margin-right: 2%;}
.ohneGroß .cardview.postlist:nth-of-type(3n+3), .ohneGroß .nothumb.postlist:nth-of-type(3n+3) {margin-right: 0;}
.ohneGroß .cardview.postlist:nth-of-type(3n+4), .ohneGroß .nothumb.postlist:nth-of-type(3n+4) {clear: both;}
.home .cardview.postlist:nth-of-type(3n+4), .home .nothumb.postlist:nth-of-type(3n+4) {margin-right: 0;}
.home .cardview.postlist:nth-of-type(3n+5), .home .nothumb.postlist:nth-of-type(3n+5) {clear: both;}
/* erster Post groß*/
.home .cardview.postlist:nth-of-type(1), .home .nothumb.postlist:nth-of-type(1) {
float: left; width: 100%; margin-right: 0; clear: both;
}
/*folgende zwei Zuweisungen sind alternativ - bei zweiter Version wird auf breiten Seiten das erste Beitragsbild weniger beschnitten - sollte bei Bedarf aktivert werden und danach wieder geändert*/
.home .cardview.postlist:nth-of-type(1) .thumbmagic {padding-bottom: 40%;}
/*.home .cardview.postlist:nth-of-type(1) .thumbmagic {padding-bottom: 50%;} */
}
/* schmal für z.B. Videos */
@media ( min-width: 350px ) and ( max-width: 600px ) {
.schmal .cardview.postlist, .schmal .nothumb.postlist {float: left; width: 48%; margin-right: 4%;}
.schmal .cardview.postlist:nth-of-type(2n+2), .schmal .nothumb.postlist:nth-of-type(2n+2) {margin-right: 0;}
.schmal .cardview.postlist:nth-of-type(2n+3), .schmal .nothumb.postlist:nth-of-type(2n+3) {clear: both;}
}
@media ( min-width: 601px ) and ( max-width: 900px ) {
.schmal .cardview.postlist, .schmal .nothumb.postlist {float: left; width: 32%; margin-right: 2%;}
.schmal .cardview.postlist:nth-of-type(3n+3), .schmal .nothumb.postlist:nth-of-type(3n+3) {margin-right: 0;}
.schmal .cardview.postlist:nth-of-type(3n+4), .schmal .nothumb.postlist:nth-of-type(3n+4) {clear: both;}
}
@media ( min-width: 901px ) and ( max-width: 1200px ) {
.schmal .cardview.postlist, .schmal .nothumb.postlist {float: left; width: 24%; margin-right: 1.333%;}
.schmal .cardview.postlist:nth-of-type(4n+4), .schmal .nothumb.postlist:nth-of-type(4n+4) {margin-right: 0;}
.schmal .cardview.postlist:nth-of-type(4n+5), .schmal .nothumb.postlist:nth-of-type(4n+5) {clear: both;}
}
@media ( min-width: 1201px ) {
.schmal .cardview.postlist, .schmal .nothumb.postlist {float: left; width: 19%; margin-right: 1.25%;}
.schmal .cardview.postlist:nth-of-type(5n+5), .schmal .nothumb.postlist:nth-of-type(5n+5) {margin-right: 0;}
.schmal .cardview.postlist:nth-of-type(5n+6), .schmal .nothumb.postlist:nth-of-type(5n+6) {clear: both;}
}
/* Maximum width of 400 pixels (smartphone portrait)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 400px) {
.home .cardview .thumbmagic {
margin-bottom: 5px;
}
.home .cardview p.lcp_excerpt { /* kein excerpt auf schmalen Seiten */
display: none;
/*height: 0px;*/
}
.home .cardview div.lcp-container h3 {
margin: 0 0 10px;
}
}
/* Pagination */
.lcp_paginator li {border: 1px solid #1a1a1a!important; color: #1a1a1a;}
.lcp_paginator li a {color: #1a1a1a;}
/* vorher
* .lcp_paginator li {border: 1px solid #ccc!important; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1); color: #777;}
.lcp_paginator li a {color: #aaa;}*/
ul.lcp_paginator {padding: 0 0 20px 0!important;}
ul.lcp_paginator:before {content: ""; display: table; clear: both;}
/* ------------ Beitragslistenformatierung - cardview - Ende ------------ */
/*--- Balken bei h1 auf Startseite ---*/
body.home .entry-content h1:nth-of-type(even),
body.home .entry-content h1:nth-of-type(3),
body.home .entry-content h1:nth-of-type(5),
body.home .entry-content h1:nth-of-type(7),
body.home .entry-content h1:nth-of-type(9),
body.home .entry-content h1:nth-of-type(11),
body.home .entry-content h1:nth-of-type(13),
body.home .entry-content h1:nth-of-type(15),
body.home .entry-content h1:nth-of-type(17),
body.home .entry-content h1:nth-of-type(19),
body.home .entry-content h1:nth-of-type(21) {
border-top: 1px solid #1a1a1a;
/*padding-top: 24px;*/
text-align: left;
}
/* Minimum width of 768 pixels (tablet portrait)
-------------------------------------------------- */
@media screen and (min-width: 48.000em) {
body.home .entry-content h1:nth-of-type(even),
body.home .entry-content h1:nth-of-type(3),
body.home .entry-content h1:nth-of-type(5),
body.home .entry-content h1:nth-of-type(7),
body.home .entry-content h1:nth-of-type(9),
body.home .entry-content h1:nth-of-type(11),
body.home .entry-content h1:nth-of-type(13),
body.home .entry-content h1:nth-of-type(15),
body.home .entry-content h1:nth-of-type(17),
body.home .entry-content h1:nth-of-type(19),
body.home .entry-content h1:nth-of-type(21) {
border-top: 1px solid #1a1a1a;
/*padding-top: 36px;*/
}
}
body.home .entry-content h1 {
padding-bottom: 15px;
clear: both;
}
/*------------ ENDE - Balken bei h1 auf Startseite ------------*/
/* ---------- Sprechtermin-buchen-Button ----------*/
.cp_subbtn {
width: 100%;
margin-top:10px;
}
/* ------------ Kapitälchen statt Großbuchsstaben ------------ */
/*.entry-meta,
.entry-cats,
#overlay-nav ul li a,
#desktop-navigation ul li a,
.site-content p.nocomments,
.entry-content h5,
.page-links,
.footer-menu h3.footer-menu-title,
.uppercase,
input[type="button"],
input[type="submit"],
input#submit,
#offcanvas-widgets-open,
.single-post .entry-tags,
.authorbox h3.author-title,
#comments-toggle,
#comments h3.comments-title,
#comments #respond h3#reply-title ,
.pagination,
.single-post .post-navigation a,
.single-attachment .post-navigation a,
.page a.post-edit-link ,
#primary #infinite-handle span,
#primary #infinite-handle span button,
div.sharedaddy h3.sd-title ,
.widget_mc4wp_form_widget h2.widget-title {
text-transform: none;
font-variant: small-caps;
letter-spacing:0.2px;
font-size: 100%;
}*/
/* ------------ Widgetbereich Überschriften größer ------------ */
h2.widget-title {
font-size: 110% !important;
}
/* ------------ Widgetbereich über erster Überschrift keine Linie ------------ */
.widget-area section:first-of-type h2:first-of-type {
border-top-width: 0px;
}
/* ------------ Schulgeschichte-Berichte ohne Datum ------------ */
article.category-schulgeschichte .entry-date {
visibility: collapse;
}
/* ------------ Schulgeschichte-Berichte Abstand zw Ü und Text kleiner ------------ */
article.category-schulgeschichte header.entry-header {
margin-bottom: 0px;
}
/* ------------ Listitems weniger einrücken ------------ */
#primary ul:not(.linkliste):not(.jubi) {
padding-left:10px !important ;
}
/* Liste mit Bullet */
ul.bulletliste, ul.bulletliste ul {
padding-left: 20px;
}
ul.bulletliste li:before {
content: '\2022' ;
}
ul.bulletliste ul li:before {
content: '\2013' ;
}
ul.bulletliste ul ul li:before {
content: '\25E6' ;
}
/* Blatt mit schatten anzeigen
* drehen mit: transform: rotate(1deg); */
.blatt {
margin:3px;
padding: 20px;
box-shadow: 3px 5px 10px gray;
border: 1px solid #cccccc;
}
/* RWG-Button - hell und dunkel*/
.RWGbutton-hell, .RWGbutton-dunkel {
border: 1px solid #2a2a2a;
}
.RWGbutton-blau {
border: 1px solid #0FA9E4;
}
a.RWGbutton-hell, a.RWGbutton-dunkel, a.RWGbutton-blau {
text-decoration: none;
}
a.RWGbutton-hell {
background-image: radial-gradient(white 0% ,white 100%);
color: #2b2b2b;
}
a.RWGbutton-hell:hover {
background-image: radial-gradient(#333333 2% ,#2b2b2b 50%);
color: white !important;
}
/*.RWGbutton-hell a {
color: #2b2b2b;
}
a.RWGbutton-hell:hover {
color: white;
}*/
a.RWGbutton-dunkel {
background-image: radial-gradient(#333333 2% ,#2b2b2b 50%);
color: white !important;
}
a.RWGbutton-dunkel:hover {
background-image: radial-gradient(white 0% ,white 100%);
color: #2b2b2b !important;
}
a.RWGbutton-blau {
background-image: radial-gradient(#0FA9E4 0% ,#0FA9E4 100%);
color: white !important;
}
a.RWGbutton-blau:hover {
background-image: radial-gradient(white 0% ,white 100%);
color: #0FA9E4 !important;
}
/*a.RWGbutton-dunkel {
color: white !important;
}
a.RWGbutton-dunkel:hover {
color: #2b2b2b !important;
}*/
/* RWG-Button - hell und dunkel - ENDE*/
/* --- Linkliste auf Menüseiten --- */
.linkliste, .linkliste ul, .linklisteDvi ul {
padding:0 !important;
}
.linkliste li:before {
display: none;
list-style-type: none;
content: none;
margin:0;
padding:0 !important;
}
.linkliste li, .linkliste ul li {
padding:0 !important;
color: #2b2b2b;
}
.linkliste li:hover, .linkliste ul li:hover {
padding:0 !important;
}
.linkliste a , .linkliste p.ohne {
text-decoration: none;
border-bottom: 1px solid #ddd;
color: #2b2b2b !important;
display: block;
width:100%;
margin:0;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
.top {
border-top: 1px solid #ddd;
}
ul.linkliste > li:first-child, ul.checkliste > li:first-child {
border-top: 1px solid #ddd;
}
.linklisteDvi ul > li:first-child {
border-top: 1px solid #ddd;
}
.linkliste ul * a , .linkliste ul * p.ohne, .linkliste ul * label {
padding-left:30px;
}
.linkliste a:hover {
/*background-color: rgb(99,99,99);*/
/*background-image: linear-gradient(#2b2b2b, #3b3b3b, #2b2b2b);*/
background-image: radial-gradient(#333333 2% ,#2b2b2b 50%);
color: white !important;
}
/* Minimum width of 768 pixels (tablet portrait)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 48.000em) {
.linkliste:not(.eng) a , .linkliste:not(.eng) p.ohne{
padding-left: 40px;
padding-right: 40px;
}
.linkliste:not(.eng) ul * a , .linkliste:not(.eng) ul * p.ohne {
padding-left: 80px;
}
.linklisteDvi:not(.eng) ul * a , .linklisteDvi:not(.eng) ul * p.ohne {
padding-left: 40px;
}
}
.linkliste.eng {
line-height:1.3;
}
.linkliste.nahtlos {
margin-bottom:0px;
}
.linkliste.nahtlos > li:last-child > a {
border-bottom: 0px solid #ddd;
}
/* --- Linkliste auf Menüseiten - Ende --- */
/* --- wie Linkliste ohne ul für Widgetbereicht --- */
/* mit ... umschließen */
.linkliste-widget a {
padding: 6px 10px;
line-height: 1.1;
}
/* --- wie Linkliste ohne ul für Widgetbereicht - Ende --- */
/* Checkbox in grau angeklickt rwg-blau mit Haken */
/* The container */
.container {
display: block;
position: relative;
padding-left: 37px;
margin-bottom: 12px;
cursor: pointer;
font-size: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.container a {
text-decoration: none;
}
/* Hide the browser's default checkbox */
.container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 27px;
width: 27px;
background-color: #eee;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
background-color: #0FA9E4;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
left: 9px;
top: 5px;
width: 10px;
height: 16px;
border: solid white;
border-width: 0 4px 4px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* Checkbox in grau angeklickt rwg-blau mit Haken - ENDE */
/* Contact-Form 7 - Checkboxen/radio-Button untereinander*/
div.vertikal span.wpcf7-list-item {
display: block;
margin-bottom: 20px;
}
.vertikal-eng span.wpcf7-list-item {
display: block;
margin-bottom: 0.2em;
}
/* Oberstufen-Punkteschlüssel */
table.schluessel {
visibility: collapse;
font-family: sans-serif;
font-size: 100%;
line-height: 1.5;
}
.schluessel th {
border-bottom: 2px solid black;
line-height: 1.5;
border-top: none;
}
.schluessel td, .schuessel th {
padding-top: 0px;
padding-bottom: 0px;
}
.schluessel td:first-of-type, .schluessel td:nth-of-type(2),
.schluessel td:nth-of-type(3), .schluessel td:nth-of-type(4) {
text-align: center;
}
.schluessel td:last-of-type {
color: gray;
padding-left: 2em;
}
.schluessel th:last-of-type {
color: gray;
border-bottom: 2px solid gray;
}
.schluessel th:nth-of-type(2) {
padding-left: 1em;
padding-right: 1em;
}
/* Oberstufen-Punkteschlüssel - ENDE */
/* --- Liste Termine Jubiläum --- */
.jubi, .jubi ul{
padding:0 !important;
}
.jubi ul {
margin-left: 40px;
margin-right: -5px;
}
.jubi li:first-child {
border-top: 1px solid #2b2b2b;
}
.jubi li:before {
display: none;
list-style-type: none;
content: none;
margin:0;
padding:0 !important;
}
.jubi li, .jubi ul li {
color: #2b2b2b;
border-bottom: 1px solid #2b2b2b;
display: block;
width: 100%;
margin: 0;
padding: 10px 5px !important;
}
.jubi ul li:last-child {
border-bottom: none;
padding-bottom:0 !important;
}
.jubi p {
margin-bottom: 0px;
padding-left: 50px;
}
.jubi li p:first-child {
font-weight: bold;
text-indent: -50px;
}
/* Minimum width of 768 pixels (tablet portrait)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 48.000em) {
.jubi ul {
margin-left: 80px;
}
.jubi p {
padding-left: 80px;
}
.jubi li p:first-child {
text-indent: -80px;
}
}
.jubi span.view_modifier {
margin-bottom: 10px;
height: auto;
}
.jubi a.showmore {
font-size: 100%;
margin-bottom: 10px;
height: auto;
}
/* --- ENDE - Liste Termine Jubiläum --- */
/* --- Text im Bild mit Class "TextImBild --- */
.TextImBild {
width: 280px;
height: 210px;
position: relative;
margin-right: 10px;
}
.TextImBild img {
display: block;
}
.TextImBild span {
color: white;
background-color: #2b2b2b;
background-color: rgba(43, 43, 43, 0.05);
background-image: linear-gradient(to bottom, transparent, black);
position: absolute;
bottom: 0;
padding: 8px;
width: 100%;
line-height: 1.1;
text-align: center;
} /* line-height: 2em; background-color: rgba(0, 0, 0, 0.5);*/
/* --- ENDE - Text im Bild mit Class "TextImBild --- */
div.author-pic, div.entry-author, div.entry-tags {
visibility: collapse;
}
/* -- FadeIn abschalten da fehlerhaft -- */
.js .imgfade-on .fadein {
opacity: 1;
}
/* Absätze mit geringerem Abstsand (Interview) */
.absatzfolge p {
margin-bottom:5px !important;
}
/* Tabelle ohne graue Linien */
table.ohne {
border-style:none;
}
.ohne td {
border-style:none;
vertical-align: top;
horizontal-align: left;
}
/* Tabelle ohne graue Linien - Ende */
/* Tabellen mit kleinen bzw. mittleren vertikalen Abständen */
table.eng td {
line-height: 1;
padding-top: 3px;
padding-bottom: 3px;
}
table.mittel td {
line-height: 1;
padding-top: 5px;
padding-bottom: 5px;
}
/* Tabellen mit kleinen vertikalen Abständen - Ende */
/* Tabelle Stundentafel ISB */
table.stdTafeln {
line-height: 1.5em;
}
table.stdTafeln div.absatz.tab span.b, table.stdTafeln div.absatz.tab.b {
font-weight: bold;
}
table.stdTafeln td.rb {
margin-top: 3px !important;
margin-bottom: 3px !important;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 3px;
padding-right: 3px;
border-right: 1px solid #ddd;
}
table.stdTafeln th.rb {
border-right: 1px solid #ddd;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 3px;
padding-right: 3px;
}
a.footnotelink-down.redaktionell, a.footnotelink-up.redaktionell {
text-decoration: none !important;
}
/* Tabelle Stundentafel ISB - Ende */
/* Tabelle Kompass */
table.kompass {
table-layout: auto;
width: auto;
border: none;
line-height: 1.6em;
}
.kompass td, .kompass tr {
border: none;
/*line-height: 1.6em;*/
margin: 0px;
padding: 0px;
width: auto;
font-size:100%;
}
/* Minimum width of 768 pixels (tablet portrait)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 48.000em) {
.kompass td {
font-size: 19pt;
font-size: 1.1875rem;
}
}
table.kompass td:first-of-type {
text-align: center;
font-size: 150%;
font-weight: bold;
}
/* Tabelle Kompass - Ende */
/* RWG-Anpassungen Image-Carousel */
.ohneAbstandUnten {
margin-bottom: 0px !important;
}
#su_image_carousel_5e4da5c00433e {
margin-top: 0px !important;
}
/* RWG-Anpassungen Image-Carousel - ENDE */
/* RWG-Anpassungen Accordion und Tabs */
/* Accordion */
.su-accordion.font-size_normal {
font-size: 16px !important;
}
/* Minimum width of 768 pixels (tablet portrait)
------------------------------------------------------------- */
@media screen and (min-width: 48.000em) {
.su-accordion.font-size_normal {
font-size: 19px !important;
}
.su-quote-inner {
font-size: 19px !important;
}
.su-spoiler.RWG > .su-spoiler-title {
padding-top: 5px; /*10px;*/
padding-bottom: 5px; /*10px;*/
padding-left: 40px;
padding-right: 40px;
}
.su-spoiler.RWG > .su-spoiler-title > .su-spoiler-icon {
padding-top:3px;
}
}
/* Spoiler Title */
.su-spoiler.RWG > .su-spoiler-title {
/* Text Size Lineheight*/
font-size: 100%;
line-height: inherit;
/* Background Color */
background: inherit;
/* Text Color */
color: inherit;
border-radius: 0px !important;
border-bottom: 0px solid #ddd;
}
.su-spoiler.RWG > .su-spoiler-title:hover {
/* Background Color */
background: #1a1a1a;
/* Text Color */
color: #ffffff;
}
.su-spoiler.font-weight_normal > .su-spoiler-title {
font-weight: normal;
}
/* Spoiler Icon */
.su-spoiler.RWG > .su-spoiler-title > .su-spoiler-icon {
/* Icon Color */
color: inherit;
border-radius: 0px !important;
}
/* Spoiler Content */
.su-spoiler.RWG > .su-spoiler-content {
/* Text Size */
font-size: 100%;
/* Background Color */
background: inherit;
/* Text Color */
color: inherit;
border-radius: 0px !important;
}
.su-spoiler.RWG.ohne, .su-accordion.ohne {
border-bottom: none !important;
margin-bottom: 0px !important;
}
.su-spoiler-style-fancy.RWG {
/* Text Size */
font-size: 100%;
/* Background Color */
background: inherit;
/* Text Color */
color: inherit;
border-radius: 0px !important;
border: none;
border-top: 1px solid #ddd;
}
.su-spoiler-style-fancy.RWG:last-child {
border-bottom: 1px solid #ddd;
}
.su-spoiler.RWG.su-spoiler-closed {
margin-bottom:0px;
}
.su-spoiler-style-simple.RWG {
border-color:#ddd;
}
.su-spoiler.su-spoiler-style-simple.RWG:not(:last-child) {
border-bottom:none;
}
.termine .su-spoiler.su-spoiler-style-simple.RWG:not(:last-child) {
border-bottom:none;
}
.termine .su-spoiler-title {
color: #0FA9E4 !important;
font-size: 112.5% !important;
font-weight: 600;
}
.termine .su-spoiler-title:hover {
color: white !important;
}
.termine .su-spoiler-content p {
line-height:1.3;
margin-bottom:15px;
}
/* Tabs */
/* Tab beliebiger Zustand */
.su-tabs.RWG > .su-tabs-nav > span {
/* Background color */
background-color: #FAFAFA;
/* Text color */
color: inherit;
/* Text size */
font-size: 100%;
}
.su-tabs.RWGblau > .su-tabs-nav > span { /* Tab blau*/
/* Background color */
background-color: #0FA9E4;
/* Text color */
color: inherit;
/* Text size */
font-size: 100%;
}
/* Tab inaktiver Zustand */
.su-tabs.RWG > .su-tabs-nav > span:not(.su-tabs-current) {
/* Background color */
background-color: #1a1a1a;
/* Text color */
color: #ffffff;
/* Text size */
font-size: 100%;
}
/* Tab "mouse over" */
.su-tabs.RWG > .su-tabs-nav > span:hover {
/* Background color */
background-color: #ddd;
/* Text color */
color: #1a1a1a;
}
/* Tab aktiver Zustand */
.su-tabs.RWG > .su-tabs-nav > span.su-tabs-current {
/* Background color */
background-color: #FAFAFA;
/* Text color */
color: inherit;
}
/* Tab aktiver Zustand Hintergrund blau */
.su-tabs.RWGblau > .su-tabs-nav > span.su-tabs-current {
/* Background color */
background-color: #0FA9E4;
/* Text color */
color: inherit;
}
/* Tab Aktiver Zustand "mouse over" */
.su-tabs.RWG > .su-tabs-nav > span.su-tabs-current:hover {
/* Background color */
background-color: #ddd;
/* Text color */
color: #1a1a1a;
}
/* Tab-Inhalt */
.su-tabs.RWG > .su-tabs-panes > div {
/* Background color */
background-color: inherit;
/* Text color */
color: inherit;
/* Text size */
font-size: 100%;
}
.su-tabs.RWG.su-tabs-style-default{
background-color: inherit;
padding: 0px;
border: 1px solid #ddd;
}
/* Full-width tabs - Tabs über Seitenbreite gleichmäßig verteilt */
@media screen and (min-width: 768px) {
.full .su-tabs-nav {
display: flex;
}
.full .su-tabs-nav span {
flex-basis: 100%;
text-align: center;
}
.full .su-tabs-nav span:last-child {
margin-right: 0;
}
}
/* RWG-Anpassungen Accordion und Tabs - ENDE */
/* RWG-Anpassungen Lightbox */
@media (max-width: 800px) {
/* CSS-Styles, die nur auf Bildschirmen bis 800 Pixel Breite angewendet werden */
.su-lightbox-content {
width: 90% !important;
}
}
@media (max-width: 400px) {
/* CSS-Styles, die nur auf Bildschirmen bis 400 Pixel Breite angewendet werden */
.su-lightbox-content {
width: 100% !important;
}
}
/* RWG-Anpassungen Lightbox - ENDE */
/* RWG-Anpassungen Spalten */
/* Spalte muss doppelt eingefügt werden, einmal als erste und einmalal als dritte ; die erste erhält .vorne die dritte .hinten; wenn die Spalten untereinander angezeigt werden, verschwindet die erste und es wird statt dessen die dritt angezeigt; Text/Menü links oder unten*/
.su-column.vorne {
display: block;
}
.su-column.hinten {
display:none;
}
@media (max-width: 768px) {
/* CSS-Styles, die nur auf Bildschirmen bis 768 Pixel Breite angewendet werden */
.su-column.vorne {
display: none;
}
.su-column.hinten {
display: block;
}
}
/* RWG-Anpassungen Spalten - ENDE */
/* RWG-Anpassungen Expand */
.RWG div.su-expand-link.su-expand-link-more {
margin-top: -10px;
}
/* RWG-Anpassungen Expand - ENDE */
/* RWG-Anpassung für Spalten */
/* keinen Abstand unten */
div.su-row.RWGohneAbstand {
margin-bottom: 0px;
}
/* RWG-Anpassung für Spalten - ENDE */
/* Flex-Menü für Beitragsjahre - Anfang
* Beschreibung: https://blog.kulturbanause.de/2013/07/einfuhrung-in-das-flexbox-modell-von-css/
* https://www.mediaevent.de/css/flex.html
*/
.flex-container {
display:flex;
flex-direction: row; /* Standardwert */
/*justify-content: space-between;*/
flex-wrap: wrap; /* falls so breit, dass Umbrechen notwendig, einblenden */
}
.flex-container-vertikal {
display:flex;
flex-direction: column; /* Standardwert = row */
justify-content: space-between;
flex-wrap: wrap;
}
.flex-item {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
align-items: center;
text-align: center;
/*background-color: rgb(99,99,99);*/
background-image: radial-gradient(#333333 2% , #2b2b2b 50%);
border: 1px solid black;
/*color: white;*/
margin: 3px 10px;
padding: 5px 5px;
}
@media (max-width: 768px) {
/* CSS-Styles, die nur auf Bildschirmen bis 768 Pixel Breite angewendet werden */
.flex-item {
margin: 3px 5px;
padding: 5px 2px;
}
}
.flex-item-gleicheBreite { /*linksbündig, nicht automatisch gedehnt*/
flex-grow: 0;
flex-shrink: 0;
flex-basis: 62px;
}
.flex-item-vertikal {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
align-items: center;
text-align: center;
/*background-color: rgb(99,99,99);*/
background-image: radial-gradient(#333333 2% , #2b2b2b 50%);
border: 1px solid black;
/*color: white;*/
margin: 5px 0px;
padding: 5px 0px;
}
.flex-item:first-of-type {
/*margin-left: 0px;*/
}
.flex-item:last-of-type {
/*margin-right: 0px;*/
}
.flex-item:hover, .flex-item-vertikal:hover{
font-weight: bold;
border: 1px solid #ddd;
/*color: #2b2b2b !important;*/
/*background-color: white;*/
background-image: none;
}
a.flex-item, a.flex-item-vertikal {
text-decoration: none;
color: white !important;
}
a.flex-item:hover, a.flex-item-vertikal:hover {
color: #2b2b2b !important;
}
.flex-button-blau, .flex-button-blau:hover { /* Anpassung mit blauen Button */
background-image: none;
background-color: #0Fa9E4;
border: none;
}
a.flex-button-blau:hover { /* Anpassung mit blauen Button */
color: white !important;
}
/* Flex-Menü für Beitragsjahre - Ende */
/* Grid-Menü für Beitragsjahre*/
.grid-container-faecher {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-row-gap: 10px;
grid-column-gap: 10px;
grid-auto-rows: 1fr;
}
.grid-container-viertkl {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
grid-row-gap: 1px;
grid-column-gap: 1px;
grid-auto-rows: 1fr;
}
.grid-container-beitragsjahre {
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
grid-row-gap: 5px;
grid-column-gap: 5px;
grid-auto-rows: 1fr;
}
.grid-item-faecher {
text-align: center;
text-transform: uppercase;
background-image: radial-gradient(#333333 2% , #2b2b2b 50%);
border: 1px solid black;
color: white !important;
align-items: center;
display: flex;
justify-content: center;
align-items: center;
padding: 20px 10px;
line-height: 90%;
}
.grid-item-faecher:hover {
/*font-weight: bold;*/
border: 1px solid #ddd;
/*color: #2b2b2b !important;*/
/*background-color: white;*/
background-image: none;
}
.grid-item-faecher-hellblau:hover {
/*font-weight: bold;*/
border: 1px solid #B4DDF3;
/*color: #2b2b2b !important;*/
/*background-color: white;*/
background-image: radial-gradient(#D6ECF8 2% , #B4DDF3 50%);
}
a.grid-item-faecher {
text-decoration: none;
}
a.grid-item-faecher:hover {
color: #2b2b2b !important;
}
.grid-item-beitragsjahre {
padding: 5px 0px;
}
.grid-item-viertkl {
text-align: center;
text-transform: uppercase;
align-items: center;
display: flex;
justify-content: center;
align-items: center;
padding: 0px 0px;
line-height: 1%;
}
a.grid-item-viertkl {
text-decoration: none;
}
.background-blau {
background-image: radial-gradient(#01B0F3 2% , #0FA9E4 50%);
border: 1px solid #0FA9E4;
}
/* Grid-Menü für Beitragsjahre - Ende */
/* Beitragsliste mit Scrollbalken */
div.scroll-beitraege {
margin-top: 10px;
margin-bottom: 20px;
max-height:500px;
overflow-y: auto;
border-top: 3px solid #1a1a1a;
border-bottom: 3px solid #1a1a1a;
}
div.breite80 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
/* Beitragsliste mit Scrollbalken - Ende */
/* Seiten-klapp-menü Children einrücken */
#overlay-nav div.menu ul li ul li ul li.page_item {
margin-left: 20px !important;
}
nav#overlay-nav ul li ul li ul.sub-menu {
margin-left: 20px !important;
}
/* float beenden --> class="clear" */
.clear {
clear: both;
}
/* Anpassung Fachschaftsbilder*/
img.fachschaftsbild {
width: 100%;
height: 100%;
max-height: 350px;
object-fit: contain;
object-position: left;
}
/* Anpassung Fachschaftsbilder - ENDE */
aside#sidebar-page.sidebar-page.widget-area {
border-top: 4px solid #1a1a1a;
}
/* Ausnahme Widget-title-19 mit fetter Linie - nur wenn kein Logo*/
/*#text-19 h2.widget-title {
border-top-width: 4px;
}*/
.widget-ueber {
/*font-size: larger;*/
font-weight: 600;
/*font-style: italic; */
/*margin-bottom:5px; */
padding: 15px 0 24px;
border-top: 1px solid #1a1a1a;
color: #2B2B2B;
}
.widget-ueber.kalender {
margin-bottom:-35px;
}
.monat {
font-size: 112.5%;
font-weight: 600;
margin-top:20px;
margin-bottom:5pt;
}
.monat:first-of-type {
margin-top:-10px;
}
/* ------------------------ Button ------------------------ */
.wp-block-button {
text-decoration: none !important;
}
/* ------------------------ Gallery ------------------------ */
li.blocks-gallery-item::before {
content: '' !important;
}
li.blocks-gallery-item {
padding-left: 0 !important;
}
/* ------------------------ blaue Farbe ------------------------ */
.blau, .monat {
color: #0FA9E4;
}
.gruen {
color: #A8C705;
}
.hellblau {
color: #B4DDF3;
}
.blaubull {
color: #0FA9E4;
text-shadow: 1px 0 0.2em #0FA9E4, 0 1px 0.2em #0FA9E4, -1px 0 0.2em #0FA9E4, 0 -1px 0.2em #0FA9E4, 0.7px 0.7px 0.2em #0FA9E4, 0.7px -0.7px 0.2em #0FA9E4, -0.7px -0.7px 0.2em #0FA9E4, -0.7px 0.7px 0.2em #0FA9E4;
}
.gruenbull {
color: #A8C705;
text-shadow: 1px 0 0.2em #A8C705, 0 1px 0.2em #A8C705, -1px 0 0.2em #A8C705, 0 -1px 0.2em #A8C705, 0.7px 0.7px 0.2em #A8C705, 0.7px -0.7px 0.2em #A8C705, -0.7px -0.7px 0.2em #A8C705, -0.7px 0.7px 0.2em #A8C705;
}
.hellblaubull {
color: #B4DDF3;
text-shadow: 1px 0 0.2em #B4DDF3, 0 1px 0.2em #B4DDF3, -1px 0 0.2em #B4DDF3, 0 -1px 0.2em #B4DDF3, 0.7px 0.7px 0.2em #B4DDF3, 0.7px -0.7px 0.2em #B4DDF3, -0.7px -0.7px 0.2em #B4DDF3, -0.7px 0.7px 0.2em #B4DDF3;
}
#anmeldeunterlagen {
max-width: 840px;
}
.textschatten {
text-shadow: 0.02em 0.02em 0.05em black;
}
.termin {
margin-bottom:10px !important;
line-height:125%;
}
.termin:last-child {
margin-bottom:0;
}
.term p {
margin-bottom:10px !important;
line-height:125%;
/*font-weight:bold;*/
}
/* Farbcode Formulare Übertritt */
.zwingend {
color: #0FA9E4;
font-weight: bold;
/*text-shadow: 0.02em 0.02em 0.02em #0C87B6;*/
text-shadow:
0.2pt 0 0.004em #0C87B6,
-0.2pt 0 0.004em #0C87B6,
0 0.2pt 0.004em #0C87B6,
0 -0.2pt 0.004em #0C87B6 ;
}
.evtl {
color: #A8C705;
font-weight: bold;
/*text-shadow: 0.02em 0.02em 0.02em #869F04;*/
text-shadow:
0.2pt 0 0.004em #869F04,
-0.2pt 0 0.004em #869F04,
0 0.2pt 0.004em #869F04,
0 -0.2pt 0.004em #869F04 ;
}
.optional {
color: #B4DDF3;
font-weight: bold;
text-shadow: /*0.04em 0.04em 0.004em #6bbce7, */
0.3pt 0 0.004em #6bbce7,
-0.3pt 0 0.004em #6bbce7,
0 0.3pt 0.004em #6bbce7,
0 -0.3pt 0.004em #6bbce7 ;
/*-webkit-text-stroke: 0.1px #6bbce7;*/
}
/* Bilder werden bei Überfahren mit Maus vergrößert */
/* Beschreibung: https://werner-zenk.de/css/bilder_zoom-funktion_mit_css.php */
img.bilderzoom {
transition: transform 0.2s;
}
img.bilderzoom:hover {
transform: scale(1.05, 1.05);
}
/* Bilder werden auf Format 2:1 beschnitten */
img.crop21, img.crop21bottom, img.crop21top, img.crop21fill {
width: 100%;
height: auto;
aspect-ratio: 2/1;
object-fit: cover;
object-position: center center;
}
img.crop219, img.crop219bottom, img.crop219top, img.crop219fill {
width: 100%;
height: auto;
aspect-ratio: 7/3;
object-fit: cover;
object-position: center center;
}
img.crop169, img.crop169bottom, img.crop169top, img.crop169fill {
width: 100%;
height: auto;
aspect-ratio: 16/9;
object-fit: cover;
object-position: center center;
}
img.crop21bottom, img.crop219bottom, img.crop169bottom {
object-position: bottom center;
}
img.crop21top, img.crop219top, img.crop169top {
object-position: top center;
}
img.crop21fill, img.crop219fill, img.crop169fill {
object-fit: fill;
}
/* div mit "ausblenden" bei schmalen Seiten ausblenden */
/* div mit "einblenden" bei breiten Seiten ausblenden */
/* ausblenden unter 768 pixels (tablet portrait) */
/* Spalten werden untereinander angezeigt */
@media screen and (max-width: 47.999em) {
.ausblenden {
display: none;
visibility: collapse;
height: 0px;
margin-bottom: 0px;
}
}
@media screen and (min-width: 48.000em) {
.einblenden {
display: none;
visibility: collapse;
height: 0px;
}
}
/* Responsive Breite */
.puzzle-responsive {
width: 32%;
}
/* Minimum width of 525 pixels (kleiner als smartphone landscape)
--------------------------------------------------------------- */
@media screen and (min-width: 32.800em) {
.puzzle-responsive {
width: 24%;
}
}
/* Minimum width of 768 pixels (tablet portrait)
------------------------------------------------------------- */
@media screen and (min-width: 48.000em) {
.puzzle-responsive {
width: 19%;
}
}
/* Minimum width of 1060 pixels (small desktop screens)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 66.250em) {
.puzzle-responsive {
width: 16%;
}
}
/* Responsive Breite - ENDE */
/* Tabelle - Rezepte */
table.rezepte {
border: none;
line-height: 1.35;
margin: 0px auto;
font-size: inherit;
}
table.rezepte.zutaten {
display:flex;
align-items: center;
justify-content: center;
}
table.rezepte.zubereitung {
border-bottom: 1px solid rgb(221, 221, 221);
margin: 10px 0px;
}
.rezepte td {
padding: 5px 0px 5px 7px;
font-size: inherit;
}
.rezepte.zutaten td {
padding: 0px 0px 0px 7px;
border: none;
}
.rezepte.zubereitung td {
vertical-align:baseline;
padding: 5px 0px 5px 0px;
margin: 0px 10px ;
}
.rezepte td:first-child {
text-align: right;
padding: 5px 7px 5px 0px;
}
.rezepte.zutaten td:first-child {
padding: 0px 7px 0px 0px;
}
.rezepte.zubereitung td:first-child {
vertical-align:top;
padding: 5px 0px 5px 0px;
}
.rezepte span.su-dropcap {
background-image: linear-gradient(rgba(180,221,243,0.4),#b4ddf3);
color: white;
}
/* Tabelle - Rezepte - ENDE */
/* Galerie - Titelhintergrund blau */
.RWG .su-custom-gallery-title {
background: #0FA9E4;
opacity: 0.7;
}
/* pdf-Viewer unten mit grauem Balken */
div.pdfContainer {
border-bottom: #434343 solid 10px;
}
div.pdfContainer div {
line-height: 0px;
}
/* alle folgenden p-Elemente ohne Abstände */
.p-ohne p {
margin: 0px;
padding: 0px
}
.center {
text-align: center;
}
.ohne {
margin:0;
padding:0;
}
.ohne-b {
margin-bottom:0px;
padding-bottom:0px;
}
.ohne-t {
margin-top:0;
padding-top:0;
}
.ohne-l {
margin-left:0;
padding-left:0;
}
.ohne-r {
margin-right:0;
padding-right:0;
}
.fett {
font-weight:bold;
}
norm {
font-weight:normal;
}
.kursiv {
font-style:italic;
}
.ohneJedenRand {
margin: 0px !important;
}
.RWGrahmen, div.rcb-content-blocker {
border: 2px solid #dddddd;
}