@import url("genericons/genericons.css");


/*---Seitenaufbau---*/
html, body  { height: 100%; margin: 0; padding:0; }
html        { font-size: 100%; }
body        { display: flex; flex-flow: column; font-size: 1.2rem }

main        { flex: 5; padding: 0.5rem 1.5rem 0 0.5rem; border-left: 0.1rem ridge #66417E;}

nav         { flex: 1; }

/*---Wrapper um die zwei Inhalts-Spalten---*/
div.wrap    { flex: 1; display: flex; }



/*---Seitengestaltung---*/
body        {background-image:url('../images/hintergrund.jpg'); background-repeat:repeat; background-position:0; background-attachment:fixed;
    font-family:Cambria, Cochin, Georgia, "sans serif"; color:#001C37;}

header/*--[role=banner]--*/.kopf       {width:100%; height:4rem; text-align:center; padding:1rem 0 0.5rem 0; border-bottom:0.4rem ridge #66417E; font-size: 2.1rem; font-weight:bold; color:#66417E; }

/*---Navigaton---*/
.wrap nav          {font-size: 0.9rem; }
.wrap nav ul       {margin-top:0;  padding:0.5rem 0.5rem 0 1rem;}
.wrap nav ul li    {list-style-type: none; font-weight: bold; padding-top: 0.2rem;}
.wrap nav li ul    {padding:0; }
.wrap nav li ul li {list-style-type: none; font-weight: normal;}

/*---Fußzeile---*/
footer           {padding-top:0.5rem; border-top: 0.2rem ridge #66417E; }
footer nav ul    {float:right; font-size: 0.9rem; }
footer nav ul li {display: inline; padding:0 1rem; }
.fussdat         {text-align:left; margin-left:0.5rem; font-size:0.9rem; color:#66417E; }

/*---Linkauszeichnung in der Navigation---*/
nav a:link     { text-decoration: none; color:#001C37; }
nav a:visited  { color:#001C37; }
nav a:hover    { color:#66417E; font-weight:bold; }
nav a:active   { color:#66417E; }

/*---Linkauszeichnung---*/
a:link     {color:#001C37; text-decoration:underline; }
a:visited  {color:#001C37; text-decoration:underline; }
a:hover    {color:#66417E; text-decoration:none; font-weight:bold; }
a:active   {color:#66417E; text-decoration:underline; }

/*---Linkauszeichnung externe Links in main---*/
main a[href^="http"]:before { content: " \2197"}


p    {margin-top: 0;}
h1   {font-size:1.375rem; font-weight:bold; color:#001C37; margin:0 0 0.375rem 0; }
h2   {font-size:1.125rem; font-weight:bold; color:#001C37; margin-bottom:0.6rem; margin-top:20px; }
.clear      {clear:both; }

/*---Bilder---*/
section {
    display: flex;
    flex-flow: wrap;
    width: auto;
}
section > div {
    min-height:18rem;
    padding: 0 0.8rem 0.8rem 0;
    margin:0;
}
section > div img { width:23.75rem; border: 0.1rem ridge #666666; }

section > div span { display: block; font-size: 0.9rem; font-weight:bold;}

section > div.bilder_klein {
    min-height:10rem;
    padding: 0 0.8rem 0.8rem 0;
    margin:0;
}
section > div.bilder_klein img { width:12.5rem; border: 0.1rem ridge #666666; }

img.rechts  {float:right; border: 1.2px ridge #666666; margin-left:10pt; margin-top:10px; margin-bottom:10px; }
img.links   {float:left; border: 1.2px ridge #666666; margin-right:10pt; margin-bottom:10px; }

/*---fürs Akkorderon---*/
@media screen { 

article[id*="a"] h3 { background:#D9C5E5; padding: 0.3rem; border-radius: 0.5rem; font-size:1.125rem; font-weight:bold; color:#001C37; }
article[id*="a"] h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {text-decoration: none; color:#001C37;}
   
article[id*="a"]:not(:target) p.zu,
article[id*="a"]:not(:target) div.artikelinhalt {display:none;}

    
article[id*="a"] h3:before {
content: '\f431'; /* Symbol genericons-expand */
font-family: "Genericons";
font-size: 16px;
vertical-align: middle; /* Ausrichtung in der Zeilenmitte */
-webkit-font-smoothing: antialiased;
}

article[id*="a"]:target h3:before {
content: '\f432'; /* Symbol genericon-collapse */
font-family: "Genericons";
font-size: 16px;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
}
    

/*---
p.zu { background:#ae85c7; padding: 0.5rem; border-radius: 0.5rem; font-size:1.2rem; font-weight:bold; color:#001C37; }
article[id*="u"]:not(:target) p.zu,


---*/



/*---Eingang Mallorca---*/
#einmallorca         {height:30rem;}
#einmallorca .bild1  {position:absolute; top:11rem; left:21rem; border:0.1rem ridge #64510D;}
#einmallorca .bild2  {position:absolute; top:25rem; left:45rem; border:0.1rem ridge #64510D;}
#einmallorca .bild3  {position:absolute; top:16rem; left:63rem; border:0.1rem ridge #64510D;}



/*ab hier alte Styles auskommentiert

a.none  {color:#001C37; text-decoration:none; }

/*Linkauszeichnung interne Links in main
main a:before { content: " \21D2"}


img.rand {border:1.2px ridge #666666; margin-right:10pt; }*/