a.ab-link {
    margin-bottom: 25px;
    display: block;
    float:left;
    width: 100%;
}
button#simple-ask-submit {
    background-color: #ea580c;
}
a#ab_ask {
    color: #fff;
    background-color: #ea580c;
}

.answers-list .answer-item .cell.auto .text {
    margin-bottom: 10px;
    display: block;
    float:left;
    width: 100%;
}
body {
    margin: 30px;
}



.vote-up img[data-image-vote-up],
.vote-down img[data-image-vote-down] {
    visibility: hidden; /* hides the image but keeps space */
    width: 39px;  /* adjust as needed */
    height: 24px; /* adjust as needed */
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

/* Replace up arrow */
.vote-up {
    background-image: url('https://www.kamera-express.nl/media/9ca7feb6-c6c6-4478-a545-9fd0800e06df/yes-button-unselected-png.png'); /* your new image */
width: 35px;
height: 25px;
}

/* Replace down arrow */
.vote-down {
    background-image: url('https://www.kamera-express.nl/media/322b4d83-8073-4d6e-8c01-e94ea703149f/no-button-unselected-png.png'); /* your new image */
width: 35px;
height: 25px;
    margin-left: 5px;
}

/* Replace up arrow that shows when user has selected it */
.vote-up.voted {
  background-image: url(' https://www.kamera-express.nl/media/1e807989-29e2-4dda-b517-d39807e72533/yes-button-selected-png.png'); /* your new image */
width: 35px;
height: 25px;
}

/* Replace down arrow that shows when user has selected it */
.vote-down.voted {
  background-image: url(' https://www.kamera-express.nl/media/8ce528c7-1fa3-4a0a-bf9c-f0fbc0610dfb/no-button-selected-png.png'); /* your new image */
width: 35px;
height: 25px;
  margin-left: 5px;
}


.answerbase-widget .simple-ask-form input[type=checkbox] + input[type=hidden] + label  {
    margin-top: -37px;
    margin-left: 25px;
    display: block;
}



span.timestamp {
    font-size: 10pt;
    font-weight: normal;
}



.answerbase-widget .item a.expand {
    font-size: 10pt;
    font-weight: normal;
    margin-top: 10px;
    display: block;
    float:left;
}


.answerbase-widget .item a.collapse {
    font-size: 10pt;
    font-weight: normal;
    margin-top: 10px;
    display: block;
    float:left;
}


.answerbase-widget .item a.see-more {
    font-size: 10pt;
    font-weight: normal;
    margin-top: 10px;
    display: block;
    float:left;
}



.answerbase-widget .item a.read-more {
    font-size: 10pt;
    font-weight: normal;
    text-decoration: underline;
}


.answerbase-widget .item a.see-more {
    font-size: 10pt;
    font-weight: normal;
    margin-top: 10px;
    display: block;
    float:left;
}




.voting:before {
    content: "Hast du die Antwort auf deine Frage gefunden?";
    position: static;
    display: block;
    display: inline-flex;
    font-size: 12px;
    margin-left: 0px;
    font-family: arial;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    font-weight: normal;
    margin-right: 15px;
}



.answerbase-widget a {
    font-size: 12pt;
    font-weight: bold;
    color: #ea580c;
}
.answerbase-widget a:hover {
    color: #ea580c;
}


.answers-list .answer-item .cell.auto .text:before {
    content: "A";
    position: absolute;
    font-size: 18px;
    font-family: "Barlow", sans-serif;
    width: auto;
    margin-left: -45px;
    margin-top: -2px;
    font-weight: bold;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #000;
    font-weight: bold;
    font-family: sans-serif;
}

.ab-link:before {
    content: "Q";
    position: absolute;
    display: block;
    font-size: 18px;
    margin-left: -45px;
    font-family: "Barlow", sans-serif !important;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    background-color: #ea580c;
    color: #fff;
    border-radius: 50%;
    font-weight: bold;
    font-family: sans-serif;
}




.answerbase-widget {
  font-size: 12pt;
}

.grid-x.grid-margin-x.item > .cell.auto {
  background-color: #f8f8f8;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 75px
}

.answerbase-widget .questions-list .item .follow {
    display: none;
}
body {
    margin: 30px;
}
.submit-button{
 background-color: #ea580c;
color: #fff;
border: none;
    padding: 10px;
    font-weight: 700;
}
.row.checkboxes a{
 color: #ea580c;
text-decoration: none;
}
.row.checkboxes a:hover{
 color: #ea580c;
text-decoration: underline;
}
.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: 450px !important;
}