/* GENERAL */ 

.mdl-layout__content {
}

html, body {
-webkit-text-size-adjust: 100%; 
height:100%;
position:fixed;
overflow:hidden;
background-color: #3E3E3E;
}



.mdl-layout__content{
    -webkit-transform: translateZ(0px);
-webkit-transform: translate3d(0,0,0);
-webkit-perspective: 1000;
}


label > * { pointer-events: none; }

.ippa .mdl-layout__header {
    background-color:#3E3E3E;
}

.ippa-add-highlight {
box-sizing: border-box;
    position: absolute;
    right: 16px;
}
.ippa .clear {
    clear:both;
}
input, button, textarea, select {
    -webkit-transform: translate3d(0,0,0);
}
/* PRELOADER */ 

#preloader {
    position:absolute;
    height:100%;
    width:100%;
    background-color: rgba(0,0,0,0.5);
    z-index:10000000;
    display:none;
}
.spinner {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #FFF;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/*LOGIN*/ 

.mdl-textfield {
    width:100%;
}



.ippa-login_background {
    height:100%;
    position:absolute;
    background-size:cover;
    width:100%;
    left:0;
    top:0;
}
#ippa-login_error {
    display:none;
}

.ippa-login_logo {
    width:60%;
    height:auto;
    margin:0 auto;
    display:block;
    align-self: center;
    margin-top:2rem;
    margin-bottom:1rem;
    clear:both;
}


h2.ippa-softline {
    font-size: 14px;
    line-height:16px;
    text-transform:uppercase;
    color: #1B8DAF;
    font-weight:500;
    margin:0;
    padding:16px;
}

.ippa-login_container  .mdl-card{ 
    width:100%;
}


/* DRAWERMENU */ 

.ippa-drawer_head {
    background-color: #000;
    height:200px;
    background-size:cover;
    position:relative;
}

.ippa .mdl-layout__drawer {
    width:300px;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
}

.ippa .mdl-layout__drawer .inner {
    position:absolute;
    width:100%;
    height:100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    padding-top:2rem;
    padding-left:1rem;
    box-sizing:border-box;
}

.ippa-profile_pic {
    height:100px;
    width:100px;
    border-radius:50px;
    background-size:cover;
    margin-bottom:1rem;
    background-position:center;
}



.ippa-info .user {
    font-weight:300;
}


.ippa .mdl-layout__drawer.is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.ippa-drawer_logo {
    width:65%;
    height:auto;
    margin:0 auto;
    display:block;
    align-self: center;
    margin-top:2rem;
    margin-bottom:1rem;
}

.ippa-settings {
    opacity:0.5;
    border-top:1px solid #ccc;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    padding-left:50px;

   
    background-size: 25px;
    background-position:15px 50%;
    background-repeat:no-repeat;
}
.ippa-dash {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTggMiBMIDYgMiBDIDQuODk4NDM4IDIgNCAyLjg5ODQzOCA0IDQgTCA0IDIwIEMgNCAyMS4xMDE1NjMgNC44OTg0MzggMjIgNiAyMiBMIDE4IDIyIEMgMTkuMTAxNTYzIDIyIDIwIDIxLjEwMTU2MyAyMCAyMCBMIDIwIDQgQyAyMCAyLjg5ODQzOCAxOS4xMDE1NjMgMiAxOCAyIFogTSA5IDE3IEwgNyAxNyBMIDcgMTUgTCA5IDE1IFogTSA5IDEzIEwgNyAxMyBMIDcgMTEgTCA5IDExIFogTSA5IDkgTCA3IDkgTCA3IDcgTCA5IDcgWiBNIDE3IDE3IEwgMTEgMTcgTCAxMSAxNSBMIDE3IDE1IFogTSAxNyAxMyBMIDExIDEzIEwgMTEgMTEgTCAxNyAxMSBaIE0gMTcgOSBMIDExIDkgTCAxMSA3IEwgMTcgNyBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
}

.ippa-about {
 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCA1MCA1MCIKICAgICBzdHlsZT0iZmlsbDojNzk3OTc5OyI+ICAgIDxwYXRoIGQ9Ik0yNSwyQzEyLjI5NywyLDIsMTIuMjk3LDIsMjVzMTAuMjk3LDIzLDIzLDIzczIzLTEwLjI5NywyMy0yM1MzNy43MDMsMiwyNSwyeiBNMjUsMTFjMS42NTcsMCwzLDEuMzQzLDMsM3MtMS4zNDMsMy0zLDMgcy0zLTEuMzQzLTMtM1MyMy4zNDMsMTEsMjUsMTF6IE0yOSwzOGgtMmgtNGgtMnYtMmgyVjIzaC0ydi0yaDJoNHYydjEzaDJWMzh6Ij48L3BhdGg+PC9zdmc+');
}


/*** HoME ***/

.ippa-home_header {
    background-color: #3E3E3E;
    width:100%;
    padding:16px;
    padding-bottom:8px;
    box-sizing:border-box;
    color: #FFF;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}


.ippa-company_header {
    background-color: #3E3E3E;
    background-size:cover;
    
    width:100%;
    padding:16px;
    padding-top:20px;
    padding-bottom:20px;
    box-sizing:border-box;
    color: #FFF;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.ippa-company_header .ippa-home_stats {
    padding-top:8px;
    padding-bottom:8px;
}

.ippa-company_header .ippa-info {
    font-size:18px;
    color: #FFF;
}

.ippa-bruch {
    opacity:0.5;
    position:absolute;
    display:inline-block;
    padding-left:8px;
    font-size:12px;
}

.ippa-company_header .ippa-info  .city{
    color: #FFF;
}

.ippa-home_header .ippa-info {
padding-top:1rem;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
        font-size:18px;

}

.ippa-home_header .company {
    display:block;
}


.city {
    color: #666;
    display:block;
}

.ippa-home_stats {
    clear:both;

}
.ippa-home_stats .stat {
    width:50%;
    float:left;
    text-align:center;
    color: #CCC;
}

.ippa-home_stats .stat .small {
    margin-bottom:8px;
    display:block
}

.ippa-home_stats .stat .big {
    font-size:2rem;
    
}

.ippa-home_stats .stat .small {
    font-size:0.8rem;
    text-transform:uppercase;
    display:block;
    
}

.ippa-profile_pic-home {
    height:75px;
    width:75px;
    border-radius:50px;
    background-size:cover;
    margin-bottom:1rem;
    float:left;
    margin-right:1rem;
    background-color: #FFF;
}

.ippa-home_stats_outside {
    padding:16px;
    padding-bottom:0.5rem;
    background-color: ##F0F0F0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.ippa-top_betrieb {
    font-size:0.8rem;
    display:block;
    color: #CCC;
    text-align:center;
}
.ippa-touchpoints_home {
    padding:1.5rem;
}

.ippa-touchpoint_single.mdl-card {
    width:100%;
    overflow:visible;
    margin-bottom:1rem;
}

.image {
    background-position:center;
    background-color: #CCC;
    height:200px;
    margin-left:-1rem;
    margin-right:-1rem;
    border-radius:2px;
    background-size:cover;
}

.ippa-touchpoint_single .date {
    color: #8B8B8B
}

.ippa-touchpoint_single .title {
    color: #000
}

.icons8-alarm-clock {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gNi42NTYyNSAxLjMxMjUgQyA0LjMzNTkzOCAyLjQxNzk2OSAyLjQxNzk2OSA0LjMzNTkzOCAxLjMxMjUgNi42NTYyNSBMIDMuMDYyNSA3LjUzMTI1IEMgMi4zOTQ1MzEgOC44NzUgMiAxMC4zOTQ1MzEgMiAxMiBDIDIgMTcuNTM1MTU2IDYuNDY0ODQ0IDIyIDEyIDIyIEMgMTcuNTM1MTU2IDIyIDIyIDE3LjUzNTE1NiAyMiAxMiBDIDIyIDEwLjM5NDUzMSAyMS42MDU0NjkgOC44NzUgMjAuOTM3NSA3LjUzMTI1IEwgMjIuNjg3NSA2LjY1NjI1IEMgMjEuNTgyMDMxIDQuMzM1OTM4IDE5LjY2NDA2MyAyLjQxNzk2OSAxNy4zNDM3NSAxLjMxMjUgTCAxNi40Njg3NSAzLjA2MjUgQyAxNS4xMjUgMi4zOTQ1MzEgMTMuNjA1NDY5IDIgMTIgMiBDIDEwLjM5NDUzMSAyIDguODc1IDIuMzk0NTMxIDcuNTMxMjUgMy4wNjI1IFogTSAxMiA0IEMgMTYuNDY0ODQ0IDQgMjAgNy41MzUxNTYgMjAgMTIgQyAyMCAxNi40NjQ4NDQgMTYuNDY0ODQ0IDIwIDEyIDIwIEMgNy41MzUxNTYgMjAgNCAxNi40NjQ4NDQgNCAxMiBDIDQgNy41MzUxNTYgNy41MzUxNTYgNCAxMiA0IFogTSAxMSA3IEwgMTEgMTIuNDA2MjUgTCAxMS4yODEyNSAxMi43MTg3NSBMIDE0LjI4MTI1IDE1LjcxODc1IEwgMTUuNzE4NzUgMTQuMjgxMjUgTCAxMyAxMS41NjI1IEwgMTMgNyBaICI+PC9wYXRoPjwvZz48L3N2Zz4=') 50% 50% no-repeat;
  background-size: 100%;
}


.icons8-phone{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAyMjQgMjI0IgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDIyNHYtMjI0aDIyNHYyMjR6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzY2NjY2NiI+PHBhdGggZD0iTTE1OC40OCwxMzMuNTcxMmMtMy4wMzE0NywtMS43NzcwNyAtNi43NTczMywtMS43Mzk3MyAtOS43NzM4NywwLjA1MjI3bC0xNS4yNzY4LDkuMTAxODdjLTMuNDE5NzMsMi4wMzg0IC03LjY5MDY3LDEuNzk5NDcgLTEwLjgyNjY3LC0wLjY0OTZjLTUuNDIwOCwtNC4yMzM2IC0xNC4xNDkzMywtMTEuMzU2OCAtMjEuNzQyOTMsLTE4Ljk1MDRjLTcuNTkzNiwtNy41OTM2IC0xNC43MTY4LC0xNi4zMjIxMyAtMTguOTUwNCwtMjEuNzQyOTNjLTIuNDQ5MDcsLTMuMTM2IC0yLjY4OCwtNy40MDY5MyAtMC42NDk2LC0xMC44MjY2N2w5LjEwMTg3LC0xNS4yNzY4YzEuNzk5NDcsLTMuMDE2NTMgMS44MTQ0LC02Ljc3MjI3IDAuMDM3MzMsLTkuODAzNzNsLTIyLjQxNDkzLC0zOC4yODkwN2MtMi4xNzI4LC0zLjcwMzQ3IC02LjQ4ODUzLC01LjUyNTMzIC0xMC42NjI0LC00LjUwMjRjLTQuMDU0NCwwLjk4NTYgLTkuMzE4NCwzLjM4OTg3IC0xNC44MzYyNyw4LjkxNTJjLTE3LjI3Nzg3LDE3LjI3Nzg3IC0yNi40NTQ0LDQ2LjQyMDI3IDM4LjUyMDUzLDExMS4zOTUyYzY0Ljk3NDkzLDY0Ljk3NDkzIDk0LjEwOTg3LDU1LjgwNTg3IDExMS4zOTUyLDM4LjUyMDUzYzUuNTMyOCwtNS41MzI4IDcuOTI5NiwtMTAuODA0MjcgOC45MjI2NywtMTQuODY2MTNjMS4wMDgsLTQuMTY2NCAtMC43ODQsLTguNDUyMjcgLTQuNDgsLTEwLjYxNzZjLTkuMjI4OCwtNS4zOTg0IC0yOS4xMzQ5MywtMTcuMDUzODcgLTM4LjM2MzczLC0yMi40NTk3M3oiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==') 50% 50% no-repeat;
  background-size: 100%;
}





.ippa-rate-button {
    float:right;
    display:inline-block;
}

.ippa-cat-info {
    float:left;
    display:inline-block;
    padding-top:0.5rem;
    padding-left:16px;
}

/* TOUCHPOINT SINGLE */ 


.ippa-gallery {
    height: calc(100vw/4*3);
    position:relative;
}

.ippa-slide {
    height:100%;
    width:100%;
    background-size:cover;
    background-position:center;
    transition: all 1s ease;
}

.ippa-slide.active {
    transition: all 1s ease;
}


.ippa-dot {
    height:5px;
    width:5px;
    background: #FFF;
    display:inline-block;
    margin:0 auto;
    border-radius:5px;
    margin-right:3px;
    margin-left:3px;
      transition: all 0.5 ease;
    cursor:pointer;
}

.ippa-dot_gallery {
    position:absolute;
    bottom:0;
    text-align:center;
    padding-bottom:0.5rem;
    width:100%;
    left:0;
}

.ippa-dot.active {
    height:10px;
    width:10px;
    margin-bottom:-2px;
    transition: all 0.5 ease;
}




.ippa-touchpoint-headline h1 {
    font-size:20px;
    color: #FFF;
    margin:0;
        line-height:24px;

}

.ippa-touchpoint-headline h2 {
    font-size:20px;
    color: #959595;
    margin:0;
    line-height:24px;
}


.ippa-tochpoint-header {
    background-color: #3E3E3E;
    width:100%;
    padding:16px;
    box-sizing:border-box;
    color: #FFF;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.ippa .star {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjIgMTAgTCAxNSA5IEwgMTIgMiBMIDkgOSBMIDIgMTAgTCA3IDE1IEwgNiAyMi4wMTk1MzEgTCAxMiAxOSBMIDE4IDIyIEwgMTcgMTUgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;
  background-size: 100%;
  opacity:0.5;
}

.star.checked {
    opacity:1;
}

.ippa-touchpoint-rating {
    margin-top:0.5rem;
}

.stars {
    display:inline-block;
    margin-left:0.5rem;
}

.rating-middle {
    display:inline-block;

}

.count {
    display:inline-block;
            margin-left:0.5rem;
    pointer-events:none;
}

.touchpoint-rate-button {
    float:right;
    transform:translateY(-50%);
    margin-right:16px;
    display:inline-block;
    z-index:4;
    position:absolute;
    right:16px;
}

.touchpoint-renew-button {
    float:right;
    transform:translateY(-50%);
    margin-right:16px;
    display:inline-block;
    z-index:4;
    position:absolute;
    right:5px;
        text-align:center;

}

.touchpoint-edit-button {
    float:right;
    transform:translateY(-50%);
    margin-right:16px;
    display:inline-block;
    z-index:4;
    position:absolute;
    right:80px;
    text-align:center;
}

.ippa-acc-item h3 {
    font-size:16px;
    color: #000;
    padding:16px;
    margin:0;
    line-height:16px;.
 
}

.ippa-acc-item {
    background-color: #FFF;
    cursor:pointer;
}

.ippa-acc-item p {
    margin:0;
    padding:16px;
    padding-top:0px;
    color: #747474;
}

.ippa-comments .ippa-acc-item .angle {
 background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjYgMjYiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTMgMTUuNDA2MjUgTCAyMS43NjU2MjUgNi44MjAzMTMgQyAyMi4xNTYyNSA2LjQzNzUgMjIuNzgxMjUgNi40NDE0MDYgMjMuMTcxODc1IDYuODI4MTI1IEwgMjQuNzA3MDMxIDguMzYzMjgxIEMgMjUuMDk3NjU2IDguNzU3ODEzIDI1LjA5NzY1NiA5LjM5MDYyNSAyNC43MDMxMjUgOS43ODEyNSBMIDEzLjcwNzAzMSAyMC43MDcwMzEgQyAxMy41MTE3MTkgMjAuOTAyMzQ0IDEzLjI1NzgxMyAyMSAxMyAyMSBDIDEyLjc0MjE4OCAyMSAxMi40ODgyODEgMjAuOTAyMzQ0IDEyLjI5Mjk2OSAyMC43MDcwMzEgTCAxLjI5Njg3NSA5Ljc4MTI1IEMgMC45MDIzNDQgOS4zOTA2MjUgMC45MDIzNDQgOC43NTc4MTMgMS4yOTI5NjkgOC4zNjMyODEgTCAyLjgyODEyNSA2LjgyODEyNSBDIDMuMjE4NzUgNi40NDE0MDYgMy44NDM3NSA2LjQzNzUgNC4yMzQzNzUgNi44MjAzMTMgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;
    background-size:100%;
    height:10px;
    width:10px;
    float:right;
    margin-top:16px;
    margin-right:16px;
    
}

.ippa-comments  .ippa-acc-item.active .angle {
    transform:rotate(180deg);
}

.ippa-acc-item:active {
    background-color: #EEE;

}

.ippa-rate-dialog h3 {
    font-size:20px;
    margin:0;
    padding:24px;
    line-height:20px;
    padding-bottom:0;
}


/* RATING */ 

.ippa-rating-cat {
    margin-bottom:16px;
}

.ippa-rating-cat p {
    font-size:12px;
    color: #666;
    margin-bottom:0;
        clear:both;

}
.rate-star {
    height:30px;
    width:30px;
    list-style:none;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTIgNy4xMDE1NjMgTCAxMyA5LjM5ODQzOCBMIDEzLjUgMTAuNSBMIDE0LjY5OTIxOSAxMC42MDE1NjMgTCAxNy4xOTkyMTkgMTAuODAwNzgxIEwgMTUuMzAwNzgxIDEyLjM5ODQzOCBMIDE0LjM5ODQzOCAxMy4xOTkyMTkgTCAxNC42OTkyMTkgMTQuMzk4NDM4IEwgMTUuMzAwNzgxIDE2LjgwMDc4MSBMIDEzIDE1LjYwMTU2MyBMIDEyIDE1IEwgMTEgMTUuNjAxNTYzIEwgOC44OTg0MzggMTYuODk4NDM4IEwgOS44MDA3ODEgMTMuMzAwNzgxIEwgOC44OTg0MzggMTIuNSBMIDcgMTAuODk4NDM4IEwgOS41IDEwLjY5OTIxOSBMIDEwLjY5OTIxOSAxMC42MDE1NjMgTCAxMSA5LjM5ODQzOCBMIDEyIDcuMTAxNTYzIE0gMTIgMiBMIDkuMTk5MjE5IDguNjAxNTYzIEwgMiA5LjMwMDc4MSBMIDcuMzk4NDM4IDE0IEwgNS44MDA3ODEgMjEgTCAxMiAxNy4zMDA3ODEgTCAxOC4xOTkyMTkgMjEgTCAxNi42MDE1NjMgMTQgTCAyMiA5LjMwMDc4MSBMIDE0LjgwMDc4MSA4LjY5OTIxOSBaICI+PC9wYXRoPjwvZz48L3N2Zz4=') 50% 50% no-repeat;
  background-size: 100%;
    background-size:67%;
    float:left;
        transition: background-size 0.3s ease;

}

.rate-star.yellow {
     background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2YzOWMxMjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjIgMTAgTCAxNSA5IEwgMTIgMiBMIDkgOSBMIDIgMTAgTCA3IDE1IEwgNiAyMi4wMTk1MzEgTCAxMiAxOSBMIDE4IDIyIEwgMTcgMTUgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;
    background-size: 100%;
    transition: background-size 0.3s ease;
}

.rate-widget {
    margin:0;
    padding:0;
}

div._dialog_overlay {
    display:none;
}

/* TOUCHPOINT LIST */

.ippa-touchpoint_list {
    padding:16px;
}

.ippa-kontaktbereich {
    margin-bottom:16px;
    width:100%;
    min-height:125px;
    display:block;    position:relative;

}

.ippa-kontaktbereich-preview {
    height:125px;
    width:125px;
    background-color: #CCC;
    float:left;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTcgNSBDIDE1LjY4MzU5NCA1IDE0Ljg5NDUzMSA2LjI3MzQzOCAxNC4xMjUgNy41IEMgMTMuODE2NDA2IDcuOTkyMTg4IDEzLjIzNDM3NSA4LjkwNjI1IDEzIDkgTCAzIDkgQyAxLjM0NzY1NiA5IDAgMTAuMzQ3NjU2IDAgMTIgTCAwIDM5IEMgMCA0MC42NTIzNDQgMS4zNDc2NTYgNDIgMyA0MiBMIDQ3IDQyIEMgNDguNjUyMzQ0IDQyIDUwIDQwLjY1MjM0NCA1MCAzOSBMIDUwIDEyIEMgNTAgMTAuMzQ3NjU2IDQ4LjY1MjM0NCA5IDQ3IDkgTCAzNy4wMzEyNSA5IEMgMzYuNzUzOTA2IDguODk4NDM4IDM2LjE4MzU5NCA3Ljk5MjE4OCAzNS44NzUgNy41IEMgMzUuMTA1NDY5IDYuMjczNDM4IDM0LjMxNjQwNiA1IDMzIDUgWiBNIDI1IDExIEMgMzIuMTY3OTY5IDExIDM4IDE2LjgzMjAzMSAzOCAyNCBDIDM4IDMxLjE2Nzk2OSAzMi4xNjc5NjkgMzcgMjUgMzcgQyAxNy44MzIwMzEgMzcgMTIgMzEuMTY3OTY5IDEyIDI0IEMgMTIgMTYuODMyMDMxIDE3LjgzMjAzMSAxMSAyNSAxMSBaIE0gMjUgMTMgQyAxOC45MzM1OTQgMTMgMTQgMTcuOTMzNTk0IDE0IDI0IEMgMTQgMzAuMDY2NDA2IDE4LjkzMzU5NCAzNSAyNSAzNSBDIDMxLjA2NjQwNiAzNSAzNiAzMC4wNjY0MDYgMzYgMjQgQyAzNiAxNy45MzM1OTQgMzEuMDY2NDA2IDEzIDI1IDEzIFogTSA4IDE0IEwgOSAxNCBDIDEwLjEwNTQ2OSAxNCAxMSAxNC44OTQ1MzEgMTEgMTYgQyAxMSAxNy4xMDU0NjkgMTAuMTA1NDY5IDE4IDkgMTggTCA4IDE4IEMgNi44OTQ1MzEgMTggNiAxNy4xMDU0NjkgNiAxNiBDIDYgMTQuODk0NTMxIDYuODk0NTMxIDE0IDggMTQgWiBNIDI1IDE1IEMgMjkuOTY0ODQ0IDE1IDM0IDE5LjAzOTA2MyAzNCAyNCBDIDM0IDI4Ljk2NDg0NCAyOS45NjQ4NDQgMzMgMjUgMzMgQyAyMC4wMzkwNjMgMzMgMTYgMjguOTY0ODQ0IDE2IDI0IEMgMTYgMTkuMDM5MDYzIDIwLjAzOTA2MyAxNSAyNSAxNSBaIE0gMjUgMTcgQyAyMS4xNDA2MjUgMTcgMTggMjAuMTQwNjI1IDE4IDI0IEMgMTggMjcuODU5Mzc1IDIxLjE0MDYyNSAzMSAyNSAzMSBDIDI4Ljg1OTM3NSAzMSAzMiAyNy44NTkzNzUgMzIgMjQgQyAzMiAyMC4xNDA2MjUgMjguODU5Mzc1IDE3IDI1IDE3IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==');
    background-position:center;
    background-repeat:no-repeat;
    background-size: 50%;
}

.ippa-touchpoint_list .ippa-inner .ippa-kontaktbereich-info {
    margin-left:141px;
    padding:16px;
    box-sizing:border-box;
}

.ippa-kontaktbereich-info h2 {
    font-size:16px;
    margin:0;
    color: #000;
    line-height:18px;
}

.ippa-partner-info {
    padding:16px;
}


.ippa-partner-info h2 {
    font-size:16px;
    margin:0;
    color: #000;
    line-height:18px;
}


.ippa-kontaktbereich-info .date {
    color: #8B8B8B;
    font-size:12px;
}

.rate-widget-view {
    padding:0;
    margin:0;
}
.ippa-kontaktbereich-preview.filled {
    background-size:cover;
}

.star-grey {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2FhYWFhYTsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjIgMTAgTCAxNSA5IEwgMTIgMiBMIDkgOSBMIDIgMTAgTCA3IDE1IEwgNiAyMi4wMTk1MzEgTCAxMiAxOSBMIDE4IDIyIEwgMTcgMTUgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;
  background-size: 100%;
  margin-bottom:-1px;
}

.ippa-kontaktbereich-bottom {
    font-size:12px;
    color: #AAA;
    position:absolute;
}

.ippa-add-kontaktbereich {
    display:block;
    cursor:pointer;
    height:40px;
    width:40px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzA1ODJCMTsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTEgNSBMIDExIDExIEwgNSAxMSBMIDUgMTMgTCAxMSAxMyBMIDExIDE5IEwgMTMgMTkgTCAxMyAxMyBMIDE5IDEzIEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;
    background-size:50%;
    float:right;
    position:absolute;
    right:5px;
    bottom:5px;
    color: #
}

.ippa-edit-kontaktbereich {
    border:none;
    -webkit-appearance: none;
    display:block;
    cursor:pointer;
    height:40px;
    width:40px;
    padding-top:10px;

    background:none;
    color: #1B8DAF;
}

.ippa-edit-menu {
    position:absolute;
    right:0px;
    top:0px;
}

.ippa-rating-view {
    padding:16px;
    background:#FFF;
    
}

.ippa-compare .term {
}



.ippa-kontaktbereich-top-preview {
    height:200px;
    background-size:cover;
    width:100%;
    display:block;
    background-position:center;
}

.ippa-top-preview .rating{
    position:absolute;
    right:16px;
    bottom:16px;
}

.ippa-top-preview {
}


.ippa-rank {
    position:absolute;
top:10px;
left:10px;
    font-size:12px;
    font-weight:bold;
    color: #1B8DAF;
    opacity:1;
    line-height:3rem;
     background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+ICAgIDxwYXRoIHN0eWxlPSJsaW5lLWhlaWdodDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwO3RleHQtdHJhbnNmb3JtOm5vbmU7YmxvY2stcHJvZ3Jlc3Npb246dGI7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIiBkPSJNIDIgMyBMIDIgNCBDIDIgNi43NjY2NjY3IDMuMTM5NTIyNiA4Ljc2MjAxNzggNC4xNjc5Njg4IDEwLjMwNDY4OCBDIDUuMTk2NDE0OSAxMS44NDczNTcgNiAxMi45NDQ0NDQgNiAxNCBMIDggMTQgQyA4IDEzLjk4MzgzMSA3Ljk5NjI1ODQgMTMuOTY5MjIgNy45OTYwOTM4IDEzLjk1MzEyNSBDIDguOTc0NTggMTYuMTY2MTYxIDEwIDE3IDEwIDE3IEwgMTQgMTcgQyAxNCAxNyAxNS4wMjU0MiAxNi4xNjYxNjEgMTYuMDAzOTA2IDEzLjk1MzEyNSBDIDE2LjAwMzc0MiAxMy45NjkyMiAxNiAxMy45ODM4MzEgMTYgMTQgTCAxOCAxNCBDIDE4IDEyLjk0NDQ0NCAxOC44MDM1ODUgMTEuODQ3MzU2IDE5LjgzMjAzMSAxMC4zMDQ2ODggQyAyMC44NjA0NzcgOC43NjIwMTc4IDIyIDYuNzY2NjY2NyAyMiA0IEwgMjIgMyBMIDIgMyB6IE0gNC4xOTE0MDYyIDUgTCA2LjI3MzQzNzUgNSBDIDYuMzM3MjgzIDcuNDA4MDcxMiA2LjYxODc1NzEgOS4zODAyMzc0IDcuMDA3ODEyNSAxMC45NzQ2MDkgQyA2LjYzNjU3NDkgMTAuMzY2Nzg3IDYuMjIzMDkyNyA5Ljc4MTkwNDUgNS44MzIwMzEyIDkuMTk1MzEyNSBDIDUuMDI4NjY2NCA3Ljk5MDI2NTIgNC40MTkxODY4IDYuNjU0OTc5NSA0LjE5MTQwNjIgNSB6IE0gMTcuNzI2NTYyIDUgTCAxOS44MDg1OTQgNSBDIDE5LjU4MDgxMyA2LjY1NDk3OTUgMTguOTcxMzM0IDcuOTkwMjY1MiAxOC4xNjc5NjkgOS4xOTUzMTI1IEMgMTcuNzc2OTA3IDkuNzgxOTA0NSAxNy4zNjM0MjUgMTAuMzY2Nzg3IDE2Ljk5MjE4OCAxMC45NzQ2MDkgQyAxNy4zODEyNDMgOS4zODAyMzc0IDE3LjY2MjcxNyA3LjQwODA3MTIgMTcuNzI2NTYyIDUgeiBNIDcgMTkgTCA3IDIxIEwgMTcgMjEgTCAxNyAxOSBMIDcgMTkgeiIgZm9udC13ZWlnaHQ9IjQwMCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIHdoaXRlLXNwYWNlPSJub3JtYWwiIG92ZXJmbG93PSJ2aXNpYmxlIj48L3BhdGg+PC9zdmc+');
    background-size:100%;
    height:50px;
    width:50px;
    box-sizing:border-box;
        text-align:center;
}


/* COMPANIE */

.ippa-companie-preview {
    height:80px;
    width:80px;
    background-color: #FFF;
    float:left;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTcgNSBDIDE1LjY4MzU5NCA1IDE0Ljg5NDUzMSA2LjI3MzQzOCAxNC4xMjUgNy41IEMgMTMuODE2NDA2IDcuOTkyMTg4IDEzLjIzNDM3NSA4LjkwNjI1IDEzIDkgTCAzIDkgQyAxLjM0NzY1NiA5IDAgMTAuMzQ3NjU2IDAgMTIgTCAwIDM5IEMgMCA0MC42NTIzNDQgMS4zNDc2NTYgNDIgMyA0MiBMIDQ3IDQyIEMgNDguNjUyMzQ0IDQyIDUwIDQwLjY1MjM0NCA1MCAzOSBMIDUwIDEyIEMgNTAgMTAuMzQ3NjU2IDQ4LjY1MjM0NCA5IDQ3IDkgTCAzNy4wMzEyNSA5IEMgMzYuNzUzOTA2IDguODk4NDM4IDM2LjE4MzU5NCA3Ljk5MjE4OCAzNS44NzUgNy41IEMgMzUuMTA1NDY5IDYuMjczNDM4IDM0LjMxNjQwNiA1IDMzIDUgWiBNIDI1IDExIEMgMzIuMTY3OTY5IDExIDM4IDE2LjgzMjAzMSAzOCAyNCBDIDM4IDMxLjE2Nzk2OSAzMi4xNjc5NjkgMzcgMjUgMzcgQyAxNy44MzIwMzEgMzcgMTIgMzEuMTY3OTY5IDEyIDI0IEMgMTIgMTYuODMyMDMxIDE3LjgzMjAzMSAxMSAyNSAxMSBaIE0gMjUgMTMgQyAxOC45MzM1OTQgMTMgMTQgMTcuOTMzNTk0IDE0IDI0IEMgMTQgMzAuMDY2NDA2IDE4LjkzMzU5NCAzNSAyNSAzNSBDIDMxLjA2NjQwNiAzNSAzNiAzMC4wNjY0MDYgMzYgMjQgQyAzNiAxNy45MzM1OTQgMzEuMDY2NDA2IDEzIDI1IDEzIFogTSA4IDE0IEwgOSAxNCBDIDEwLjEwNTQ2OSAxNCAxMSAxNC44OTQ1MzEgMTEgMTYgQyAxMSAxNy4xMDU0NjkgMTAuMTA1NDY5IDE4IDkgMTggTCA4IDE4IEMgNi44OTQ1MzEgMTggNiAxNy4xMDU0NjkgNiAxNiBDIDYgMTQuODk0NTMxIDYuODk0NTMxIDE0IDggMTQgWiBNIDI1IDE1IEMgMjkuOTY0ODQ0IDE1IDM0IDE5LjAzOTA2MyAzNCAyNCBDIDM0IDI4Ljk2NDg0NCAyOS45NjQ4NDQgMzMgMjUgMzMgQyAyMC4wMzkwNjMgMzMgMTYgMjguOTY0ODQ0IDE2IDI0IEMgMTYgMTkuMDM5MDYzIDIwLjAzOTA2MyAxNSAyNSAxNSBaIE0gMjUgMTcgQyAyMS4xNDA2MjUgMTcgMTggMjAuMTQwNjI1IDE4IDI0IEMgMTggMjcuODU5Mzc1IDIxLjE0MDYyNSAzMSAyNSAzMSBDIDI4Ljg1OTM3NSAzMSAzMiAyNy44NTkzNzUgMzIgMjQgQyAzMiAyMC4xNDA2MjUgMjguODU5Mzc1IDE3IDI1IDE3IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==');
    background-position:center;
    background-repeat:no-repeat;
    background-size: 80%;
}

.ippa-companie {
    margin-bottom:16px;
    width:100%;
    min-height:80px;
    display:block;    position:relative;
   
}

.ippa-companie .rating {
    position:absolute;
    right:16px;
bottom:16px;
    font-size:12px;
}

.ippa-companie-list {
    padding:16px;
}

.ippa-companie-list {
    cursor:pointer;
}

.acf-map h4 {
    margin:0;
    font-size:18px;
    color: #000;
}

.ippa-map-logo {
    height:80px;
    width:80px;
    display:block;
    margin:0 auto;
    clear:both;
    background-size:cover;
}

/* SETTING */ 

.ippa-setting {
    background-color: #FFF;
    padding:16px;
}

.image-setting {
    height:64px;
    width:64px;
    background-color: #CCC;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjMgOSBMIDIzIDIzIEwgOSAyMyBMIDkgMjcgTCAyMyAyNyBMIDIzIDQxIEwgMjcgNDEgTCAyNyAyNyBMIDQxIDI3IEwgNDEgMjMgTCAyNyAyMyBMIDI3IDkgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
    background-size:50%;
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
    position:relative;
    border:1px solid #CCC;
}

.ippa-image-label {
    font-size:12px;
    color: #CCC;
    margin-bottom:8px;
    display:block;
}

.ippacol-6 {
    width:50%;
    float:left;
}

.ippa-button-right {
    float:right;
    margin:16px;
}

.ippa-preview {
    height:100%;
    width:100%;
    top:0;
    left:0;
    background-size:cover;
    background-color:#FFF;
}

.ippa-delete {
    height:18px;
    width:18px;
    background-color: #1B8DAF;
    border-radius:9px;
    top:-6px;
    right:-6px;
    position:absolute;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gNy43NSA2LjM0Mzc1IEwgNi4zNDM3NSA3Ljc1IEwgMTAuNTkzNzUgMTIgTCA2LjM0Mzc1IDE2LjI1IEwgNy43NSAxNy42NTYyNSBMIDEyIDEzLjQwNjI1IEwgMTYuMjUgMTcuNjU2MjUgTCAxNy42NTYyNSAxNi4yNSBMIDEzLjQwNjI1IDEyIEwgMTcuNjU2MjUgNy43NSBMIDE2LjI1IDYuMzQzNzUgTCAxMiAxMC41OTM3NSBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
    background-repeat:no-repeat;
    background-position:center;
    background-size:80%;
}

.image-delete-upload{
    height:18px;
    width:18px;
    background-color: #1B8DAF;
    border-radius:9px;
    top:-6px;
    right:-6px;
    position:absolute;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gNy43NSA2LjM0Mzc1IEwgNi4zNDM3NSA3Ljc1IEwgMTAuNTkzNzUgMTIgTCA2LjM0Mzc1IDE2LjI1IEwgNy43NSAxNy42NTYyNSBMIDEyIDEzLjQwNjI1IEwgMTYuMjUgMTcuNjU2MjUgTCAxNy42NTYyNSAxNi4yNSBMIDEzLjQwNjI1IDEyIEwgMTcuNjU2MjUgNy43NSBMIDE2LjI1IDYuMzQzNzUgTCAxMiAxMC41OTM3NSBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
    background-repeat:no-repeat;
    background-position:center;
    background-size:80%;
    z-index:100000;
}

.image-setting input[type="file"] {
    display:none;
}

.thumb-image {
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:0;
}

.image-preview {
     height:64px;
    width:64px;    position:relative;
float:left;
    margin-left:10px;
    margin-bottom:10px;
}

.image-emtpy {
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:100;
}


/* IPPA VIEW UPLOAD */ 

.ippa-view-upload {
    padding:16px;
}
.getmdl-select .mdl-icon-toggle__label {
float: right;
    margin-top: -30px;
    color: rgba(0,0,0,0.4);
    transform: rotate(0);
    transition: transform 0.3s;
    
    }


.ippa-add-image {float:left;
    height:75px;
    width:100px;
    background-color: #CCC;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjMgOSBMIDIzIDIzIEwgOSAyMyBMIDkgMjcgTCAyMyAyNyBMIDIzIDQxIEwgMjcgNDEgTCAyNyAyNyBMIDQxIDI3IEwgNDEgMjMgTCAyNyAyMyBMIDI3IDkgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
    background-size:50%;
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
    position:relative;
    border:1px solid #CCC;
    box-sizing:border-box;
    margin-right:4px;
    margin-bottom:4px;
    text-align:center;
padding-top:50px;
    box-sizing:border-box;
    color:#EEE;
    font-size:8px;
}

.image-upload {
    height:75px;
    width:100px;
    float:left;
    margin-right:4px;
        margin-bottom:4px;

}

.edit-button {
    float:right;
    display:inline-block;
    margin-top:-10px;
}
.image-preview .thumb-image {
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:1;
}

.ippa-view-upload-form {
    clear:both;
    margin-top:16px;
    border-top:1px solid #DDD;
    background-color: #FFF;
    padding:16px;
}

.mdl-textfield .small {
    font-size:12px;
    margin-top:-16px;
    color: #CCC;
}

.ippa-view-upload-form .mdl-textfield__label {
    color: #404040;
}

.ippa-view-upload .mdl-menu a {
    text-decoration:none;
    color: #404040
}

.ippa-view-upload-button {
    text-align:right;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
    background-color: #CCC;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
    z-index:100;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}

.home_info {
    background-color:#1B8DAF;
        display:inline-block;
    border-radius:3px;
    color: #FFF;
    padding:5px;
    margin:0 auto;
    margin-bottom:16px;

}

.center {
    text-align:center;
}

/* LOGOUT */ 

.ippa-logout {
    margin-top:32px;
    opacity:0.5;
}
/* COMPARE */ 

.ippa-count {
    position:absolute;
    height:12px;
    width:12px;
    background-color: #1B8DAF;
    text-align:center;
    color: #FFF;
    right:16px;
    font-size:8px;
    border-radius:6px;
    line-height:8px;
    padding-top:3px;
    box-sizing:border-box;
    z-index:1000;
    top:16px;
}

.half {
    width:50%;
    float:left;
    overflow:hidden;
    box-sizing:border-box;
    padding-left:16px;
    padding-right:16px;
}


.top-preview-empty {
    background-color: #CCC;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjMgOSBMIDIzIDIzIEwgOSAyMyBMIDkgMjcgTCAyMyAyNyBMIDIzIDQxIEwgMjcgNDEgTCAyNyAyNyBMIDQxIDI3IEwgNDEgMjMgTCAyNyAyMyBMIDI3IDkgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
    background-size:25%;
    background-position:center;
    background-repeat:no-repeat;
}


/* REMOVE COLORS */ 
.mdl-button.mdl-button--colored {
color: #1B8DAF;
}
.mdl-button--fab.mdl-button--colored {
    background: #1B8DAF;
    color: #FFF;}

.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
color: #1B8DAF;

}
.mdl-button--raised.mdl-button--colored {
    background: #1B8DAF;
    color: #FFF;
}
.mdl-button--primary.mdl-button--primary {
    color: #1B8DAF;
}


.ippa-rate-dialog .close{
}

.marker-inlay img {
    display:block;
    width:100px;
    height:auto;
    margin:0 auto;
    margin-bottom:16px;
}

#list-pannel img {
      width:100px;
    height:auto;
    float:lefT;
    margin:16px;
}
dialog {
    position:fixed!important;
}

.touchpoint-rate-button i {
    pointer-events:none;
}

.ippa-view-upload-form .mdl-textfield__label {
    white-space:normal;
}

body.compare #page {
    display:none;
}

.ippa-compare-frame {
    transform-style: preserve-3d;
    height:100%;
    overflow-y:scroll;
    position:fixed;
    top:0;
    left:0;
    visibility:hidden;
}

body.compare .ippa-compare-frame {
    visibility :visible;
}

body.compare .ippa-compare{
 

}

body .ippa-compare {


}

@keyframes rotate {
  0% {
  }
  1% {
    transform: rotate3d(1, 1, 1, 180deg);
  }
  100% {
    transform: rotate3d(0);
  }
}

.ippa-count {
  animation: blinker 5s linear infinite;

}

@keyframes blinker {
  45% {
    transform: scale(1);
  }
     50% {
    transform: scale(1.4);
  }
     60% {
    transform: scale(1);
  }
}

.ippa-visible {
    overflow:visible;
    z-index:100;
    position:static;
}



.ippa-inner {
    position:relative;
    display:block;
}

.ippa .slim-btn {
    height:30px;
    width:30px;
    margin: 0 3px;
}

.ippa .slim-btn-group {
    padding-bottom:8px;
}

.ippa .slim[data-state*=empty] .slim-label {
    opacity:0;
}

.ippa .slim .slim-file-hopper {

  

}


.ippa .slim {
    background-color: #CCC;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTEgNSBMIDExIDExIEwgNSAxMSBMIDUgMTMgTCAxMSAxMyBMIDExIDE5IEwgMTMgMTkgTCAxMyAxMyBMIDE5IDEzIEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
    background-size: 50%;
    background-repeat:no-repeat;
    background-position:center;
    max-width:130px;
}

.image-upload.needsclick.slim {
       background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjYgMjYiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gOS41IDMgQyA4Ljc4OTA2MyAzIDguMzIwMzEzIDMuMjg5MDYzIDguMDkzNzUgMy42ODc1IEwgNi44MTI1IDYgTCA0LjkzNzUgNiBDIDEuOTk2MDk0IDYgMCA4LjA1ODU5NCAwIDExIEwgMCAxOS4xMjUgQyAwIDIxLjgxNjQwNiAyLjE4MzU5NCAyNCA0Ljg3NSAyNCBMIDIxLjEyNSAyNCBDIDIzLjgxNjQwNiAyNCAyNiAyMS44MTY0MDYgMjYgMTkuMTI1IEwgMjYgMTAuODc1IEMgMjYgOC4xODM1OTQgMjMuODE2NDA2IDYgMjEuMTI1IDYgTCAxOS4xODc1IDYgTCAxNy45MDYyNSAzLjY4NzUgQyAxNy42Nzk2ODggMy4yODkwNjMgMTcuMTc5Njg4IDMgMTYuNSAzIFogTSA0IDcuODc1IEMgNC42Mjg5MDYgNy44NzUgNS4xMjUgOC4zNzEwOTQgNS4xMjUgOSBDIDUuMTI1IDkuNjI4OTA2IDQuNjI4OTA2IDEwLjEyNSA0IDEwLjEyNSBDIDMuMzcxMDk0IDEwLjEyNSAyLjg3NSA5LjYyODkwNiAyLjg3NSA5IEMgMi44NzUgOC4zNzEwOTQgMy4zNzEwOTQgNy44NzUgNCA3Ljg3NSBaIE0gMTMgNy45Mzc1IEMgMTYuODk4NDM4IDcuOTM3NSAyMC4wNjI1IDExLjEwMTU2MyAyMC4wNjI1IDE1IEMgMjAuMDYyNSAxOC44OTg0MzggMTYuODk4NDM4IDIyLjA2MjUgMTMgMjIuMDYyNSBDIDkuMTAxNTYzIDIyLjA2MjUgNS45Mzc1IDE4LjkwMjM0NCA1LjkzNzUgMTUgQyA1LjkzNzUgMTEuMDk3NjU2IDkuMTAxNTYzIDcuOTM3NSAxMyA3LjkzNzUgWiBNIDEzIDEwLjE4NzUgQyAxMC4zNDM3NSAxMC4xODc1IDguMTg3NSAxMi4zNDM3NSA4LjE4NzUgMTUgQyA4LjE4NzUgMTcuNjU2MjUgMTAuMzQzNzUgMTkuODEyNSAxMyAxOS44MTI1IEMgMTUuNjU2MjUgMTkuODEyNSAxNy44MTI1IDE3LjY1NjI1IDE3LjgxMjUgMTUgQyAxNy44MTI1IDEyLjM0Mzc1IDE1LjY1NjI1IDEwLjE4NzUgMTMgMTAuMTg3NSBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
}


.slim-popover {
    background-color: #3E3E3E;
}
.slim-editor-btn {
background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
    color: #AAA;
}

.slim-editor-btn.slim-btn-confirm {
    color: #1B8DAF;
}

.slim-editor-btn.slim-btn-cancel {
    opacity:0.5;
}
.slim-btn-rotate {
    height:30px;
    width:30px;
    border:none;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTIgMiBDIDkuMjk2ODc1IDIgNi44NjMyODEgMy4wOTM3NSA1LjA2MjUgNC44NDM3NSBMIDMuMDYyNSAzLjQzNzUgTCAzLjI4MTI1IDcuMTI1IEwgMy40Mzc1IDkuNTMxMjUgTCA5LjIxODc1IDcuNzUgTCA2LjcxODc1IDYgQyA4LjEyODkwNiA0Ljc1NzgxMyA5Ljk3NjU2MyA0IDEyIDQgQyAxNi40MTAxNTYgNCAyMCA3LjU4OTg0NCAyMCAxMiBDIDIwIDE2LjQxMDE1NiAxNi40MTAxNTYgMjAgMTIgMjAgQyA4LjEwNTQ2OSAyMCA0Ljg2NzE4OCAxNy4xOTE0MDYgNC4xNTYyNSAxMy41IEwgMi4xODc1IDEzLjkwNjI1IEMgMy4wNzgxMjUgMTguNTE1NjI1IDcuMTMyODEzIDIyIDEyIDIyIEMgMTcuNTE1NjI1IDIyIDIyIDE3LjUxNTYyNSAyMiAxMiBDIDIyIDYuNDg0Mzc1IDE3LjUxNTYyNSAyIDEyIDIgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
    background-position:center;
    background-size:100%;
    background-repeat:no-repeat;
    background-color:transparent;
}

.slim-label {
    display:none;
}




.smilies, .emotion input[type="radio"] {
  -webkit-appearance: none;
  width: 60px;
  height: 60px;
  border: none;
  cursor: pointer;
  transition: border 0.2s ease;
  opacity:0.3;
  margin: 0 5px;
  transition: all 0.2s ease;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
}
.emotion input[type="radio"]:hover, .emotion input[type="radio"]:checked {
          opacity:1;
}

.emotion input[type="radio"]:focus {
  outline: 0;
}
.smilies.happy, .emotion .up-third:nth-child(3)  input[type="radio"]{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6IzFCOERBRjsiPiAgICA8cGF0aCBzdHlsZT0ibGluZS1oZWlnaHQ6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDt0ZXh0LXRyYW5zZm9ybTpub25lO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIgZD0iTSAyNSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyNC44NDU3MDMgMi4wMTU2MjUgQyAxMi4yMjcwNjkgMi4xMDA5NjggMiAxMi4zNjE0NzIgMiAyNSBDIDIgMzcuNjkxMzY3IDEyLjMwODYzMyA0OCAyNSA0OCBDIDM3LjY5MTM2NyA0OCA0OCAzNy42OTEzNjcgNDggMjUgQyA0OCAxMi4zNjI3OTYgMzcuNzc1MDEzIDIuMTAzMDk0MSAyNS4xNTgyMDMgMi4wMTU2MjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI1IDIgeiBNIDI1IDQgQyAzNi42MTA2MzMgNCA0NiAxMy4zODkzNjcgNDYgMjUgQyA0NiAzNi42MTA2MzMgMzYuNjEwNjMzIDQ2IDI1IDQ2IEMgMTMuMzg5MzY3IDQ2IDQgMzYuNjEwNjMzIDQgMjUgQyA0IDEzLjM4OTM2NyAxMy4zODkzNjcgNCAyNSA0IHogTSAxNyAxOCBBIDMgMyAwIDAgMCAxNCAyMSBBIDMgMyAwIDAgMCAxNyAyNCBBIDMgMyAwIDAgMCAyMCAyMSBBIDMgMyAwIDAgMCAxNyAxOCB6IE0gMzMgMTggQSAzIDMgMCAwIDAgMzAgMjEgQSAzIDMgMCAwIDAgMzMgMjQgQSAzIDMgMCAwIDAgMzYgMjEgQSAzIDMgMCAwIDAgMzMgMTggeiBNIDExLjk1NzAzMSAyOC45ODgyODEgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjE4NTU0NyAzMC41ODIwMzEgQyAxMS4xODU1NDcgMzAuNTgyMDMxIDE2LjQxNjY2NyAzOCAyNSAzOCBDIDMzLjU4MzMzMyAzOCAzOC44MTQ0NTMgMzAuNTgyMDMxIDM4LjgxNDQ1MyAzMC41ODIwMzEgQSAxLjAwMTA0NjMgMS4wMDEwNDYzIDAgMCAwIDM3LjE4NTU0NyAyOS40MTc5NjkgQyAzNy4xODU1NDcgMjkuNDE3OTY5IDMyLjQxNjY2NyAzNiAyNSAzNiBDIDE3LjU4MzMzMyAzNiAxMi44MTQ0NTMgMjkuNDE3OTY5IDEyLjgxNDQ1MyAyOS40MTc5NjkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk1NzAzMSAyOC45ODgyODEgeiIgZm9udC13ZWlnaHQ9IjQwMCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIHdoaXRlLXNwYWNlPSJub3JtYWwiIG92ZXJmbG93PSJ2aXNpYmxlIj48L3BhdGg+PC9zdmc+');
  background-size: cover;
}
.smilies {
    float:left;
}

.smilies.neutral, .emotion .up-third:nth-child(2)   input[type="radio"]{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6IzFCOERBRjsiPiAgICA8cGF0aCBzdHlsZT0ibGluZS1oZWlnaHQ6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDt0ZXh0LXRyYW5zZm9ybTpub25lO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIgZD0iTSAyNSAyIEMgMTIuMzExMzM1IDIgMiAxMi4zMTEzMzUgMiAyNSBDIDIgMzcuNjg4NjY1IDEyLjMxMTMzNSA0OCAyNSA0OCBDIDM3LjY4ODY2NSA0OCA0OCAzNy42ODg2NjUgNDggMjUgQyA0OCAxMi4zNjYxNjkgMzcuNzczMzgyIDIuMTA0MjEyOSAyNS4xNjAxNTYgMi4wMTU2MjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI1IDIgeiBNIDI1IDQgQyAzNi42MDczMzUgNCA0NiAxMy4zOTI2NjUgNDYgMjUgQyA0NiAzNi42MDczMzUgMzYuNjA3MzM1IDQ2IDI1IDQ2IEMgMTMuMzkyNjY1IDQ2IDQgMzYuNjA3MzM1IDQgMjUgQyA0IDEzLjM5MjY2NSAxMy4zOTI2NjUgNCAyNSA0IHogTSAxNyAxOCBBIDMgMyAwIDAgMCAxNCAyMSBBIDMgMyAwIDAgMCAxNyAyNCBBIDMgMyAwIDAgMCAyMCAyMSBBIDMgMyAwIDAgMCAxNyAxOCB6IE0gMzMgMTggQSAzIDMgMCAwIDAgMzAgMjEgQSAzIDMgMCAwIDAgMzMgMjQgQSAzIDMgMCAwIDAgMzYgMjEgQSAzIDMgMCAwIDAgMzMgMTggeiBNIDE1IDMxIEEgMS4wMDAxIDEuMDAwMSAwIDEgMCAxNSAzMyBMIDM1IDMzIEEgMS4wMDAxIDEuMDAwMSAwIDEgMCAzNSAzMSBMIDE1IDMxIHoiIGZvbnQtd2VpZ2h0PSI0MDAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiB3aGl0ZS1zcGFjZT0ibm9ybWFsIiBvdmVyZmxvdz0idmlzaWJsZSI+PC9wYXRoPjwvc3ZnPg==');
  background-size: cover;
}
.smilies.sad, .emotion .up-third:nth-child(1)   input[type="radio"]  {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6IzFCOERBRjsiPiAgICA8cGF0aCBzdHlsZT0ibGluZS1oZWlnaHQ6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDt0ZXh0LXRyYW5zZm9ybTpub25lO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIgZD0iTSAyNSAyIEMgMTIuMzA4NjMzIDIgMiAxMi4zMDg2MzMgMiAyNSBDIDIgMzcuNjkxMzY3IDEyLjMwODYzMyA0OCAyNSA0OCBDIDM3LjY5MTM2NyA0OCA0OCAzNy42OTEzNjcgNDggMjUgQyA0OCAxMi4zNjI3OTYgMzcuNzc1MDEzIDIuMTAzMDk0MSAyNS4xNTgyMDMgMi4wMTU2MjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI1IDIgeiBNIDI1IDQgQyAzNi42MTA2MzMgNCA0NiAxMy4zODkzNjcgNDYgMjUgQyA0NiAzNi42MTA2MzMgMzYuNjEwNjMzIDQ2IDI1IDQ2IEMgMTMuMzg5MzY3IDQ2IDQgMzYuNjEwNjMzIDQgMjUgQyA0IDEzLjM4OTM2NyAxMy4zODkzNjcgNCAyNSA0IHogTSAxNyAxOCBBIDMgMyAwIDAgMCAxNCAyMSBBIDMgMyAwIDAgMCAxNyAyNCBBIDMgMyAwIDAgMCAyMCAyMSBBIDMgMyAwIDAgMCAxNyAxOCB6IE0gMzMgMTggQSAzIDMgMCAwIDAgMzAgMjEgQSAzIDMgMCAwIDAgMzMgMjQgQSAzIDMgMCAwIDAgMzYgMjEgQSAzIDMgMCAwIDAgMzMgMTggeiBNIDI1IDI5IEMgMTguNTU1NTU2IDI5IDE0LjI5Mjk2OSAzMy4yOTI5NjkgMTQuMjkyOTY5IDMzLjI5Mjk2OSBBIDEuMDAwMSAxLjAwMDEgMCAxIDAgMTUuNzA3MDMxIDM0LjcwNzAzMSBDIDE1LjcwNzAzMSAzNC43MDcwMzEgMTkuNDQ0NDQ0IDMxIDI1IDMxIEMgMzAuNTU1NTU2IDMxIDM0LjI5Mjk2OSAzNC43MDcwMzEgMzQuMjkyOTY5IDM0LjcwNzAzMSBBIDEuMDAwMSAxLjAwMDEgMCAxIDAgMzUuNzA3MDMxIDMzLjI5Mjk2OSBDIDM1LjcwNzAzMSAzMy4yOTI5NjkgMzEuNDQ0NDQ0IDI5IDI1IDI5IHoiIGZvbnQtd2VpZ2h0PSI0MDAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiB3aGl0ZS1zcGFjZT0ibm9ybWFsIiBvdmVyZmxvdz0idmlzaWJsZSI+PC9wYXRoPjwvc3ZnPg==');
}

.up-third {
    margin-top:16px;
    float:left;
}

.smilegroup {
    padding:16px;
    background:#FFF;
        padding-top:0px;

}

.smilies.checked {
     opacity:1;
}




#content .mdl-menu__container.is-visible {
    z-index:100000;
}

.ippa input:matches([type="checkbox"], .ippa [type="radio"]):checked {
    background-color:transparent;
}


/* POST */ 


.ippa .date {
    color: #CCC;
}

.ippa .avatar-img img {
    height:100px;
   width:100px;
}


.site-main .mdl-card__media {
    background-position:center;
    
}

.ippa.post .site-main header h3 {
    text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}

.site-main article.page  header h3 {
    color: #666;
}

.ippa-post .mdl-card__title {
    height:176px;
    color: #FFF;
    background-position:center;
    background-size:cover;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}

.ippa-post {
    width:100%;
        margin-bottom:16px;

}

.ippa-post .date {
    margin-bottom:8px;
}

.ippa-post .mdl-card__supporting-text {width:auto;padding-right:8px;padding-bottom:8px;}


.ippa-info-badge {
    position:absolute;
height:30px;
    width:30px;
    top:0;
    right:25px;
    background-color: red;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+ICAgIDxwYXRoIGQ9Ik0gMTIgMiBDIDEwLjM0MyAyIDkgMy4zNDMgOSA1IEMgOSA2LjY1NyAxMC4zNDMgOCAxMiA4IEMgMTMuNjU3IDggMTUgNi42NTcgMTUgNSBDIDE1IDMuMzQzIDEzLjY1NyAyIDEyIDIgeiBNIDggMTAgTCA4IDEyIEwgMTAgMTIgTCAxMCAyMCBMIDggMjAgTCA4IDIyIEwgMTYgMjIgTCAxNiAyMCBMIDE0IDIwIEwgMTQgMTEgQyAxNCAxMC40NDggMTMuNTUyIDEwIDEzIDEwIEwgMTEgMTAgTCA4IDEwIHoiPjwvcGF0aD48L3N2Zz4=');
    background-position:center;
    background-size:80%;
    background-repeat:no-repeat;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
    border-radius:0px 0px 3px 3px;
    
}

.ippa-comments .ippa-acc-item p {
    display:none;
}

.ippa-expert-button {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgICBzdHlsZT0iZmlsbDojMUI4REFGOyI+ICAgIDxwYXRoIGQ9Ik0xMiwyQzYuNDc3LDIsMiw2LjQ3NywyLDEyYzAsNS41MjMsNC40NzcsMTAsMTAsMTBzMTAtNC40NzcsMTAtMTBDMjIsNi40NzcsMTcuNTIzLDIsMTIsMnogTTEwLDE3LjQxNGwtNC43MDctNC43MDcgbDEuNDE0LTEuNDE0TDEwLDE0LjU4Nmw3LjI5My03LjI5M2wxLjQxNCwxLjQxNEwxMCwxNy40MTR6Ij48L3BhdGg+PC9zdmc+') 50% 50% no-repeat;
  background-size: 100%;
    color: #1B8DAF;
    padding-left:12px;
    box-sizing:border-box;
    font-size:12px;
}

.ippa .mdl-snackbar__action {
    color: #1B8DAF;
}

.ippa .ribbon-content {
    padding: 40px 60px;
}

.ippa .swiper-pagination {
    z-index:3;
    pointer-events:none;
    margin:0 auto;
    display:inline-block;
}


.ippa-tp .swiper-pagination {
    margin-top:-32px;
}

#compareframe .swiper-pagination {
    z-index:3;
    pointer-events:none;
    margin:0 auto;
    position:static;
    display:inline-block;
    float:right;
    margin-right:-16px;
    width:50%;
}


.ippa .swiper-pagination-bullet-active {
    background-color: #666;
}
.ippa-view-upload .mdl-icon-toggle__label.material-icons {
    pointer-events:none;
}

.ippa-compare-header {
    text-align:center;
    padding-top:16px;
    height:56px;
    color: #FFF;
    background-color: #3E3E3E;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    border: none;
    max-height: 1000px;
    z-index: 3;
    font-size:18px;
    color: rgb(255,255,255);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-property: max-height,box-shadow;
}

.ippa-compare .swiper-pagination {
    width:100%;
    position:static;
    margin: 0 auto;
}

.ippa-upload_error {
    display:none;
}

/* DIALOG */ 

.ippa dialog {
    top:auto;
    bottom:0;
}

.ippa .mdl-dialog__content {
    padding-bottom:0;
    padding-top:0;
}

.ippa-rate-dialog .mdl-textfield {
    padding-bottom:0;
    
}

.ippa .swiper-pagination-bullet {
    margin-right:5px;
    opacity:1;
    background-color: #FFF;
}

.ippa .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity:1;
    background-color: #1B8DAF;
}

.ippa-compare .swiper-pagination-bullet {
    opacity:0.5;
    background-color: #666;
}


.ippa-rotate-phone {
    text-align:center;
       padding-top:32px;
    padding-bottom:16px;
    text-transform:uppercase;
    font-size:18px;
}

.ippa-rotate-phone p {
    opacity:0.5;
}
.ippa-rotate-phone img {
    display:block;
    margin:0 auto;
    clear:both;
    margin-bottom:1rem;
    animation: rotatephone 5s infinite;
 
}


@keyframes rotatephone {
    0% {
        transform: rotate(0deg);
    }
     45% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-10deg);
    }
     55% {
        transform: rotate(0deg);
    }
    100% 
    {
        transform: rotate(0deg);
    }
}


.expert-img {
    display:block;
    height:100px!important;
    width:100px!important;
    background-size:cover;
    background-repeat:no-repeat;
    float:left;
    margin:16px;
    margin-top:-10px;
    border-radius:50px;
}

.ippa a {
    color: #1B8DAF
}

.ippa-user-profile h3 {
    margin-bottom:0;
}

.ippa-new {
    color: #1B8DAF;
}

.ippa .mdl-shadow--2dp:active {
    box-shadow:none!important;
    transition: all 0.2s ease;
}

.unselectable {
    -moz-user-select: -moz-none,
    -moz-user-select: none,
    -o-user-select: none,
    -khtml-user-select: none,
    -webkit-user-select: none,
    -ms-user-select: none,
    user-select: none
}

.dragaware {
    cursor: pointer;
}

.draggable_clone {
    position: absolute; /* also set via javascript */
    z-index: 100001;
    pointer-events:none; /* disable mouse events on the clone */
}

.draggable.dragging, .draggable .dragging {
    opacity: 0.5;
}

.sortable .sortable_clone {
    position: absolute; /* also set via javascript */
    z-index: 100001;
    list-style-type: none;
    opacity: 0.5;
}

.sortable .sortable_placeholder {
    box-sizing: border-box;
    list-style-type: none;
    background: #eee;
    border: 2px dotted #52b218;
}


.image-upload[data-state="empty"] {
    display:none;
}
    
    .ippa-tutorial li {
        margin:0;
        padding:0;
        color: #757575;
    }

figure {
    margin:0;
}

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

.post h2 {
    font-size:18px;
        line-height:24px;
color: #000;
}

.post h3 {
    color: #000;

    font-size:18px;
    line-height:24px;
}

.ippa-view-upload-form .mdl-textfield__label {
  white-space: pre-wrap;
}

@media only screen 
    and (min-width : 768px)   {
        .ippa-post .mdl-card__title {
            height:45vh;
        }
        .ippa-gallery {
            height:45vh;
        }
        
        .ippa-kontaktbereich-top-preview {
            height:45vh;
        }
      .ippa-touchpoints_home  .image {
            height:45vh;

}
}

.mdl-snackbar, .mdl-snackbar__action {
    font-size:1.3rem;
}


.ippa-rate-dialog .mdl-textfield__label:after {
    bottom:0px;
}


@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
        .ippa-compare-frame {
              padding:  
env(safe-area-inset-top)

        env(safe-area-inset-right)  
                                          env(safe-area-inset-bottom)  

    env(safe-area-inset-left)
            
    
        }
        #masthead {
            padding: env(safe-area-inset-top)  0 0 0;

        }

}


.ippa-compare-frame {
  font-size:auto;
  scroll-snap-type: y mandatory;
  scroll-padding-top:56px;
overflow-y: scroll;
-webkit-overflow-scrolling:touch;
scroll-snap-destination: 100% 0%;
scroll-snap-points-y: repeat(100%);

}

.term {
  scroll-snap-align:center;
}

.hidden-tp {
    display:none;
}

.show-more-tp {
    margin:0 auto;
    display:inline-block;
}

.ippa-hinweise {
    padding:20px;
    border: 1px solid #CCC;
    margin-bottom:40px;
    background-color: #FFF;
    position:relative;
    padding-right:40px;
    color: #FFF;
    background-color: #1B8DAF;
}

.ippa-hinweise p {
    margin-bottom:0;
}

.ippa-close-icon {
    height:40px;
    width:40px;
 background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNiAyNiIKICAgICBzdHlsZT0iZmlsbDojMDAwMDAwOyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAyMS43MzQzNzUgMTkuNjQwNjI1IEwgMTkuNjM2NzE5IDIxLjczNDM3NSBDIDE5LjI1MzkwNiAyMi4xMjEwOTQgMTguNjI4OTA2IDIyLjEyMTA5NCAxOC4yNDIxODggMjEuNzM0Mzc1IEwgMTMgMTYuNDk2MDk0IEwgNy43NjE3MTkgMjEuNzM0Mzc1IEMgNy4zNzUgMjIuMTIxMDk0IDYuNzQ2MDk0IDIyLjEyMTA5NCA2LjM2MzI4MSAyMS43MzQzNzUgTCA0LjI2NTYyNSAxOS42NDA2MjUgQyAzLjg3ODkwNiAxOS4yNTM5MDYgMy44Nzg5MDYgMTguNjI4OTA2IDQuMjY1NjI1IDE4LjI0MjE4OCBMIDkuNTAzOTA2IDEzIEwgNC4yNjU2MjUgNy43NjE3MTkgQyAzLjg4MjgxMyA3LjM3MTA5NCAzLjg4MjgxMyA2Ljc0MjE4OCA0LjI2NTYyNSA2LjM2MzI4MSBMIDYuMzYzMjgxIDQuMjY1NjI1IEMgNi43NDYwOTQgMy44Nzg5MDYgNy4zNzUgMy44Nzg5MDYgNy43NjE3MTkgNC4yNjU2MjUgTCAxMyA5LjUwNzgxMyBMIDE4LjI0MjE4OCA0LjI2NTYyNSBDIDE4LjYyODkwNiAzLjg3ODkwNiAxOS4yNTc4MTMgMy44Nzg5MDYgMTkuNjM2NzE5IDQuMjY1NjI1IEwgMjEuNzM0Mzc1IDYuMzU5Mzc1IEMgMjIuMTIxMDk0IDYuNzQ2MDk0IDIyLjEyMTA5NCA3LjM3NSAyMS43MzgyODEgNy43NjE3MTkgTCAxNi40OTYwOTQgMTMgTCAyMS43MzQzNzUgMTguMjQyMTg4IEMgMjIuMTIxMDk0IDE4LjYyODkwNiAyMi4xMjEwOTQgMTkuMjUzOTA2IDIxLjczNDM3NSAxOS42NDA2MjUgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;    background-size:100%;
    opacity:0.5;
    position:absolute;
    top:0px;
    right:0px;
    background-size:10px;
    background-position:center;
    z-index:100000000;
}

.input-beschreibung {
    position:absolute;
    z-index:2147483648;
    background-color:rgba(0,0,0,0.5);
    color: #EEE;
    border-radius:3px; 
    padding: 5px 10px;
    border: 1px solid #EEE;
    left:50%;
    transform: translateX(-50%);
    bottom:30%;
    width: 80%;}

    .slide-beschreibung
    {
        position:absolute;
        top:5px;
        right:5px;
        color: #FFF;
        background-color:rgba(0,0,0,0.5);
        opacity:0.5;
        padding:5px 10px;
        border-radius:10px;
        font-size:11px;
    }


    /* ANFRAGEN */ 
 .ippa-anfrage header {
       padding:16px;
       border-bottom: 1px solid #EEE;
    }


    .anfrage-head {
        font-size:27px;
        line-height:30px;
        margin-right:50px;
    }


    .anfrage-respond-button {
        height:45px;
        width:45px;
        border-radius:45px;
        float:right;
        margin:5px;
        background-color: #1B8DAF;
        box-shadow: 0px 3px 0px #CCC;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAzMCAzMCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+ICAgIDxwYXRoIGQ9Ik0yNiwyNWMwLTAuMDI0LTAuMDIyLTIuNDM3LTEuOTE3LTQuODg5QzIxLjYzMSwxNi45MzgsMTcuMTIsMTUuMTg1LDExLDE1LjAxNFYxOWMwLDAuNDA0LTAuMjQ0LDAuNzctMC42MTcsMC45MjQgYy0wLjM3NCwwLjE1NS0wLjgwNCwwLjA2OS0xLjA5LTAuMjE3bC03LTdjLTAuMzkxLTAuMzkxLTAuMzkxLTEuMDIzLDAtMS40MTRsNy03YzAuMjg2LTAuMjg2LDAuNzE2LTAuMzczLDEuMDktMC4yMTcgQzEwLjc1Niw0LjIzLDExLDQuNTk2LDExLDV2NC4wMTZDMjcuNTE1LDkuNTUzLDI4LDIzLjM5NSwyOCwyNWMwLDAuNTUzLTAuNDQ4LDEtMSwxUzI2LDI1LjU1MywyNiwyNXoiPjwvcGF0aD48L3N2Zz4=');
        background-repeat:no-repeat;
        background-size:50%;
        background-position:center;
        transition: all 0.3 ease;
    }


    .anfrage-respond-button:hover, .anfrage-respond-button:active {
        box-shadow: 0px 0px 0px #CCC;
        transform: translateY(2px);
    }

    .ippa-anfrage .box-line {
        padding:20px;
        font-size:12px;
        border-bottom: 1px solid #EEE;
}


.icons8-marker {
  display: inline-block;
  width: 12px;
  height: 12px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCA1MCA1MCIKICAgICBzdHlsZT0iZmlsbDojNjY2NjY2OyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAyNSAxIEMgMTYuMTc5Njg4IDEgOSA4LjE3OTY4OCA5IDE3IEMgOSAzMS4xMTMyODEgMjMuNjI4OTA2IDQ3Ljk0NTMxMyAyNC4yNSA0OC42NTYyNSBDIDI0LjQ0MTQwNiA0OC44NzUgMjQuNzEwOTM4IDQ5IDI1IDQ5IEMgMjUuMzA4NTk0IDQ4Ljk4MDQ2OSAyNS41NTg1OTQgNDguODc1IDI1Ljc1IDQ4LjY1NjI1IEMgMjYuMzcxMDk0IDQ3LjkzMzU5NCA0MSAzMC44MTI1IDQxIDE3IEMgNDEgOC4xNzk2ODggMzMuODIwMzEzIDEgMjUgMSBaIE0gMjUgMTIgQyAyOC4zMTI1IDEyIDMxIDE0LjY4NzUgMzEgMTggQyAzMSAyMS4zMTI1IDI4LjMxMjUgMjQgMjUgMjQgQyAyMS42ODc1IDI0IDE5IDIxLjMxMjUgMTkgMTggQyAxOSAxNC42ODc1IDIxLjY4NzUgMTIgMjUgMTIgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;  background-size: 100%;
}


.icons8-size {
    background-size:contain;
    display:inline-block;
    width:12px;
    height:12px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyMjQgMjI0IgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDIyNHYtMjI0aDIyNHYyMjR6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzY2NjY2NiI+PHBhdGggZD0iTTExMiwxOC42NjY2N2wtMzcuMzMzMzMsMzcuMzMzMzNoMjh2NDYuNjY2NjdoLTQ2LjY2NjY3di0yOGwtMzcuMzMzMzMsMzcuMzMzMzNsMzcuMzMzMzMsMzcuMzMzMzN2LTI4aDQ2LjY2NjY3djQ2LjY2NjY3aC0yOGwzNy4zMzMzMywzNy4zMzMzM2wzNy4zMzMzMywtMzcuMzMzMzNoLTI4di00Ni42NjY2N2g0Ni42NjY2N3YyOGwzNy4zMzMzMywtMzcuMzMzMzNsLTM3LjMzMzMzLC0zNy4zMzMzM3YyOGgtNDYuNjY2Njd2LTQ2LjY2NjY3aDI4eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+') 50% 50% no-repeat;background-size:100%}

.icons8-calendar {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size:100%;
  background-repeat:no-repeat;
  background-position:center;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCA1MCA1MCIKICAgICBzdHlsZT0iZmlsbDojNjY2NjY2OyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAxMiAwIEMgMTAuOTA2MjUgMCAxMCAwLjkwNjI1IDEwIDIgTCAxMCA0IEwgNCA0IEMgMi44Mzk4NDQgNCAyIDQuODM5ODQ0IDIgNiBMIDIgMTMgTCA0OCAxMyBMIDQ4IDYgQyA0OCA0LjgzOTg0NCA0Ny4xNjAxNTYgNCA0NiA0IEwgNDAgNCBMIDQwIDIgQyA0MCAwLjkwNjI1IDM5LjA5Mzc1IDAgMzggMCBMIDM2IDAgQyAzNC45MDYyNSAwIDM0IDAuOTA2MjUgMzQgMiBMIDM0IDQgTCAxNiA0IEwgMTYgMiBDIDE2IDAuOTA2MjUgMTUuMDkzNzUgMCAxNCAwIFogTSAxMiAyIEwgMTQgMiBMIDE0IDggTCAxMiA4IFogTSAzNiAyIEwgMzggMiBMIDM4IDggTCAzNiA4IFogTSAyIDE1IEwgMiA0NiBDIDIgNDcuMTYwMTU2IDIuODM5ODQ0IDQ4IDQgNDggTCA0NiA0OCBDIDQ3LjE2MDE1NiA0OCA0OCA0Ny4xNjAxNTYgNDggNDYgTCA0OCAxNSBaIE0gMTIgMjEgTCAxNyAyMSBMIDE3IDI2IEwgMTIgMjYgWiBNIDE5IDIxIEwgMjQgMjEgTCAyNCAyNiBMIDE5IDI2IFogTSAyNiAyMSBMIDMxIDIxIEwgMzEgMjYgTCAyNiAyNiBaIE0gMzMgMjEgTCAzOCAyMSBMIDM4IDI2IEwgMzMgMjYgWiBNIDEyIDI4IEwgMTcgMjggTCAxNyAzMyBMIDEyIDMzIFogTSAxOSAyOCBMIDI0IDI4IEwgMjQgMzMgTCAxOSAzMyBaIE0gMjYgMjggTCAzMSAyOCBMIDMxIDMzIEwgMjYgMzMgWiBNIDMzIDI4IEwgMzggMjggTCAzOCAzMyBMIDMzIDMzIFogTSAxMiAzNSBMIDE3IDM1IEwgMTcgNDAgTCAxMiA0MCBaIE0gMTkgMzUgTCAyNCAzNSBMIDI0IDQwIEwgMTkgNDAgWiBNIDI2IDM1IEwgMzEgMzUgTCAzMSA0MCBMIDI2IDQwIFogTSAzMyAzNSBMIDM4IDM1IEwgMzggNDAgTCAzMyA0MCBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
}

.icons8-industry {
    display: inline-block;
    width: 12px;
    height: 12px;

background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyMjQgMjI0IgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDIyNHYtMjI0aDIyNHYyMjR6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgaWQ9Im9yaWdpbmFsLWljb24iIGZpbGw9IiM2NjY2NjYiPjxwYXRoIGQ9Ik0xNDkuMzMzMzMsMTguNjY2Njd2MTguNjY2NjdoNDYuNjY2Njd2LTE4LjY2NjY3ek0xNDkuMzMzMzMsNTZ2NDYuNjY2NjdoLTI4bC05LjMzMzMzLC0yOGwtMzcuMzMzMzMsMjhsLTkuMzMzMzMsLTI4bC0zNy4zMzMzMywyOHY5My4zMzMzM2gxNjh2LTE0MHpNNDYuNjY2NjcsMTIxLjMzMzMzaDE4LjY2NjY3djE4LjY2NjY3aC0xOC42NjY2N3pNODQsMTIxLjMzMzMzaDE4LjY2NjY3djE4LjY2NjY3aC0xOC42NjY2N3pNMTIxLjMzMzMzLDEyMS4zMzMzM2gxOC42NjY2N3YxOC42NjY2N2gtMTguNjY2Njd6TTE1OC42NjY2NywxMjEuMzMzMzNoMTguNjY2Njd2MTguNjY2NjdoLTE4LjY2NjY3ek00Ni42NjY2NywxNTguNjY2NjdoMTguNjY2Njd2MTguNjY2NjdoLTE4LjY2NjY3ek04NCwxNTguNjY2NjdoMTguNjY2Njd2MTguNjY2NjdoLTE4LjY2NjY3ek0xMjEuMzMzMzMsMTU4LjY2NjY3aDE4LjY2NjY3djE4LjY2NjY3aC0xOC42NjY2N3pNMTU4LjY2NjY3LDE1OC42NjY2N2gxOC42NjY2N3YxOC42NjY2N2gtMTguNjY2Njd6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4=') 50% 50% no-repeat;
background-size: 100%;}


.icons8-title {
    display: inline-block;
    width: 12px;
    height: 12px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyMjQgMjI0IgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDIyNHYtMjI0aDIyNHYyMjR6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzY2NjY2NiI+PHBhdGggZD0iTTE4Ni42NjY2NywyOGgtMTQ5LjMzMzMzYy0xMC4yNjY2NywwIC0xOC41NzMzMyw4LjQgLTE4LjU3MzMzLDE4LjY2NjY3bC0wLjA5MzMzLDE2OGwzNy4zMzMzMywtMzcuMzMzMzNoMTMwLjY2NjY3YzEwLjI2NjY3LDAgMTguNjY2NjcsLTguNCAxOC42NjY2NywtMTguNjY2Njd2LTExMmMwLC0xMC4yNjY2NyAtOC40LC0xOC42NjY2NyAtMTguNjY2NjcsLTE4LjY2NjY3ek04NCwxMTJoLTE4LjY2NjY3di0xOC42NjY2N2gxOC42NjY2N3pNMTIxLjMzMzMzLDExMmgtMTguNjY2Njd2LTE4LjY2NjY3aDE4LjY2NjY3ek0xNTguNjY2NjcsMTEyaC0xOC42NjY2N3YtMTguNjY2NjdoMTguNjY2Njd6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4=') 50% 50% no-repeat;
background-size: 100%; }


.icons8-budget  {
    background-size:100%;
        display: inline-block;
    width: 12px;
    height: 12px;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE0Ljk5NCAxNC45OTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0Ljk5NCAxNC45OTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMTIuNzc0LDExLjY3Yy0wLjQ3LDAuMjQ2LTEuNTE5LDAuNTgtMi41NDMsMC41OGMtMS4xMTYsMC0yLjE2Ni0wLjMzNC0yLjg3OS0xLjEzOWMtMC4zMzYtMC4zNzctMC41ODEtMC44OTMtMC43MzctMS41NjIgICBoNS42MDJWNy45NjVINi4zMDRjMC0wLjExMSwwLTAuMjIyLDAtMC4zNTdjMC0wLjI0NiwwLTAuNDY3LDAuMDIxLTAuNjkyaDUuODkzVjUuMzMySDYuNjYxYzAuMTU4LTAuNTgsMC4zNzgtMS4wOTMsMC43MTUtMS40NSAgIGMwLjY5LTAuODI3LDEuNjc0LTEuMjA2LDIuNzIzLTEuMjA2YzAuOTc5LDAsMS45MTgsMC4yOTEsMi40OTgsMC41MzZsMC42MjMtMi41NDNDMTIuNDE2LDAuMzEzLDExLjIxMywwLDkuODczLDAgICBDNy43NTQsMCw1Ljk2OCwwLjg0Nyw0LjcyLDIuMjk5Yy0wLjcxMywwLjgwMy0xLjI3MSwxLjgzLTEuNTQsMy4wMzRIMS42ODR2MS41ODNoMS4yNTFjMCwwLjIyNS0wLjAyMywwLjQ0Ny0wLjAyMywwLjY3ICAgYzAsMC4xMzMsMCwwLjI3LDAsMC4zNzlIMS42ODRWOS41NWgxLjQ1MmMwLjIwMSwxLjE4NSwwLjY0NiwyLjE0MiwxLjI0OSwyLjljMS4yNTEsMS42NTEsMy4yMzUsMi41NDQsNS40NDMsMi41NDQgICBjMS40MjksMCwyLjcyNC0wLjQyNCwzLjQ4Mi0wLjg0NkwxMi43NzQsMTEuNjd6IiBmaWxsPSIjNjE2MTYxIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);}
}


.anfrage-content {
    font-size:14px;
    color: #757575;
}

.anfrage-userpic {
    background-color: #CCC;
    height:80px;
    width:80px;
    margin-right:20px;
    background-size:cover;
    background-position:center;
    border-radius:50px;
    float:left;
}

.anfrage-userdata {
    color: #333;
}

.box-line.normal {
    font-size:14px;
}
.anhang {
    display:block;
    padding-top:8px;
    padding-bottom:8px;
    background-repeat:no-repeat;
    background-position:99% 50%;
    background-size:20px;
    text-decoration:none;
    background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgICBzdHlsZT0iZmlsbDojMUI4REFGOyI+ICAgIDxwYXRoIHN0eWxlPSJsaW5lLWhlaWdodDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwO3RleHQtdHJhbnNmb3JtOm5vbmU7YmxvY2stcHJvZ3Jlc3Npb246dGI7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIiBkPSJNIDExIDIgTCAxMSA0IEwgMTMgNCBMIDEzIDIgTCAxMSAyIHogTSAxMSA2IEwgMTEgMTQuNTg1OTM4IEwgNy43MDcwMzEyIDExLjI5Mjk2OSBMIDYuMjkyOTY4OCAxMi43MDcwMzEgTCAxMiAxOC40MTQwNjIgTCAxNy43MDcwMzEgMTIuNzA3MDMxIEwgMTYuMjkyOTY5IDExLjI5Mjk2OSBMIDEzIDE0LjU4NTkzOCBMIDEzIDYgTCAxMSA2IHogTSAyIDE3IEwgMiAyMCBDIDIgMjEuMDkzMDYzIDIuOTA2OTM3MiAyMiA0IDIyIEwgMjAgMjIgQyAyMS4wOTMwNjMgMjIgMjIgMjEuMDkzMDYzIDIyIDIwIEwgMjIgMTcgTCAyMCAxNyBMIDIwIDIwIEwgNCAyMCBMIDQgMTcgTCAyIDE3IHoiIGZvbnQtd2VpZ2h0PSI0MDAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiB3aGl0ZS1zcGFjZT0ibm9ybWFsIiBvdmVyZmxvdz0idmlzaWJsZSI+PC9wYXRoPjwvc3ZnPg==');  
}

.green {
    color: #2ecc71;
}

.ippa-anfrage-dialog input[type='checkbox'],
.ippa-anfrage-dialog input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:2px solid #CCC;
    appearance: none;
-webkit-appearance: none;
height:12px;
width:12px;

}

.ippa-anfrage-dialog .green input[type='radio']  {
    border:2px solid #2ecc71;
}

.ippa-anfrage-dialog .green input[type='radio']:checked  {
    border:2px solid #2ecc71;
    background-color: #2ecc71;
}


.ippa-anfrage-dialog input[type='radio']:checked {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:2px solid #CCC;
    appearance: none;
-webkit-appearance: none;
height:12px;
width:12px;
background-color: #CCC!important;
  box-shadow: inset 0 0 0 2px white;
}



.ippa-anfrage-dialog select {
    max-width:100%;
    appearance: none;
    background-color: #FFF;
    padding:5px;
    margin-top:10px;
    border-color 1px solid #CCC;
    display:none;
    border:none;
    border-radius:0px;
    border-bottom: 1px solid #CCC;
}


   .anfrage-closed-button {
        height:45px;
        width:45px;
        border-radius:45px;
        float:right;
        margin:5px;
        background-color: #CCC;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNiAyNiIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAxNiAwIEMgMTMuNzg5MDYzIDAgMTEuODc4OTA2IDAuOTE3OTY5IDEwLjY4NzUgMi40MDYyNSBDIDkuNDk2MDk0IDMuODk0NTMxIDkgNS44MjQyMTkgOSA3LjkwNjI1IEwgOSA5IEwgMTIgOSBMIDEyIDcuOTA2MjUgQyAxMiA2LjMyODEyNSAxMi4zOTA2MjUgNS4wODU5MzggMTMuMDMxMjUgNC4yODEyNSBDIDEzLjY3MTg3NSAzLjQ3NjU2MyAxNC41NDI5NjkgMyAxNiAzIEMgMTcuNDYwOTM4IDMgMTguMzI4MTI1IDMuNDQ5MjE5IDE4Ljk2ODc1IDQuMjUgQyAxOS42MDkzNzUgNS4wNTA3ODEgMjAgNi4zMDg1OTQgMjAgNy45MDYyNSBMIDIwIDkgTCAyMyA5IEwgMjMgNy45MDYyNSBDIDIzIDUuODEyNSAyMi40NzI2NTYgMy44NjMyODEgMjEuMjgxMjUgMi4zNzUgQyAyMC4wODk4NDQgMC44ODY3MTkgMTguMjA3MDMxIDAgMTYgMCBaIE0gOSAxMCBDIDcuMzQzNzUgMTAgNiAxMS4zNDM3NSA2IDEzIEwgNiAyMyBDIDYgMjQuNjU2MjUgNy4zNDM3NSAyNiA5IDI2IEwgMjMgMjYgQyAyNC42NTYyNSAyNiAyNiAyNC42NTYyNSAyNiAyMyBMIDI2IDEzIEMgMjYgMTEuMzQzNzUgMjQuNjU2MjUgMTAgMjMgMTAgWiBNIDE2IDE1IEMgMTcuMTA1NDY5IDE1IDE4IDE1Ljg5NDUzMSAxOCAxNyBDIDE4IDE3LjczODI4MSAxNy41OTc2NTYgMTguMzcxMDk0IDE3IDE4LjcxODc1IEwgMTcgMjEgQyAxNyAyMS41NTA3ODEgMTYuNTUwNzgxIDIyIDE2IDIyIEMgMTUuNDQ5MjE5IDIyIDE1IDIxLjU1MDc4MSAxNSAyMSBMIDE1IDE4LjcxODc1IEMgMTQuNDAyMzQ0IDE4LjM3MTA5NCAxNCAxNy43MzgyODEgMTQgMTcgQyAxNCAxNS44OTQ1MzEgMTQuODk0NTMxIDE1IDE2IDE1IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==');
        background-repeat:no-repeat;
        background-size:50%;
        background-position:40%;
        transition: all 0.3 ease;
    }


       .anfrage-answered-button-yes {
        height:45px;
        width:45px;
        border-radius:45px;
        float:right;
        margin:5px;
        background-color: green;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNiAyNiIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAyMi41NjY0MDYgNC43MzA0NjkgTCAyMC43NzM0MzggMy41MTE3MTkgQyAyMC4yNzczNDQgMy4xNzU3ODEgMTkuNTk3NjU2IDMuMzA0Njg4IDE5LjI2NTYyNSAzLjc5Njg3NSBMIDEwLjQ3NjU2MyAxNi43NTc4MTMgTCA2LjQzNzUgMTIuNzE4NzUgQyA2LjAxNTYyNSAxMi4yOTY4NzUgNS4zMjgxMjUgMTIuMjk2ODc1IDQuOTA2MjUgMTIuNzE4NzUgTCAzLjM3MTA5NCAxNC4yNTM5MDYgQyAyLjk0OTIxOSAxNC42NzU3ODEgMi45NDkyMTkgMTUuMzYzMjgxIDMuMzcxMDk0IDE1Ljc4OTA2MyBMIDkuNTgyMDMxIDIyIEMgOS45Mjk2ODggMjIuMzQ3NjU2IDEwLjQ3NjU2MyAyMi42MTMyODEgMTAuOTY4NzUgMjIuNjEzMjgxIEMgMTEuNDYwOTM4IDIyLjYxMzI4MSAxMS45NTcwMzEgMjIuMzA0Njg4IDEyLjI3NzM0NCAyMS44Mzk4NDQgTCAyMi44NTU0NjkgNi4yMzQzNzUgQyAyMy4xOTE0MDYgNS43NDIxODggMjMuMDYyNSA1LjA2NjQwNiAyMi41NjY0MDYgNC43MzA0NjkgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
        background-repeat:no-repeat;
        background-size:50%;
        background-position:center;
        transition: all 0.3 ease;
    }
          .anfrage-answered-button-no {
              background-repeat:no-repeat;
        height:45px;
        width:45px;
        border-radius:45px;
        float:right;
        margin:5px;
        background-color: red;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAyMjQgMjI0IgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDIyNHYtMjI0aDIyNHYyMjR6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTU5LjU3MjkyLDQ0LjY1NDE3Yy02LjA3NDA2LDAuMDA3NTIgLTExLjUzODUxLDMuNjkyOTcgLTEzLjgyMTM4LDkuMzIxNzFjLTIuMjgyODgsNS42Mjg3NCAtMC45MjkzNywxMi4wNzkzOCAzLjQyMzQ3LDE2LjMxNTc5bDQxLjcwODMzLDQxLjcwODMzbC00MS43MDgzMyw0MS43MDgzNGMtMy45MDExNCwzLjc0NTU0IC01LjQ3MjYsOS4zMDc0NCAtNC4xMDgzMywxNC41NDA2N2MxLjM2NDI3LDUuMjMzMjMgNS40NTEwOSw5LjMyMDA2IDEwLjY4NDMzLDEwLjY4NDMyYzUuMjMzMjMsMS4zNjQyNyAxMC43OTUxMywtMC4yMDcyIDE0LjU0MDY3LC00LjEwODM0bDQxLjcwODMzLC00MS43MDgzM2w0MS43MDgzNCw0MS43MDgzM2MzLjc0NTUzLDMuOTAxMiA5LjMwNzQ1LDUuNDcyNyAxNC41NDA3Miw0LjEwODQ0YzUuMjMzMjcsLTEuMzY0MjYgOS4zMjAxMiwtNS40NTExMSAxMC42ODQzOCwtMTAuNjg0MzhjMS4zNjQyNiwtNS4yMzMyNyAtMC4yMDcyNSwtMTAuNzk1MTkgLTQuMTA4NDQsLTE0LjU0MDcybC00MS43MDgzMywtNDEuNzA4MzRsNDEuNzA4MzMsLTQxLjcwODMzYzQuNDE2NjksLTQuMjkzMiA1Ljc0NDY5LC0xMC44NTc1MiAzLjM0NDA5LC0xNi41Mjk5Yy0yLjQwMDYsLTUuNjcyMzggLTguMDM3MzIsLTkuMjg5MTcgLTE0LjE5NDA4LC05LjEwNzZjLTMuODc5NjYsMC4xMTU2IC03LjU2MTkyLDEuNzM3MDUgLTEwLjI2NjY3LDQuNTIwODNsLTQxLjcwODM0LDQxLjcwODMzbC00MS43MDgzMywtNDEuNzA4MzNjLTIuODE1MDQsLTIuODkzNzIgLTYuNjgxNjYsLTQuNTI0NTQgLTEwLjcxODc1LC00LjUyMDgzeiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+');
        background-size:50%;
        background-position: 55% 50%;
        transition: all 0.3 ease;
    }

/* GENERAL */ 

.mdl-layout__content {
}

html, body {
-webkit-text-size-adjust: 100%; 
height:100%;
position:fixed;
overflow:hidden;
}

.mdl-layout__container {

}

.mdl-layout__content{
    -webkit-transform: translateZ(0px);
-webkit-transform: translate3d(0,0,0);
-webkit-perspective: 1000;
}


label > * { pointer-events: none; }

.ippa .mdl-layout__header {
    background-color:#3E3E3E;
}

.ippa-add-highlight {
box-sizing: border-box;
    position: absolute;
    z-index:1000000;
    right: 16px;
    top:16px;
}
.ippa .clear {
    clear:both;
}
input, button, textarea, select {
    -webkit-transform: translate3d(0,0,0);
}
/* PRELOADER */ 

#preloader {
    position:absolute;
    height:100%;
    width:100%;
    background-color: rgba(0,0,0,0.5);
    z-index:10000000;
    display:none;
}
.spinner {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #FFF;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/*LOGIN*/ 

.mdl-textfield {
    width:100%;
}



#ippa-login_error {
    display:none;
}

.ippa-login_logo {
    width:60%;
    height:auto;
    margin:0 auto;
    display:block;
    align-self: center;
    margin-top:2rem;
    margin-bottom:1rem;
    clear:both;
}


h2.ippa-softline {
    font-size: 14px;
    line-height:16px;
    text-transform:uppercase;
    color: #1B8DAF;
    font-weight:500;
    margin:0;
    padding:16px;
}

.ippa-login_container  .mdl-card{ 
    width:100%;
}


/* DRAWERMENU */ 

.ippa-drawer_head {
    background-color: #000;
    height:200px;
    background-size:cover;
    position:relative;
}

.ippa .mdl-layout__drawer {
    width:300px;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
}

.ippa .mdl-layout__drawer .inner {
    position:absolute;
    width:100%;
    height:100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    padding-top:2rem;
    padding-left:1rem;
    box-sizing:border-box;
}

.ippa-profile_pic {
    height:100px;
    width:100px;
    border-radius:50px;
    background-size:cover;
    margin-bottom:1rem;
    background-position:center;
}



.ippa-info .user {
    font-weight:300;
}


.ippa .mdl-layout__drawer.is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.ippa-drawer_logo {
    width:65%;
    height:auto;
    margin:0 auto;
    display:block;
    align-self: center;
    margin-top:2rem;
    margin-bottom:1rem;
}

.ippa-settings {
    opacity:0.5;
    border-top:1px solid #ccc;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    padding-left:50px;

   
    background-size: 25px;
    background-position:15px 50%;
    background-repeat:no-repeat;
}
.ippa-dash {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTggMiBMIDYgMiBDIDQuODk4NDM4IDIgNCAyLjg5ODQzOCA0IDQgTCA0IDIwIEMgNCAyMS4xMDE1NjMgNC44OTg0MzggMjIgNiAyMiBMIDE4IDIyIEMgMTkuMTAxNTYzIDIyIDIwIDIxLjEwMTU2MyAyMCAyMCBMIDIwIDQgQyAyMCAyLjg5ODQzOCAxOS4xMDE1NjMgMiAxOCAyIFogTSA5IDE3IEwgNyAxNyBMIDcgMTUgTCA5IDE1IFogTSA5IDEzIEwgNyAxMyBMIDcgMTEgTCA5IDExIFogTSA5IDkgTCA3IDkgTCA3IDcgTCA5IDcgWiBNIDE3IDE3IEwgMTEgMTcgTCAxMSAxNSBMIDE3IDE1IFogTSAxNyAxMyBMIDExIDEzIEwgMTEgMTEgTCAxNyAxMSBaIE0gMTcgOSBMIDExIDkgTCAxMSA3IEwgMTcgNyBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
}

.ippa-upload {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTIgMiBMIDYgMTAgTCAxMCAxMCBMIDEwIDE4IEwgMTQgMTggTCAxNCAxMCBMIDE4IDEwIFogTSAyIDIwIEwgMiAyMiBMIDIyIDIyIEwgMjIgMjAgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
}

.ippa-list {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gOCA0IEMgNy40NzY1NjMgNCA2Ljk0MTQwNiA0LjE4MzU5NCA2LjU2MjUgNC41NjI1IEMgNi4xODM1OTQgNC45NDE0MDYgNiA1LjQ3NjU2MyA2IDYgTCA2IDcgTCA4IDcgTCA4IDYgTCAyMCA2IEwgMjAgMTMgTCAxOSAxMyBMIDE5IDE1IEwgMjAgMTUgQyAyMC41MjM0MzggMTUgMjEuMDU4NTk0IDE0LjgxNjQwNiAyMS40Mzc1IDE0LjQzNzUgQyAyMS44MTY0MDYgMTQuMDU4NTk0IDIyIDEzLjUyMzQzOCAyMiAxMyBMIDIyIDYgQyAyMiA1LjQ3NjU2MyAyMS44MTY0MDYgNC45NDE0MDYgMjEuNDM3NSA0LjU2MjUgQyAyMS4wNTg1OTQgNC4xODM1OTQgMjAuNTIzNDM4IDQgMjAgNCBaIE0gNCA4IEMgMy40NzY1NjMgOCAyLjk0MTQwNiA4LjE4MzU5NCAyLjU2MjUgOC41NjI1IEMgMi4xODM1OTQgOC45NDE0MDYgMiA5LjQ3NjU2MyAyIDEwIEwgMiAxOCBDIDIgMTguNTIzNDM4IDIuMTgzNTk0IDE5LjA1ODU5NCAyLjU2MjUgMTkuNDM3NSBDIDIuOTQxNDA2IDE5LjgxNjQwNiAzLjQ3NjU2MyAyMCA0IDIwIEwgMTYgMjAgQyAxNi41MjM0MzggMjAgMTcuMDU4NTk0IDE5LjgxNjQwNiAxNy40Mzc1IDE5LjQzNzUgQyAxNy44MTY0MDYgMTkuMDU4NTk0IDE4IDE4LjUyMzQzOCAxOCAxOCBMIDE4IDEwIEMgMTggOS40NzY1NjMgMTcuODE2NDA2IDguOTQxNDA2IDE3LjQzNzUgOC41NjI1IEMgMTcuMDU4NTk0IDguMTgzNTk0IDE2LjUyMzQzOCA4IDE2IDggWiBNIDQgMTAgTCAxNiAxMCBMIDE2IDE4IEwgNCAxOCBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');}

.ippa-settings {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTkuMzk4NDM4IDEzIEMgMTkuMzk4NDM4IDEyLjY5OTIxOSAxOS41IDEyLjMwMDc4MSAxOS41IDEyIEMgMTkuNSAxMS42OTkyMTkgMTkuNSAxMS4zMDA3ODEgMTkuMzk4NDM4IDExIEwgMjEuNSA5LjUgQyAyMS42OTkyMTkgOS4zOTg0MzggMjEuODAwNzgxIDkuMTAxNTYzIDIxLjYwMTU2MyA4LjgwMDc4MSBMIDE5LjYwMTU2MyA1LjMwMDc4MSBDIDE5LjUgNSAxOS4xOTkyMTkgNC44OTg0MzggMTkgNSBMIDE2LjYwMTU2MyA2LjEwMTU2MyBDIDE2LjEwMTU2MyA1LjY5OTIxOSAxNS4zOTg0MzggNS4zMDA3ODEgMTQuODAwNzgxIDUuMTAxNTYzIEwgMTQuNSAyLjUgQyAxNC41IDIuMTk5MjE5IDE0LjMwMDc4MSAyIDE0IDIgTCAxMCAyIEMgOS42OTkyMTkgMiA5LjUgMi4xOTkyMTkgOS41IDIuNSBMIDkuMTk5MjE5IDUgQyA4LjUgNS4zMDA3ODEgNy44OTg0MzggNS42MDE1NjMgNy4zOTg0MzggNiBMIDUgNSBDIDQuODAwNzgxIDQuODk4NDM4IDQuNSA1IDQuMzk4NDM4IDUuMTk5MjE5IEwgMi4zOTg0MzggOC42OTkyMTkgQyAyLjE5OTIxOSA5IDIuMTk5MjE5IDkuMzAwNzgxIDIuNSA5LjM5ODQzOCBMIDQuNjAxNTYzIDExIEMgNC42MDE1NjMgMTEuMzAwNzgxIDQuNSAxMS42OTkyMTkgNC41IDEyIEMgNC41IDEyLjMwMDc4MSA0LjUgMTIuNjk5MjE5IDQuNjAxNTYzIDEzIEwgMi41IDE0LjUgQyAyLjMwMDc4MSAxNC42MDE1NjMgMi4xOTkyMTkgMTQuODk4NDM4IDIuMzk4NDM4IDE1LjE5OTIxOSBMIDQuMzk4NDM4IDE4LjY5OTIxOSBDIDQuNSAxOSA0LjgwMDc4MSAxOS4xMDE1NjMgNSAxOSBMIDcuMzk4NDM4IDE3Ljg5ODQzOCBDIDcuODk4NDM4IDE4LjMwMDc4MSA4LjYwMTU2MyAxOC42OTkyMTkgOS4xOTkyMTkgMTguODk4NDM4IEwgOS41IDIxLjUgQyA5LjUgMjEuODAwNzgxIDkuNjk5MjE5IDIyIDEwIDIyIEwgMTQgMjIgQyAxNC4zMDA3ODEgMjIgMTQuNSAyMS44MDA3ODEgMTQuNSAyMS41IEwgMTQuODAwNzgxIDE4Ljg5ODQzOCBDIDE1LjUgMTguNjAxNTYzIDE2LjEwMTU2MyAxOC4zMDA3ODEgMTYuNjAxNTYzIDE3Ljg5ODQzOCBMIDE5IDE5IEMgMTkuMTk5MjE5IDE5LjEwMTU2MyAxOS41IDE5IDE5LjYwMTU2MyAxOC44MDA3ODEgTCAyMS42MDE1NjMgMTUuMzAwNzgxIEMgMjEuNjk5MjE5IDE1LjEwMTU2MyAyMS42OTkyMTkgMTQuODAwNzgxIDIxLjUgMTQuNjAxNTYzIFogTSAxMiAxNiBDIDkuODAwNzgxIDE2IDggMTQuMTk5MjE5IDggMTIgQyA4IDkuODAwNzgxIDkuODAwNzgxIDggMTIgOCBDIDE0LjE5OTIxOSA4IDE2IDkuODAwNzgxIDE2IDEyIEMgMTYgMTQuMTk5MjE5IDE0LjE5OTIxOSAxNiAxMiAxNiBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');}

.ippa-top {
   background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjAgMTAgTCAxNiAxMCBMIDE2IDcgQyAxNiA1Ljg5NDUzMSAxNS4xMDU0NjkgNSAxNCA1IEwgMTAgNSBDIDguODk0NTMxIDUgOCA1Ljg5NDUzMSA4IDcgTCA4IDkgTCA0IDkgQyAyLjg5NDUzMSA5IDIgOS44OTQ1MzEgMiAxMSBMIDIgMTkgTCAyMiAxOSBMIDIyIDEyIEMgMjIgMTAuODk0NTMxIDIxLjEwNTQ2OSAxMCAyMCAxMCBaIE0gNi45OTIxODggMTUuMjEwOTM4IEwgNi45OTIxODggMTYgTCA0LjA4OTg0NCAxNiBMIDQuMDg5ODQ0IDE1LjMyODEyNSBDIDUuNDEwMTU2IDEzLjcxMDkzOCA2LjEwOTM3NSAxMy4xMzY3MTkgNi4xMDkzNzUgMTIuNDkyMTg4IEMgNi4xMDkzNzUgMTIuMjczNDM4IDYuMDMxMjUgMTEuNzg5MDYzIDUuNTMxMjUgMTEuNzg5MDYzIEMgNC45MTAxNTYgMTEuNzg5MDYzIDQuODg2NzE5IDEyLjUgNC44ODY3MTkgMTIuNjIxMDk0IEwgNCAxMi42MjEwOTQgQyAzLjk4NDM3NSAxMi4xMTcxODggNC4zMjQyMTkgMTEgNS41NDY4NzUgMTEgQyA2LjczNDM3NSAxMSA2Ljk5NjA5NCAxMS44MjQyMTkgNi45OTYwOTQgMTIuMzk4NDM4IEMgNi45OTYwOTQgMTMuMTk5MjE5IDYuNDQ1MzEzIDEzLjgyODEyNSA1LjIyNjU2MyAxNS4yMTA5MzggWiBNIDEzIDEyIEwgMTIgMTIgTCAxMiA4IEwgMTEgOC40MjE4NzUgTCAxMSA3LjQyMTg3NSBMIDEyIDcgTCAxMyA3IFogTSAxOC40NzI2NTYgMTcgQyAxNy4zNDc2NTYgMTcgMTYuOTY0ODQ0IDE2LjExMzI4MSAxNy4wMDc4MTMgMTUuNjAxNTYzIEwgMTcuODYzMjgxIDE1LjYwMTU2MyBDIDE3LjgzNTkzOCAxNS43NzczNDQgMTcuOTc2NTYzIDE2LjIyMjY1NiAxOC40OTIxODggMTYuMjIyNjU2IEMgMTkuMTA1NDY5IDE2LjIyMjY1NiAxOS4xNDQ1MzEgMTUuNjYwMTU2IDE5LjE0NDUzMSAxNS41NTg1OTQgQyAxOS4xNDQ1MzEgMTQuODAwNzgxIDE4LjU0Njg3NSAxNC44MzIwMzEgMTguNDM3NSAxNC44MzIwMzEgTCAxNy45ODA0NjkgMTQuODMyMDMxIEwgMTcuOTgwNDY5IDE0LjA3ODEyNSBMIDE4LjQzNzUgMTQuMDc4MTI1IEMgMTguNjUyMzQ0IDE0LjA3ODEyNSAxOS4wNzQyMTkgMTQuMDAzOTA2IDE5LjA3NDIxOSAxMy40MDYyNSBDIDE5LjA3NDIxOSAxMi44MjQyMTkgMTguNTg5ODQ0IDEyLjc4NTE1NiAxOC40OTIxODggMTIuNzg1MTU2IEMgMTguMDAzOTA2IDEyLjc4NTE1NiAxNy45MTQwNjMgMTMuMTgzNTk0IDE3LjkxNDA2MyAxMy4zMzU5MzggTCAxNy4wNTg1OTQgMTMuMzM1OTM4IEMgMTcuMDU4NTk0IDEyLjM3MTA5NCAxNy44ODY3MTkgMTIuMDExNzE5IDE4LjQ3MjY1NiAxMi4wMTE3MTkgQyAxOS43ODUxNTYgMTIuMDExNzE5IDE5LjkzMzU5NCAxMy4wMTk1MzEgMTkuOTMzNTk0IDEzLjM5NDUzMSBDIDE5LjkzMzU5NCAxNC4wNzAzMTMgMTkuMzgyODEzIDE0LjM4MjgxMyAxOS4yNzczNDQgMTQuNDM3NSBDIDE5LjUxOTUzMSAxNC41MzUxNTYgMjAgMTQuODA4NTk0IDIwIDE1LjU3MDMxMyBDIDIwIDE2LjY2NDA2MyAxOS4wOTc2NTYgMTcgMTguNDcyNjU2IDE3IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==');
}

.ippa-search {background-image:
url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gNCAyIEMgMi44OTQ1MzEgMiAyIDIuODk0NTMxIDIgNCBMIDIgMjAgQyAyIDIxLjEwNTQ2OSAyLjg5NDUzMSAyMiA0IDIyIEwgMjAgMjIgQyAyMS4xMDU0NjkgMjIgMjIgMjEuMTA1NDY5IDIyIDIwIEwgMjIgNCBDIDIyIDIuODk0NTMxIDIxLjEwNTQ2OSAyIDIwIDIgWiBNIDEwIDQgQyAxMy4zMTI1IDQgMTYgNi42ODc1IDE2IDEwIEMgMTYgMTEuMjE4NzUgMTUuNjI1IDEyLjMzNTkzOCAxNSAxMy4yODEyNSBMIDIwIDE4LjI4MTI1IEwgMTguMjgxMjUgMjAgTCAxMy4zMTI1IDE1IEMgMTIuMzY3MTg4IDE1LjYyNSAxMS4yMTg3NSAxNiAxMCAxNiBDIDYuNjg3NSAxNiA0IDEzLjMxMjUgNCAxMCBDIDQgNi42ODc1IDYuNjg3NSA0IDEwIDQgWiBNIDEwIDYuMDMxMjUgQyA3LjgwMDc4MSA2LjAzMTI1IDYuMDMxMjUgNy44MDA3ODEgNi4wMzEyNSAxMCBDIDYuMDMxMjUgMTIuMTk5MjE5IDcuODAwNzgxIDEzLjk2ODc1IDEwIDEzLjk2ODc1IEMgMTIuMTk5MjE5IDEzLjk2ODc1IDEzLjk2ODc1IDEyLjE5OTIxOSAxMy45Njg3NSAxMCBDIDEzLjk2ODc1IDcuODAwNzgxIDEyLjE5OTIxOSA2LjAzMTI1IDEwIDYuMDMxMjUgWiAiPjwvcGF0aD48L2c+PC9zdmc+');}


.ippa-about {
 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCA1MCA1MCIKICAgICBzdHlsZT0iZmlsbDojNzk3OTc5OyI+ICAgIDxwYXRoIGQ9Ik0yNSwyQzEyLjI5NywyLDIsMTIuMjk3LDIsMjVzMTAuMjk3LDIzLDIzLDIzczIzLTEwLjI5NywyMy0yM1MzNy43MDMsMiwyNSwyeiBNMjUsMTFjMS42NTcsMCwzLDEuMzQzLDMsM3MtMS4zNDMsMy0zLDMgcy0zLTEuMzQzLTMtM1MyMy4zNDMsMTEsMjUsMTF6IE0yOSwzOGgtMmgtNGgtMnYtMmgyVjIzaC0ydi0yaDJoNHYydjEzaDJWMzh6Ij48L3BhdGg+PC9zdmc+');
}

.ippa-anfragenicon {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCA1MCA1MCIKICAgICBzdHlsZT0iZmlsbDojNjY2NjY2OyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAxMiAzOSBMIDQ0IDM5IEwgNDQgMiBMIDEyIDIgQyA4LjY5MTQwNiAyIDYgNC42OTE0MDYgNiA4IEwgNiA0Mi40MTc5NjkgQyA2IDQ1LjQ5NjA5NCA4LjY5MTQwNiA0OCAxMiA0OCBMIDQ0IDQ4IEwgNDQgNDYgTCAxMiA0NiBDIDkuODMyMDMxIDQ2IDggNDQuMzU5Mzc1IDggNDIuNDE3OTY5IEMgOCA0MC41IDkuNzU3ODEzIDM5IDEyIDM5IFogTSAxNCAxMC41IEMgMTQgMTAuMjIyNjU2IDE0LjIyMjY1NiAxMCAxNC41IDEwIEwgMzYuNSAxMCBDIDM2Ljc3NzM0NCAxMCAzNyAxMC4yMjI2NTYgMzcgMTAuNSBMIDM3IDE1LjUgQyAzNyAxNS43NzczNDQgMzYuNzc3MzQ0IDE2IDM2LjUgMTYgTCAxNC41IDE2IEMgMTQuMjIyNjU2IDE2IDE0IDE1Ljc3NzM0NCAxNCAxNS41IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==');
}


.ippa-umfrageicon {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzY2NjY2NiI+PHBhdGggZD0iTTE0My4zMzMzMywyMS41aC0xMTQuNjY2NjdjLTcuODgzMzMsMCAtMTQuMjYxNjcsNi40NSAtMTQuMjYxNjcsMTQuMzMzMzNsLTAuMDcxNjcsMTI5bDI4LjY2NjY3LC0yOC42NjY2N2gxMDAuMzMzMzNjNy44ODMzMywwIDE0LjMzMzMzLC02LjQ1IDE0LjMzMzMzLC0xNC4zMzMzM3YtODZjMCwtNy44ODMzMyAtNi40NSwtMTQuMzMzMzMgLTE0LjMzMzMzLC0xNC4zMzMzM3pNOTMuMTY2NjcsMTIxLjgzMzMzaC0xNC4zMzMzM3YtMTQuMzMzMzNoMTQuMzMzMzN6TTkzLjE2NjY3LDkzLjE2NjY3aC0xNC4zMzMzM2MwLC02Ljk4NzUgMTQuMzMzMzMsLTIxLjExMyAxNC4zMzMzMywtMjguNjY2NjdjMCwtMC4wNzE2NyAtMC4wNzg4MywtNy4xNjY2NyAtNy4xNjY2NywtNy4xNjY2N2MtNS45MTk2NywwIC03LjE2NjY3LDUuOTg0MTcgLTcuMTY2NjcsNy4xNjY2N2gtMTQuMzMzMzNjMCwtOC42NzE2NyA2LjgzNywtMjEuNSAyMS41LC0yMS41YzEzLjQ1OSwwIDIxLjUsMTAuOTI5MTcgMjEuNSwyMS41YzAsMTAuMTkxIC0xNC4zMzMzMywyMS42MDAzMyAtMTQuMzMzMzMsMjguNjY2Njd6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4=');
}

/*** HoME ***/

.ippa-home_header {
    background-color: #3E3E3E;
    width:100%;
    padding:16px;
    padding-bottom:8px;
    box-sizing:border-box;
    color: #FFF;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}


.ippa-company_header {
    background-color: #3E3E3E;
    background-size:cover;
    
    width:100%;
    padding:16px;
    padding-top:20px;
    padding-bottom:20px;
    box-sizing:border-box;
    color: #FFF;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.ippa-company_header .ippa-home_stats {
    padding-top:8px;
    padding-bottom:8px;
}

.ippa-company_header .ippa-info {
    font-size:18px;
    color: #FFF;
}

.ippa-bruch {
    opacity:0.5;
    position:absolute;
    display:inline-block;
    padding-left:8px;
    font-size:12px;
}

.ippa-company_header .ippa-info  .city{
    color: #FFF;
}

.ippa-home_header .ippa-info {
padding-top:1rem;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
        font-size:18px;

}

.ippa-home_header .company {
    display:block;
}


.city {
    color: #666;
    display:block;
}

.ippa-home_stats {
    clear:both;

}
.ippa-home_stats .stat {
    width:50%;
    float:left;
    text-align:center;
    color: #CCC;
}

.ippa-home_stats .stat .small {
    margin-bottom:8px;
    display:block
}

.ippa-home_stats .stat .big {
    font-size:2rem;
    
}

.ippa-home_stats .stat .small {
    font-size:0.8rem;
    text-transform:uppercase;
    display:block;
    
}

.ippa-profile_pic-home {
    height:75px;
    width:75px;
    border-radius:50px;
    background-size:cover;
    margin-bottom:1rem;
    float:left;
    margin-right:1rem;
    background-color: #FFF;
}

.ippa-home_stats_outside {
    padding:16px;
    padding-bottom:0.5rem;
    background-color: ##F0F0F0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.ippa-top_betrieb {
    font-size:0.8rem;
    display:block;
    color: #CCC;
    text-align:center;
}
.ippa-touchpoints_home {
    padding:1.5rem;
}

.ippa-touchpoint_single.mdl-card {
    width:100%;
    overflow:visible;
    margin-bottom:1rem;
}

.image {
    background-position:center;
    background-color: #CCC;
    height:200px;
    margin-left:-1rem;
    margin-right:-1rem;
    border-radius:2px;
    background-size:cover;
}

.ippa-touchpoint_single .date {
    color: #8B8B8B
}

.ippa-touchpoint_single .title {
    color: #000
}

.icons8-alarm-clock {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gNi42NTYyNSAxLjMxMjUgQyA0LjMzNTkzOCAyLjQxNzk2OSAyLjQxNzk2OSA0LjMzNTkzOCAxLjMxMjUgNi42NTYyNSBMIDMuMDYyNSA3LjUzMTI1IEMgMi4zOTQ1MzEgOC44NzUgMiAxMC4zOTQ1MzEgMiAxMiBDIDIgMTcuNTM1MTU2IDYuNDY0ODQ0IDIyIDEyIDIyIEMgMTcuNTM1MTU2IDIyIDIyIDE3LjUzNTE1NiAyMiAxMiBDIDIyIDEwLjM5NDUzMSAyMS42MDU0NjkgOC44NzUgMjAuOTM3NSA3LjUzMTI1IEwgMjIuNjg3NSA2LjY1NjI1IEMgMjEuNTgyMDMxIDQuMzM1OTM4IDE5LjY2NDA2MyAyLjQxNzk2OSAxNy4zNDM3NSAxLjMxMjUgTCAxNi40Njg3NSAzLjA2MjUgQyAxNS4xMjUgMi4zOTQ1MzEgMTMuNjA1NDY5IDIgMTIgMiBDIDEwLjM5NDUzMSAyIDguODc1IDIuMzk0NTMxIDcuNTMxMjUgMy4wNjI1IFogTSAxMiA0IEMgMTYuNDY0ODQ0IDQgMjAgNy41MzUxNTYgMjAgMTIgQyAyMCAxNi40NjQ4NDQgMTYuNDY0ODQ0IDIwIDEyIDIwIEMgNy41MzUxNTYgMjAgNCAxNi40NjQ4NDQgNCAxMiBDIDQgNy41MzUxNTYgNy41MzUxNTYgNCAxMiA0IFogTSAxMSA3IEwgMTEgMTIuNDA2MjUgTCAxMS4yODEyNSAxMi43MTg3NSBMIDE0LjI4MTI1IDE1LjcxODc1IEwgMTUuNzE4NzUgMTQuMjgxMjUgTCAxMyAxMS41NjI1IEwgMTMgNyBaICI+PC9wYXRoPjwvZz48L3N2Zz4=') 50% 50% no-repeat;
  background-size: 100%;
}

.ippa-rate-button {
    float:right;
    display:inline-block;
}

.ippa-cat-info {
    float:left;
    display:inline-block;
    padding-top:0.5rem;
    padding-left:16px;
}

/* TOUCHPOINT SINGLE */ 


.ippa-gallery {
    height: calc(100vw/4*3);
    position:relative;
}

.ippa-slide {
    height:100%;
    width:100%;
    background-size:cover;
    background-position:center;
    transition: all 1s ease;
}

.ippa-slide.active {
    transition: all 1s ease;
}


.ippa-dot {
    height:5px;
    width:5px;
    background: #FFF;
    display:inline-block;
    margin:0 auto;
    border-radius:5px;
    margin-right:3px;
    margin-left:3px;
      transition: all 0.5 ease;
    cursor:pointer;
}

.ippa-dot_gallery {
    position:absolute;
    bottom:0;
    text-align:center;
    padding-bottom:0.5rem;
    width:100%;
    left:0;
}

.ippa-dot.active {
    height:10px;
    width:10px;
    margin-bottom:-2px;
    transition: all 0.5 ease;
}




.ippa-touchpoint-headline h1 {
    font-size:20px;
    color: #FFF;
    margin:0;
        line-height:24px;

}

.ippa-touchpoint-headline h2 {
    font-size:20px;
    color: #959595;
    margin:0;
    line-height:24px;
}


.ippa-tochpoint-header {
    background-color: #3E3E3E;
    width:100%;
    padding:16px;
    box-sizing:border-box;
    color: #FFF;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.ippa .star {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjIgMTAgTCAxNSA5IEwgMTIgMiBMIDkgOSBMIDIgMTAgTCA3IDE1IEwgNiAyMi4wMTk1MzEgTCAxMiAxOSBMIDE4IDIyIEwgMTcgMTUgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;
  background-size: 100%;
  opacity:0.5;
}

.star.checked {
    opacity:1;
}

.ippa-touchpoint-rating {
    margin-top:0.5rem;
}

.stars {
    display:inline-block;
    margin-left:0.5rem;
}

.rating-middle {
    display:inline-block;

}

.count {
    display:inline-block;
            margin-left:0.5rem;
    pointer-events:none;
}

.touchpoint-rate-button {
    float:right;
    transform:translateY(-50%);
    margin-right:16px;
    display:inline-block;
    z-index:4;
    position:absolute;
    right:16px;
}

.touchpoint-renew-button {
    float:right;
    transform:translateY(-50%);
    margin-right:16px;
    display:inline-block;
    z-index:4;
    position:absolute;
    right:5px;
        text-align:center;

}

.touchpoint-edit-button {
    float:right;
    transform:translateY(-50%);
    margin-right:16px;
    display:inline-block;
    z-index:4;
    position:absolute;
    right:80px;
    text-align:center;
}

.ippa-acc-item h3 {
    font-size:16px;
    color: #000;
    padding:16px;
    margin:0;
    line-height:16px;.
 
}

.ippa-acc-item {
    background-color: #FFF;
    cursor:pointer;
}

.ippa-acc-item p {
    margin:0;
    padding:16px;
    padding-top:0px;
    color: #747474;
}

.ippa-comments .ippa-acc-item .angle {
 background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjYgMjYiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTMgMTUuNDA2MjUgTCAyMS43NjU2MjUgNi44MjAzMTMgQyAyMi4xNTYyNSA2LjQzNzUgMjIuNzgxMjUgNi40NDE0MDYgMjMuMTcxODc1IDYuODI4MTI1IEwgMjQuNzA3MDMxIDguMzYzMjgxIEMgMjUuMDk3NjU2IDguNzU3ODEzIDI1LjA5NzY1NiA5LjM5MDYyNSAyNC43MDMxMjUgOS43ODEyNSBMIDEzLjcwNzAzMSAyMC43MDcwMzEgQyAxMy41MTE3MTkgMjAuOTAyMzQ0IDEzLjI1NzgxMyAyMSAxMyAyMSBDIDEyLjc0MjE4OCAyMSAxMi40ODgyODEgMjAuOTAyMzQ0IDEyLjI5Mjk2OSAyMC43MDcwMzEgTCAxLjI5Njg3NSA5Ljc4MTI1IEMgMC45MDIzNDQgOS4zOTA2MjUgMC45MDIzNDQgOC43NTc4MTMgMS4yOTI5NjkgOC4zNjMyODEgTCAyLjgyODEyNSA2LjgyODEyNSBDIDMuMjE4NzUgNi40NDE0MDYgMy44NDM3NSA2LjQzNzUgNC4yMzQzNzUgNi44MjAzMTMgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;
    background-size:100%;
    height:10px;
    width:10px;
    float:right;
    margin-top:16px;
    margin-right:16px;
    
}

.ippa-comments  .ippa-acc-item.active .angle {
    transform:rotate(180deg);
}

.ippa-acc-item:active {
    background-color: #EEE;

}

.ippa-rate-dialog h3 {
    font-size:20px;
    margin:0;
    padding:24px;
    line-height:20px;
    padding-bottom:0;
}


/* RATING */ 

.ippa-rating-cat {
    margin-bottom:16px;
}

.ippa-rating-cat p {
    font-size:12px;
    color: #666;
    margin-bottom:0;
        clear:both;

}
.rate-star {
    height:30px;
    width:30px;
    list-style:none;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTIgNy4xMDE1NjMgTCAxMyA5LjM5ODQzOCBMIDEzLjUgMTAuNSBMIDE0LjY5OTIxOSAxMC42MDE1NjMgTCAxNy4xOTkyMTkgMTAuODAwNzgxIEwgMTUuMzAwNzgxIDEyLjM5ODQzOCBMIDE0LjM5ODQzOCAxMy4xOTkyMTkgTCAxNC42OTkyMTkgMTQuMzk4NDM4IEwgMTUuMzAwNzgxIDE2LjgwMDc4MSBMIDEzIDE1LjYwMTU2MyBMIDEyIDE1IEwgMTEgMTUuNjAxNTYzIEwgOC44OTg0MzggMTYuODk4NDM4IEwgOS44MDA3ODEgMTMuMzAwNzgxIEwgOC44OTg0MzggMTIuNSBMIDcgMTAuODk4NDM4IEwgOS41IDEwLjY5OTIxOSBMIDEwLjY5OTIxOSAxMC42MDE1NjMgTCAxMSA5LjM5ODQzOCBMIDEyIDcuMTAxNTYzIE0gMTIgMiBMIDkuMTk5MjE5IDguNjAxNTYzIEwgMiA5LjMwMDc4MSBMIDcuMzk4NDM4IDE0IEwgNS44MDA3ODEgMjEgTCAxMiAxNy4zMDA3ODEgTCAxOC4xOTkyMTkgMjEgTCAxNi42MDE1NjMgMTQgTCAyMiA5LjMwMDc4MSBMIDE0LjgwMDc4MSA4LjY5OTIxOSBaICI+PC9wYXRoPjwvZz48L3N2Zz4=') 50% 50% no-repeat;
  background-size: 100%;
    background-size:67%;
    float:left;
        transition: background-size 0.3s ease;

}

.rate-star.yellow {
     background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2YzOWMxMjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjIgMTAgTCAxNSA5IEwgMTIgMiBMIDkgOSBMIDIgMTAgTCA3IDE1IEwgNiAyMi4wMTk1MzEgTCAxMiAxOSBMIDE4IDIyIEwgMTcgMTUgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;
    background-size: 100%;
    transition: background-size 0.3s ease;
}

.rate-widget {
    margin:0;
    padding:0;
}

div._dialog_overlay {
    display:none;
}

/* TOUCHPOINT LIST */

.ippa-touchpoint_list {
    padding:16px;
}

.ippa-kontaktbereich {
    margin-bottom:16px;
    width:100%;
    min-height:125px;
    display:block;    position:relative;

}

.ippa-kontaktbereich-preview {
    height:125px;
    width:125px;
    background-color: #CCC;
    float:left;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTcgNSBDIDE1LjY4MzU5NCA1IDE0Ljg5NDUzMSA2LjI3MzQzOCAxNC4xMjUgNy41IEMgMTMuODE2NDA2IDcuOTkyMTg4IDEzLjIzNDM3NSA4LjkwNjI1IDEzIDkgTCAzIDkgQyAxLjM0NzY1NiA5IDAgMTAuMzQ3NjU2IDAgMTIgTCAwIDM5IEMgMCA0MC42NTIzNDQgMS4zNDc2NTYgNDIgMyA0MiBMIDQ3IDQyIEMgNDguNjUyMzQ0IDQyIDUwIDQwLjY1MjM0NCA1MCAzOSBMIDUwIDEyIEMgNTAgMTAuMzQ3NjU2IDQ4LjY1MjM0NCA5IDQ3IDkgTCAzNy4wMzEyNSA5IEMgMzYuNzUzOTA2IDguODk4NDM4IDM2LjE4MzU5NCA3Ljk5MjE4OCAzNS44NzUgNy41IEMgMzUuMTA1NDY5IDYuMjczNDM4IDM0LjMxNjQwNiA1IDMzIDUgWiBNIDI1IDExIEMgMzIuMTY3OTY5IDExIDM4IDE2LjgzMjAzMSAzOCAyNCBDIDM4IDMxLjE2Nzk2OSAzMi4xNjc5NjkgMzcgMjUgMzcgQyAxNy44MzIwMzEgMzcgMTIgMzEuMTY3OTY5IDEyIDI0IEMgMTIgMTYuODMyMDMxIDE3LjgzMjAzMSAxMSAyNSAxMSBaIE0gMjUgMTMgQyAxOC45MzM1OTQgMTMgMTQgMTcuOTMzNTk0IDE0IDI0IEMgMTQgMzAuMDY2NDA2IDE4LjkzMzU5NCAzNSAyNSAzNSBDIDMxLjA2NjQwNiAzNSAzNiAzMC4wNjY0MDYgMzYgMjQgQyAzNiAxNy45MzM1OTQgMzEuMDY2NDA2IDEzIDI1IDEzIFogTSA4IDE0IEwgOSAxNCBDIDEwLjEwNTQ2OSAxNCAxMSAxNC44OTQ1MzEgMTEgMTYgQyAxMSAxNy4xMDU0NjkgMTAuMTA1NDY5IDE4IDkgMTggTCA4IDE4IEMgNi44OTQ1MzEgMTggNiAxNy4xMDU0NjkgNiAxNiBDIDYgMTQuODk0NTMxIDYuODk0NTMxIDE0IDggMTQgWiBNIDI1IDE1IEMgMjkuOTY0ODQ0IDE1IDM0IDE5LjAzOTA2MyAzNCAyNCBDIDM0IDI4Ljk2NDg0NCAyOS45NjQ4NDQgMzMgMjUgMzMgQyAyMC4wMzkwNjMgMzMgMTYgMjguOTY0ODQ0IDE2IDI0IEMgMTYgMTkuMDM5MDYzIDIwLjAzOTA2MyAxNSAyNSAxNSBaIE0gMjUgMTcgQyAyMS4xNDA2MjUgMTcgMTggMjAuMTQwNjI1IDE4IDI0IEMgMTggMjcuODU5Mzc1IDIxLjE0MDYyNSAzMSAyNSAzMSBDIDI4Ljg1OTM3NSAzMSAzMiAyNy44NTkzNzUgMzIgMjQgQyAzMiAyMC4xNDA2MjUgMjguODU5Mzc1IDE3IDI1IDE3IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==');
    background-position:center;
    background-repeat:no-repeat;
    background-size: 50%;
}

.ippa-kontaktbereich-info {
    padding:16px;
}

.ippa-kontaktbereich-info h2 {
    font-size:16px;
    margin:0;
    color: #000;
    line-height:18px;
}

.ippa-partner-info {
    padding:16px;
    padding-top:32px;
    margin-left:132px;
}


.ippa-partner-info h2 {
    font-size:16px;
    margin:0;
    color: #000;
    line-height:18px;
}


.ippa-kontaktbereich-info .date {
    color: #8B8B8B;
    font-size:12px;
}

.rate-widget-view {
    padding:0;
    margin:0;
}
.ippa-kontaktbereich-preview.filled {
    background-size:cover;
}

.star-grey {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2FhYWFhYTsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjIgMTAgTCAxNSA5IEwgMTIgMiBMIDkgOSBMIDIgMTAgTCA3IDE1IEwgNiAyMi4wMTk1MzEgTCAxMiAxOSBMIDE4IDIyIEwgMTcgMTUgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;
  background-size: 100%;
  margin-bottom:-1px;
}

.ippa-kontaktbereich-bottom {
    font-size:12px;
    color: #AAA;
    position:absolute;
}

.ippa-add-kontaktbereich {
    display:block;
    cursor:pointer;
    height:40px;
    width:40px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6IzA1ODJCMTsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTEgNSBMIDExIDExIEwgNSAxMSBMIDUgMTMgTCAxMSAxMyBMIDExIDE5IEwgMTMgMTkgTCAxMyAxMyBMIDE5IDEzIEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;
    background-size:50%;
    float:right;
    position:absolute;
    right:5px;
    bottom:5px;
    color: #
}

.ippa-edit-kontaktbereich {
    border:none;
    -webkit-appearance: none;
    display:block;
    cursor:pointer;
    height:40px;
    width:40px;
    padding-top:10px;

    background:none;
    color: #1B8DAF;
}

.ippa-edit-menu {
    position:absolute;
    right:0px;
    top:0px;
}

.ippa-rating-view {
    padding:16px;
    background:#FFF;
    
}

.ippa-compare .term {
}



.ippa-kontaktbereich-top-preview {
    height:200px;
    background-size:cover;
    width:100%;
    display:block;
    background-position:center;
}

.ippa-top-preview .rating{
    position:absolute;
    right:16px;
    bottom:16px;
}

.ippa-top-preview {
}


.ippa-rank {
    position:absolute;
top:10px;
left:10px;
    font-size:12px;
    font-weight:bold;
    color: #1B8DAF;
    opacity:1;
    line-height:3rem;
     background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+ICAgIDxwYXRoIHN0eWxlPSJsaW5lLWhlaWdodDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwO3RleHQtdHJhbnNmb3JtOm5vbmU7YmxvY2stcHJvZ3Jlc3Npb246dGI7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIiBkPSJNIDIgMyBMIDIgNCBDIDIgNi43NjY2NjY3IDMuMTM5NTIyNiA4Ljc2MjAxNzggNC4xNjc5Njg4IDEwLjMwNDY4OCBDIDUuMTk2NDE0OSAxMS44NDczNTcgNiAxMi45NDQ0NDQgNiAxNCBMIDggMTQgQyA4IDEzLjk4MzgzMSA3Ljk5NjI1ODQgMTMuOTY5MjIgNy45OTYwOTM4IDEzLjk1MzEyNSBDIDguOTc0NTggMTYuMTY2MTYxIDEwIDE3IDEwIDE3IEwgMTQgMTcgQyAxNCAxNyAxNS4wMjU0MiAxNi4xNjYxNjEgMTYuMDAzOTA2IDEzLjk1MzEyNSBDIDE2LjAwMzc0MiAxMy45NjkyMiAxNiAxMy45ODM4MzEgMTYgMTQgTCAxOCAxNCBDIDE4IDEyLjk0NDQ0NCAxOC44MDM1ODUgMTEuODQ3MzU2IDE5LjgzMjAzMSAxMC4zMDQ2ODggQyAyMC44NjA0NzcgOC43NjIwMTc4IDIyIDYuNzY2NjY2NyAyMiA0IEwgMjIgMyBMIDIgMyB6IE0gNC4xOTE0MDYyIDUgTCA2LjI3MzQzNzUgNSBDIDYuMzM3MjgzIDcuNDA4MDcxMiA2LjYxODc1NzEgOS4zODAyMzc0IDcuMDA3ODEyNSAxMC45NzQ2MDkgQyA2LjYzNjU3NDkgMTAuMzY2Nzg3IDYuMjIzMDkyNyA5Ljc4MTkwNDUgNS44MzIwMzEyIDkuMTk1MzEyNSBDIDUuMDI4NjY2NCA3Ljk5MDI2NTIgNC40MTkxODY4IDYuNjU0OTc5NSA0LjE5MTQwNjIgNSB6IE0gMTcuNzI2NTYyIDUgTCAxOS44MDg1OTQgNSBDIDE5LjU4MDgxMyA2LjY1NDk3OTUgMTguOTcxMzM0IDcuOTkwMjY1MiAxOC4xNjc5NjkgOS4xOTUzMTI1IEMgMTcuNzc2OTA3IDkuNzgxOTA0NSAxNy4zNjM0MjUgMTAuMzY2Nzg3IDE2Ljk5MjE4OCAxMC45NzQ2MDkgQyAxNy4zODEyNDMgOS4zODAyMzc0IDE3LjY2MjcxNyA3LjQwODA3MTIgMTcuNzI2NTYyIDUgeiBNIDcgMTkgTCA3IDIxIEwgMTcgMjEgTCAxNyAxOSBMIDcgMTkgeiIgZm9udC13ZWlnaHQ9IjQwMCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIHdoaXRlLXNwYWNlPSJub3JtYWwiIG92ZXJmbG93PSJ2aXNpYmxlIj48L3BhdGg+PC9zdmc+');
    background-size:100%;
    height:50px;
    width:50px;
    box-sizing:border-box;
        text-align:center;
}


/* COMPANIE */

.ippa-companie-preview {
    height:80px;
    width:80px;
    background-color: #FFF;
    float:left;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTcgNSBDIDE1LjY4MzU5NCA1IDE0Ljg5NDUzMSA2LjI3MzQzOCAxNC4xMjUgNy41IEMgMTMuODE2NDA2IDcuOTkyMTg4IDEzLjIzNDM3NSA4LjkwNjI1IDEzIDkgTCAzIDkgQyAxLjM0NzY1NiA5IDAgMTAuMzQ3NjU2IDAgMTIgTCAwIDM5IEMgMCA0MC42NTIzNDQgMS4zNDc2NTYgNDIgMyA0MiBMIDQ3IDQyIEMgNDguNjUyMzQ0IDQyIDUwIDQwLjY1MjM0NCA1MCAzOSBMIDUwIDEyIEMgNTAgMTAuMzQ3NjU2IDQ4LjY1MjM0NCA5IDQ3IDkgTCAzNy4wMzEyNSA5IEMgMzYuNzUzOTA2IDguODk4NDM4IDM2LjE4MzU5NCA3Ljk5MjE4OCAzNS44NzUgNy41IEMgMzUuMTA1NDY5IDYuMjczNDM4IDM0LjMxNjQwNiA1IDMzIDUgWiBNIDI1IDExIEMgMzIuMTY3OTY5IDExIDM4IDE2LjgzMjAzMSAzOCAyNCBDIDM4IDMxLjE2Nzk2OSAzMi4xNjc5NjkgMzcgMjUgMzcgQyAxNy44MzIwMzEgMzcgMTIgMzEuMTY3OTY5IDEyIDI0IEMgMTIgMTYuODMyMDMxIDE3LjgzMjAzMSAxMSAyNSAxMSBaIE0gMjUgMTMgQyAxOC45MzM1OTQgMTMgMTQgMTcuOTMzNTk0IDE0IDI0IEMgMTQgMzAuMDY2NDA2IDE4LjkzMzU5NCAzNSAyNSAzNSBDIDMxLjA2NjQwNiAzNSAzNiAzMC4wNjY0MDYgMzYgMjQgQyAzNiAxNy45MzM1OTQgMzEuMDY2NDA2IDEzIDI1IDEzIFogTSA4IDE0IEwgOSAxNCBDIDEwLjEwNTQ2OSAxNCAxMSAxNC44OTQ1MzEgMTEgMTYgQyAxMSAxNy4xMDU0NjkgMTAuMTA1NDY5IDE4IDkgMTggTCA4IDE4IEMgNi44OTQ1MzEgMTggNiAxNy4xMDU0NjkgNiAxNiBDIDYgMTQuODk0NTMxIDYuODk0NTMxIDE0IDggMTQgWiBNIDI1IDE1IEMgMjkuOTY0ODQ0IDE1IDM0IDE5LjAzOTA2MyAzNCAyNCBDIDM0IDI4Ljk2NDg0NCAyOS45NjQ4NDQgMzMgMjUgMzMgQyAyMC4wMzkwNjMgMzMgMTYgMjguOTY0ODQ0IDE2IDI0IEMgMTYgMTkuMDM5MDYzIDIwLjAzOTA2MyAxNSAyNSAxNSBaIE0gMjUgMTcgQyAyMS4xNDA2MjUgMTcgMTggMjAuMTQwNjI1IDE4IDI0IEMgMTggMjcuODU5Mzc1IDIxLjE0MDYyNSAzMSAyNSAzMSBDIDI4Ljg1OTM3NSAzMSAzMiAyNy44NTkzNzUgMzIgMjQgQyAzMiAyMC4xNDA2MjUgMjguODU5Mzc1IDE3IDI1IDE3IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==');
    background-position:center;
    background-repeat:no-repeat;
    background-size: 80%;
}

.ippa-companie {
    margin-bottom:16px;
    width:100%;
    min-height:80px;
    display:block;    position:relative;
   
}

.ippa-companie .rating {
    position:absolute;
    right:16px;
bottom:16px;
    font-size:12px;
}

.ippa-companie-list {
    padding:16px;
}

.acf-map h4 {
    margin:0;
    font-size:18px;
    color: #000;
}

.ippa-map-logo {
    height:80px;
    width:80px;
    display:block;
    margin:0 auto;
    clear:both;
    background-size:cover;
}

/* SETTING */ 

.ippa-setting {
    background-color: #FFF;
    padding:16px;
}

.image-setting {
    height:64px;
    width:64px;
    background-color: #CCC;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjMgOSBMIDIzIDIzIEwgOSAyMyBMIDkgMjcgTCAyMyAyNyBMIDIzIDQxIEwgMjcgNDEgTCAyNyAyNyBMIDQxIDI3IEwgNDEgMjMgTCAyNyAyMyBMIDI3IDkgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
    background-size:50%;
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
    position:relative;
    border:1px solid #CCC;
}

.ippa-image-label {
    font-size:12px;
    color: #CCC;
    margin-bottom:8px;
    display:block;
}

.ippacol-6 {
    width:50%;
    float:left;
}

.ippa-button-right {
    float:right;
    margin:16px;
}

.ippa-preview {
    height:100%;
    width:100%;
    top:0;
    left:0;
    background-size:cover;
    background-color:#FFF;
}

.ippa-delete {
    height:18px;
    width:18px;
    background-color: #1B8DAF;
    border-radius:9px;
    top:-6px;
    right:-6px;
    position:absolute;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gNy43NSA2LjM0Mzc1IEwgNi4zNDM3NSA3Ljc1IEwgMTAuNTkzNzUgMTIgTCA2LjM0Mzc1IDE2LjI1IEwgNy43NSAxNy42NTYyNSBMIDEyIDEzLjQwNjI1IEwgMTYuMjUgMTcuNjU2MjUgTCAxNy42NTYyNSAxNi4yNSBMIDEzLjQwNjI1IDEyIEwgMTcuNjU2MjUgNy43NSBMIDE2LjI1IDYuMzQzNzUgTCAxMiAxMC41OTM3NSBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
    background-repeat:no-repeat;
    background-position:center;
    background-size:80%;
}

.image-delete-upload{
    height:18px;
    width:18px;
    background-color: #1B8DAF;
    border-radius:9px;
    top:-6px;
    right:-6px;
    position:absolute;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gNy43NSA2LjM0Mzc1IEwgNi4zNDM3NSA3Ljc1IEwgMTAuNTkzNzUgMTIgTCA2LjM0Mzc1IDE2LjI1IEwgNy43NSAxNy42NTYyNSBMIDEyIDEzLjQwNjI1IEwgMTYuMjUgMTcuNjU2MjUgTCAxNy42NTYyNSAxNi4yNSBMIDEzLjQwNjI1IDEyIEwgMTcuNjU2MjUgNy43NSBMIDE2LjI1IDYuMzQzNzUgTCAxMiAxMC41OTM3NSBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
    background-repeat:no-repeat;
    background-position:center;
    background-size:80%;
    z-index:100000;
}

.image-setting input[type="file"] {
    display:none;
}

.thumb-image {
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:0;
}

.image-preview {
     height:64px;
    width:64px;    position:relative;
float:left;
    margin-left:10px;
    margin-bottom:10px;
}

.image-emtpy {
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:100;
}


/* IPPA VIEW UPLOAD */ 

.ippa-view-upload {
    padding:16px;
}
.getmdl-select .mdl-icon-toggle__label {
float: right;
    margin-top: -30px;
    color: rgba(0,0,0,0.4);
    transform: rotate(0);
    transition: transform 0.3s;
    
    }


.ippa-add-image {float:left;
    height:75px;
    width:100px;
    background-color: #CCC;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjMgOSBMIDIzIDIzIEwgOSAyMyBMIDkgMjcgTCAyMyAyNyBMIDIzIDQxIEwgMjcgNDEgTCAyNyAyNyBMIDQxIDI3IEwgNDEgMjMgTCAyNyAyMyBMIDI3IDkgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
    background-size:50%;
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
    position:relative;
    border:1px solid #CCC;
    box-sizing:border-box;
    margin-right:4px;
    margin-bottom:4px;
    text-align:center;
padding-top:50px;
    box-sizing:border-box;
    color:#EEE;
    font-size:8px;
}

.image-upload {
    height:75px;
    width:100px;
    float:left;
    margin-right:4px;
        margin-bottom:4px;

}

.edit-button {
    float:right;
    display:inline-block;
    margin-top:-10px;
}
.image-preview .thumb-image {
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:1;
}

.ippa-view-upload-form {
    clear:both;
    margin-top:16px;
    border-top:1px solid #DDD;
    background-color: #FFF;
    padding:16px;
}

.mdl-textfield .small {
    font-size:12px;
    margin-top:-16px;
    color: #CCC;
}

.ippa-view-upload-form .mdl-textfield__label {
    color: #404040;
}

.ippa-view-upload .mdl-menu a {
    text-decoration:none;
    color: #404040
}

.ippa-view-upload-button {
    text-align:right;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
    background-color: #CCC;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
    z-index:100;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}

.home_info {
    background-color:#1B8DAF;
        display:inline-block;
    border-radius:3px;
    color: #FFF;
    padding:5px;
    margin:0 auto;
    margin-bottom:16px;

}

.center {
    text-align:center;
}

/* LOGOUT */ 

.ippa-logout {
    margin-top:32px;
    opacity:0.5;
}
/* COMPARE */ 

.ippa-count {
    position:absolute;
    height:12px;
    width:12px;
    background-color: #1B8DAF;
    text-align:center;
    color: #FFF;
    right:16px;
    font-size:8px;
    border-radius:6px;
    line-height:8px;
    padding-top:3px;
    box-sizing:border-box;
    z-index:1000;
    top:16px;
}

.half {
    width:50%;
    float:left;
    overflow:hidden;
    box-sizing:border-box;
    padding-left:16px;
    padding-right:16px;
}


.top-preview-empty {
    background-color: #CCC;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMjMgOSBMIDIzIDIzIEwgOSAyMyBMIDkgMjcgTCAyMyAyNyBMIDIzIDQxIEwgMjcgNDEgTCAyNyAyNyBMIDQxIDI3IEwgNDEgMjMgTCAyNyAyMyBMIDI3IDkgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
    background-size:25%;
    background-position:center;
    background-repeat:no-repeat;
}


/* REMOVE COLORS */ 
.mdl-button.mdl-button--colored {
color: #1B8DAF;
}
.mdl-button--fab.mdl-button--colored {
    background: #1B8DAF;
    color: #FFF;}

.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
color: #1B8DAF;

}
.mdl-button--raised.mdl-button--colored {
    background: #1B8DAF;
    color: #FFF;
}
.mdl-button--primary.mdl-button--primary {
    color: #1B8DAF;
}


.ippa-rate-dialog .close{
}

.marker-inlay img {
    display:block;
    width:100px;
    height:auto;
    margin:0 auto;
    margin-bottom:16px;
}

#list-pannel img {
      width:100px;
    height:auto;
    float:lefT;
    margin:16px;
}

.touchpoint-rate-button i {
    pointer-events:none;
}

.ippa-view-upload-form .mdl-textfield__label {
    white-space:normal;
}

body.compare #page {
    display:none;
}

.ippa-compare-frame {
    transform-style: preserve-3d;
    height:100%;
    overflow-y:scroll;
    position:fixed;
    top:0;
    left:0;
    visibility:hidden;
}

body.compare .ippa-compare-frame {
    visibility :visible;
}

body.compare .ippa-compare{
 

}

body .ippa-compare {


}

@keyframes rotate {
  0% {
  }
  1% {
    transform: rotate3d(1, 1, 1, 180deg);
  }
  100% {
    transform: rotate3d(0);
  }
}

.ippa-count {
  animation: blinker 5s linear infinite;

}

@keyframes blinker {
  45% {
    transform: scale(1);
  }
     50% {
    transform: scale(1.4);
  }
     60% {
    transform: scale(1);
  }
}

.ippa-visible {
    overflow:visible;
    z-index:100;
    position:static;
}



.ippa-inner {
    position:relative;
    display:block;
}

.ippa .slim-btn {
    height:30px;
    width:30px;
    margin: 0 3px;
}

.ippa .slim-btn-group {
    padding-bottom:8px;
}

.ippa .slim[data-state*=empty] .slim-label {
    opacity:0;
}

.ippa .slim .slim-file-hopper {

  

}


.ippa .slim {
    background-color: #CCC;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTEgNSBMIDExIDExIEwgNSAxMSBMIDUgMTMgTCAxMSAxMyBMIDExIDE5IEwgMTMgMTkgTCAxMyAxMyBMIDE5IDEzIEwgMTkgMTEgTCAxMyAxMSBMIDEzIDUgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
    background-size: 50%;
    background-repeat:no-repeat;
    background-position:center;
    max-width:130px;
}

.image-upload.needsclick.slim {
       background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjYgMjYiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gOS41IDMgQyA4Ljc4OTA2MyAzIDguMzIwMzEzIDMuMjg5MDYzIDguMDkzNzUgMy42ODc1IEwgNi44MTI1IDYgTCA0LjkzNzUgNiBDIDEuOTk2MDk0IDYgMCA4LjA1ODU5NCAwIDExIEwgMCAxOS4xMjUgQyAwIDIxLjgxNjQwNiAyLjE4MzU5NCAyNCA0Ljg3NSAyNCBMIDIxLjEyNSAyNCBDIDIzLjgxNjQwNiAyNCAyNiAyMS44MTY0MDYgMjYgMTkuMTI1IEwgMjYgMTAuODc1IEMgMjYgOC4xODM1OTQgMjMuODE2NDA2IDYgMjEuMTI1IDYgTCAxOS4xODc1IDYgTCAxNy45MDYyNSAzLjY4NzUgQyAxNy42Nzk2ODggMy4yODkwNjMgMTcuMTc5Njg4IDMgMTYuNSAzIFogTSA0IDcuODc1IEMgNC42Mjg5MDYgNy44NzUgNS4xMjUgOC4zNzEwOTQgNS4xMjUgOSBDIDUuMTI1IDkuNjI4OTA2IDQuNjI4OTA2IDEwLjEyNSA0IDEwLjEyNSBDIDMuMzcxMDk0IDEwLjEyNSAyLjg3NSA5LjYyODkwNiAyLjg3NSA5IEMgMi44NzUgOC4zNzEwOTQgMy4zNzEwOTQgNy44NzUgNCA3Ljg3NSBaIE0gMTMgNy45Mzc1IEMgMTYuODk4NDM4IDcuOTM3NSAyMC4wNjI1IDExLjEwMTU2MyAyMC4wNjI1IDE1IEMgMjAuMDYyNSAxOC44OTg0MzggMTYuODk4NDM4IDIyLjA2MjUgMTMgMjIuMDYyNSBDIDkuMTAxNTYzIDIyLjA2MjUgNS45Mzc1IDE4LjkwMjM0NCA1LjkzNzUgMTUgQyA1LjkzNzUgMTEuMDk3NjU2IDkuMTAxNTYzIDcuOTM3NSAxMyA3LjkzNzUgWiBNIDEzIDEwLjE4NzUgQyAxMC4zNDM3NSAxMC4xODc1IDguMTg3NSAxMi4zNDM3NSA4LjE4NzUgMTUgQyA4LjE4NzUgMTcuNjU2MjUgMTAuMzQzNzUgMTkuODEyNSAxMyAxOS44MTI1IEMgMTUuNjU2MjUgMTkuODEyNSAxNy44MTI1IDE3LjY1NjI1IDE3LjgxMjUgMTUgQyAxNy44MTI1IDEyLjM0Mzc1IDE1LjY1NjI1IDEwLjE4NzUgMTMgMTAuMTg3NSBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
}


.slim-popover {
    background-color: #3E3E3E;
}
.slim-editor-btn {
background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
    color: #AAA;
}

.slim-editor-btn.slim-btn-confirm {
    color: #1B8DAF;
}

.slim-editor-btn.slim-btn-cancel {
    opacity:0.5;
}
.slim-btn-rotate {
    height:30px;
    width:30px;
    border:none;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPjxnIGlkPSJzdXJmYWNlMSI+PHBhdGggc3R5bGU9IiAiIGQ9Ik0gMTIgMiBDIDkuMjk2ODc1IDIgNi44NjMyODEgMy4wOTM3NSA1LjA2MjUgNC44NDM3NSBMIDMuMDYyNSAzLjQzNzUgTCAzLjI4MTI1IDcuMTI1IEwgMy40Mzc1IDkuNTMxMjUgTCA5LjIxODc1IDcuNzUgTCA2LjcxODc1IDYgQyA4LjEyODkwNiA0Ljc1NzgxMyA5Ljk3NjU2MyA0IDEyIDQgQyAxNi40MTAxNTYgNCAyMCA3LjU4OTg0NCAyMCAxMiBDIDIwIDE2LjQxMDE1NiAxNi40MTAxNTYgMjAgMTIgMjAgQyA4LjEwNTQ2OSAyMCA0Ljg2NzE4OCAxNy4xOTE0MDYgNC4xNTYyNSAxMy41IEwgMi4xODc1IDEzLjkwNjI1IEMgMy4wNzgxMjUgMTguNTE1NjI1IDcuMTMyODEzIDIyIDEyIDIyIEMgMTcuNTE1NjI1IDIyIDIyIDE3LjUxNTYyNSAyMiAxMiBDIDIyIDYuNDg0Mzc1IDE3LjUxNTYyNSAyIDEyIDIgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
    background-position:center;
    background-size:100%;
    background-repeat:no-repeat;
    background-color:transparent;
}

.slim-label {
    display:none;
}




.smilies, .emotion input[type="radio"] {
  -webkit-appearance: none;
  width: 60px;
  height: 60px;
  border: none;
  cursor: pointer;
  transition: border 0.2s ease;
  opacity:0.3;
  margin: 0 5px;
  transition: all 0.2s ease;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
}
.emotion input[type="radio"]:hover, .emotion input[type="radio"]:checked {
          opacity:1;
}

.emotion input[type="radio"]:focus {
  outline: 0;
}
.smilies.happy, .emotion .up-third:nth-child(3)  input[type="radio"]{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6IzFCOERBRjsiPiAgICA8cGF0aCBzdHlsZT0ibGluZS1oZWlnaHQ6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDt0ZXh0LXRyYW5zZm9ybTpub25lO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIgZD0iTSAyNSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyNC44NDU3MDMgMi4wMTU2MjUgQyAxMi4yMjcwNjkgMi4xMDA5NjggMiAxMi4zNjE0NzIgMiAyNSBDIDIgMzcuNjkxMzY3IDEyLjMwODYzMyA0OCAyNSA0OCBDIDM3LjY5MTM2NyA0OCA0OCAzNy42OTEzNjcgNDggMjUgQyA0OCAxMi4zNjI3OTYgMzcuNzc1MDEzIDIuMTAzMDk0MSAyNS4xNTgyMDMgMi4wMTU2MjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI1IDIgeiBNIDI1IDQgQyAzNi42MTA2MzMgNCA0NiAxMy4zODkzNjcgNDYgMjUgQyA0NiAzNi42MTA2MzMgMzYuNjEwNjMzIDQ2IDI1IDQ2IEMgMTMuMzg5MzY3IDQ2IDQgMzYuNjEwNjMzIDQgMjUgQyA0IDEzLjM4OTM2NyAxMy4zODkzNjcgNCAyNSA0IHogTSAxNyAxOCBBIDMgMyAwIDAgMCAxNCAyMSBBIDMgMyAwIDAgMCAxNyAyNCBBIDMgMyAwIDAgMCAyMCAyMSBBIDMgMyAwIDAgMCAxNyAxOCB6IE0gMzMgMTggQSAzIDMgMCAwIDAgMzAgMjEgQSAzIDMgMCAwIDAgMzMgMjQgQSAzIDMgMCAwIDAgMzYgMjEgQSAzIDMgMCAwIDAgMzMgMTggeiBNIDExLjk1NzAzMSAyOC45ODgyODEgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjE4NTU0NyAzMC41ODIwMzEgQyAxMS4xODU1NDcgMzAuNTgyMDMxIDE2LjQxNjY2NyAzOCAyNSAzOCBDIDMzLjU4MzMzMyAzOCAzOC44MTQ0NTMgMzAuNTgyMDMxIDM4LjgxNDQ1MyAzMC41ODIwMzEgQSAxLjAwMTA0NjMgMS4wMDEwNDYzIDAgMCAwIDM3LjE4NTU0NyAyOS40MTc5NjkgQyAzNy4xODU1NDcgMjkuNDE3OTY5IDMyLjQxNjY2NyAzNiAyNSAzNiBDIDE3LjU4MzMzMyAzNiAxMi44MTQ0NTMgMjkuNDE3OTY5IDEyLjgxNDQ1MyAyOS40MTc5NjkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk1NzAzMSAyOC45ODgyODEgeiIgZm9udC13ZWlnaHQ9IjQwMCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIHdoaXRlLXNwYWNlPSJub3JtYWwiIG92ZXJmbG93PSJ2aXNpYmxlIj48L3BhdGg+PC9zdmc+');
  background-size: cover;
}
.smilies {
    float:left;
}

.smilies.neutral, .emotion .up-third:nth-child(2)   input[type="radio"]{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6IzFCOERBRjsiPiAgICA8cGF0aCBzdHlsZT0ibGluZS1oZWlnaHQ6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDt0ZXh0LXRyYW5zZm9ybTpub25lO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIgZD0iTSAyNSAyIEMgMTIuMzExMzM1IDIgMiAxMi4zMTEzMzUgMiAyNSBDIDIgMzcuNjg4NjY1IDEyLjMxMTMzNSA0OCAyNSA0OCBDIDM3LjY4ODY2NSA0OCA0OCAzNy42ODg2NjUgNDggMjUgQyA0OCAxMi4zNjYxNjkgMzcuNzczMzgyIDIuMTA0MjEyOSAyNS4xNjAxNTYgMi4wMTU2MjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI1IDIgeiBNIDI1IDQgQyAzNi42MDczMzUgNCA0NiAxMy4zOTI2NjUgNDYgMjUgQyA0NiAzNi42MDczMzUgMzYuNjA3MzM1IDQ2IDI1IDQ2IEMgMTMuMzkyNjY1IDQ2IDQgMzYuNjA3MzM1IDQgMjUgQyA0IDEzLjM5MjY2NSAxMy4zOTI2NjUgNCAyNSA0IHogTSAxNyAxOCBBIDMgMyAwIDAgMCAxNCAyMSBBIDMgMyAwIDAgMCAxNyAyNCBBIDMgMyAwIDAgMCAyMCAyMSBBIDMgMyAwIDAgMCAxNyAxOCB6IE0gMzMgMTggQSAzIDMgMCAwIDAgMzAgMjEgQSAzIDMgMCAwIDAgMzMgMjQgQSAzIDMgMCAwIDAgMzYgMjEgQSAzIDMgMCAwIDAgMzMgMTggeiBNIDE1IDMxIEEgMS4wMDAxIDEuMDAwMSAwIDEgMCAxNSAzMyBMIDM1IDMzIEEgMS4wMDAxIDEuMDAwMSAwIDEgMCAzNSAzMSBMIDE1IDMxIHoiIGZvbnQtd2VpZ2h0PSI0MDAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiB3aGl0ZS1zcGFjZT0ibm9ybWFsIiBvdmVyZmxvdz0idmlzaWJsZSI+PC9wYXRoPjwvc3ZnPg==');
  background-size: cover;
}
.smilies.sad, .emotion .up-third:nth-child(1)   input[type="radio"]  {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6IzFCOERBRjsiPiAgICA8cGF0aCBzdHlsZT0ibGluZS1oZWlnaHQ6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDt0ZXh0LXRyYW5zZm9ybTpub25lO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIgZD0iTSAyNSAyIEMgMTIuMzA4NjMzIDIgMiAxMi4zMDg2MzMgMiAyNSBDIDIgMzcuNjkxMzY3IDEyLjMwODYzMyA0OCAyNSA0OCBDIDM3LjY5MTM2NyA0OCA0OCAzNy42OTEzNjcgNDggMjUgQyA0OCAxMi4zNjI3OTYgMzcuNzc1MDEzIDIuMTAzMDk0MSAyNS4xNTgyMDMgMi4wMTU2MjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI1IDIgeiBNIDI1IDQgQyAzNi42MTA2MzMgNCA0NiAxMy4zODkzNjcgNDYgMjUgQyA0NiAzNi42MTA2MzMgMzYuNjEwNjMzIDQ2IDI1IDQ2IEMgMTMuMzg5MzY3IDQ2IDQgMzYuNjEwNjMzIDQgMjUgQyA0IDEzLjM4OTM2NyAxMy4zODkzNjcgNCAyNSA0IHogTSAxNyAxOCBBIDMgMyAwIDAgMCAxNCAyMSBBIDMgMyAwIDAgMCAxNyAyNCBBIDMgMyAwIDAgMCAyMCAyMSBBIDMgMyAwIDAgMCAxNyAxOCB6IE0gMzMgMTggQSAzIDMgMCAwIDAgMzAgMjEgQSAzIDMgMCAwIDAgMzMgMjQgQSAzIDMgMCAwIDAgMzYgMjEgQSAzIDMgMCAwIDAgMzMgMTggeiBNIDI1IDI5IEMgMTguNTU1NTU2IDI5IDE0LjI5Mjk2OSAzMy4yOTI5NjkgMTQuMjkyOTY5IDMzLjI5Mjk2OSBBIDEuMDAwMSAxLjAwMDEgMCAxIDAgMTUuNzA3MDMxIDM0LjcwNzAzMSBDIDE1LjcwNzAzMSAzNC43MDcwMzEgMTkuNDQ0NDQ0IDMxIDI1IDMxIEMgMzAuNTU1NTU2IDMxIDM0LjI5Mjk2OSAzNC43MDcwMzEgMzQuMjkyOTY5IDM0LjcwNzAzMSBBIDEuMDAwMSAxLjAwMDEgMCAxIDAgMzUuNzA3MDMxIDMzLjI5Mjk2OSBDIDM1LjcwNzAzMSAzMy4yOTI5NjkgMzEuNDQ0NDQ0IDI5IDI1IDI5IHoiIGZvbnQtd2VpZ2h0PSI0MDAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiB3aGl0ZS1zcGFjZT0ibm9ybWFsIiBvdmVyZmxvdz0idmlzaWJsZSI+PC9wYXRoPjwvc3ZnPg==');
}

.up-third {
    margin-top:16px;
    float:left;
}

.smilegroup {
    padding:16px;
    background:#FFF;
        padding-top:0px;

}

.smilies.checked {
     opacity:1;
}




#content .mdl-menu__container.is-visible {
    z-index:100000;
}

.ippa input:matches([type="checkbox"], .ippa [type="radio"]):checked {
    background-color:transparent;
}


/* POST */ 


.ippa .date {
    color: #CCC;
}

.ippa .avatar-img img {
    height:100px;
   width:100px;
}


.site-main .mdl-card__media {
    background-position:center;
    
}

.ippa.post .site-main header h3 {
    text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}

.site-main article.page  header h3 {
    color: #666;
}

.ippa-post .mdl-card__title {
    height:176px;
    color: #FFF;
    background-position:center;
    background-size:cover;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}

.ippa-post {
    width:100%;
        margin-bottom:16px;

}

.ippa-post .date {
    margin-bottom:8px;
}

.ippa-post .mdl-card__supporting-text {width:auto;padding-right:8px;padding-bottom:8px;}


.ippa-info-badge {
    position:absolute;
height:30px;
    width:30px;
    top:0;
    right:25px;
    background-color: red;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+ICAgIDxwYXRoIGQ9Ik0gMTIgMiBDIDEwLjM0MyAyIDkgMy4zNDMgOSA1IEMgOSA2LjY1NyAxMC4zNDMgOCAxMiA4IEMgMTMuNjU3IDggMTUgNi42NTcgMTUgNSBDIDE1IDMuMzQzIDEzLjY1NyAyIDEyIDIgeiBNIDggMTAgTCA4IDEyIEwgMTAgMTIgTCAxMCAyMCBMIDggMjAgTCA4IDIyIEwgMTYgMjIgTCAxNiAyMCBMIDE0IDIwIEwgMTQgMTEgQyAxNCAxMC40NDggMTMuNTUyIDEwIDEzIDEwIEwgMTEgMTAgTCA4IDEwIHoiPjwvcGF0aD48L3N2Zz4=');
    background-position:center;
    background-size:80%;
    background-repeat:no-repeat;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
    border-radius:0px 0px 3px 3px;
    
}

.ippa-comments .ippa-acc-item p {
    display:none;
}

.ippa-expert-button {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgICBzdHlsZT0iZmlsbDojMUI4REFGOyI+ICAgIDxwYXRoIGQ9Ik0xMiwyQzYuNDc3LDIsMiw2LjQ3NywyLDEyYzAsNS41MjMsNC40NzcsMTAsMTAsMTBzMTAtNC40NzcsMTAtMTBDMjIsNi40NzcsMTcuNTIzLDIsMTIsMnogTTEwLDE3LjQxNGwtNC43MDctNC43MDcgbDEuNDE0LTEuNDE0TDEwLDE0LjU4Nmw3LjI5My03LjI5M2wxLjQxNCwxLjQxNEwxMCwxNy40MTR6Ij48L3BhdGg+PC9zdmc+') 50% 50% no-repeat;
  background-size: 100%;
    color: #1B8DAF;
    padding-left:12px;
    box-sizing:border-box;
    font-size:12px;
}

.ippa .mdl-snackbar__action {
    color: #1B8DAF;
}

.ippa .ribbon-content {
    padding: 40px 60px;
}

.ippa .swiper-pagination {
    z-index:3;
    pointer-events:none;
    margin:0 auto;
    display:inline-block;
}


.ippa-tp .swiper-pagination {
    margin-top:-32px;
}

#compareframe .swiper-pagination {
    z-index:3;
    pointer-events:none;
    margin:0 auto;
    position:static;
    display:inline-block;
    float:right;
    margin-right:-16px;
    width:50%;
}


.ippa .swiper-pagination-bullet-active {
    background-color: #666;
}
.ippa-view-upload .mdl-icon-toggle__label.material-icons {
    pointer-events:none;
}

.ippa-compare-header {
    text-align:center;
    padding-top:16px;
    height:56px;
    color: #FFF;
    background-color: #3E3E3E;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    border: none;
    max-height: 1000px;
    z-index: 3;
    font-size:18px;
    color: rgb(255,255,255);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-property: max-height,box-shadow;
}

.ippa-compare .swiper-pagination {
    width:100%;
    position:static;
    margin: 0 auto;
}

.ippa-upload_error {
    display:none;
}

/* DIALOG */ 

.ippa dialog {
    top:auto;
    bottom:0;
}

.ippa .mdl-dialog__content {
    padding-bottom:0;
    padding-top:0;
}

.ippa-rate-dialog .mdl-textfield {
    padding-bottom:0;
    
}

.ippa .swiper-pagination-bullet {
    margin-right:5px;
    opacity:1;
    background-color: #FFF;
}

.ippa .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity:1;
    background-color: #1B8DAF;
}

.ippa-compare .swiper-pagination-bullet {
    opacity:0.5;
    background-color: #666;
}


.ippa-rotate-phone {
    text-align:center;
       padding-top:32px;
    padding-bottom:16px;
    text-transform:uppercase;
    font-size:18px;
}

.ippa-rotate-phone p {
    opacity:0.5;
}
.ippa-rotate-phone img {
    display:block;
    margin:0 auto;
    clear:both;
    margin-bottom:1rem;
    animation: rotatephone 5s infinite;
 
}


@keyframes rotatephone {
    0% {
        transform: rotate(0deg);
    }
     45% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-10deg);
    }
     55% {
        transform: rotate(0deg);
    }
    100% 
    {
        transform: rotate(0deg);
    }
}


.expert-img {
    display:block;
    height:100px!important;
    width:100px!important;
    background-size:cover;
    background-repeat:no-repeat;
    float:left;
    margin:16px;
    margin-top:-10px;
    border-radius:50px;
}

.ippa a {
    color: #1B8DAF
}

.ippa-user-profile h3 {
    margin-bottom:0;
}

.ippa-new {
    color: #1B8DAF;
}

.ippa .mdl-shadow--2dp:active {
    box-shadow:none!important;
    transition: all 0.2s ease;
}

.unselectable {
    -moz-user-select: -moz-none,
    -moz-user-select: none,
    -o-user-select: none,
    -khtml-user-select: none,
    -webkit-user-select: none,
    -ms-user-select: none,
    user-select: none
}

.dragaware {
    cursor: pointer;
}

.draggable_clone {
    position: absolute; /* also set via javascript */
    z-index: 100001;
    pointer-events:none; /* disable mouse events on the clone */
}

.draggable.dragging, .draggable .dragging {
    opacity: 0.5;
}

.sortable .sortable_clone {
    position: absolute; /* also set via javascript */
    z-index: 100001;
    list-style-type: none;
    opacity: 0.5;
}

.sortable .sortable_placeholder {
    box-sizing: border-box;
    list-style-type: none;
    background: #eee;
    border: 2px dotted #52b218;
}



.image-upload[data-state="empty"] {
    display:none;
}
    
    .ippa-tutorial li {
        margin:0;
        padding:0;
        color: #757575;
    }

figure {
    margin:0;
}

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

.post h2 {
    font-size:18px;
        line-height:24px;
color: #000;
}

.post h3 {
    color: #000;

    font-size:18px;
    line-height:24px;
}

.ippa-view-upload-form .mdl-textfield__label {
  white-space: pre-wrap;
}

@media only screen 
    and (min-width : 768px)   {
        .ippa-post .mdl-card__title {
            height:45vh;
        }
        .ippa-gallery {
            height:45vh;
        }
        
        .ippa-kontaktbereich-top-preview {
            height:45vh;
        }
}

.mdl-snackbar, .mdl-snackbar__action {
    font-size:1.3rem;
}


.ippa-rate-dialog .mdl-textfield__label:after {
    bottom:0px;
}


@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
        .ippa-compare-frame {
              padding:  
env(safe-area-inset-top)

        env(safe-area-inset-right)  
                                          env(safe-area-inset-bottom)  

    env(safe-area-inset-left)
            
    
        }
        #masthead {
            padding: env(safe-area-inset-top)  0 0 0;

        }

}


.ippa-compare-frame {
  font-size:auto;
  scroll-snap-type: y mandatory;
  scroll-padding-top:56px;
overflow-y: scroll;
-webkit-overflow-scrolling:touch;
scroll-snap-destination: 100% 0%;
scroll-snap-points-y: repeat(100%);

}

.term {
  scroll-snap-align:center;
}

.hidden-tp {
    display:none;
}

.show-more-tp {
    margin:0 auto;
    display:inline-block;
}

.ippa-hinweise {
    padding:20px;
    border: 1px solid #CCC;
    margin-bottom:40px;
    background-color: #FFF;
    position:relative;
    padding-right:40px;
    color: #FFF;
    background-color: #1B8DAF;
}

.ippa-hinweise p {
    margin-bottom:0;
}

.ippa-close-icon {
    height:40px;
    width:40px;
 background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNiAyNiIKICAgICBzdHlsZT0iZmlsbDojMDAwMDAwOyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAyMS43MzQzNzUgMTkuNjQwNjI1IEwgMTkuNjM2NzE5IDIxLjczNDM3NSBDIDE5LjI1MzkwNiAyMi4xMjEwOTQgMTguNjI4OTA2IDIyLjEyMTA5NCAxOC4yNDIxODggMjEuNzM0Mzc1IEwgMTMgMTYuNDk2MDk0IEwgNy43NjE3MTkgMjEuNzM0Mzc1IEMgNy4zNzUgMjIuMTIxMDk0IDYuNzQ2MDk0IDIyLjEyMTA5NCA2LjM2MzI4MSAyMS43MzQzNzUgTCA0LjI2NTYyNSAxOS42NDA2MjUgQyAzLjg3ODkwNiAxOS4yNTM5MDYgMy44Nzg5MDYgMTguNjI4OTA2IDQuMjY1NjI1IDE4LjI0MjE4OCBMIDkuNTAzOTA2IDEzIEwgNC4yNjU2MjUgNy43NjE3MTkgQyAzLjg4MjgxMyA3LjM3MTA5NCAzLjg4MjgxMyA2Ljc0MjE4OCA0LjI2NTYyNSA2LjM2MzI4MSBMIDYuMzYzMjgxIDQuMjY1NjI1IEMgNi43NDYwOTQgMy44Nzg5MDYgNy4zNzUgMy44Nzg5MDYgNy43NjE3MTkgNC4yNjU2MjUgTCAxMyA5LjUwNzgxMyBMIDE4LjI0MjE4OCA0LjI2NTYyNSBDIDE4LjYyODkwNiAzLjg3ODkwNiAxOS4yNTc4MTMgMy44Nzg5MDYgMTkuNjM2NzE5IDQuMjY1NjI1IEwgMjEuNzM0Mzc1IDYuMzU5Mzc1IEMgMjIuMTIxMDk0IDYuNzQ2MDk0IDIyLjEyMTA5NCA3LjM3NSAyMS43MzgyODEgNy43NjE3MTkgTCAxNi40OTYwOTQgMTMgTCAyMS43MzQzNzUgMTguMjQyMTg4IEMgMjIuMTIxMDk0IDE4LjYyODkwNiAyMi4xMjEwOTQgMTkuMjUzOTA2IDIxLjczNDM3NSAxOS42NDA2MjUgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;    background-size:100%;
    opacity:0.5;
    position:absolute;
    top:0px;
    right:0px;
    background-size:10px;
    background-position:center;
    z-index:100000000;
}

.input-beschreibung {
    position:absolute;
    z-index:2147483648;
    background-color:rgba(0,0,0,0.5);
    color: #EEE;
    border-radius:3px; 
    padding: 5px 10px;
    border: 1px solid #EEE;
    left:50%;
    transform: translateX(-50%);
    bottom:30%;
    width: 80%;}

    .slide-beschreibung
    {
        position:absolute;
        top:5px;
        right:5px;
        color: #FFF;
        background-color:rgba(0,0,0,0.5);
        opacity:0.5;
        padding:5px 10px;
        border-radius:10px;
        font-size:11px;
    }


    /* ANFRAGEN */ 
 .ippa-anfrage header {
       padding:16px;
       border-bottom: 1px solid #EEE;
    }


    .anfrage-head {
        font-size:27px;
        line-height:30px;
        margin-right:50px;
    }


    .anfrage-respond-button {
        height:45px;
        width:45px;
        border-radius:45px;
        float:right;
        margin:5px;
        background-color: #1B8DAF;
        box-shadow: 0px 3px 0px #CCC;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAzMCAzMCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+ICAgIDxwYXRoIGQ9Ik0yNiwyNWMwLTAuMDI0LTAuMDIyLTIuNDM3LTEuOTE3LTQuODg5QzIxLjYzMSwxNi45MzgsMTcuMTIsMTUuMTg1LDExLDE1LjAxNFYxOWMwLDAuNDA0LTAuMjQ0LDAuNzctMC42MTcsMC45MjQgYy0wLjM3NCwwLjE1NS0wLjgwNCwwLjA2OS0xLjA5LTAuMjE3bC03LTdjLTAuMzkxLTAuMzkxLTAuMzkxLTEuMDIzLDAtMS40MTRsNy03YzAuMjg2LTAuMjg2LDAuNzE2LTAuMzczLDEuMDktMC4yMTcgQzEwLjc1Niw0LjIzLDExLDQuNTk2LDExLDV2NC4wMTZDMjcuNTE1LDkuNTUzLDI4LDIzLjM5NSwyOCwyNWMwLDAuNTUzLTAuNDQ4LDEtMSwxUzI2LDI1LjU1MywyNiwyNXoiPjwvcGF0aD48L3N2Zz4=');
        background-repeat:no-repeat;
        background-size:50%;
        background-position:center;
        transition: all 0.3 ease;
    }


    .anfrage-respond-button:hover, .anfrage-respond-button:active {
        box-shadow: 0px 0px 0px #CCC;
        transform: translateY(2px);
    }


.icons8-marker {
  display: inline-block;
  width: 12px;
  height: 12px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCA1MCA1MCIKICAgICBzdHlsZT0iZmlsbDojNjY2NjY2OyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAyNSAxIEMgMTYuMTc5Njg4IDEgOSA4LjE3OTY4OCA5IDE3IEMgOSAzMS4xMTMyODEgMjMuNjI4OTA2IDQ3Ljk0NTMxMyAyNC4yNSA0OC42NTYyNSBDIDI0LjQ0MTQwNiA0OC44NzUgMjQuNzEwOTM4IDQ5IDI1IDQ5IEMgMjUuMzA4NTk0IDQ4Ljk4MDQ2OSAyNS41NTg1OTQgNDguODc1IDI1Ljc1IDQ4LjY1NjI1IEMgMjYuMzcxMDk0IDQ3LjkzMzU5NCA0MSAzMC44MTI1IDQxIDE3IEMgNDEgOC4xNzk2ODggMzMuODIwMzEzIDEgMjUgMSBaIE0gMjUgMTIgQyAyOC4zMTI1IDEyIDMxIDE0LjY4NzUgMzEgMTggQyAzMSAyMS4zMTI1IDI4LjMxMjUgMjQgMjUgMjQgQyAyMS42ODc1IDI0IDE5IDIxLjMxMjUgMTkgMTggQyAxOSAxNC42ODc1IDIxLjY4NzUgMTIgMjUgMTIgWiAiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;  background-size: 100%;
}

.icons8-calendar {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size:100%;
  background-repeat:no-repeat;
  background-position:center;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCA1MCA1MCIKICAgICBzdHlsZT0iZmlsbDojNjY2NjY2OyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAxMiAwIEMgMTAuOTA2MjUgMCAxMCAwLjkwNjI1IDEwIDIgTCAxMCA0IEwgNCA0IEMgMi44Mzk4NDQgNCAyIDQuODM5ODQ0IDIgNiBMIDIgMTMgTCA0OCAxMyBMIDQ4IDYgQyA0OCA0LjgzOTg0NCA0Ny4xNjAxNTYgNCA0NiA0IEwgNDAgNCBMIDQwIDIgQyA0MCAwLjkwNjI1IDM5LjA5Mzc1IDAgMzggMCBMIDM2IDAgQyAzNC45MDYyNSAwIDM0IDAuOTA2MjUgMzQgMiBMIDM0IDQgTCAxNiA0IEwgMTYgMiBDIDE2IDAuOTA2MjUgMTUuMDkzNzUgMCAxNCAwIFogTSAxMiAyIEwgMTQgMiBMIDE0IDggTCAxMiA4IFogTSAzNiAyIEwgMzggMiBMIDM4IDggTCAzNiA4IFogTSAyIDE1IEwgMiA0NiBDIDIgNDcuMTYwMTU2IDIuODM5ODQ0IDQ4IDQgNDggTCA0NiA0OCBDIDQ3LjE2MDE1NiA0OCA0OCA0Ny4xNjAxNTYgNDggNDYgTCA0OCAxNSBaIE0gMTIgMjEgTCAxNyAyMSBMIDE3IDI2IEwgMTIgMjYgWiBNIDE5IDIxIEwgMjQgMjEgTCAyNCAyNiBMIDE5IDI2IFogTSAyNiAyMSBMIDMxIDIxIEwgMzEgMjYgTCAyNiAyNiBaIE0gMzMgMjEgTCAzOCAyMSBMIDM4IDI2IEwgMzMgMjYgWiBNIDEyIDI4IEwgMTcgMjggTCAxNyAzMyBMIDEyIDMzIFogTSAxOSAyOCBMIDI0IDI4IEwgMjQgMzMgTCAxOSAzMyBaIE0gMjYgMjggTCAzMSAyOCBMIDMxIDMzIEwgMjYgMzMgWiBNIDMzIDI4IEwgMzggMjggTCAzOCAzMyBMIDMzIDMzIFogTSAxMiAzNSBMIDE3IDM1IEwgMTcgNDAgTCAxMiA0MCBaIE0gMTkgMzUgTCAyNCAzNSBMIDI0IDQwIEwgMTkgNDAgWiBNIDI2IDM1IEwgMzEgMzUgTCAzMSA0MCBMIDI2IDQwIFogTSAzMyAzNSBMIDM4IDM1IEwgMzggNDAgTCAzMyA0MCBaICI+PC9wYXRoPjwvZz48L3N2Zz4=');
}

.anfrage-content {
    font-size:14px;
    color: #757575;
}

.anfrage-userpic {
    background-color: #CCC;
    height:80px;
    width:80px;
    margin-right:20px;
    background-size:cover;
    background-position:center;
    border-radius:50px;
    float:left;
}

.anfrage-userdata {
    color: #333;
}

.box-line.normal {
    font-size:14px;
}
.anhang {
    display:block;
    padding-top:8px;
    padding-bottom:8px;
    background-repeat:no-repeat;
    background-position:99% 50%;
    background-size:20px;
    text-decoration:none;
    background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgICBzdHlsZT0iZmlsbDojMUI4REFGOyI+ICAgIDxwYXRoIHN0eWxlPSJsaW5lLWhlaWdodDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwO3RleHQtdHJhbnNmb3JtOm5vbmU7YmxvY2stcHJvZ3Jlc3Npb246dGI7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIiBkPSJNIDExIDIgTCAxMSA0IEwgMTMgNCBMIDEzIDIgTCAxMSAyIHogTSAxMSA2IEwgMTEgMTQuNTg1OTM4IEwgNy43MDcwMzEyIDExLjI5Mjk2OSBMIDYuMjkyOTY4OCAxMi43MDcwMzEgTCAxMiAxOC40MTQwNjIgTCAxNy43MDcwMzEgMTIuNzA3MDMxIEwgMTYuMjkyOTY5IDExLjI5Mjk2OSBMIDEzIDE0LjU4NTkzOCBMIDEzIDYgTCAxMSA2IHogTSAyIDE3IEwgMiAyMCBDIDIgMjEuMDkzMDYzIDIuOTA2OTM3MiAyMiA0IDIyIEwgMjAgMjIgQyAyMS4wOTMwNjMgMjIgMjIgMjEuMDkzMDYzIDIyIDIwIEwgMjIgMTcgTCAyMCAxNyBMIDIwIDIwIEwgNCAyMCBMIDQgMTcgTCAyIDE3IHoiIGZvbnQtd2VpZ2h0PSI0MDAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiB3aGl0ZS1zcGFjZT0ibm9ybWFsIiBvdmVyZmxvdz0idmlzaWJsZSI+PC9wYXRoPjwvc3ZnPg==');  
}

.green {
    color: #2ecc71;
}

.ippa-anfrage-dialog input[type='checkbox'],
.ippa-anfrage-dialog input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:2px solid #CCC;
    appearance: none;
-webkit-appearance: none;
height:12px;
width:12px;

}

.ippa-anfrage-dialog .green input[type='radio']  {
    border:2px solid #2ecc71;
}

.ippa-anfrage-dialog .green input[type='radio']:checked  {
    border:2px solid #2ecc71;
    background-color: #2ecc71;
}


.ippa-anfrage-dialog input[type='checkbox']:checked {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:2px solid #CCC;
    appearance: none;
-webkit-appearance: none;
height:12px;
width:12px;
background-color: #CCC;
  box-shadow: inset 0 0 0 2px white;
}



.ippa-anfrage-dialog select {
    max-width:100%;
    appearance: none;
    background-color: #FFF;
    padding:5px;
    margin-top:10px;
    border-color 1px solid #CCC;
    display:none;
    border:none;
    border-radius:0px;
    border-bottom: 1px solid #CCC;
}


   .anfrage-closed-button {
        height:45px;
        width:45px;
        border-radius:45px;
        float:right;
        margin:5px;
        background-color: #CCC;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNiAyNiIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAxNiAwIEMgMTMuNzg5MDYzIDAgMTEuODc4OTA2IDAuOTE3OTY5IDEwLjY4NzUgMi40MDYyNSBDIDkuNDk2MDk0IDMuODk0NTMxIDkgNS44MjQyMTkgOSA3LjkwNjI1IEwgOSA5IEwgMTIgOSBMIDEyIDcuOTA2MjUgQyAxMiA2LjMyODEyNSAxMi4zOTA2MjUgNS4wODU5MzggMTMuMDMxMjUgNC4yODEyNSBDIDEzLjY3MTg3NSAzLjQ3NjU2MyAxNC41NDI5NjkgMyAxNiAzIEMgMTcuNDYwOTM4IDMgMTguMzI4MTI1IDMuNDQ5MjE5IDE4Ljk2ODc1IDQuMjUgQyAxOS42MDkzNzUgNS4wNTA3ODEgMjAgNi4zMDg1OTQgMjAgNy45MDYyNSBMIDIwIDkgTCAyMyA5IEwgMjMgNy45MDYyNSBDIDIzIDUuODEyNSAyMi40NzI2NTYgMy44NjMyODEgMjEuMjgxMjUgMi4zNzUgQyAyMC4wODk4NDQgMC44ODY3MTkgMTguMjA3MDMxIDAgMTYgMCBaIE0gOSAxMCBDIDcuMzQzNzUgMTAgNiAxMS4zNDM3NSA2IDEzIEwgNiAyMyBDIDYgMjQuNjU2MjUgNy4zNDM3NSAyNiA5IDI2IEwgMjMgMjYgQyAyNC42NTYyNSAyNiAyNiAyNC42NTYyNSAyNiAyMyBMIDI2IDEzIEMgMjYgMTEuMzQzNzUgMjQuNjU2MjUgMTAgMjMgMTAgWiBNIDE2IDE1IEMgMTcuMTA1NDY5IDE1IDE4IDE1Ljg5NDUzMSAxOCAxNyBDIDE4IDE3LjczODI4MSAxNy41OTc2NTYgMTguMzcxMDk0IDE3IDE4LjcxODc1IEwgMTcgMjEgQyAxNyAyMS41NTA3ODEgMTYuNTUwNzgxIDIyIDE2IDIyIEMgMTUuNDQ5MjE5IDIyIDE1IDIxLjU1MDc4MSAxNSAyMSBMIDE1IDE4LjcxODc1IEMgMTQuNDAyMzQ0IDE4LjM3MTA5NCAxNCAxNy43MzgyODEgMTQgMTcgQyAxNCAxNS44OTQ1MzEgMTQuODk0NTMxIDE1IDE2IDE1IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==');
        background-repeat:no-repeat;
        background-size:50%;
        background-position:40%;
        transition: all 0.3 ease;
    }


       .anfrage-answered-button {
        height:45px;
        width:45px;
        border-radius:45px;
        float:right;
        margin:5px;
        background-color: green;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNiAyNiIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAyMi41NjY0MDYgNC43MzA0NjkgTCAyMC43NzM0MzggMy41MTE3MTkgQyAyMC4yNzczNDQgMy4xNzU3ODEgMTkuNTk3NjU2IDMuMzA0Njg4IDE5LjI2NTYyNSAzLjc5Njg3NSBMIDEwLjQ3NjU2MyAxNi43NTc4MTMgTCA2LjQzNzUgMTIuNzE4NzUgQyA2LjAxNTYyNSAxMi4yOTY4NzUgNS4zMjgxMjUgMTIuMjk2ODc1IDQuOTA2MjUgMTIuNzE4NzUgTCAzLjM3MTA5NCAxNC4yNTM5MDYgQyAyLjk0OTIxOSAxNC42NzU3ODEgMi45NDkyMTkgMTUuMzYzMjgxIDMuMzcxMDk0IDE1Ljc4OTA2MyBMIDkuNTgyMDMxIDIyIEMgOS45Mjk2ODggMjIuMzQ3NjU2IDEwLjQ3NjU2MyAyMi42MTMyODEgMTAuOTY4NzUgMjIuNjEzMjgxIEMgMTEuNDYwOTM4IDIyLjYxMzI4MSAxMS45NTcwMzEgMjIuMzA0Njg4IDEyLjI3NzM0NCAyMS44Mzk4NDQgTCAyMi44NTU0NjkgNi4yMzQzNzUgQyAyMy4xOTE0MDYgNS43NDIxODggMjMuMDYyNSA1LjA2NjQwNiAyMi41NjY0MDYgNC43MzA0NjkgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
        background-repeat:no-repeat;
        background-size:50%;
        background-position:center;
        transition: all 0.3 ease;
    }

    .ippa-anfragen {
        padding:16px;
    }

    .ippa-anfragen .mdl-card {
        width:100%;
        height:auto;
        min-height:20px;
    }
    
    .ippa-anfragen .place {
        float:left;
        color: #CCC;
        font-size:12px;
    }

        .ippa-anfragen .date {
        float:left;
        margin-right:50px;
        color: #CCC;
        font-size:12px;
    }

            .ippa-anfragen h3 {
                font-size:18px;
                line-height:20px;
                margin:0;
                margin-bottom:5px;
    }



       .anfrage-state {
        height:30px;
        width:30px;
        float:right;
        border-radius:30px;
        background-color: #CCC;
        background-repeat:no-repeat;
        background-size:50%;
        background-position:50%;
        text-align:center;
        color: #FFF;
        box-sizing:border-box;
        padding-top:6px;
        font-size:12px;
        font-weight:bold;
    }
    .anfrage-state-closed {
        background-position:40%;
       background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNiAyNiIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAxNiAwIEMgMTMuNzg5MDYzIDAgMTEuODc4OTA2IDAuOTE3OTY5IDEwLjY4NzUgMi40MDYyNSBDIDkuNDk2MDk0IDMuODk0NTMxIDkgNS44MjQyMTkgOSA3LjkwNjI1IEwgOSA5IEwgMTIgOSBMIDEyIDcuOTA2MjUgQyAxMiA2LjMyODEyNSAxMi4zOTA2MjUgNS4wODU5MzggMTMuMDMxMjUgNC4yODEyNSBDIDEzLjY3MTg3NSAzLjQ3NjU2MyAxNC41NDI5NjkgMyAxNiAzIEMgMTcuNDYwOTM4IDMgMTguMzI4MTI1IDMuNDQ5MjE5IDE4Ljk2ODc1IDQuMjUgQyAxOS42MDkzNzUgNS4wNTA3ODEgMjAgNi4zMDg1OTQgMjAgNy45MDYyNSBMIDIwIDkgTCAyMyA5IEwgMjMgNy45MDYyNSBDIDIzIDUuODEyNSAyMi40NzI2NTYgMy44NjMyODEgMjEuMjgxMjUgMi4zNzUgQyAyMC4wODk4NDQgMC44ODY3MTkgMTguMjA3MDMxIDAgMTYgMCBaIE0gOSAxMCBDIDcuMzQzNzUgMTAgNiAxMS4zNDM3NSA2IDEzIEwgNiAyMyBDIDYgMjQuNjU2MjUgNy4zNDM3NSAyNiA5IDI2IEwgMjMgMjYgQyAyNC42NTYyNSAyNiAyNiAyNC42NTYyNSAyNiAyMyBMIDI2IDEzIEMgMjYgMTEuMzQzNzUgMjQuNjU2MjUgMTAgMjMgMTAgWiBNIDE2IDE1IEMgMTcuMTA1NDY5IDE1IDE4IDE1Ljg5NDUzMSAxOCAxNyBDIDE4IDE3LjczODI4MSAxNy41OTc2NTYgMTguMzcxMDk0IDE3IDE4LjcxODc1IEwgMTcgMjEgQyAxNyAyMS41NTA3ODEgMTYuNTUwNzgxIDIyIDE2IDIyIEMgMTUuNDQ5MjE5IDIyIDE1IDIxLjU1MDc4MSAxNSAyMSBMIDE1IDE4LjcxODc1IEMgMTQuNDAyMzQ0IDE4LjM3MTA5NCAxNCAxNy43MzgyODEgMTQgMTcgQyAxNCAxNS44OTQ1MzEgMTQuODk0NTMxIDE1IDE2IDE1IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==');
    }

    .anfrage-state-answered-yes {
        background-color: green;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAyNiAyNiIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBzdHlsZT0iICIgZD0iTSAyMi41NjY0MDYgNC43MzA0NjkgTCAyMC43NzM0MzggMy41MTE3MTkgQyAyMC4yNzczNDQgMy4xNzU3ODEgMTkuNTk3NjU2IDMuMzA0Njg4IDE5LjI2NTYyNSAzLjc5Njg3NSBMIDEwLjQ3NjU2MyAxNi43NTc4MTMgTCA2LjQzNzUgMTIuNzE4NzUgQyA2LjAxNTYyNSAxMi4yOTY4NzUgNS4zMjgxMjUgMTIuMjk2ODc1IDQuOTA2MjUgMTIuNzE4NzUgTCAzLjM3MTA5NCAxNC4yNTM5MDYgQyAyLjk0OTIxOSAxNC42NzU3ODEgMi45NDkyMTkgMTUuMzYzMjgxIDMuMzcxMDk0IDE1Ljc4OTA2MyBMIDkuNTgyMDMxIDIyIEMgOS45Mjk2ODggMjIuMzQ3NjU2IDEwLjQ3NjU2MyAyMi42MTMyODEgMTAuOTY4NzUgMjIuNjEzMjgxIEMgMTEuNDYwOTM4IDIyLjYxMzI4MSAxMS45NTcwMzEgMjIuMzA0Njg4IDEyLjI3NzM0NCAyMS44Mzk4NDQgTCAyMi44NTU0NjkgNi4yMzQzNzUgQyAyMy4xOTE0MDYgNS43NDIxODggMjMuMDYyNSA1LjA2NjQwNiAyMi41NjY0MDYgNC43MzA0NjkgWiAiPjwvcGF0aD48L2c+PC9zdmc+');
    }

     .anfrage-state-answered-no {
              background-repeat:no-repeat;
        background-color: red;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAyMjQgMjI0IgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDIyNHYtMjI0aDIyNHYyMjR6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTU5LjU3MjkyLDQ0LjY1NDE3Yy02LjA3NDA2LDAuMDA3NTIgLTExLjUzODUxLDMuNjkyOTcgLTEzLjgyMTM4LDkuMzIxNzFjLTIuMjgyODgsNS42Mjg3NCAtMC45MjkzNywxMi4wNzkzOCAzLjQyMzQ3LDE2LjMxNTc5bDQxLjcwODMzLDQxLjcwODMzbC00MS43MDgzMyw0MS43MDgzNGMtMy45MDExNCwzLjc0NTU0IC01LjQ3MjYsOS4zMDc0NCAtNC4xMDgzMywxNC41NDA2N2MxLjM2NDI3LDUuMjMzMjMgNS40NTEwOSw5LjMyMDA2IDEwLjY4NDMzLDEwLjY4NDMyYzUuMjMzMjMsMS4zNjQyNyAxMC43OTUxMywtMC4yMDcyIDE0LjU0MDY3LC00LjEwODM0bDQxLjcwODMzLC00MS43MDgzM2w0MS43MDgzNCw0MS43MDgzM2MzLjc0NTUzLDMuOTAxMiA5LjMwNzQ1LDUuNDcyNyAxNC41NDA3Miw0LjEwODQ0YzUuMjMzMjcsLTEuMzY0MjYgOS4zMjAxMiwtNS40NTExMSAxMC42ODQzOCwtMTAuNjg0MzhjMS4zNjQyNiwtNS4yMzMyNyAtMC4yMDcyNSwtMTAuNzk1MTkgLTQuMTA4NDQsLTE0LjU0MDcybC00MS43MDgzMywtNDEuNzA4MzRsNDEuNzA4MzMsLTQxLjcwODMzYzQuNDE2NjksLTQuMjkzMiA1Ljc0NDY5LC0xMC44NTc1MiAzLjM0NDA5LC0xNi41Mjk5Yy0yLjQwMDYsLTUuNjcyMzggLTguMDM3MzIsLTkuMjg5MTcgLTE0LjE5NDA4LC05LjEwNzZjLTMuODc5NjYsMC4xMTU2IC03LjU2MTkyLDEuNzM3MDUgLTEwLjI2NjY3LDQuNTIwODNsLTQxLjcwODM0LDQxLjcwODMzbC00MS43MDgzMywtNDEuNzA4MzNjLTIuODE1MDQsLTIuODkzNzIgLTYuNjgxNjYsLTQuNTI0NTQgLTEwLjcxODc1LC00LjUyMDgzeiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+');
     }
  .anfrage-state-open {
        background-color: #1B8DAF;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIgogICAgIHZpZXdCb3g9IjAgMCAzMCAzMCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmOyI+ICAgIDxwYXRoIGQ9Ik0yNiwyNWMwLTAuMDI0LTAuMDIyLTIuNDM3LTEuOTE3LTQuODg5QzIxLjYzMSwxNi45MzgsMTcuMTIsMTUuMTg1LDExLDE1LjAxNFYxOWMwLDAuNDA0LTAuMjQ0LDAuNzctMC42MTcsMC45MjQgYy0wLjM3NCwwLjE1NS0wLjgwNCwwLjA2OS0xLjA5LTAuMjE3bC03LTdjLTAuMzkxLTAuMzkxLTAuMzkxLTEuMDIzLDAtMS40MTRsNy03YzAuMjg2LTAuMjg2LDAuNzE2LTAuMzczLDEuMDktMC4yMTcgQzEwLjc1Niw0LjIzLDExLDQuNTk2LDExLDV2NC4wMTZDMjcuNTE1LDkuNTUzLDI4LDIzLjM5NSwyOCwyNWMwLDAuNTUzLTAuNDQ4LDEtMSwxUzI2LDI1LjU1MywyNiwyNXoiPjwvcGF0aD48L3N2Zz4=');
    }

      .anfrage-state-open-self {
        background-color: #1B8DAF;
    }
       .anfrage-state-closed-self {
        background-color:#CCC;
    }

    .listitem-anfrage {
        padding:16px;
        border-bottom: 1px solid #EEE;
    }

    .ippa-anfrage-home {
        height:auto;
        width:100%;
        margin-bottom:16px;
        min-height:auto;
    }

    .ippa-anfrage-info {
        font-size:16px;
        display:block;
    }

    .ippa-anfrage-info .sub{
        color: #CCC;
    }

    .ippa-anfrage-home .mdl-card__supporting-text {
        padding:8px;
        width:100%;
        box-sizing:border-box;
        padding-left:16px;
        padding-top:16px;
    }

    .ippa-anfrage-home .date {
        margin-top:10px;
        display:inline-block;
    }

    .anfrage-send {
        bottom:8px;
        right:0;
        float:right;
    }


    .no {
    display:block;
    padding:8px;
    background-color: #FFF;
    border-bottom: 1px solid #EEE;
        color: red;
        margin:0;
        border-radius:3px;
    }
        .green {
    display:block;
    padding:8px;
    background-color: #FFF;
    border-bottom: 1px solid #EEE;
        margin:0;
        border-radius:3px;
    }


    .no.checked {
        background-color: red;
        color: #FFF;
        transition: all 0.5 ease;
    }
 .green.checked {
        background-color: green;
        color: #FFF;
                transition: all 0.5 ease;

    }
    .no input, .green input {
        display:none;
    }

    .ippa-anfrage .mdl-textfield {
        max-width:80%;
        width:100%;
        margin-left:5px;
    }

  .mdl-switch.is-checked .mdl-switch__thumb {
      background-color: rgb(27, 141, 175);
  }

  .mdl-switch.is-checked .mdl-switch__track {
    background: rgba(27, 141, 175, 0.5);
}


.antwort-big {
    font-size:14px;
    color: #333;
}

.antwort-status {
    height:14px;
    width:14px;
    margin-top:14px;
    float:right;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjYiIGhlaWdodD0iMjYiCnZpZXdCb3g9IjAgMCAxOTIgMTkyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE5MnYtMTkyaDE5MnYxOTJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmMDAwMCI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBkPSJNMTYwLjUsMTQ1LjAzODQ2bC0xNS40OTAzOCwxNS40NjE1NGMtMi44MjY5MywyLjg1NTc3IC03LjQ0MjMxLDIuODU1NzcgLTEwLjI5ODA4LDBsLTM4LjcxMTU0LC0zOC42ODI2OWwtMzguNjgyNjksMzguNjgyNjljLTIuODU1NzcsMi44NTU3NyAtNy41LDIuODU1NzcgLTEwLjMyNjkzLDBsLTE1LjQ5MDM4LC0xNS40NjE1NGMtMi44NTU3NywtMi44NTU3NyAtMi44NTU3NywtNy40NzExNiAwLC0xMC4zMjY5MmwzOC42ODI2OSwtMzguNzExNTRsLTM4LjY4MjY5LC0zOC42ODI2OWMtMi44MjY5MiwtMi44ODQ2MiAtMi44MjY5MiwtNy41Mjg4NCAwLC0xMC4zMjY5M2wxNS40OTAzOCwtMTUuNDkwMzhjMi44MjY5MywtMi44NTU3NyA3LjQ3MTE2LC0yLjg1NTc3IDEwLjMyNjkzLDBsMzguNjgyNjksMzguNzExNTRsMzguNzExNTQsLTM4LjcxMTU0YzIuODU1NzYsLTIuODU1NzcgNy41LC0yLjg1NTc3IDEwLjI5ODA4LDBsMTUuNDkwMzgsMTUuNDYxNTRjMi44NTU3NywyLjg1NTc3IDIuODU1NzcsNy41IDAuMDI4ODQsMTAuMzU1NzdsLTM4LjcxMTUzLDM4LjY4MjY5bDM4LjY4MjY5LDM4LjcxMTU0YzIuODU1NzcsMi44NTU3NiAyLjg1NTc3LDcuNDcxMTUgMCwxMC4zMjY5MnoiPjwvcGF0aD48L2c+PC9nPjwvZz48L3N2Zz4=') 50% 50% no-repeat;    background-size:contain;
}

.interesse .antwort-status {
    background-color: green;
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjYiIGhlaWdodD0iMjYiCnZpZXdCb3g9IjAgMCAxOTIgMTkyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE5MnYtMTkyaDE5MnYxOTJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzAwODAwMCI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBkPSJNMTY2LjY0NDIzLDM0LjkzMjY5bC0xMy4yNDAzOCwtOWMtMy42NjM0NiwtMi40ODA3NyAtOC42ODI3LC0xLjUyODg0IC0xMS4xMzQ2MiwyLjEwNTc3bC02NC45MDM4NCw5NS43MTE1NGwtMjkuODI2OTMsLTI5LjgyNjkzYy0zLjExNTM4LC0zLjExNTM4IC04LjE5MjMxLC0zLjExNTM4IC0xMS4zMDc2OSwwbC0xMS4zMzY1NCwxMS4zMzY1NGMtMy4xMTUzOCwzLjExNTM4IC0zLjExNTM4LDguMTkyMzEgMCwxMS4zMzY1NGw0NS44NjUzOCw0NS44NjUzOGMyLjU2NzMxLDIuNTY3MzEgNi42MDU3Nyw0LjUyODg0IDEwLjI0MDM5LDQuNTI4ODRjMy42MzQ2MiwwIDcuMjk4MDgsLTIuMjc4ODQgOS42NjM0NiwtNS43MTE1M2w3OC4xMTUzOCwtMTE1LjI0MDM5YzIuNDgwNzcsLTMuNjM0NjEgMS41Mjg4NCwtOC42MjUgLTIuMTM0NjIsLTExLjEwNTc3eiI+PC9wYXRoPjwvZz48L2c+PC9nPjwvc3ZnPg==') 50% 50% no-repeat;
    background-size:contain;

}
.antwort.interesse {
    color: green;
}

.antwort {
    color: red
}


.antwort-hidden {
    display:none;
    padding-top:14px;
}


.mdl-button.saving {
    display:none;
}


textarea::-webkit-input-placeholder {
color: #0bf;
}

.anhang {
    color: #1B8DAF;
    font-weight:bold;
    text-decoration:underline;
}

.errormessage {
    display:none;
    color: red;
    margin-bottom:10px;
}

.successmessage {
    color: green;
    display:none;
}

.ippa-anfrage-comment {
    min-height:auto!important;
}

.ippa-anfrage-comment .title {
    font-weight:bold;
    color: #1B8DAF;
}


.searchresults {
    height:200px; 
    overflow-y: scroll;
}
.searchresult {
    padding:10px;
    border: 1px solid #EEE;
}

.checkbox {
    height:10px;
    width:10px;
    border: 2px solid #CCC;
    float:right;
}

.checked.searchresult {
    display:block!important;
}

.checked.searchresult .checkbox {
    background-color: #1B8DAF;
}
.ippa_anfrage_search_label,
.ippa_anfrage_search {
    margin-left:35px;
}

.TESTKLASE {
    display:block;
}

.ippa-umfrage-intro {
    color: #CCC;
    text-align:center;
}

.ippa-umfrage h1 {
    font-size:24px;
    color: #000;
    text-align:center;
}

.ippa-umfrage {
    text-align:center;
}

.ippa-umfrage-antworten input {
     -webkit-appearance: none;
     height:0px;
     width:0px;
     margin:0;

}

.ippa-umfrage-antworten {
      flex-flow: row wrap;

    display:flex;
    justify-content:center;
    align-items:center;
    padding-bottom:15px;
    border-bottom: 1px solid #EEE;
}

.ippa-umfrage-antworten label {
    border-radius:5px;
    background-color: #CCC;
    padding: 12px 18px;
    display:inline-block;
    font-weight:bold;
    margin:5px;
      transition: all 0.3s ease;

}

.ippa-umfrage-antworten input[type=radio]:checked + label {
  color: #FFF;
  background-color: #0884a9;
  transition: all 0.1s ease;
} 

.ippa-umfrage-antworten input[type=checkbox]:checked + label {
  color: #FFF;
  background-color: #0884a9;
  transition: all 0.1s ease;
} 

#ippa-umfrage-submit {
    display:block;
    text-align:center;
    padding:16px;
    color: #0884a9;
    width:100%;
    font-weight:bold;
    text-transform:uppercase;
    border-radius:5px;
      transition: all 0.1s ease;
    background: transparent;
    border:none;
}


#ippa-umfrage-submit:hover,#ippa-umfrage-submit:active{
      transition: all 0.1s ease;

    background-color: #EEE;
}
.error {
    padding:16px;
    text-align:center;
    color: red;
    display:none;
}


.icons8-approval { 
display: inline-block;
width: 75px;
height: 75px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7OyBmaWxsOiMwMDAwMDA7Ij48cGF0aCBzdHlsZT0iZmlsbDojOEJDMzRBOyIgZD0iTTI0LDJsNC41MDYsNS4wMjlMMzUsNWwxLjQ2NSw2LjUzNUw0MywxM2wtMiw2LjQ5NEw0NiwyNGwtNSw0LjUwNkw0MywzNWwtNi41MzUsMS40NjVMMzUsNDMJbC02LjQ5NC0yLjAyOUwyNCw0NmwtNC41MDYtNS4wMjlMMTMsNDNsLTEuNDY1LTYuNTM1TDUsMzVsMi02LjQ5NEwyLDI0bDUtNC41MDZMNSwxM2w2LjUzNS0xLjQ2NUwxMyw1bDYuNDk0LDIuMDI5TDI0LDJ6Ij48L3BhdGg+PGcgaWQ9InN1cmZhY2UxXzEzN18iPgk8cGF0aCBzdHlsZT0iZmlsbDojQ0NGRjkwOyIgZD0iTTM0LjYwMiwxNC42MDJMMjEsMjguMTk5bC01LjYwMi01LjU5OGwtMi43OTcsMi43OTdMMjEsMzMuODAxbDE2LjM5OC0xNi40MDJMMzQuNjAyLDE0LjYwMnoiPjwvcGF0aD48L2c+PC9zdmc+') 50% 50% no-repeat;
background-size: 100%; }

.umfrage-green {
    color: #8bc34a;
    margin-top:10px;
    display:inline-block;
}

.umfrage-red {
    color:#E04F5F;
    margin-top:10px;
    display:inline-block;
}


.icons8-delete { 
display: inline-block;
width: 75px;
height: 75px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCA1MTIgNTEyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnPgk8Zz4JCTxnPgkJCTxnPgkJCQk8Zz4JCQkJCTxnPgkJCQkJCTxnPgkJCQkJCQk8Zz4JCQkJCQkJCTxwYXRoIGZpbGw9IiNFMDRGNUYiIGQ9Ik01MDQuMSwyNTZDNTA0LjEsMTE5LDM5Myw3LjksMjU2LDcuOUMxMTksNy45LDcuOSwxMTksNy45LDI1NkM3LjksMzkzLDExOSw1MDQuMSwyNTYsNTA0LjEJCQkJCQkJCQlDMzkzLDUwNC4xLDUwNC4xLDM5Myw1MDQuMSwyNTZ6Ij48L3BhdGg+CQkJCQkJCTwvZz4JCQkJCQk8L2c+CQkJCQk8L2c+CQkJCTwvZz4JCQk8L2c+CQk8L2c+CTwvZz4JPGc+CQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjg1LDI1Nmw3Mi41LTg0LjJjNy45LTkuMiw2LjktMjMtMi4zLTMxYy05LjItNy45LTIzLTYuOS0zMC45LDIuM0wyNTYsMjIyLjRsLTY4LjItNzkuMgkJCWMtNy45LTkuMi0yMS44LTEwLjItMzEtMi4zYy05LjIsNy45LTEwLjIsMjEuOC0yLjMsMzFMMjI3LDI1NmwtNzIuNSw4NC4yYy03LjksOS4yLTYuOSwyMywyLjMsMzFjNC4xLDMuNiw5LjIsNS4zLDE0LjMsNS4zCQkJYzYuMiwwLDEyLjMtMi42LDE2LjYtNy42bDY4LjItNzkuMmw2OC4yLDc5LjJjNC4zLDUsMTAuNSw3LjYsMTYuNiw3LjZjNS4xLDAsMTAuMi0xLjcsMTQuMy01LjNjOS4yLTcuOSwxMC4yLTIxLjgsMi4zLTMxTDI4NSwyNTYJCQl6Ij48L3BhdGg+CTwvZz48L2c+PC9zdmc+') 50% 50% no-repeat;
background-size: 100%; }

.ippa-info-badge2 {
    background-color: lightskyblue;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTE0My4zMzMzMywyMS41aC0xMTQuNjY2NjdjLTcuODgzMzMsMCAtMTQuMjYxNjcsNi40NSAtMTQuMjYxNjcsMTQuMzMzMzNsLTAuMDcxNjcsMTI5bDI4LjY2NjY3LC0yOC42NjY2N2gxMDAuMzMzMzNjNy44ODMzMywwIDE0LjMzMzMzLC02LjQ1IDE0LjMzMzMzLC0xNC4zMzMzM3YtODZjMCwtNy44ODMzMyAtNi40NSwtMTQuMzMzMzMgLTE0LjMzMzMzLC0xNC4zMzMzM3pNOTMuMTY2NjcsMTIxLjgzMzMzaC0xNC4zMzMzM3YtMTQuMzMzMzNoMTQuMzMzMzN6TTkzLjE2NjY3LDkzLjE2NjY3aC0xNC4zMzMzM2MwLC02Ljk4NzUgMTQuMzMzMzMsLTIxLjExMyAxNC4zMzMzMywtMjguNjY2NjdjMCwtMC4wNzE2NyAtMC4wNzg4MywtNy4xNjY2NyAtNy4xNjY2NywtNy4xNjY2N2MtNS45MTk2NywwIC03LjE2NjY3LDUuOTg0MTcgLTcuMTY2NjcsNy4xNjY2N2gtMTQuMzMzMzNjMCwtOC42NzE2NyA2LjgzNywtMjEuNSAyMS41LC0yMS41YzEzLjQ1OSwwIDIxLjUsMTAuOTI5MTcgMjEuNSwyMS41YzAsMTAuMTkxIC0xNC4zMzMzMywyMS42MDAzMyAtMTQuMzMzMzMsMjguNjY2Njd6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4=');    
}

.anhang-preview {
    float:right;
    width:25px;
    height:25px;
 background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzM3N2EzZCI+PGcgaWQ9InN1cmZhY2UxIj48cGF0aCBkPSJNNjUuMTQ1LDQ0LjE4MjVjLTM0LjQ1Mzc1LDkuMjk4NzUgLTU5LjU5NTMxLDM4LjEwODc1IC02MC44NDUsMzkuNTZjLTEuMTAxODcsMS4yOSAtMS4xMDE4NywzLjIyNSAwLDQuNTE1YzEuNDkxNTYsMS43MzM0NCAzNi45Mzk2OSw0Mi40NjI1IDgxLjcsNDIuNDYyNWM0NC43NjAzMSwwIDgwLjIwODQ0LC00MC43MjkwNiA4MS43LC00Mi40NjI1YzEuMTAxODgsLTEuMjkgMS4xMDE4OCwtMy4yMjUgMCwtNC41MTVjLTEuMjQ5NjksLTEuNDUxMjUgLTI2LjM5MTI1LC0zMC4yNDc4MSAtNjAuODQ1LC0zOS41NmMxMC4xOTkwNiw2Ljc3MjUgMTYuOTg1LDE4LjMyODc1IDE2Ljk4NSwzMS40OTc1Yy0wLjAxMzQ0LDIwLjg5NTMxIC0xNi45NDQ2OSwzNy44NCAtMzcuODQsMzcuODRjLTIwLjg5NTMxLDAgLTM3LjgyNjU2LC0xNi45NDQ2OSAtMzcuODQsLTM3Ljg0YzAsLTEzLjE2ODc1IDYuNzg1OTQsLTI0LjcyNSAxNi45ODUsLTMxLjQ5NzV6TTg2LDU4LjQ4Yy05LjUwMDMxLDAgLTE3LjIsNy42OTk2OSAtMTcuMiwxNy4yYzAsOS41MDAzMSA3LjY5OTY5LDE3LjIgMTcuMiwxNy4yYzkuNTAwMzEsMCAxNy4yLC03LjY5OTY5IDE3LjIsLTE3LjJjMCwtOS41MDAzMSAtNy42OTk2OSwtMTcuMiAtMTcuMiwtMTcuMnoiPjwvcGF0aD48L2c+PC9nPjwvZz48L3N2Zz4=');
    background-size:contain;
    background-repeat:no-repeat;
}



.ippa-viewcounter {
    padding-left:25px;
    margin-top:20px;
    margin-bottom:20px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij4gICAgPHBhdGggZD0iTSAxMiA0IEMgNCA0IDEgMTIgMSAxMiBDIDEgMTIgNCAyMCAxMiAyMCBDIDIwIDIwIDIzIDEyIDIzIDEyIEMgMjMgMTIgMjAgNCAxMiA0IHogTSAxMiA2IEMgMTcuMjc2IDYgMTkuOTQ0NTk0IDEwLjI2NzA5NCAyMC44MDg1OTQgMTEuOTk2MDk0IEMgMTkuOTQzNTk0IDEzLjcxMzA5NCAxNy4yNTUgMTggMTIgMTggQyA2LjcyNCAxOCA0LjA1NTQwNjIgMTMuNzMyOTA2IDMuMTkxNDA2MiAxMi4wMDM5MDYgQyA0LjA1NzQwNjIgMTAuMjg2OTA2IDYuNzQ1IDYgMTIgNiB6IE0gMTIgOCBDIDkuNzkxIDggOCA5Ljc5MSA4IDEyIEMgOCAxNC4yMDkgOS43OTEgMTYgMTIgMTYgQyAxNC4yMDkgMTYgMTYgMTQuMjA5IDE2IDEyIEMgMTYgOS43OTEgMTQuMjA5IDggMTIgOCB6IE0gMTIgMTAgQyAxMy4xMDUgMTAgMTQgMTAuODk1IDE0IDEyIEMgMTQgMTMuMTA1IDEzLjEwNSAxNCAxMiAxNCBDIDEwLjg5NSAxNCAxMCAxMy4xMDUgMTAgMTIgQyAxMCAxMC44OTUgMTAuODk1IDEwIDEyIDEwIHoiPjwvcGF0aD48L3N2Zz4=');
    background-size: 20px; 
    background-repeat:no-repeat;
    background-position: top left;
    opacity:0.5;
    color: #000;
    font-size:12px;
    padding-top:2px;
}