.cookie-info-maindiv {
    position: fixed;
    min-width:250px;
    /*width: 25%;*/
    width:360px;
    max-width:360px;    
    min-height:70px;
    background-color: #666;
    margin: 0;
    right: 0;
    top: 40px;
    padding: 0;
    z-index: 9999999999999999;
    text-align: center;
    color: #fff;
    line-height: 100%;
    padding: 10px 0;
    font-family: roboto,Arial;  
    /*max-height:40px;*/           
    opacity: 0.92;
    
}

.cookie-info-maindiv .cookie-info-innerdiv  {
    position: relative;
    width: initial;
    margin: 0;
    left: 0;
    top: 0;
}

.cookie-info-maindiv .cookie-inf-textspan {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin: 0px;/*10px 20px;*/
    color: #ccc;
    max-width: 800px;
    text-align: left;
}

.cookie-info-maindiv .cookie-info-buttonsspan {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    margin: 20px 20px 10px 20px;
}

.cookie-info-maindiv .cookie-info-buttona {
    font-weight: bold;
    text-transform: UPPERCASE;
    white-space: nowrap;
    color: #eee;
    background-color: grey;
    margin-left: 8px;
    padding: 6px;
    text-decoration: none;        
}

.cookie-info-maindiv .cookie-info-buttona:hover {

    text-decoration: underline;
}

/*******************************

WICHTIGE INFO ...


*******************************/


.wichtige-info-maindiv {
    position: fixed;
    min-width:250px;
    /*width: 25%;*/
    width:360px;
    max-width:360px;    
    min-height:70px;
    background-color: #666;
    margin: 0;
    right: 40%;
    top: 61px;
    padding: 0;
    z-index: 9999999999999999;
    text-align: center;
    color: #fff;
    line-height: 100%;
    padding: 10px 0;
    font-family: roboto,Arial;  
    /*max-height:40px;*/           
    opacity: 0.92;
    
}


.wichtige-info-maindiv .wichtige-info-innerdiv  {
    position: relative;
    width: initial;
    margin: 0;
    left: 0;
    top: 0;
}

.wichtige-info-maindiv .wichtige-inf-textspan {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin: 0px;/*10px 20px;*/
    color: #ccc;
    max-width: 800px;
    text-align: left;
}

.wichtige-info-maindiv .wichtige-info-buttonsspan {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    margin: 20px 20px 10px 20px;
}

.wichtige-info-maindiv .wichtige-info-buttona {
    font-weight: bold;
    text-transform: UPPERCASE;
    white-space: nowrap;
    color: #eee;
    background-color: grey;
    margin-left: 8px;
    padding: 6px;
    text-decoration: none;        
}

.wichtige-info-maindiv .wichtige-info-buttona:hover {

    text-decoration: underline;
}


@media screen and (max-width:749px) { /** IPHONE **/

.wichtige-info-maindiv {
    position: fixed;
    right: 2%;
    top: 61px;
    min-height:110px;
    
}

.cookie-info-maindiv {
    position: fixed;
    right: 2%; 
    top: 61px;
    
}

}


@media screen and (min-width:750px) { /** Ipad **/

.wichtige-info-maindiv {
    position: fixed;
    right: 33%;
    right: calc((100%/2.9));
    top: 61px;
    /*min-height:110px;*/
    
}

}

@media screen and (min-width:1100px) { /** > mobile **/

.wichtige-info-maindiv {
    position: fixed;
    right: 41%;
    top: 61px;
    /*min-height:110px;*/
    
}

}