/* @media screen and (orientation:portrait) { … }
 @media screen and (orientation:landscape) { … }*/

body, main {
    max-width: 1024px;
    margin: 0 auto;
    background-color: lightblue;
}

.flex-container {
    display: flex;

    /*    flex-direction: row;
        justify-content: space-around;
        max-width: 1280px;*/
}

.flex-item {
    flex: auto;
    /*border: 1px solid;*/
    margin: .8em;
    padding: .8em;
    /*background: #ffebe6;*/
}
/*img.antworten2 {
    width:20px;
    cursor: pointer;
}
img.antworten3 {
    width:20px;
    cursor: pointer;
}*/
img.flex-item {
    border-radius: 50%;
    padding: 0;
}

img.antworten2, img.antworten3, .fragezeichen {
    margin: 0 auto;
    cursor: pointer;
}

@media screen and (orientation:portrait) {
    .fragezeichen {
        max-width: 40%;
    }
    img.antworten3{
        max-width: 25%;
    }
    img.antworten2{
        max-width: 35%;
    }
    .danke {
        flex-direction: column;
    }
}
@media screen and (orientation:landscape) {
    .fragezeichen {
        max-width: 20%;
    }
    img.antworten3{
        max-width: 20%;
    }
    img.antworten2{
        max-width: 20%;
    }
    .danke {
        flex-direction: row;
    }
}
@media screen and (max-width: 1000px) {
    .feuerwerk {
        display:none;
    }
}
.katze {
    max-width: 370px;
}
.trenner {
    background-color: #9AC6DB;
    /*border: 2px solid #78B4CE;*/
    border-radius: 6px;
    height: 30px;
}
.blau, .grau {
    width: 24px;
    height: 24px;
    margin: 3px 0 3px 0;
}
h1, #danke {
    font-family: Corbel;
    color: #78B4CE;
    font-size:  36pt;
    display: block;
    margin: 10px auto;

}
/*#dankebild {
    max-width: 33%;
    display: block;
    margin: 10px auto;
}*/
.danke {
    text-align: center;
    display: flex;
    margin: 10px auto;
}
/* Tabelle */
.myt {
    font-family: Calibri, Helvetica, Verdana;
    font-size: 14pt;
    line-height: 1em;
    color: #000;
    border: solid 1px #000;
    background-color: white;
}
.mytr:nth-child(even){
    background-color: ghostwhite;
    font-size: 12pt; 
}
.mytr:nth-child(odd){
    background-color: goldenrod;
    font-size: 12pt; 
}
.mytd{
    text-align: center;
}

.myth, .mytr:last-child {
    background-color: gold;
    font-size: 14pt; 
}

.glowblau {
    -webkit-box-shadow:0px 0px 40px 21px rgba(46,102,255,0.9);
    -moz-box-shadow: 0px 0px 40px 21px rgba(46,102,255,0.9);
    box-shadow: 0px 0px 40px 21px rgba(46,102,255,0.9);
}
.gloworange {
    -webkit-box-shadow:0px 0px 40px 21px rgba(255, 140,0,0.9);
    -moz-box-shadow: 0px 0px 40px 21px rgba(255, 140,0,0.9);
    box-shadow: 0px 0px 40px 21px rgba(255, 140,0,0.9);
}
.glowrot {
    -webkit-box-shadow:0px 0px 40px 21px rgba(250, 10,0,0.9);
    -moz-box-shadow: 0px 0px 40px 21px rgba(250, 10,0,0.9);
    box-shadow: 0px 0px 40px 21px rgba(250, 10,0,0.9);
}
.glowgelb {
    -webkit-box-shadow:0px 0px 40px 21px rgba(250, 10,0,0.9);
    -moz-box-shadow: 0px 0px 40px 21px rgba(250, 10,0,0.9);
    box-shadow: 0px 0px 40px 21px rgba(250, 10,0,0.9);
}