/*cyan = #00ffff;*/
/*lightcyan = #e0ffff;*/

body {
    color: #000;
    /*background-color: #e0ffff;*/ /* 20.11.2024 */
}

.container {
    background-color: #ffffff;
    /*border-left: 2px solid #00ffff;*/ /* 20.11.2024 */
    /*border-right: 2px solid #00ffff;*/
}

.header {
    background-color: #fff;
    /*height: 50px;*/
    padding-bottom: 20px;
}
.topmenu {
    /*background-color: cyan;*/
    /*margin-bottom: 20px;*/

    /*background-color: #e0ffff;*/
    /*border: 1px solid #00ffff;*/
}

/*.topmenu ul {
    list-style: none;
    text-align: center;
}

.topmenu ul {
    margin: 14px 0;
}

.topmenu li {
    display: inline;
    padding-left: 70px;
    padding-right: 70px;
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 18px;
}*/



.topmenu ul {
    list-style:none;
    /*margin:0px;*/
    margin:auto;
    padding:0px;
    text-align: center;
}
.topmenu li {
    display:inline-block;
    padding:10px 30px;
    /*background-color:#ccc;*/
    margin: 10px 10px 10px 0

}







.topmenu a {
    font-size: 14px;
}

.footer {
    /*background-color: blue;*/
    /*height: 50px;*/
}

.footer {
    border-top: 2px solid;
    margin-top: 40px;
    padding-top: 20px;}



.giftMailList th {
    border-bottom: 2px solid;
    padding-left: 20px;
}
.wishlist td {
    /*width: 150px;*/
    /*font-size: 12px;*/
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 0;
}

.wishlist td {
    /*padding-bottom: 5px;*/
    /*padding-bottom: 15px;*/
    /*padding-top: 10px;*/
    padding: 10px 0 10px 10px;
}

.wishlist th {
    /*border-bottom: 2px solid;*/
    font-size: 13px;
    padding-bottom: 15px;
    padding-left: 10px;
    text-align: left;
    text-decoration: underline;
}

.giftMailList td {
    width: 130px;
    font-size: 12px;
}

.giftMailList td {
    padding-bottom: 0px;
}
.smallHint {
    font-size: 9px;
    font-weight: bold;
}

.headline5 {
    font-size: 12px;
    font-weight: bold;
}
.link3 {
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

.usermenu {
    /*padding-left: 5px;*/
}
.usermenu ul {
}

.usermenu li{
    list-style: none;
    margin-bottom: 5px;
}



.steps {
    /*border: 1px solid;*/
    border-radius: 5px;
    margin-top: 20px;
    /*border: 3px solid #FFAA00;*/
    border: 3px solid gray;
    height: 100%;
}

.steps .content {
    /*background-color: lightblue;*/
    /*padding: 10px;*/
    /*height: 50px;*/
    /*height: 10%;*/
    /*height: 100%;*/
    /*height: 5.8em;*/
    /*background-color: #04f983;*/

    align-items: center;
    background-color: #FFFFFF;
    display: flex;
    justify-content: baseline;
    padding: 10px;

}

.steps .text {
    vertical-align: middle;
}

.icon {
    float: left;
    background-repeat: no-repeat;
    padding-right: 10px;
}

.headline2 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 18px;
    margin-bottom: 18px;
}

.headline3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 14px;
    margin-bottom: 14px;
    text-align: center;
}

.maincontent {
    min-height: 500px;
}

.maincontent {
    margin-top: 20px;
}

.hint {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 30px;
    margin: 20px 0;
    display: block;

}

.success {
    color: #000;
    font-weight: bold;
    padding: 10px;
    /*background-color: lightgreen;*/
    background-color: #00FF00;
}

.fail {
    color: #ffffff;
    font-weight: bold;
    padding: 10px;
    background-color: red;
}

.border {
    border-radius: 10px;
    border: 3px solid;
}

/** Textfarben **/

.black {
    color: #000000;
}

.white {
    color: #ffffff;
}

.green {
    color: green;
}

.red {
    color: red;
}

.yellow {
    color: yellow;
}

.grey {
    color: #808080;
}



/* Farben End*/


.teaser {
    padding-bottom: 30px;
}

.teaser img {
    /*border: 2px solid #00ffff;        ausgebaut 02.11.2023 */
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*width: 210px;*/
    width: 216px;
}

.grid_8.teaser img {
    border: 2px solid #00ffff;
    /*display: block;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    width: 450px;
}

.box {

}

.contenttext {
    /*padding: 5px;*/
    padding: 10px;
}

.contenttext {
    /*background-color: #e0ffff;*/
}

.main {
    /*background-image: url("/images/layout/bg_kinder.jpg");*/
    background-repeat: no-repeat;
    background-size: 100%;
    /*background-color: #e0ffff;*/
}

.main {
    /*border-left: 1px solid #00ffff;*/
    /*border-right: 1px solid #00ffff;*/
    /*border-bottom: 1px solid #00ffff;*/
}

.steps {
    /*opacity: 0.7;*/
}

.register input, .login input, .myprofile input, .myprofile select, .register select, .fblogin input {
    margin-bottom: 10px;

}

.register select {
    width: 132px;
}

.whitebg {
    background-color: #ffffff;
}

.bgWhite {
    background-color: #ffffff;
}



/*.wishbox img {*/
.wishlist img {
    /*float: left;*/
    /*margin-right: 15px;*/
    /*width: 80px;*/

    margin-right: 15px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 80px;
}

.wishbox {
    border: 3px solid #ffaa00;
}


.mymails th {
    padding-bottom: 5px;
}

.mymails td{
    padding-right: 25px;
}

.mymails th {
    padding-bottom: 5px;
}



.myprofile select {
    width: 160px;
}

.myprofile td {
    margin-bottom: 10px;
}

.footernav {
    padding-top: 30px;
    /*padding-bottom: 30px;*/
}


.footernav a {
    font-size: 14px;
    text-decoration: none;
    color: #808080;
}

.imprint {
    background-color: #e0ffff;
    border: 1px solid #00ffff;
    color: #707070;
    font-size: 14px;
    line-height: 42px;
    text-align: center;


}

.imprint > a {
    /*margin-left: 100px;*/
}

.imprint > img {
    width: 12px;
}

.login input {
    /*line-height: 20px;*/
    line-height: 12px;
}

.center {
    text-align: center;
}

.text {
    font-size: 13px;
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.txt1 {
    font-size: 14px;
    font-weight: bold;
    /*padding: 10px;*/
    padding-left: 10px;

}

.privacy p {
    padding: 10px;
}

.mybox .text {
    background-color: #ffffe1;
    padding: 5px;
}






.menuIcon {
    display: inline;
    margin-bottom: 0;
    vertical-align: middle;
}

.menuIcon img {
    width: 20px;
}

.smallmenuIcon img {
    width: 18px;
    float: left;
    margin-right: 10px;
}

.wishlist {
    margin-left: 5px;
    margin-right: 10px;
}

.wishlist p{
    text-align: center;
}

#boxCheck .fail, #boxCheck .success {
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
    width: 200px;
}

#mailCheck .fail, #mailCheck .success {
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
    width: 200px;
}

/*
input, select {
    width: 150px;
}*/

.sub3 {
    height: 12px;
}



/*
Layouts für Mybox
*/

.mybox {
    /*background-color: #ffffff;*/
    /*background-color: green;*/
}

.mybox table {
    /*background-color: #ffffff;*/
}

.mybox th {
    font-size: 13px;
    padding-bottom: 15px;
    padding-left: 10px;
    text-align: left;
    text-decoration: underline;
}

.mybox td {
    /*padding-left: 20px;*/
    /*padding: 0;*/
    /*padding-bottom: 15px;*/
    /*width: 25%;*/
    /*padding-left: 10px;*/
    /*padding-right: 0;*/
    padding: 10px 0 10px 10px;
}

.editBox {
    width: 69px;
}

.mybox img {
    /*float: left;*/
    margin-right: 15px;
    width: 90px;
    /*margin-right: 15px;*/
    /*position: absolute;*/
    /*right: 10px;*/
    /*top: 0;*/
    /*width: 80px;*/
}

/*.edit {*/
/*border-bottom: 2px dotted #ffaa00;*/
/*padding-top: 10px;*/
/*}*/

.myList {
    /*background-color: #ffffff;*/
    background-color: #e0ffff;
    border: 3px solid #ffaa00;
}

/*.myList tr:nth-child(odd) {
    background-color: #e4ebf2 ;
}*/





.usermenu hr {
    margin-bottom: 5px;
}

.shareBox {
    background-color: white;
}

.shareButtons {
    background-color: white;
    line-height: 40px;
    vertical-align: middle;
}

.shareButtons {
    clear: both;
    border-radius: 5px;

}
.shareButtons a {
    background: #e0ffff none repeat scroll 0 0;
    border: 1px solid #00ffff;
    border-radius: 5px;
    color: black;
    font-size: 11px;
    padding: 5px;
    text-decoration: none;
    margin-left: 5px;
}

.shareButtons img {
    width: 16px;
    position: relative;
    top: 4px;
    margin-right: 5px;
}

/*#Whatsapp {*/
/*display: none;*/

/*}*/

.statsBox {
    background-color: #ffffff;
    padding-left: 5px;
}

.aboutBox {
    border: 3px solid #ffaa00;
}

.float_right {
    float: right;
}

.viewbox{
    position: relative;
    right: 0;
    float: right;
}

.viewbox img{
    position: relative;
    right: 0;
    width: 20px;
    margin-right: 5px;
}

.contentBox {
    /*border: 3px solid #FFAA00;*/
    /*background-color: #e0ffff;*/
    padding: 5px;
}

.contentBox2 {
    /*border: 3px solid #FFAA00;*/
    /*background-color: #ffffff;*/
    padding: 5px;
}



.dotted {
    border-bottom: 3px dotted;
}

.steps h3 {
    /*font-size: 12px;*/
    /*line-height: 18px;*/
    /*margin-top: 9px;*/
    /*margin-bottom: 9px;*/
    font-size: 0.9em;
    line-height: 18px;
    margin-bottom: 9px;
    margin-top: 9px;
}

/*Wunschbox Layout Neu*/

.wishlist {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.wishlist td img, .myList td img  {
    position: relative;
    /*float: left;*/
    right: 0px;
    text-align: center;
    vertical-align: middle;
}

.wishlist tr {
    border: 2px dotted #ffaa00;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.icon.wishlist.tick {
    position: relative;
    float: left;
    right: 0px;
    width: 40px
}

.edit {
    /*border-bottom: 2px dotted #ffaa00;*/
    padding-top: 10px;
}

.edit  {
    background-image: url("/grid_16_test/images/layout/icons/pen.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    margin-right: 40px;
}

.myList input[type="text"] {
    line-height: 18px;
    width: 250px;
}

.myBoxEntryBox {
    background-color: #e0ffff;
    border: 3px solid #ffaa00;
    margin-bottom: 15px;
}

.myBoxEntryBox td {
    padding: 20px 0 15px 20px;
}

.myBoxEntryBox .submit2 {
    margin-left: 20px;
    padding-left: 0;
}

.myBoxEntryBox .headline2 {
    padding-left: 20px;
}

.myMailsEntryBox {
    background-color: #e0ffff;
    border: 3px solid #ffaa00;
    margin-bottom: 15px;
}

.myMailsEntryBox td {
    padding: 20px 0 15px 20px;
}

.myMailsEntryBox .submit2 {
    margin-left: 20px;
    padding-left: 0;
}

.myMailsEntryBox .headline2 {
    padding-left: 20px;
}





/* Test */

.myList {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.myList td img, .myList td img  {
    position: relative;
    /*float: left;*/
    right: 0px
}

.myList tr {
    border: 2px dotted #ffaa00;
    padding-bottom: 20px;
    margin-bottom: 20px
}

/*.wishbox .contenttext {*/
/*opacity: 0.65;*/
/*}*/

.listBox .name {
    /*font-family: 'Comfortaa', serif;*/
    /*font-size: 15px;*/
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}

.inputbox {
    width: 300px;
    margin-bottom: 5px;
    line-height: 20px;
    padding-left: 5px;
}

.margin-top3 {
    margin-top: 3px;
}

.maincontent {
    opacity: 0.7;
}

.box {
    box-shadow: 1px 1px 1px 1px lightgray;
}

/* Aktionsanzeige  */

.special img {
    float: right;
    padding-right: 0;
}

.trustcheck {
    margin-top: 30px;
    text-align: center;
}

@media (max-width: 576px) {
    .logo  {
        /*width: 40em;*/
        /*width: 35em;*/
        width: 22em;
        /*margin-left: 10px;*/
        /*margin-right: 20px;*/
    }
}

@media (max-width: 768px) {
    .logo img {
        /*width: 40em;*/
        /*width: 35em;*/
        width: 27em;
        /*margin-left: 10px;*/
        /*margin-right: 20px;*/
    }
}

@media (max-width: 992px) {
    .logo img {
        /*width: 40em;*/
        /*width: 35em;*/
        width: 40em;
        /*margin-left: 10px;*/
        /*margin-right: 20px;*/
    }
}

@media (max-width: 1200px) {
    .logo img {
        /*width: 40em;*/
        /*width: 35em;*/
        width: 27em;
        /*margin-left: 10px;*/
        /*margin-right: 20px;*/
    }
}




.aktion img {
    /*float: left;*/
    /*position: relative;*/
}

.aktion img {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 30px;
    height: 5em;
    /*height: 70px;*/
    /*width: 150px;*/
}


.facebook_logo img{
    /*float: left;*/
    /*position: relative;*/
    /*top: -50px;*/
    /*margin-top: 50px;*/
}

.facebook_logo img {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 30px;
    /*width: 60px;*/
    height: 5em;

}

.legendHeader {
    color: #000;
}

.thumbs {
    position: relative;
    top: -7px;
}

.wishSubmit {
    background-color: lightgreen;
    line-height: 30px;
}

.adminPanel td {
    padding: 5px;
}


.adminPanel tr {
    border: 1px solid;
}

.adminPanel tr:first-child {
    background-color: #e0ffff;
}

.adminPanel tr:nth-child(2n+3) {
    background-color: #d3d3d3;
}


.myprofile fieldset{
    border-right: 3px solid #ffaa00;
    border-top: 3px solid #ffaa00;
    margin: -5px;
    padding: 20px;
}

.myprofile .legendHeader {
    color: #000;
    padding-left: 15px;
    padding-right: 15px;
}

.survey h5 {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
    margin-top: 8px;
}

.survey .contenttext {
    padding: 5px;
    /*text-align: center;*/
}

.survey .text {
    font-size: 11px;
    /*text-align: center;*/
}


.dottedBox {
    border-bottom: 3px dotted #ffaa00;
    padding-bottom: 10px;
    padding-top: 10px;
}

.survey input {
    margin-bottom: 5px;
}

.star-rating {
    background-image: url("/grid_16_test/images/layout/icons/starrating.png");
    background-repeat: no-repeat;
    background-position: 0 -30px;
    display: block;
    height: 30px;
    list-style: outside none none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.box img {
    width: 100%;
}

.main {
    margin-left: 10px;
    margin-right: 10px;
}

.topmenu {
    margin-left: 10px;
    margin-right: 10px;
}

@keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}
@-moz-keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}
@-webkit-keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px;}}
@-ms-keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}



.table-row {

}

.table-data {

}

.register fieldset {
    border: 3px solid #ffaa00;
    /*border-radius: 6px;*/
    background: #e0ffff;
    padding: 10px;

}

.register legend {
    padding: 0 20px;
    text-align: center;
}

.login fieldset {
    /*border: 3px solid #ffaa00;*/
    border: 3px solid gray;
    /*border-radius: 6px;*/
    background: #FFFFFF;
    padding: 10px;

}

.login legend {
    padding: 0 20px;
    text-align: center;
}

.special_move {
    height: 1px;
}

.highlight {
    display:none;
}


.adminPanel fieldset {
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
    background-color: #fff;
}

.adminPanel .legendHeader {
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
}

.btn1 {
    padding-bottom: 10px;
}


.icon-mini {
    width: 12px;
}

/*.logo img {*/
    /*width: 100%;*/
/*}*/


table {
    width: 100%;
}

th {
    padding: 10px;
    text-align: center;
}


td {
    border: 1px solid;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

td a {
    text-decoration: none;
    color: #000000;
}

.CarStockHint {
    text-align: center;
    font-size: 34px;
    display: block;
    align-items: center;
    justify-content: center;
    /*padding: 10px;*/
    line-height: 20px;
}

/*#myTable input {*/
    /*align-items: center;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*padding: 20px;*/
    /*text-align: center;*/
    /*width: 80px;*/
    /*margin: auto;*/
/*}*/

.logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}


/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {*/
    /*background: transparent none repeat scroll 0 0;*/
    /*border: 1px solid;*/
    /*font-size: 100%;*/
    /*margin: 0;*/
    /*outline: 0 none;*/
    /*padding: 0;*/
    /*vertical-align: baseline;*/
/*}*/

.myTable2 {
    width: 100%;
}

.myTable2 td {
    width: 20%;
}