@font-face {font-family: 'AlFresco';src: url('../fonts/alfresco/3581B6_0_0.eot');src: url('../fonts/alfresco/3581B6_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/alfresco/3581B6_0_0.woff2') format('woff2'),url('../fonts/alfresco/3581B6_0_0.woff') format('woff'),url('../fonts/alfresco/3581B6_0_0.ttf') format('truetype');}

@font-face {font-family: 'ProximaSoft-Regular';src: url('../fonts/proximasoft/3581B6_1_0.eot');src: url('../fonts/proximasoft/3581B6_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/proximasoft/3581B6_1_0.woff2') format('woff2'),url('../fonts/proximasoft/3581B6_1_0.woff') format('woff'),url('../fonts/proximasoft/3581B6_1_0.ttf') format('truetype');}

@font-face {font-family: 'ProximaSoftCond-Regular';src: url('../fonts/proximasoftcond/3581B6_2_0.eot');src: url('../fonts/proximasoftcond/3581B6_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/proximasoftcond/3581B6_2_0.woff2') format('woff2'),url('../fonts/proximasoftcond/3581B6_2_0.woff') format('woff'),url('../fonts/proximasoftcond/3581B6_2_0.ttf') format('truetype');}

* {
    font-family: 'ProximaSoft-Regular', sans-serif;
    
}

.Xtoptoolbar {
    padding-top: constant(safe-area-inset-top); /* iOS 11.0 */
    padding-top: env(safe-area-inset-top); /* iOS 11.2 */
}

html {
    background-color: #000000;

}

body {
    padding-left: constant(safe-area-inset-left); /* iOS 11.0 */
    padding-left: env(safe-area-inset-left); /* iOS 11.2 */

    padding-top: constant(safe-area-inset-top); /* iOS 11.0 */
    padding-top: env(safe-area-inset-top); /* iOS 11.2 */

    padding-right: constant(safe-area-inset-right); /* iOS 11.0 */
    padding-right: env(safe-area-inset-right); /* iOS 11.2 */

    margin-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
    margin-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
    background-color: #000000;

}

@supports(padding: max(0px)) {
   body {
      padding-top: max(12px, constant(safe-area-inset-top));
   }
}


/* Apple iPhone XR 1792x828px at 326ppi Media Queries */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 
        .toptoolbar img {
            margin-top:1px !important;
        }
        .toptoolbar {
            margin-bottom:-2px !important;
        }
        .bottom-bar {
            padding-bottom:60px !important;
        }
        .bottom-bar .toolbar {
            padding-top:5px !important;
        }
        .bottom-bar ons-icon {
            margin:10px !important;
            margin-top:-5px !important;
        }
}

/* Apple iPhone XS 2436x1125px at 458ppi Media Queries */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
        .toptoolbar img {
                margin-top:1px !important;
        }
        .toptoolbar {
            margin-bottom:-2px !important;
        }
        .bottom-bar {
            padding-bottom:60px !important;
        }
        .bottom-bar .toolbar {
            padding-top:5px !important;
        }
        .bottom-bar ons-icon {
            margin:10px !important;
            margin-top:-5px !important;
        }
    }

/* Apple iPhone XS Max 2688x1242px at 458ppi Media Queries */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 
        .toptoolbar img {
                margin-top:1px !important;
        }
        .toptoolbar {
            margin-bottom:-2px !important;
        }
        .bottom-bar {
            padding-bottom:60px !important;
        }
        .bottom-bar .toolbar {
            padding-top:5px !important;
        }
        .bottom-bar ons-icon {
            margin:10px !important;
            margin-top:-5px !important;
        }
}

#antworten .antwort {
    color:#c03 !important;
    background-color:#fff !important;
    border:1px solid #c03 !important;
    font-weight: bold;
    font-size: 0.9em;
    letter-spacing: 0.05em;
    border-radius:50px;
}


/* Brauchen wir nicht*/
.toolbar .toolbar__left,
.toolbar .toolbar__center,
.toolbar .toolbar__right {
    display:none;
}

.votingradiobt .radio-button__input {
    border:1px solid #c03;
    margin:5px;
    border-radius:15px;
}
ons-radio.votingradiobt {
    margin-right:10px;
} 

.votingradiobt .radio-button__checkmark {
    margin-left:10px;
    margin-top:10px;
}

#scanKundenCodeForReg {
    position:absolute;
    right:0px;
    top:10px;
    padding:2px;
    background:#c03;
    color:#fff;
    border:1px solid#c03;
    border-radius:5px;
    z-index:10
}

#postkarten {

}

#postkarten ul {
    list-style:none;
    text-align:center;
    margin:0px;
    padding:0px;
}
#postkarten ul li {
    display:inline-block;
    margin:3px;
    border:1px solid #ccc;
    box-shadow: rgba(119, 119, 119, 0.4) 1px 1px 1px 0px;

    border-radius:5px;
    overflow:hidden;
}
#postkarten ul li img {
    float:left;
    max-height:100px;
}

.openingtime,.fa-clock {
    color:#c03;
}
.geoeffnet_hmtl .fa-clock {
    color:#fff;
}

.pulse {
  animation: pulse 5s infinite;
}


@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
 /* FAQs aus Typo3*/
#c242 {
    text-align:left;
}

.rechtliches {
    text-align:left;
}
.rechtliches input[type=checkbox]{
    width:24px;
    margin-top:2px;
    height:24px;

}
input#enable_standortuebermittlung {
    width:24px;
    margin-top:2px;
    height:24px;
    
}
input#enable_developper {
    width:24px;
    margin-top:2px;
    height:24px;
    
}

.historyBack {
    float:left;
    margin-left:5px;
    margin-top:5px;
    display:none; /* nur in iOS*/
}
.historyBack ons-icon.bigger {
    font-size:24px;
}

.geoeffnet_hmtl {
    margin: 10px 0 21px;
    padding-right: 2px;
}

.expanded .geoeffnet_hmtl {
    margin-top: 0;
    text-align: center;
}

.expanded .geoText {
    margin-top: 0;
}

.geoeffnet_hmtl {
    margin-top:10px;
}
.geoeffnet_hmtl .isopen {
    border-radius: 21px;
    font-size: 10px;
    display: inline-block;
    padding: 5px 6px 3px;
}

.expanded .geoeffnet_hmtl .isopen {
    border-radius: 9px;
}

.geoeffnet_hmtl .geoeffnet {
    background-color:#6cb985;
    color:#fff;
}

.filiale .list-item__center .geoeffnet_hmtl {
    margin: 7px 0 11px;
    display: block;
    width: 100%;
    text-align: left;
}

.filiale .list-item__center .itemname {
    text-align: left;
}

.filiale.expanded .list-item__center .geoeffnet_hmtl {
    display:none;
}

.geoeffnet_hmtl .geschlossen {
    background-color:#c03;
    color:#fff;
}

.geoeffnet_hmtl .winterpause {
    border:1px solid #c03;

    background-color:#fff;
    color:#c03;
}

.profile-pic {
width: 200px;
background-color: #fff;
margin:0px;
border-bottom: 1px solid #999;
border-top: 1px solid #999;
width:100%;
text-align:center;
border-radius: 4px;
}

.profile-pic > img {
display: block;
max-width: 100%;
margin:auto;
max-height:100px;
}

ons-list-item {
color: #444;
}

.fblink {
    color:#c03;
}


#startseitenkachel_rahmen {
    width:100%;
    position:relative;
    text-align:center;
}
.startseitenkachel,
.unterseitenkachel {
    margin:auto;
    position:relative;
    max-width:480px;
    margin-bottom:10px;
    font-size:1em;
}

.startseitenkachel {
    width: 47%;
    display: inline-block;
    margin: 1.5%;
    float: left;
}

#aktion_login .startseitenkachel,#aktion_nologin .startseitenkachel{
    float:none;
    margin:auto;
}


@media (min-width: 981px) {
    #startseitenkachel_rahmen {
        max-width: 1000px;
    }
}

@media (max-width: 710px) {
    .startseitenkachel {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
}

.toolbar+.page__background+.page__content {
    top: 44px;
    padding-top: 0;
    max-width: 1000px;
    margin: 0 auto;
}
    
.startseitenkachel img,
.unterseitenkachel img{
    position:relative;
    border-radius:10px;
    /*border:2px solid #c03;*/
    width:100%;
    float: left;
    
}
.startseitenkachel .rechts,
.unterseitenkachel .rechts {
    position:absolute;
    top:0px;
    
    right:0px;
    height:100%;
    padding:10px;
    overflow:hidden;
}
.startseitenkachel .links,
.unterseitenkachel .links {
    position:absolute;
    top:0px;    
    left:0px;
    height:100%;
    padding:10px;
    overflow:hidden;
}

.kacheltext {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    bottom: 72px;
    color: #c03;
    font-size: 40px;
    font-weight: bold;
    line-height: 17px;
    position: absolute;
    right: 37px;
    width: 44%;
}

.font-verybig {
    font-size: 1.6em !important;
    line-height: 1.2em !important;
}

.font-big {
    font-size: 1.4em !important;
    line-height: 1.2em !important;
}

.kacheltext.bonusluisen {
    width: 30%;
}

@media (max-width: 1000px) and (min-width: 710px) {
    .kacheltext {
        bottom: 7.3vw;
        font-size: 4vw;
        line-height: 1.3vw;
        right: 3.7vw;
        width: 20vw;
    }
    .kacheltext.bonusluisen {
        width: 13.5vw;
    }
}

@media (max-width: 709px) and (min-width: 533px) {
    .kacheltext {
        bottom: 50px;
        font-size: 45px;
        line-height: 1.6em;
        right: 40px;
        width: 212px;
    }
    .kacheltext.bonusluisen {
        width: 145px;
    }
}

@media (max-width: 532px) {
    .kacheltext {
        bottom: 9.7vw;
        font-size: 9vw;
        line-height: 12.7vw;
        right: 7.7vw;
        width: 40vw;
    }
    .kacheltext.bonusluisen {
        width: 27.5vw;
    }
}

.kacheltext.halb-links {
    left: 0;
    top: 0;
    bottom: 0;
    padding: 10px 10px 0;
    text-align: left;
    width: 65%;
}

@media (max-width: 330px) {
    .kacheltext.halb-links .font-verybig {
        font-size: 7vw !important;
        line-height: 3vw !important;
    }

    .font-big {
        font-size: 5vw !important;
        line-height: 7vw !important;
    }
}

.kacheltext.halb-links .table {
    display: table;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.kacheltext.halb-links .table-cell {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.unterseitenkachelInner {
    float: left;
    position: relative;
    width: 100%;
}


ons-back-button {
    color:#c03;
}





.button_startseite {
    white-space:normal;
    line-height: 1.7em;
    padding-top:10px;
    padding-bottom:10px;

}

.button_nowhitespace {
    white-space:normal !important;
}


a {
    color:#000;
    text-decoration:none; 
}

ons-list-item.list-item {
    font-size:13px;
    padding-left:6px;
}

.notification {
    background-color:#c03 !important;
}

h1, h2,h3, a {
    color: #c03;
}
/*
#updateKundendaten ons-input,#newaccount ons-input {
    padding-top:5px;
    padding-bottom:5px;
    background-color:#fff; 
}
*/

#kennwort_hilfe, #kennwort_hilfe2 {
    margin-bottom:5px;
}

#updateKundendaten ons-input,
#newaccount ons-input {
    background-color:#fff; /* bitte so lassen*/
}

#newaccount input,
#newaccount select,
#updateKundendaten input,
input#enable_standortuebermittlung,
#updateKundendaten select {
    font-size:20px;
    padding-top:2px;
    height:41px;
    padding-bottom:2px;
    background-color:#fff; /* bitte so lassen*/
}

:checked+.checkbox__checkmark:before {
    background:#c03;
}

#updateKundendaten input[type="checkbox"],
#newaccount input[type="checkbox"],
#updateKundendaten ons-input[type="checkbox"],
#newaccount ons-input[type="checkbox"],
input#enable_standortuebermittlung {
    background:none !important;  /* sonst sind die nicht sichtbar!*/
}
#newaccount input[type="checkbox"],
#updateKundendaten input[type="checkbox"],
input#enable_standortuebermittlung {
    height:22px;
    
}


#kunde_birthday_hinweis {
    margin-top:5px;
}

#kundencode {
 color: #c03;
 font-size:36px;
 font-weight:bold;   
}
#kundencode-share ons-icon {
    font-size:30px;
    margin-right:15px;
    margin-left:15px;
 color: #c03;
}

#kundenkarte-aufladen .betrag {
    background-color:#c03;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    border-radius:10px;
    padding:10px;
    width:100px;
    margin:10px 8px;
    display:inline-block;
    border:1px solid #fff;
}
#kundenkarte-aufladen .betrag.active {
    color:#c03;
    background-color:#fff;
    border:1px solid #c03;
}

#bonusluisen_start h3 {
    font-size:14px;
}

.card {
    float: left;
    margin: 8px 2%;
    width: 96%;
}

span#bonus_luisen_punkteinfo {
    margin-top: 10px;
    position: relative;
    float: left;
    width: 100%;
}

div#kk_bonusluisen {
    float: left;
    width: 100%;
    position: relative;
}

.list-item__center {
    background-image:none;
    padding-bottom:2px !important;
}

/* Contentelement aus Typo3 für Startseite*/
h5  { 
    color: #c03;
    font-size: 1.5em;
    line-height: 1.1em;
    padding: 0;
    margin: 5px 0 0;
    text-align:center;
}

.filiale.expanded .itemname {
    font-weight:bold;
}

.frame-layout-3 .ce-row {
    display:inline;
    width:49%;
    float:left;
    margin:0.5%;
}


.geoImg, .geoImg img, .kuhtippMedia img {
    float: left;
    height: auto;
    width: 100%;
}

.geoImg {
    width:40%;
    margin-right:10px;
    float:left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    /*border: 2px solid #c03;*/
    overflow: hidden;
}
.geo_addressdata {
    float:right;
    width:55%
}

.geo_addressdata a {
    display: inline-block;
    padding: 4px 0 4px 21px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.geo_addressdata a i {
    position: absolute;
    left: 0;
    top: 4px;
}

.expanded .geo_addressdata a i {
    top: 7px;
}

.geo_addressdata span.fblink {
    padding-left: 22px;
    position: relative;
}

.geo_addressdata span.fblink i{
    position: absolute;
    left: 0;
    top: 1px;
}


.geoText {
    margin: 15px 0 5px;
    width: 100%;
}

#geolocator .item0 .geoText {
    float:right;
    width:45%;
    text-align:left;
    margin-left:10px;
    font-size:120%;
}

@media (max-width: 480px) {
    .frame-layout-3 .ce-row {
        width:100%;
        margin:0px;
    }
    .list-item__center .itemname {
        text-align:center;
        width:100%;
    }
    .geoImg {
        width:100%;
        float:none;
        margin:0 0 10px;
    }
    .geo_addressdata {
        float:none;
        width:100%
    }
    #geolocator .item0 .geoText {
        margin: 15px 0 5px;
        width: 100%;
        float:none;
    }

}

#browser {
    position:absolute;
    left:0px;
    top:0px;
    background-color:#fff;
    width:100%;
    height:100%;
    z-index:990;
}
#browser .close {
    width:100%;    
    padding:5px;
    font-size:12px;
    color:#fff;
    background-color:#c03;
    width:100%;
    font-weight:bold;
    text-align:center;
}
#browser iframe {
    border-radius:10px;
}

.frame-layout-3 .ce-row img {
    width:100% !important;
}

.startpage_content .ce-gallery {
    /*margin-top:100px;*/

}

#bonus_luisen {
    width:100%;
 }
#bonus_luisen .bonusluise {
    float:left;
    margin-right:5px;
    text-align:center;
}
#bonus_luisen .bonusluise span {
    margin-top:-5px;
    color:#c03;
}

#bonus_luisen .bonusluise img {
    width:100%;
    margin:0px;
    margin-bottom:-5px;
}
#bonus_luisen .bonusluise1 {
    max-width:25px;   
}

#bonus_luisen .bonusluise10 {
    max-width:50px;
}

h1, h2,h3 {
    font-family: 'ProximaSoftCond-Regular',sans-serif !important;
    font-weight: 100;
    text-transform: uppercase;
}
/*
.list-item__right, .list-item__center {
    background-color:#fff;
}
*/
.text-center {
    text-align: center;
}

.headline {
    margin-top: 20px;
}

.headline:first-child {
    margin-top: 0px;
}

.headline h1 {
    font-size: 2.1em;
    line-height: 1.1em;
    padding: 0;
    margin: 5px 0 0;
}
.headline .guckLuise {
    /* float: left; */
    width: 100%;
    margin: 0 0 -16px;
}

.headline.typoForApp .guckLuise {
    margin: 0 0 -17px;
}

.headline .guckLuise img {
    box-shadow: none;
    width: 100%;
    height: 50px;
    margin: 0;
}

.headline h2.title,
.headline.typoForApp h2 {
    width: 100%;
    border-top: 2px solid #808080;
    font-size: 1.6em;
    font-weight: 100;
    line-height: 1.1em;
    padding: 10px 0 10px;
    text-align: center;
}

.headline h1,
.headline h2,
.headline h3 {
  float: left;
  width: 100%;
}

.headline h1,
.headline .text-center:first-child {
    font-size: 2.5em;
    line-height: 1.1em;
    margin-bottom: 14px;
    padding: 0;
}

.headline h2.text-center:first-child {
    font-size: 2em;
}

.headline h2,
.headline .text-center:nth-child(2) {
    font-size: 1.6em;
    font-weight: 100;
    line-height: 1.1em;
    padding: 10px 0 10px;
    margin-top: 0;
}

.headline .text-center:nth-child(2) {
    border-top: 2px solid rgba(0,0,0,0.1);
}


.item.gutschein .value img,.item.kundenkarte .value img{
    max-width:288px;
    width:100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    /*border: 2px solid #c03;*/
}
.item.gutschein .value span,.item.kundenkarte .value span {
    position:absolute;
    left:10%;
    top:65%;
    font-size:24px;
    font-weight:bold;
    display:block;
    width:153px;
    text-align:center;
    height:40px;
    color:#c03;
    z-index:10;
}
.item.kundenkarte .value span {
    left:45%;
    top:45%;
}


.item.gutschein .value,.item.kundenkarte .value {
    margin: 0 auto;
}

.item.gutschein .scan,.item.kundenkarte .scan {
    float: left;
    margin: 0 0 7px;
    width: 100%;
}

.item.gutschein .expire,.item.kundenkarte .expire {
    float: left;
    margin: 8px 0 0;
}

#luisen_punkte_info .info, 
#coupons .info, 
#kundenkarte .info {    
    font-size: 30px;
}

#luisen_punkte_info .info i, 
#coupons .info i, 
#kundenkarte .info i {
    color: #c03;   
}

#luisen_punkte_info .transaction,
#coupons .transaction, 
#kundenkarte .transaction {
    border-bottom:1px solid #c03;
    margin-top:3px;
    margin-bottm:3px;
}



#luisen_punkte_info .transactionrahmen,
#coupons .transactionrahmen, 
#kundenkarte .transactionrahmen {
    padding-bottom: 15px;
    max-width:420px;
    width:100%;
    text-align: center;
}

#luisen_punkte_info .transactionAction, 
#coupons .transactionAction, 
#kundenkarte .transactionAction {
    font-weight: bold;
    padding: 10px 0 2px;
}

.transactionAction i.fa-heart
{
    color:#c03;

}

.center.toolbar__center.toolbar__title.toolbar--material__center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.card--material {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

#standorte_content .filiale {
    border-top:1px solid #c03;
}
.filiale {
    font-size:120%;    
}

ons-icon,
ons-bottom-toolbar .label {
    color: #748b71;
}

ons-icon.active,
ons-icon.active .label {
    color:#c03;
}

ons-toolbar-button > ons-icon[icon*="ion-"] {
    font-size: 36px;
    margin-top:-5px;
    text-align: center;
    position: relative;
}

/*Android */
ons-toolbar-button > ons-icon[icon*="ion-"].zmdi {
    right:25px;
    margin-top:0px;
}

ons-icon.bigger {
    font-size: 2em;
    font-size: 34px;
}

#logo {
    height:100%;
    /*
    max-height:100%;
    max-width:50%;
    */
}

/*.bottom-bar {
    height: 46px;
}*/

ons-bottom-toolbar .toolbar {
    text-align:center;
    height: 100%;
    width:100%;
}
ons-toolbar-button.toolbar-button {
    padding-top: 3px;
    width:100%;
}

.bottom-bar .toolbar__left,bottom-bar .toolbar__center,.bottom-bar .toolbar__right {
    display:none;
}

.toolbar {
    background-color:#cee5c9;
}

.toolbar-button {
    color:#000;
}


.tabbar {
    background-color:#cee5c9;

}
.tabbar__button {
    color:#000;

}

#logo {
    max-height: 34px;
    position: absolute;
    left: 50%;
    margin-left: -88px;
    top: 50%;
    margin-top: -18px;
}

.page__background {
    color:#cee5c9;
}

:checked+.tabbar__button,
.list-title--material {
    color: #c03;
}
.ons-icon[fixed-width] {
	color: #748b71;
	/*color: #cee5c9;*/

}
.tabbar--material__border {
    background-color: #c03;
}

.tabbar__button {
    color: #748b71;
}


.button, .button--material {
    background-color: #c03;
    text-align: center;
    width: 100%;
    border-radius:8px;
}
ons-input,ons-select {
    width: 100%;
    border-radius:8px;    
}

@media (min-width: 720px) {
    .button, .button--material {
        width: 60%;
        margin:auto;
    }
    ons-input,ons-select {
        width: 60% !important;
    }    
}
.list-item__left {
    padding-right:3px;
}

.input-wert {
    width:80px !important;
    border:1px solid #777;
    text-align:center !important;
}

#kk_wert.input-wert {
    width:50px !important;
    
}
#kk_wert.input-wert input {
    text-align:center !important;
}

#kk_wert.input-wert input::-webkit-inner-spin-button,
#kk_wert.input-wert input::-webkit-outer-spin-button
 {
    -webkit-appearance: none; 
    margin: 0;
}



.center {
    text-align: center;
}

.rahmen {
	margin: 8px;
}

ons-input {
    width: 100%;
}

#updateKundendaten input,#updateKundendaten select {
    font-size:20px;
    padding-top:2px;
    padding-bottom:2px;
}

/* -- Android Input-Active -- */
.text-input--material__label--active {
  color: #748b71;
}
.text-input--material:focus {
  background-image:
    linear-gradient(#748b71, #748b71),
    linear-gradient(to top, transparent 1px, #afafaf 1px);
}
/* -- // Android Input-Active -- */


ons-list-header.list-header.list-header--material {
	color: #c03;
	font-size: 1.4em;
}

.list-item--material__center {
	padding-bottom: 0;
	padding-top: 0;
}

.list-item--expandable {
	border-bottom: #ccc;
}

ons-splitter-side[side="right"][mode="collapse"] {
    right: auto;
    left: 102%;
}

#sidemenu {
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#sidemenu .page--material__background {
	background-color: #fff;
}

#sidemenu .list-title--material {
    color: #000;
    padding: 5px 23px;
    border-bottom: 2px solid #8db789;
    color: #8db789;
}



.kuhtippText {
    text-transform: none;
}

.kuhtippMedia img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 10px 0;
}

.frame img {
    height: auto;
    max-width: 100%;
}

figure img {
    margin: 0;
    border-radius: 15px;
}

.ce-textpic .image {
    margin: 0;
}

.ce-textpic.ce-left img {
    margin-right: 10px;
}

.ce-textpic.ce-right img {
    margin-left: 10px;
}

.ce-textpic.ce-left .ce-gallery,
.ce-textpic.ce-right .ce-gallery {
    /*float: left;
    width: 100%;*/
}

.ce-center .image {
    text-align: center;
}

.ce-left .image {
    text-align: left;
}

.ce-right .image {
    text-align: right;
}

.ce-right.ce-intext .image {
    float: right;
}
.ce-left.ce-intext .image  {
    float: left;
}

.ce-right.ce-intext.ce-nowrap .ce-gallery  {
    float: right;
}

.ce-left.ce-intext.ce-nowrap .ce-gallery  {
    float: left;
}

.ce-bodytext,
.ce-gallery {
    overflow: hidden;
}


/* ---------- voting ---------- */
.vorschlaege .list {
    border:none;
    background-image:none;
}
.voting .vorschlaegeWrap {
    text-align: left;
    border: 2px solid #f0f0f0;
    border-radius: 20px;
    padding: 15px;
}

.votingResult .balken {
    background-color: #f0f0f0;
    border-radius: 5px;
    height: 20px;
    text-align: right;
    width: 100%;
    position: relative;
}

.votingResult .balkenPercent {
    background-color: #cee5c9;
    border-radius: 5px;
    font-size: 0.8em;
    padding: 0 11px;
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
}

.votingResult .percentage {
    position: absolute;
    right: 10px;
    font-size: 0.75em;
    top: 2px;
}

.votingResult .voices {
    font-size: 0.75em;
}

.votingResult .vorschlag{
    margin: 0 0 19px;
}
/* ---------- // voting ---------- */