/*
Theme Name: eazy one
Theme URI: https://sagnichtmalle.de
Description: Webpage of Sag nicht Malle! Podcasts von Christina und Jürgen Mayer
Version: 1.0
Author: Steffen Schmitt
Author URI: https://www.freshandeazy.com
Tags: mallorca, podcasts, mayers, juergen mayer, christina mayer

@media only screen and (min-width: 768px) { }


  font-family: "Source Sans 3", sans-serif;
  font-family: "Source Serif 4", serif;

*/

@import "css/reset.css";
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');

body { margin: 0 auto; background: white; font-family: "Source Sans 3", sans-serif; font-weight: 400; font-style: normal; font-size:1rem; line-height:1.4; color:#000; }
html, body { height:100%; }
html {scroll-behavior: smooth;}
* {margin: 0;padding: 0;box-sizing: border-box;}

.cky-revisit-bottom-left {display: none;}

.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
.borderline { clear: both; border-bottom:2px solid #b6b8ba; height:10px; padding:10px 0px 20px 0px; display:block; }
.separator { clear: both; border-bottom:thin solid #b6b8ba; height:10px; padding:10px 0px 20px 0px;  }
.hidden { display:none; }

.aligncenter, div.aligncenter { display: block; }
.alignleft {float:none;}
.alignright {float:none;}
.center {float:none; }
.wp-caption {border:1px solid #666;text-align:center;background:#ccc;padding:10px;margin:10px}
.textalignright { text-align:right; } 
.textaligncenter { text-align: center; } 
.fullwidth { width:100%; height:auto; }

p {margin:1rem auto;}
em {font-style: italic;}

a { color:#231f20; font-weight:700; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
a:hover { text-decoration:underline; color:#f15f67; }

h1 {font-weight: 300; font-family: "Source Serif 4", serif; font-size: clamp(2.5rem, 4vw, 4rem);line-height: 1.1; margin: 2rem auto !important;}
h2 {font-weight: 700; font-family: "Source Serif 4", serif; font-size: clamp(2rem, 4vw, 2.5rem); line-height: 1.4;text-transform: uppercase;letter-spacing:.25rem; margin: 3rem auto;}
h3 {font-weight: 600; font-family: "Source Serif 4", serif; font-size: clamp(1.25rem, 4vw, 1.5rem); line-height: 1.4;}
h4 {font-weight: 400; font-family: "Source Serif 4", serif; font-size: clamp(1.1rem, 2vw, 1.25rem); line-height: 1;}

header { width:100%; height:7rem; position: relative; z-index: 990;}
hgroup { padding:1.5rem 0 0; margin:0 auto;}
#logo { margin:0 auto; width:auto; }
#logo img {width: clamp(18rem, 24vw, 22rem); height:auto; }
.home #logo img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(167deg) brightness(106%) contrast(110%);}

@media only screen and (min-width: 768px) {
	hgroup { padding:1rem 0 0;}
	.alignleft {float:left; }
	.alignright {float:right; margin-right:0;}
	.center {float:left; margin-left:4.4%; }
	.hidden { display:block !important; }
}

/*  m a i n - n a v  */

#main-nav {display: none;}
/*#main-nav { width:100%; text-transform:uppercase; position:relative; letter-spacing:4px; margin:33px auto; text-align:center; overflow:hidden; }
#main-nav ul { position: relative;float: left;left: 50%;margin: 0 auto;padding: 0; }
#main-nav li { font-size:12px; line-height:1px; position: relative; float:left; right:50%; margin-right:5px; padding:0px 9px; list-style:none; border-right:thin solid #fff; }
#main-nav li:last-child { border-right:none; }
#main-nav a { text-decoration:none; font-weight:400; color:#fff; display:block; padding:5px 3px;  }
#main-nav a:hover { text-decoration:none; color:#fff; }*/

/*   l a n g u a g e   m e n u   */
/*#lang-menu { height:20px; width:auto; float:left; margin-top:5px; }
#lang-menu ul { list-style: none; }
#lang-menu li { margin:-3px 0 0 0; float:none !important; }*/


.homeslider {width: 100%; height: auto; margin:-7rem auto 0; position: relative; z-index: 600; }
.screen {display: none;}
.mobile {display: block;}

@media only screen and (min-width: 768px) {
	.screen {display: block;}
	.mobile {display: none;}
	.homeslider {margin:-7rem auto 0; }
}

/*    c o n t e n t -  a r e a    */

#arrow_down { margin:0 auto 0 -16px; position:absolute; top:85%; left:50%; }

.headline-box { width: 95%; padding:0; margin:0 auto; position:relative; top:25%; }
@media only screen and (min-width: 768px) {
.headline-box { width: 90%; max-width:1184px; position:relative; top:44%; }
#window h1 { font-size:58px; line-height:100px; }
}

#refs {padding: 0 0 5rem 0;}
div.ref-gallery img {padding: 0 .5rem;}

#sidebar h3 { color:#58595b; }
#sidebar ul { border-left:1px solid rgba(0,0,0,0.1); }
#sidebar ul li { margin: 10px 25px; padding:15px 0px; font-size:12px; text-transform:uppercase; letter-spacing:2px; }
#sidebar ul ul { border: none; }
#sidebar ul ul li { margin: 0;  }
#sidebar ul ul li a { display:block; }

#content-wrap, #contact-wrap {width: 100%; height:auto; position:relative; z-index:700; }
#content-wrap {margin: 0 auto; padding: 3rem 0; }
#contact-wrap {margin: 0 auto;}
.content {height:auto; margin:0 auto;padding:2rem 0; width:90%;max-width:1184px;position: relative;}

.white { }
.orange {background-color: rgba(250,144,55,1.00);}
#content-wrap .content { }
#content-wrap .instagram {padding:4rem 0; width: 90%; max-width: 1184px; height: auto; border-top: 1px solid rgba(0,0,0,.11); margin: 2rem auto;}

.contact { background-color: rgba(140,142,144,.66); color: rgba(255,255,255,1);  }

.contact:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.44;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size:contain;
}

.content, .map {
  position: relative;
}

.contact a {color: rgba(255,255,255,0.66);}
.contact a:hover {color: rgba(255,255,255,1);}
.contact img {width: 60%; height: auto;}
.contact .headline  {margin: 0 auto; padding:2rem 0; position: relative;text-align: center; width:90%; max-width: 1184px;}
.contact h2 {margin: 3rem auto 0; }


@media only screen and (min-width: 768px) { 
	
	.grid_1-2 { width:47.8%; display:block; } 
	.grid_1-3 { width:30.4%; display:block; }
	.grid_1-4 { width:21.7%; display:block; } 
	.grid_1-1 { width:100%; display:block; }
	.grid_3-4 { width:73.9%; display:block;}
	.grid_2-3 { width:65.2%; display:block; }
}

#box img { display: block !important; width:100%; height:auto; margin-bottom:20px; }
#box p { display:none; }
#box ul { margin:20px auto auto 10px; }
#box ul li { font-size:1.25rem; text-transform:uppercase; letter-spacing:2px; padding:1rem 0; border-bottom:1px solid rgba(0,0,0,0.1);  }
#box ul li a { font-weight:400; }
#box ul li a:hover { font-style:italic; color:#f15f67; }
.reviews { background:url(images/review.png) top right no-repeat;}

h2.pf-cat {font-family: din-2014-narrow, sans-serif; font-weight:700; font-size: 4rem; line-height:0.8; margin: 0 auto; text-transform: uppercase; word-break: break-word; letter-spacing: -3.5px; }

@media only screen and (min-width: 768px) { 
	#box { padding-top:1rem; }
	#box p { display: block !important; } 
}
	
/*    s u b p a g e s     */

h1.subpage { margin:4rem auto 0 0; display:inline-block;  }
#content-sub {width: 90%; max-width: 1184px; margin:0 auto;}

.article-image { margin-top:-431px; position:relative; z-index:600; width:100%; height:auto; }

blockquote p { font-size: 125%; }

#boxmenu { }
#boxmenu ul { margin:15px auto;   }
#boxmenu li { font-size:13px; padding:6px 0px 3px 0px; border-bottom:thin dotted #b6b8ba; }
#boxmenu li a { color:#999; font-weight:400; text-decoration:none; }
#boxmenu li a:hover { color:#f15f67; }


/*    a r t i c l e   s t y l e s    */
article {   }
.bordertop { margin:15px auto; padding:30px 0px; border-top:1px solid rgba(0,0,0,0.1); }
.borderbottom { margin:15px auto; padding:30px 0px; border-bottom:1px solid rgba(0,0,0,0.1); }
article h3 { color:#58595b; }
article img {  }
article .ai1ec-single-event img { width:auto !important; height:auto !important; }
article footer { width:100%; margin:11px auto; text-align:center; background:none;  }
article footer a { font-weight:400; }
.infobox { background: url(images/i-box_bg.png) bottom right no-repeat #e3e4e4; width:90%; height:auto; padding:5%; display:block;  }
.infobox a { font-weight:700; }
img.portrait { border-radius: 50%; }
img.qrcode { width:150px !important; }
a.more-link { font-size:14px; display:inline-block; background:#58595b; padding:5px 15px; color:#fff; font-weight: 400; letter-spacing:4px; text-transform:uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 auto; float:right; } 
a:hover.more-link { background:#f15f67; }


/*    f o o t e r      */

footer { background-color: rgba(140,142,144,1); width:100%; height:auto; margin:0 auto; padding:2.5rem 0; font-size:.875rem; color:#fff; text-align: center;  }
footer ul {margin-bottom: 1rem;}
footer .footer-wrap {width:90%; max-width: 1600px; margin: 0 auto;}
footer a {color:rgba(255,255,255,1);}
footer a:hover {color:rgba(255,255,255,0.55);}
footer .textalignright { text-align:center; } 
footer .footer-logo {width: 50%; height: auto; opacity: .44;}
footer img.social {width: 2rem; height: auto; margin:0 .125rem;}

@media only screen and (min-width: 768px) { 
.menu-infos-container { margin:0 auto;  }
.footermenu li li { float:left; margin:0 5px; }
	footer {text-align: inherit;}
	footer .textalignright { text-align:right; } 
	footer .textaligncenter { text-align:center; } 
}



/*       f o r m s         */
.formbox h4 { color:#10BABC; font-size:39px; text-shadow: 1px 1px 0 #fff; filter: dropshadow(color=#ffffff, offx=1, offy=1); }
.wpcf7 p { margin-top:1rem; font-size:12px; text-transform: uppercase; }
label.screen-reader-text { display:none; }
input, textarea {  width:100%; display:block; background:#fff; padding:.25rem .5rem; font-size:1rem; line-height:1.5; border:none; border-radius: 0;  }
input[type="submit"] { color: #fff; background: none; cursor: pointer; font-size:.875rem; padding:.25rem 1.5rem; width: auto; border:.25rem white solid; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
input[type="submit"]:hover { background: #000; color:#fff; border:.25rem black solid; }

#cookie-notice .cookie-notice-container { font-family: din-2014, sans-serif !important;}
.button-black {border-radius: 0 !important; background: black; font-family: din-2014, sans-serif !important; color:white; padding: .25rem .5rem !important; border:black 4px solid !important;}
.button-black:hover {background: none; color:black; }


/*      r e s p o n s i v e    m e n u          */
button#responsive-menu-button { top: 50% !important; margin-top:-32px !important;}
#responsive-menu-container {/*top: 15% !important; bottom: 15% !important;*/}
#responsive-menu-wrapper {padding:50% 0 0 !important;}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {font-family: din-2014-narrow, sans-serif; font-size:2rem; font-weight: 300; text-transform: uppercase;}

div.black-button {text-align:center; padding:3rem 0 5rem;}
div.black-button a {background-color:black; width: auto; color:white; display:inline-block; padding:.25rem 1rem; border:3px solid black;}
div.black-button a:hover {background-color:white; color:black; }


.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {margin: .25rem !important;}

@media only screen and (min-width: 768px) { 
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {margin: .5rem !important;}
}

.wpra-display {border: 1px solid rgba(0,0,0,.22); padding:1rem; border-radius: 1rem; margin: 0 auto 1.5rem;}

ul.rss-aggregator {background-image: url('https://sagnichtmalle.de/wp-content/uploads/2026/03/sagnichtmalle-thumb480px.jpg'); background-repeat: no-repeat; background-size: 5rem; padding: 0 0 0 6rem; }
li.wpra-item a {font-size: clamp(1.5rem, 2vw, 2rem); line-height: 1.2; font-weight: 400;}
.wprss-feed-meta {margin:.5rem auto 1rem;}
span.feed-source, span.feed-date, span.feed-author {font-size: .8rem !important; color:rgba(0,0,0,.33);}

/* Nur für Firefox */
@supports (-moz-appearance: none) {
  .wpra-feed-audio audio {opacity: 0.5; transition: opacity 0.3s ease; }
  .wpra-feed-audio audio:hover,
  .wpra-feed-audio audio:focus {opacity: 1;}
}


@media only screen and (min-width: 768px) {
	.wpra-display {padding:1.5rem; }
	ul.rss-aggregator {background-size: 7rem; padding: 0 0 0 8.5rem; }
}

.coffee {border-top: 1px solid rgba(0,0,0,.11);padding: 2rem 0;border-bottom: 1px solid rgba(0,0,0,.11);margin: 4rem auto;}