html, body {
      margin: 0;
      padding: 0;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    height: 100%; 
    font-size: 100%;
}
body {
    height: 100%; 
    color: #000000;
    background: none repeat scroll 0 0 #FFFFFF;
    font-family:"Courier new",Courier,Arial;
    letter-spacing: 0.05em;
    text-align: left;
    overflow-y: scroll;
}
img { border: 0; }
.page {
    position: relative;
    min-height: 100%; 
    margin-left: auto;
    margin-right: auto;
}
.page_index {
  background: #ffffff;
  background-image: url('https://annagoretzki.de/wp-content/themes/annagoretzki2021/images/bg_index.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
}
p {
	margin-bottom: 15px;
}
p.bodytext {
	
}
/*------------------------------------------*/    
.menu-navigation-oben-container {
    margin-top: 0;
}
.nav {
    padding-top: 50px;   
    text-align: center;
    font-size: 81.25%; /* 13px */
}
.nav a:link, .nav a:visited {
    margin: 0 30px;
    padding: 2px 15px;
    width: 6em;
    color: black; letter-spacing: 0.1em;
    text-decoration: none; text-transform: uppercase; text-shadow: 0.06em 0.06em white;
    border: 1px solid rgba(255, 255, 255, 0); 
}   
.nav a:hover, .nav a:active, .nav a.act:link, .nav a.act:visited { 
    padding: 2px 15px; 
    border: 1px solid grey;
}    
/*------------------------------------------*/    
.content {
    position: relative;
    max-width : 900px; 
    padding: 5em 30px 5em 30px;   /* Height of the footer is 2.5em */
    margin: 0 auto;
}
.content_sehen { position: relative; padding: 5em 0px 10em 0px; }
.content_kontakt { position: absolute; top: 30%; width: 100%; text-align: center; }
.welcome_block {
    position: absolute;
    top: 40%;
    width: 100%;
    margin: auto;
    color: #cccc00;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

    text-align: center;
    text-transform: uppercase;
}
.welcome_block h1 { font-size: 312.5%; letter-spacing: 0.1em; font-weight: normal;} /* 50px */
.welcome_block p { font-size: 81.25%; font-weight: normal; } /* 12px */

.vita p { width: 380px; margin: 2em 0 200px 260px; text-align: left; font-size: 81.25%; line-height: 130.77%; }
.vita_img { position: absolute; top: 250px; left: 30px; z-index: -100; }

.sehen, .vita, .kontakt { text-align: center; }
.sehen h1, .vita h1, .kontakt_person h1 { color: #CCCC00; font-weight: normal; font-size: 81.25%; text-transform: uppercase;  letter-spacing: 0.1em; }
/*.sehen h2, .sehen .title span { display: inline-block; color: #CCCC00; font-size: 312.5%; font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.05em; }*/
.sehen h2, .sehen .title span { display: inline-block; color: #CCCC00; font-size: 312.5%; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 0.05em;}
.section .title span { display: inline-block; position: relative; top: -.25em; width: 1.5em; font-size: 160%; font-weight: lighter; }
.section { padding-top: 2em; }
.sehen .title { cursor: pointer; }

.kontakt_person { color: #cccc00; text-transform: uppercase; }
.kontakt_person h1 { font-family:"Courier new",Courier,Arial; margin-bottom: 2em; }
/*.kontakt_person p { font-size: 81.25%; font-family: 'Open Sans', sans-serif; }*/
.kontakt_person p { font-size: 81.25%; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; }
.kontakt_adresse { margin-top: 5em;  font-size: 81.25%; }
a.mail:link, a.mail:visited { text-decoration: none; color: #cccc00; }
a.mail:hover, a.mail:active { color: #B8B800; }

/*------------------------------------------*/    

.royalSlider, .rsOverflow, .rsSlide, .rsVideoFrameHolder, .rsThumbs { 
	background: none!important; /* zum Löschen der schwarzen Ränder um die Bilder */ 
	text-align: left; /* um die Bilder zu zentrieren, da Eltern-DIV bei mir schon center hat, gibt es wohl Probleme */
}
.visibleNearby {
  width: 100%;
  background: none; /* zum Löschen der schwarzen Ränder um die Bilder */
  color: #FFF;
  padding-top: 25px;
}
.visibleNearby .rsGCaption {
  font-size: 75%;
  line-height: 18px;
  padding: 1em 0 8em; /* Abstand zw. Bildunterschrift und Rest */
  background: none;
  width: 100%;
  position: static;
  float: left;
  left: auto;
  bottom: auto;
  text-align: center;
  color: black;
}
.visibleNearby .rsGCaption span {
  display: block;
  clear: both;
  color: #bbb;
  font-size: 75%;
  line-height: 22px;
}


/* Scaling transforms */
.visibleNearby .rsSlide img {
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

  -webkit-transform: scale(0.9);  
  -moz-transform: scale(0.9); 
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.visibleNearby .rsActiveSlide img {
  opacity: 1;
  -webkit-transform: scale(1);  
  -moz-transform: scale(1); 
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 900px) { 
  .gallery-landscape, .gallery-portrait {
    padding: 12px 0 12px;
  }
  .gallery-landscape .rsOverflow, .gallery-portrait .rsOverflow,
  .royalSlider.gallery-landscape, .royalSlider.gallery-portrait {
    height: 400px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 500px) { 
  .gallery-landscape .rsOverflow, .gallery-portrait .rsOverflow,
  .royalSlider.gallery-landscape, .royalSlider.gallery-portrait  {
    height: 300px !important;
  }
}



/* hoeren */
.content_hoeren {
    position: relative;
    max-width : 1000px; 
    padding: 5em 30px 5em 30px;   /* Height of the footer is 2.5em */
    margin: 0 auto;
    text-align: center;
}

.content_hoeren h1 { color: #CCCC00; font-weight: normal; font-size: 81.25%; text-transform: uppercase; }

/* section ist vater von allen beitragsblöcken */
.content_hoeren .section { padding-top: 2em; }
.content_hoeren .section .title, .content_hoeren .section .btn, .content_hoeren .section h2 { display: inline-block; }
.content_hoeren .section h2, .content_hoeren .section .title span { color: #CCCC00; font-size: 312.5%; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: normal;}
.content_hoeren .section .title span { display: inline-block; position: relative; top: -.25em; width: 1.5em; font-size: 160%; font-weight: lighter; }

.content_hoeren .btn a { position: relative; top: -0.2em; right: .5em; display: inline-block; width: 25px; height: 25px; outline: 0; }
.content_hoeren .play { background: url(../img/btn_play.jpg); }
.content_hoeren .pause { background: url(../img/btn_pause.jpg); }

.content_hoeren .title { cursor: pointer; }

.audio_detail { position: relative; display: none; padding: 2em 10%; text-align: left; font-size: 81.25%; line-height: 130.77%; } /* Accordion Content ist "closed" */
.audio_detail .img { float: left; margin: 0 3em 1em 0; }
.audio_detail .text { margin-bottom: 1em; }
.audio_detail .audio_player {
	clear: both;
	width: 100%;
	text-align: left;
}
.audio_controls { display: inline-block; margin-right: 1em; cursor: pointer; }
.audio_controls img { margin-right: 1em; }
.tracktime { position: relative; top: -.5em; display: inline-block; }

/* lesen */
.content_lesen {
    position: relative;
    max-width : 1000px; 
    padding: 5em 30px 5em 30px;   /* Height of the footer is 2.5em */
    margin: 0 auto;
    text-align: center;
}

.content_lesen h1 { color: #CCCC00; font-weight: normal; font-size: 81.25%; text-transform: uppercase; }

/* section ist vater von allen beitragsblöcken */
.content_lesen .section { padding-top: 2em; }
.content_lesen .section .title, .content_lesen .section .btn, .content_lesen .section h2 { display: inline-block; }
.content_lesen .section h2, .content_lesen .section .title span { color: #CCCC00; font-size: 312.5%; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-weight: normal; text-transform: uppercase; }
.content_lesen .section .title span { display: inline-block; position: relative; top: -.25em; width: 1.5em; font-size: 160%; font-weight: lighter; }

.content_lesen .title { cursor: pointer; }

.lesen_detail { position: relative; display: none; padding: 2em 10%; text-align: left; font-size: 81.25%; line-height: 130.77%; } /* Accordion Content ist "closed" */
.lesen_detail .img { float: left; margin: 0 3em 1em 0; }
.lesen_detail .text { margin-bottom: 1em; }

.lesen_downloader span { position:relative; bottom:15px; left:15px; } 

/* tv */
.content_tv {
    position: relative;
    max-width : 1000px; 
    padding: 5em 30px 5em 30px;   /* Height of the footer is 2.5em */
    margin: 0 auto;
    text-align: center;
}

.content_tv h1 { color: #CCCC00; font-weight: normal; font-size: 81.25%; text-transform: uppercase; }

/* section ist vater von allen beitragsblöcken */
.content_tv .section { padding-top: 2em; }
.content_tv .section .title, .content_tv .section .btn, .content_tv .section h2 { display: inline-block; }
.content_tv .section h2, .content_tv .section .title span { color: #CCCC00; font-size: 312.5%; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-weight: normal; text-transform: uppercase; }
.content_tv .section .title span { display: inline-block; position: relative; top: -.25em; width: 1.5em; font-size: 160%; font-weight: lighter; }

.content_tv .title { cursor: pointer; }

.tv_detail { position: relative; display: none; padding: 2em 10%; text-align: left; font-size: 81.25%; line-height: 130.77%; } /* Accordion Content ist "closed" */
.tv_detail .vid { float: left; margin: 0 3em 1em 0; }
.tv_detail .text { margin-bottom: 1em; }

/* impressum */
.content_impressum { 
	position: relative; 
	max-width: 450px;
	margin: 0 auto;
	padding: 5em 0 10em; 
	text-align: center;
}

.content_impressum h1, .disclaimer_titel h2 { 
	margin-bottom: 2em; 
	color: #CCCC00; font-weight: normal; font-size: 81.25%; 
	text-transform: uppercase; letter-spacing: 0.35em; 
}

.impressum h2, .disclaimer h3 {
	margin-top: 4em;
	margin-bottom: 1em;
	text-align: left;
	font-size: 81.25%; font-weight: normal; 
	text-transform: uppercase; letter-spacing: 0.35em;
}

.impressum p {
	text-align: left;
	margin-bottom: 1em;
	font-size: 81.25%;
}

.disclaimer_titel {
	margin: 6em 0 4em 0;
}

.disclaimer {
	text-align: left;
}

.disclaimer p {
	font-size: 81.25%;
}
/* slick */
/* .slick-list{padding:0 50% 0 0;} */
/*
.slider-wrap {
text-align: center; height: auto; overflow: hidden;
}
*/


.slider {
        width: 50%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    .slick-slide:hover {opacity: 1.0;}
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
    
    .slick-prev {
	margin-left: 25px;
	font-size: 25px;
	z-index: 100000;
}
.slick-next {
	margin-right: 25px;
	font-size: 25px;
}



/* sprachumschalter */
ul.language-chooser {
	list-style: none;
}
ul.language-chooser li {
	float: left;
	margin-left: 20px;
}
ul.language-chooser li.active {
	text-decoration: underline;
}
/*------------------------------------------*/    
.footer {
    position: absolute;
    bottom: -2.6em;
    width: 100%;
    height: 2.5em;   
    font-size: 68.75%;
    text-transform: uppercase;
	text-align: center;
    background: rgba(255,255,255);
}
.footer_border_top { border-top: 1px solid #999999; }
.footer > div {
    display: inline-block;
    margin-top: 0.6em;
}
.footer_l { float: left; padding-left: 50px; width: 25%; text-align: left;}
.footer_r { float: right; padding-right: 50px; width: 25%; text-align: right; }
.imp_plus:after { content: "+"; padding-left: 1em; }
.imp_minus:after { content: "-"; padding-left: 1em; }
.footer_r a:link, .footer_r a:visited, .footer_extended a:link, .footer_extended a:visited {
    color: black;
    text-decoration: none;
}   
.footer_r a:hover, .footer_r a:active, .footer_r a.act:link, .footer_r a.act:visited  { color: #cccc00; }    
/*
.page_index .footer div { /* Auf der Index andere Farbgebung wg BG-IMG */
    color: #ffffff;
    text-shadow: 0.06em 0.06em black;
}
.page_index .footer_r, .page_index .footer_r a:link, .page_index .footer_r a:visited { /* Auf der Index sind die Sprachen Links in wei� mit Schatten, falls er unter das BG-Bild ger�t */
    color: #ffffff;
    text-shadow: 0.06em 0.06em black;
}
*/
.page_index .footer_border_top { border-top: 1px solid #fff; }
.page_index .footer a:hover, .page_index .footer a:active { color: #cccc00; }
.footer_r p { display: inline-block; margin-right: 5em;}
.act_footer { text-decoration: underline!important; } /* Klasse wirs per TS in Conditions angehängt */