/*---------------------------------------------*/
/*---------- Autor: Enrico Baumann ------------*/
/*---------- Copyright: Enrico Baumann --------*/
/*---------- Datum: 18.03.2024 ----------------*/
/*---------------------------------------------*/

.note {
    border: 1px solid darkblue;
    border-radius: 9px;
    margin: 1% 2%;
    padding: 5px 30px 30px 30px;
    font-size: 120%;
    color: #000a3e ;
    background-color: #fafff9;
}
.note h3 {
    color: #003e17 ;
}

.under {
    text-decoration: underline 2px #9c4c00 ;
}
span.orlinie {
    text-decoration: underline 2px orange;
    text-underline-offset: 2px;
}

.under:hover {
    background-color: #9c4c00 ;
    transition: .4s;
    transition-delay: .4s;
    color: snow ;
}

.sprung {
    text-decoration: none;
    color: #aa5200 ;
}

a.sprung:hover {
    border-top: 3px solid red;
    color: #faff6a;
}


.note:hover {
    box-shadow: 0 0 2px 1px lightgreen;
    /*background-color: #e8faee;*/
}

img.not {
    border: 1px solid silver;
    border-radius: 8px;
    margin: 1px 20px 15px 1px;
    width: 95%;
    max-width: 320px;
    min-width: 210px;
    max-height: 230px;
    float: left;
    /* transition: transform 1.9s; */
}

img.not:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, .9);
}

img.saf {
    max-width: 75%;
    min-width: 200px;
    height: auto;
    margin: 15px auto;
    display: flex;
    border: 1px solid silver;
    border-radius: 8px;
    padding: 2px;
    background-color: lightyellow;
}

img.saf:hover {
    background-color: #ffffad ;
}

.kod {
    overflow: auto;
    width: 50%;
    min-width: 200px;
    border: 1px solid #3383ff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 10px auto;
    padding: 1px;
    background-color: #f2f7ff;
    color: darkblue;
    display: block;
}

.titelskript {
    padding: 2px 3px;
    background-color: #3383ff;
    color: snow;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid blue;
}

.info {
    border-left: 4px solid orange;
    border-top: 1px solid orange;
    border-right: 1px solid orange;
    border-bottom: 1px solid orange;
    box-shadow: 5px 6px 8px #888;
    border-radius: 5px;
    background-color: #fefbfa;
    margin: 0 auto;
    padding: 10px 20px;
    color: #7c5500 ;
    font-size: 90%;
    height: auto;
}
.info h4 {
    margin: 5px 0;
    font-size: 110%;
}
.info a {
    text-decoration: none;
    color: darkblue;
}

.info a:hover {
    color: blue;
    text-decoration: underline;
}

.info:hover {
    color: #5a2301;
}

.textmitte {
    text-align: center;
}

mark.kode {
    background-color: #feffed;
    margin: 0;
    padding: 0;
}

mark.pink {
    background-color: #ffedff;
    color: #460046;
}

b.blue {
    color: #0038c4;
    font-size: 110%;
    text-decoration: underline;
}

.center {
    border: 0 solid red;
    text-align: center;
    margin-bottom: 20px;
}

.boxli {
    border: 2px dashed orange;
    border-radius: 5px;
    padding: 4px;
    /*background-color: #daf0de ;*/  /*#fdfff9;*/
    font-size: 90%;
    background: linear-gradient(.25turn, #7bcac4, #ebf8e1,  #f5bd80 );
    /*display: inline-block;*/
}

.boxli > h5 {
    border: 0 solid red;
    font-size: 130%;
    margin: 5px 0;
    color: #3a0070;
}

.links {
    border: 1px dashed #47008a;
    border-radius: 6px;
    margin: 3px;
    padding: 2px  ;
    display: inline-block;
    background-color: #fffff9;
    min-width: 250px;
    max-width: 450px;
    text-align: left;
}

.links ul {
    margin: 0;
    padding: 1px 5px;
    list-style: none;
}

.links > ul > li:hover {
    background-color: #f8e0e6;
}

.links:hover {
    border-color: red;
    background-color: #fdf4ff ;
}

.links a {
    text-decoration: none;
    color: darkblue;
    margin-right: 5px;
}

.links a:hover {
    text-decoration: underline;
    color: blue;
}

.links h6 {
    margin: 0 0 5px 0 ;
    padding: 2px ;
    font-size: 100%;
    text-align: center;
    Border: 0 solid red;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fffdfc;
    background-color: #47008a;
}

div.mitte {
    text-align: center;
}

div.boxbox {
    font-size: 97%;
    margin: 0;
    padding: 10px;
    border: 1px solid #c65a00;
    border-radius: 4px;
    background-color: #fffefd;
}

.fehler {
    text-decoration: none;
    color: #ff6a00;
}

.fehler:hover {
    color: #00b05b;
}

.left {
    border: 1px dashed grey;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 7px;
    background-color: #f6fff4;
}

.left:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, .3);
    background-color: /* #f3fbff ;*/  #f9fdff ;
}

object.enti {
    width: 85%;
    height: 380px;
    margin-top: 30px;
    border: 1px solid silver;
    border-radius: 5px;
    margin: 10px auto;
    display: flex;
}

div > h6 {
    color: #ff754b;
    text-align: center;
    margin: 0;
    padding: 3px;
    font-size: 140%;
    background-color: #feffeb;
    border: dashed 1px red;
}

/* GB */
#gast {
    border: 1px solid silver;
    background: linear-gradient(to bottom right, #f5fcff 0%, #d6e4ff 100%);
    border-radius: 8px;
    margin: 20px auto;
    width: 90%;
}

.gbkopf > h2 {
    margin: 1px;
}

.gaestebuch {
    margin: 20px auto;
    width: 95%;
    color: #131d8b;
}

.gbin {
    padding: 3px;
    color: #0f1770;
    margin-bottom: 5px;
    font-size: 90%;
}
.gbinaus {
    border: 1px solid silver;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    background-color: #f7f7f7 ;
    overflow: auto;
}

.gbinaus:hover {
    border: solid 1px #5a1480 ;
}

hr {
    border: none;
}

.linie {
    border-top: 2px dashed #3d208d;
}
h4 {
    margin: 3px 0;
    padding: 0;
}

.gbtext {
    min-width: 200px;
    min-height: 150px;
    max-width: 90%;
    width: 80%;
    max-height: 200px;
    font-size: 120%;
    color: #0f1770;
    padding: 3px;
}

.gbkopf, .gbfuss {
    text-align: center;
    background-color: #3d208d;
    padding: 8px 1px;
    color: #fff;
}
.gbkopf {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.gbfuss {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


.gbbut {
    width: 90px;
    margin-top: 10px;
    margin-bottom: 5px ;
}
.gbinfo {
    border: 1px solid #ffb27a;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 85%;
    padding: 10px;
    background-color: #fffbf7 ;
    color: #803500;
}

.rot {
    color: #f00000;
}

.gruen {
    color: #40bb35;
}

.green {
    color: #2b972e ;
}
a {
    text-decoration: none;
    color: #7390d3;
}

a:hover {
    text-decoration: underline;
    color: #1132ab;
}

.gbfuss > a {
    color: #fff;
    text-decoration: none;
    font-size: 95%;
}

.gbfuss > a:hover {
    text-decoration: underline;
}