@charset "utf-8";
/* CSS Document */

.safari #index .pageContent#pageContentMain {
  /* background-image: url(/resources/images/bb2.PNG); */
  background-position: top;
  background-attachment: scroll;
}

/* START Smartphones, Touch devices */
@media (hover: none) and (pointer: coarse) {
  #topmenu .topmenu-right a:hover,
  #topmenu .topmenu-right .productMenu span:hover,
  #topmenu .topmenu-right #menuText:hover,
  #topmenu .topmenu-right .mobileMenuCategory:hover,
  #topmenu .menuBackButton:hover,
  footer .footerMenu a:hover {
    opacity: 100%;
  }
}

/* END Smartphones, Touch devices */
@media only screen and (max-width: 1335px) {
  #index .pageContent#pageContentMain .productBoxContainer,
  .lang-de #index .pageContent#pageContentMain .productBoxContainer {
    flex-wrap: wrap-reverse;
    height: auto;
    min-height: 856px;
  }
  .productBox#productBoxBoardportal {
    order: 1;
  }

  /* #mainContent {
    min-height: calc(100vh - 249px) !important;
  } */
  .productSlide .videoOverlay i {
    font-size: 100px;
  }

  #topmenu .productMenu .productMenuContent a {
    width: 28%;
  }
}

@media only screen and (max-width: 1150px) {
  #topmenu .logo {
    flex: 0 0 110px;
    background-position: 10px center;
    background-size: 100px auto;
    margin-left: 20px;
  }
}

@media only screen and (max-width: 1090px) {
  #index .pageContent#pageContentMain {
    background-position: top;
    background-attachment: scroll;
  }

  .productBox#productBoxBoardportal {
    order: 1;
  }
  .productBox#productBoxSurveymanager {
    order: 2;
  }

  .slideIn-container.productSlide .productSlide-imagescontainer .image {
    height: 150px;
  }

  .slideIn-container.productSlide .productSlide-imagescontainer h2 {
    padding-top: 40px;
    padding-left: 50px;
  }

  .slideIn-container.productSlide .productSlide-imagescontainer h2 span {
    display: none;
  }

  .bottommenu {
    height: auto;
  }

  .bottommenu div {
    flex: 0 0 30%;
  }

  .lang-de .bottommenu div {
    flex: 0 0 23%;
  }

  .lang-en .bottommenu div {
    flex: 0 0 25%;
  }

  #about .careerJobContainer {
    margin: 20px 0 20px 0px;
  }

  #news .newsLongTextContainer h2.newsTitle {
    margin-top: 80px;
  }

  #news .newsContainer .newsPuff h2 {
    width: 100%;
    margin-top: 20px;
  }

  #news .newsContainer .newsPuff .newsPuffDateAndCategory span.newsPuffCategory,
  #news .newsContainer .newsPuff .newsPuffDateAndCategory span.newsPuffDate {
    display: inline-block;
  }

  .gallery .changeImg.next {
    right: 10px;
  }

  .gallery .changeImg.previous {
    left: 10px;
  }

  .gallery .galleyImageContainer {
    max-width: calc(100% - 160px);
  }

  #index .pageContent#pageContentProd .productBoxContainer .productBox .productBoxContent h2 {
    font-size: 20px;
  }

  #index .pageContent#pageContentRefQuote div.pageContentQuote p,
  #index .pageContent#pageContentQuote div.pageContentQuote p {
    font-size: 30px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 50px;
  }

  /* ----- Animation ----- */
  .animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;

    -moz-transform: translate(-100px, 0px);
    -webkit-transform: translate(-100px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
  }

  .animation-element.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate(0px, 0px) !important;
    -webkit-transform: translate(0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
  }
  /* ----- END Animation ----- */

  /* .button-filled.buttonCentered {
    margin-bottom: 40px;
  } */
  #security .securityImgContainer #cec {
    width: 60px !important;
  }
  #security .securityImgContainer #isoLogo {
    width: 70px !important;
  }
  #security .securityImgContainer .securityImg#ncsc,
  #security .securityImgContainer .securityImg#isoCert {
    width: 150px !important;
  }
  .productPage .topContainerText .heading1 {
    font-size: 70px !important;
  }

  .productPage#surveymanager .topContainerText .heading1 span {
    font-size: 40px;
  }

  .productPage .topContainer .buttonContainer.VideoButtonContainer {
    margin-top: 20px;
  }
  #resourcelibraryArticle .pageContent#pageContentProd .productBoxContainer {
    flex-direction: column;
  }
  #menu #menu-content {
    padding-left: 20px;
  }

  .lang-de .pageContent#pageContentMain h1,
  .lang-en .pageContent#pageContentMain h1 {
    font-size: 50px;
  }
  
  /* ----- Footer ----- */

  footer .footerMenu .footerDot {
    margin-left: 20px;
    margin-right: 20px;
  }

  /* ----- END Footer ----- */
}

@media only screen and (max-width: 1240px) {
  .lang-de .footerMenu .footerDot {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 1140px) {
  .lang-de footer .footerContentRight {
    order: 2;
    flex-direction: column;
    display: flex;
    align-items: center;
  }
  .lang-de footer .footerContentRight .isoCert {
    order: 2;
  }
  
  .lang-de footer .footerMenu .footerContainer {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .lang-de footer .footerMenu .linkedInDot {
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  .lang-de footer {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
    background: #f0f0f0;
    padding: 30px 60px;
    gap: 30px;
  }
  
  .lang-de footer .isoCert {
    text-align: center;
  }
  
  .lang-de footer .footerMenu {
    gap: 20px;
  }
}




@media only screen and (max-width: 1120px) {
  #topmenu .topmenu-right .topmenuWebinar,
  #topmenu .topmenu-right .productMenu,
  #topmenu .topmenu-right .login,
  #topmenu .topmenu-right .topmenuQuote {
    margin: 0 15px;
  }
  #topmenu .topmenu-right #menu,
  #topmenu .topmenu-right .topmenuDivider,
  #topmenu .topmenu-right .supportIcon {
    margin: 0px 10px;
  }

  #topmenu .topmenu-right {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 1010px) {
  /* ----- Top menu ----- */
  #topmenu .topmenu-right .topmenuWebinar,
  #topmenu .topmenu-right .topmenuQuote,
  #topmenu .topmenu-right .productMenu,
  #topmenu .topmenu-right .topmenuDivider,
  #topmenu .topmenu-right #menu:hover #menu-content,
  .startpagePicture,
  #topmenu .topmenu-right .langSelector {
    display: none;
  }

  #topmenu .topmenu-right {
    justify-content: flex-end;
    flex: 0 0 auto;
  }

  #topmenu .topmenu-right #menu .mobile-menu-content.mobileMenuActive {
    display: flex;
    flex-direction: column;
  }

  #topmenu .topmenu-right #menu .mobile-menu-content.mobileMenuContentActive {
    display: flex;
    flex-direction: column;
  }

  #topmenu #menu-content .menuContentContainer,
  #topmenu .productMenuContent.topmenuContent {
    display: none;
  }

  #topmenu .mobile-menu-content .productCatergory::after,
  #topmenu .mobile-menu-content .newscatergory::after,
  #topmenu .mobile-menu-content .helpCatergory::after,
  #topmenu .mobile-menu-content .companyCatergory::after,
  #topmenu .mobile-menu-content .settingsCatergory::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f105";
    font-weight: 200;
    margin-left: 10px;
    font-size: 20px;
    color: #333333;
  }

  #topmenu #menu .mobile-menu-content .mobileMenuIcon {
    min-width: 30px;
  }
  .pageContent#pageContentMain h1 {
    padding-left: 30px;
  }
  #topmenu .mobile-menu-content {
    display: block;
    transform: translate(calc(100% + 20px), 0);
    transition: 500ms ease-out;
    min-width: 310px;
    position: absolute;
    right: 0;
    width: 70%;
    top: 60px;
  }
  #topmenu .mobile-menu-content .menuContentContainer {
    background-color: #f0f0f0;
    height: calc(100vh - 60px);
    line-height: 65px;
    min-width: 310px;
    border-top: 0.5px solid #cccccc;
    margin-top: 1px;
  }

  #topmenu .mobile-menu-content .menuContentContainer .langSelector {
    display: flex;
    justify-content: flex-start;
    margin: 10px;
  }
  #topmenu .mobile-menu-content .menuContentContainer .langSelected.langOptions,
  #topmenu
    .mobile-menu-content
    .menuContentContainer
    .langSelector.activeLangDropdown
    .langSelectorDropdown
    .langOptions {
    margin: 10px;
  }
  #topmenu .mobile-menu-content .menuContentContainer .langSelector.activeLangDropdown .langSelectorDropdown {
    position: relative;
    flex-direction: row;
    top: 0;
  }

  /* ----- END Top menu ----- */
  /* ----- Footer ----- */

  footer .footerContentRight {
    order: 2;
    flex-direction: column;
    display: flex;
    align-items: center;
  }
  footer .footerContentRight .isoCert {
    order: 2;
  }
/*   footer .footerLogo {
    height: 45px;
    flex: 0 0 50px;
    margin-top: 50px;
    margin-bottom: 0px;
    width: 240px;
  } */

  footer .footerMenu .footerContainer {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  footer .footerMenu .linkedInDot {
    display: none;
  }

  /* ----- END Footer ----- */

  #topmenu .topmenu-right .supportIcon {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 850px) {
  #index .pageContent#pageContentMain {
    background-position: top;
    background-attachment: scroll;
  }

  .slideIn-container.productSlide .productSlide-imagescontainer h2 {
    padding-top: 40px;
    font-size: 20px;
    padding-left: 15px;
  }

  /* ----- Press ----- */
  #press .pressContent {
    flex-direction: column;
  }

  #press .pressContent .pressContact {
    order: 1;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
  }

  #press .pressContent .pressSocial {
    order: 2;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
  }

  #press .pressContent .pressImages {
    order: 3;
    padding-top: 20px;
  }
  /* ----- END Press ----- */

  #testcomputer .testCaseHeadContainer {
    max-width: 900px;
    min-width: 40%;
  }

  #testcomputer .actions {
    padding-left: 10px;
    text-align: right;
  }
  #testcomputer .column {
    padding-left: 0;
  }
  .testCase3 {
    min-width: 25%;
  }
  /* .loginSite#login .bankIDActive#loginCard .topLogin .choseLoginContainer .chosenLoginType {
    left: 141px;
  }
  .loginSite#login .topLogin .choseLoginContainer .chosenLoginType:before {
    left: 69px;
  } */
  #index .pageContent#pageContentMain {
    background-position: top;
    background-attachment: scroll;
  }

  .productBox#productBoxBoardportal {
    order: 1;
  }
  .productBox#productBoxSurveymanager {
    order: 2;
  }

  .slideIn-container.productSlide .productSlide-imagescontainer .image {
    height: 150px;
  }

  .slideIn-container.productSlide .productSlide-imagescontainer h2 {
    padding-top: 40px;
    padding-left: 50px;
  }

  .slideIn-container.productSlide .productSlide-imagescontainer h2 span {
    display: none;
  }

  .bottommenu {
    height: auto;
  }

  .bottommenu div {
    flex: 0 0 30%;
  }

  .lang-de .bottommenu div {
    flex: 0 0 23%;
  }

  .lang-en .bottommenu div {
    flex: 0 0 25%;
  }

  #about .careerJobContainer {
    margin: 20px 0 20px 0px;
  }

  #news .newsLongTextContainer h2.newsTitle {
    margin-top: 80px;
  }

  #newsItem .newsLongTextContainer h2.newsTitle {
    padding: 60px 20px 0 20px;
    max-width: 100%;
  }

  #news .newsContainer .newsPuff h2 {
    width: 100%;
    margin-top: 30px;
    line-height: 26x;
  }

  #news .newsContainer .newsPuff .newsPuffDateAndCategory span.newsPuffCategory,
  #news .newsContainer .newsPuff .newsPuffDateAndCategory span.newsPuffDate {
    display: inline-block;
  }

  .gallery .changeImg.next {
    right: 10px;
  }

  .gallery .changeImg.previous {
    left: 10px;
  }

  .gallery .galleyImageContainer {
    max-width: calc(100% - 160px);
  }

  #index .pageContent#pageContentProd .productBoxContainer .productBox .productBoxContent h2 {
    font-size: 20px;
  }

  #index .pageContent#pageContentRefQuote div.pageContentQuote p,
  #index .pageContent#pageContentQuote div.pageContentQuote p {
    font-size: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #index .pageContent#webinarDivderIndex .webinarDividerText h2 {
    margin-top: 25px;
  }

  /* ----- Animation ----- */
  .animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;

    -moz-transform: translate(-100px, 0px);
    -webkit-transform: translate(-100px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
  }

  .animation-element.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate(0px, 0px) !important;
    -webkit-transform: translate(0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
  }
  /* ----- END Animation ----- */

  #security .securityImgContainer #cec {
    width: 60px !important;
  }
  #security .securityImgContainer #isoLogo {
    width: 70px !important;
  }
  #security .securityImgContainer .securityImg#ncsc,
  #security .securityImgContainer .securityImg#isoCert {
    width: 150px !important;
  }

  .pageContent#webinarDivderIndex {
    height: auto;
    flex-wrap: wrap;
  }

  .pageContent#webinarDivderIndex .webinarDividerImg {
    flex: 1 1 100%;
    max-height: 210px;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .pageContent#webinarDivderIndex .webinarDividerText {
    text-align: center;
    padding-bottom: 30px;
  }

  .pageContent#webinarDivderIndex .webinarDividerText h2 {
    text-align: center;
  }
  #index .demoButtonContainer {
    flex-wrap: wrap;
  }

  /* ----- Event page ----- */
  #eventInfo .eventInfo {
    flex-wrap: wrap;
    padding: 7px 10px 10px 10px;
  }

  #eventInfo .eventInformationBox {
    flex: 0 1 100%;
    margin: 0;
  }

  #eventInfo .eventInfo .presentationInfo h2.eventName {
    padding: 0;
  }

  #eventInfo .moreEventsButton {
    margin-left: 10px;
  }

  .productPage .pageContent#pageContentProd .productBoxContainer .productBox h3 {
    font-size: 26px;
  }
  .productPage .topContainerText p {
    width: 100%;
  }
  .productPage #styrelseportal .heading2 {
    overflow-wrap: anywhere;
  }

  .productPage .textAndImageContainer .imgContainer {
    align-items: center;
  }
  .productPage .topContainer {
    background-image: none !important;
  }
  .productPage .topContainer .circleArrowDown {
    display: none;
  }
  .productPage .topContainerBorder1 {
    width: 40%;
  }
  .productPage#boardevaluation .topContainerText .heading1 {
    font-size: 35px;
  }

  .pageContentContainer .pageContent .productContainer .displayedProduct p.productSummary {
    margin: 10px;
  }
  .pageContentContainer .pageContent .productContainer .displayedProduct .productTitle {
    font-size: 22px !important;
  }

  #topmenu .mobile-menu-content .menuContentContainer .langSelector {
    margin: 0px;
  }
  #topmenu .mobile-menu-content .menuContentContainer .langSelected.langOptions,
  #topmenu
    .mobile-menu-content
    .menuContentContainer
    .langSelector.activeLangDropdown
    .langSelectorDropdown
    .langOptions {
    margin: 20px;
  }
  #topmenu .topmenu-right .langSelected,
  #topmenu .topmenu-right .langSelector .langSelectorDropdown .langOptions {
    width: 34px;
    height: 34px;
  }
}
@media only screen and (max-width: 795px) {
  /* .loginSite#login .bankIDActive#loginCard .topLogin .choseLoginContainer .chosenLoginType {
    left: 131px;
  } */
  .productPage .topContainerText {
    padding: 0px 40px;
  }
  #topmenu .logo {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 700px) {
  /*----- General layout and element ----- */
  #index .pageContent#pageContentMain {
    background-position: top;
    background-attachment: scroll;
  }
  body.menuContent-open {
    overflow: hidden;
  }

  #scrollContainer {
    height: calc(100vh - 90px);
    margin-top: 90px;
  }

  .leftandrightcontent {
    flex-direction: column;
    align-items: center;
  }

  .leftandrightcontent .contentRight,
  .leftandrightcontent .contentLeft,
  .slideIn-container#support .contentLeft,
  .slideIn-container.productSlide .leftandrightcontent .contentRight,
  .slideIn-container.productSlide .leftandrightcontent .contentLeft {
    flex: 0 0 auto;
  }

  /*----- Footer -----*/

  footer {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
    background: #f0f0f0;
    padding: 30px 60px;
    gap: 30px;
  }

  footer .isoCert {
    text-align: center;
  }

  footer .footerMenu {
    gap: 20px;
  }

  /*----- END General layout and element ----- */
  /* ----- CookiesAccept ----- */
  .EditCookieSettingsTextContainer {
    width: auto;
  }
  .cookiesAcceptTextContainer {
    width: 100%;
  }

  .cookiesAcceptButtonContainer {
    /* width: 100%; */
    display: block;
  }

  .cookiesAcceptButtonContainer #cookiesAcceptButton,
  #cookiesSubmitPreferencesButton,
  #cookiesDeclineButton {
    margin-right: 10px;
    float: left;
  }

  .buttonEditSettingsCookieConsentForm {
    float: left;
    margin-left: 10px;
  }
  /* ----- END CookiesAccept ----- */

  /* ----- SlideIn general ----- */
  .slideIn-container {
    height: calc(100vh - 70px);
    top: 70px;
  }

  .slideIn-container .close-slideIn-arrow {
    left: 10px;
  }

  .slideIn-container .leftandrightcontent,
  .slideIn-container.leftandrightcontent {
    flex-direction: column;
  }

  .contentDivider {
    display: none;
  }

  .close-slideIn {
    top: 95px;
  }

  .bokademo-h2 {
    font-size: 18px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .form .submit {
    margin: 5px auto 90px auto;
    appearance: none;
  }

  .form {
    padding-bottom: 40px;
  }

  /* ----- END SlideIn general ----- */
  /* ----- Login ----- */

  /* ----- Kod som kopierats in i login.css ----- */
  /* 
  .loginSite#login .contentLeft {
    order: 2;
    min-height: 0;
  }

  .loginSite#login .contentRight {
    order: 1;
  }



  .loginSite#login .contentRight #mobileUpcommingMaintenance.active {
    display: flex;
  }
  .loginSite#login .loginUsing-header img.loginUsingImage {
    order: 1;
    flex: 0 0 80px;
    width: auto;
    height: 60px;
    margin-top: 10px;
  }
  .loginSite#login .chooseLogin-page .buttons-container {
    margin-top: 0px;
  } */
  /* ----- Kod som kopierats in i login.css ----- */

  /* .loginSite#login .contentRight .formContainer,
  .loginSite#login .contentRight .loginFormFooter {
    width: 95%;
  } */

  /* .loginSite#login .chooseLogin-options {
    flex-direction: column;
  } */

  /* .loginSite#login .chooseLogin {
    flex: 0 0 50px;
    margin: 0;
  } */

  /* .loginSite#login .chooseLogin .imageContainer {
    flex: 1 1 60px;
  } */
  /* .loginSite#login .chooseLogin-content {
    display: flex;
    flex-direction: row;
    height: 80px;
    min-width: 100%;
  } */

  /* .loginSite#login .chooseLogin-content h3 {
    order: 2;
    flex: 1 1 100%;
  } */

  /* .loginSite#login .chooseLogin .imageContainer img {
    order: 1;
    flex: 0 0 50px;
    width: 100%;
    padding-left: 10px;
  } */

  /* .loginSite#login .chooseLogin-content .arrow {
    display: inline-block;
    order: 3;
    flex: 0 0 5px;
    width: 5px;
    height: 5px;
    margin: 0 15px 0 0;
  } */

  /* .loginSite#login .loginUsing-header {
    display: flex;
    flex-direction: row;
    padding: 40px 20px 0 20px;
  }

  .loginSite#login .loginUsing-header h2 {
    order: 2;
    flex: 1 1 100%;
    font-size: 16px;
    margin-top: 25px;
    text-align: left;
  }

  .loginSite#login #loginUsing-password .loginUsing-header h2 br {
    display: none;
  } */

  /* .loginSite#login .bankIDActive#loginCard .topLogin .choseLoginContainer .chosenLoginType {
    left: 157px;
  } */
  /* .loginSite#login .close-slideIn-arrow .arrow {
    border-color: white;
  } */

  /* ----- END Login ----- */
  /* ----- Support ----- */
  .slideIn-container#support .contentLeft,
  .slideIn-container#support .contentRight,
  .slideIn-container#support .contentDivider {
    margin-top: 0;
  }
  #support .contentRight {
    border-top: 1px solid #ccc;
  }
  .slideIn-container#support h2.supportFirstHeader {
    position: static;
    padding-left: 40px;
    box-sizing: border-box;
  }

  .supportTopContact {
    display: none;
  }

  /* ----- END Support ----- */
  /* ----- Index ----- */

  /* pageContentMain */
  #index .de-partner-title {
    font-size: 28px;
  }

  #index .pageContent#pageContentRef h2 {
    margin: 10px;
  }

  .pageContentContainer#index .pageContent#pageContentMain {
    height: auto;
    padding-bottom: 20px;
  }

  #index .contactUsButton {
    position: static;
    margin: 20px auto 0 auto;
  }

  #index .pageContent#pageContentKeywords #pageContentKeywords-SecurityContainer .pageContentKeywords-SecurityBullet {
    flex: 0 0 150px;
  }
  #index .pageContent#pageContentSecond p {
    font-size: 14px;
    margin: 10px;
  }
  #index .pageContent#pageContentProd .productBoxContainer .productBox .productBoxContent h2 {
    font-size: 32px;
  }

  .pageContentContainer#index .pageContent#pageContentMain .productBoxContainer {
    flex-direction: column;
    height: auto;
    margin: 0;
  }

  .pageContentContainer#index .pageContent#pageContentMain .productBoxContainer .productBox#productBoxBoardportal {
    order: 1;
    height: auto;
    width: 90%;
    margin: 30px auto;
  }
  .pageContentContainer#index .pageContent#pageContentMain .productBoxContainer .productBox#productBoxSurveymanager {
    order: 2;
    height: auto;
    width: 90%;
    margin: 30px auto;
  }
  .pageContentContainer#index .pageContent#pageContentMain .productBoxContainer .productBox#productBoxInsidermanager {
    order: 3;
    height: auto;
    width: 90%;
    margin: 30px auto;
  }
  .pageContentContainer#index .pageContent#pageContentMain .productBoxContainer .productBox#productBoxCrisisportal {
    order: 4;
    height: auto;
    width: 90%;
    margin: 30px auto;
  }
  /* END pageContentMain */
  /* pageContentRefQuote */

  /* END pageContentRefQuote */
  /* pageContentRef */
  .referencesScrollContainer div.referencesImg2,
  .referencesScrollContainer div.referencesImg3,
  .referencesScrollContainer div.referencesImg4,
  .referencesScrollContainer div.referencesImg5 {
    flex: 0 0 0;
    width: 0;
    padding: 0;

    text-align: center;
  }

  .referencesScrollContainer div img {
    display: inline-block;
    width: auto;
    max-height: 180px;
  }

  .referencesScrollContainer div.referencesImg0 {
    text-align: center;
  }

  .referencesScrollContainer div.referencesImg1 {
    text-align: center;
  }

  .referencesScrollContainer div {
    width: auto;
  }

  #index .pageContent#pageContentKeywords p {
    padding: 10px;
  }

  #index .pageContent#pageContentKeywords .limitWidthContainer#pageContentKeywords-contentEasy {
    flex-direction: column;
  }

  #index .pageContent#pageContentKeywords .limitWidthContainer#pageContentKeywords-contentEasy div {
    margin: 5px 0;
    height: auto;
  }

  #index .pageContent#pageContentKeywords .limitWidthContainer#pageContentKeywords-contentEasy div img {
    width: 440px;
    max-width: 96%;
    margin: 10px 0;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }

  #index .pageContent#pageContentKeywords .limitWidthContainer#pageContentKeywords-contentEasy div img:hover {
    width: 440px;
    max-width: 96%;
    margin: 10px 0;
  }

  #index .pageContent#pageContentKeywords .pointContainer {
    position: static;
    margin: 20px 0;
    margin-left: -30px;
    text-align: center;
  }

  #index .pageContent#pageContentKeywords #pageContentKeywords-SecurityContainer {
    justify-content: space-around;
  }

  #index .pageContent#pageContentKeywords #pageContentKeywords-SecurityContainer .pageContent3SecurityBullet {
    margin-bottom: 30px;
  }

  #index .pageContent#pageContentKeywords .limitWidthContainer .indexFlexible {
    margin-top: 20px;
  }
  /* END pageContentKeywords */
  /* pageContentQuote */

  #index .pageContent#pageContentRefQuote div.pageContentQuote p,
  #index .pageContent#pageContentQuote div.pageContentQuote p {
    font-size: 30px;
    line-height: 50px;
  }

  #index .pageContent#pageContentRefQuote div.pageContentQuote span.quoteMarks,
  #index .pageContent#pageContentQuote div.pageContentQuote span.quoteMarks {
    font-size: 60px;
  }

  /* END pageContentQuote */
  /* pageContentProd */
  #index .pageContent#pageContentProd .productBoxContainer,
  .productPage .pageContent#pageContentProd .productBoxContainer {
    flex-direction: column;
  }

  #index .pageContent#pageContentProd .productBoxContainer .productBox {
    flex: 0 1 auto;
    margin: 20px 0;
  }
  /* END pageContentProd */
  /* ProductSlide */
  .slideIn-container.productSlide h2 {
    text-align: center;
    padding-right: 40px;
    padding-left: 40px;
    width: 100%;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
  }

  .productSlide h2 {
    font-size: 33px;
    line-height: 30px;
  }

  .slideIn-container.productSlide .leftandrightcontent {
    display: block;
  }

  .slideIn-container.productSlide .leftandrightcontent .contentRight {
    border-bottom: 1px solid #ccc;
  }

  .slideIn-container.productSlide .productSlide-demotrialbuttons {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-bottom: 100px;
  }

  .slideIn-container.productSlide .productSlide-imagescontainerSizebox,
  .ie11 .slideIn-container.productSlide .productSlide-imagescontainerSizebox {
    position: static;
    width: 100%;
  }

  .slideIn-container.productSlide .productSlide-referencecontainer .referenceContainer div {
    width: 90%;
    margin: 0 5%;
  }

  .slideIn-container.productSlide .productSlide-header img {
    margin-left: 30px;
  }

  .slideIn-container.productSlide .contentLeft {
    padding: 0 50px;
  }

  .slideIn-container.productSlide .productSlide-imagescontainer {
    padding: 0 30px;
  }

  .slideIn-container.productSlide .productSlide-imagescontainer h2 {
    padding-left: 80px;
  }

  .slideIn-container.productSlide .productSlide-imagescontainer .image {
    width: 100%;
    max-width: none;
  }

  .slideIn-container.productSlide .productSlide-imagescontainer .image,
  .slideIn-container.productSlide .productSlide-imagescontainer .image:first-child,
  .slideIn-container.productSlide .productSlide-imagescontainer .image:last-child {
    margin: 10px 0;
  }

  .fad.pictureicon {
    font-size: 20px;
  }

  .slideIn-container.productSlide div.pageContentQuote span.quoteMarks {
    font-size: 60px;
  }

  .productSlide div.pageContentQuote {
    border-top: none;
    margin: 10px 0px;
  }

  .productSlide div.pageContentQuote p {
    font-size: 16px;
  }

  .productSlide div.pageContentQuote span.quoteMarks {
    font-size: 55px;
  }

  /* END ProductSlide */

  /* ----- END Index ----- */
  /* ----- News ----- */
  #news .twitterContainer {
    display: none;
  }

  #news .newsLongTextContainer div.newsLongText,
  #newsItem .newsLongTextContainer div.newsLongText {
    padding: 20px 20px 20px 20px;
  }

  /* ----- END News ----- */
  /* ----- About ----- */

  #about .columnText {
    column-count: 1;
    padding: 0 10px;
  }

  #about #pageContentBanner div {
    padding: 90px 14px;
    font-size: 21px;
  }

  #about #pageContentJobs {
    padding: 0 10px;
  }

  #about #pageContentJobs .columnText {
    padding: 0;
  }

  #about #pageContentJobs .careerJobContainer {
    padding: 10px;
    margin: 20px 0 20px 0px;
  }

  #about #pageContentJobs .careerJobListsContainer {
    flex-direction: column;
  }

  #about #pageContentJobs .careerJobLists {
    flex: 1 1 auto;
  }

  #about #pageContentBanner {
    min-height: 300px;
  }

  /* ----- END About ----- */
  /* ----- Forms ----- */
  .form-row {
    flex-direction: column;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .ie11 .form-row .content-wrapper {
    flex: 1 1 auto;
  }

  .form-row .content-wrapper:nth-child(1) input,
  .form-row .content-wrapper:nth-child(1) div.selectStyle {
    margin-bottom: 30px;
  }

  .form-row .content-wrapper:nth-child(1) input.required,
  .form-row .content-wrapper:nth-child(1) div.selectStyle select.required {
    margin-bottom: 0;
  }

  .form-row .content-wrapper input,
  .form-row .content-wrapper select,
  .form-row .content-wrapper div.selectStyle,
  .form-row .content-wrapper textarea,
  .form-row .content-wrapper.onlyOneWrapper input,
  .form-row .content-wrapper.onlyOneWrapper select,
  .form-row .content-wrapper.onlyOneWrapper div.selectStyle,
  .form-row .content-wrapper.onlyOneWrapper textarea {
    width: 100%;
  }

  .form h3 {
    width: 100%;
    margin: 20px;
  }

  #trial .form h3 {
    width: 60%;
  }

  .form .divider {
    display: none;
  }

  #sendingMessageContainer .sendingMessagePopup {
    width: 360px;
  }

  #sendingMessageContainer .sendingMessageSuccess h2,
  #sendingMessageContainer .sendingMessageFailed h2 {
    font-size: 18px;
  }
  /* ----- END Forms ----- */
  /* ----- Security ----- */
  #security .securityInfoContainer .imageContainer {
    width: 100%;
  }

  #security .securityInfoContainer .imageContainer img {
    max-width: 100%;
  }

  #security .securityInfoContainer .textContainer {
    width: 100%;
  }

  /* ----- END Security ----- */
  /* ----- event ----- */
  #event #eventInfo {
    text-align: center;
  }

  #event .eventInfo {
    flex-direction: column;
  }

  #event .eventInfo .presentationInfo {
    flex: 0 0 auto;
    width: 100%;
  }

  #event .eventInformationBox {
    flex: 0 0 auto;
    width: 100%;
    margin: 20px 0;
  }

  #event .eventContainer,
  #event .noEvent {
    width: auto;
  }

  .ie11 #event .eventContainer,
  .ie11 #event .noEvent {
    flex: 1 1 auto;
  }

  #event .eventInfo .presentationInfo .presentationInfoText {
    padding: 20px;
    text-align: left;
  }

  #event .waitingListText {
    padding-top: 0;
    padding-bottom: 20px;
  }

  #event .eventInfo {
    padding: 20px;
  }

  #event .slideIn-container h2 {
    margin-top: 15px;
  }

  #event .contentRight {
    padding-left: 0;
    border-top: none;
  }

  #event .slideIn-container h2.topHeader {
    font-size: 30px;
    margin-right: 0;
    margin-left: 40px;
  }

  #eventInfo .eventInfo .presentationInfo .presentationInfoText {
    padding: 20px;
  }

  /* ----- END event ----- */
  /* ----- testcomputer ----- */
  #testcomputer .systemreqContainer {
    margin-bottom: 0;
  }

  #testcomputer .linkToActions {
    padding-right: 10px;
    box-sizing: border-box;
  }

  #testcomputer #systemtab ul li {
    font-size: 16px;
    margin: 0;
  }

  #testcomputer #systemtab ul {
    padding-left: 2px;
    overflow-x: auto;
    margin-right: 5px;
    justify-content: space-between;
    padding: 0 10px;
  }

  #testcomputer .tabcontent {
    padding: 0 6px 0 10px;
  }

  #testcomputer .container {
    flex: 1 1 auto;
    width: 100%;
  }

  #testcomputer .container .testCaseContainer {
    display: flex;
  }

  #testcomputer .testCase2 {
    padding-right: 95px;
  }

  #testcomputer h1 {
    line-height: 1;
  }

  /* ----- END testcomputer ----- */

  .webinarFunctions .webinarFunctionsList {
    columns: 1;
  }
  /* #thanks a.button-filled.bigButton {
    min-width: 150px;
    padding: 8px;
    font-size: 16px;
    margin: 10px;
  } */

  #thanks .buttonContainer {
    margin: 40px;
  }

  .productPage .topContainerText .heading1 {
    font-size: 35px !important;
    letter-spacing: 5px;
  }

  .productPage#surveymanager .topContainerText .heading1 span {
    font-size: 20px;
  }

  .productPage .topContainer {
    flex-direction: column;
    background-image: none !important;
  }
  .productPage .topContainerText {
    width: 90%;
    padding: 0px 15px;
    justify-content: flex-start;
  }
  .productIcon {
    display: none;
  }
  .productIcon.activeProduct {
    display: block;
  }

  #productIconsOnly .productIcon {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  /* .loginSite#login .bankIDActive#loginCard .topLogin .choseLoginContainer .chosenLoginType {
    left: 145px;
  } */

  #eventInfo .eventInfo .presentationInfo .presentationInfoBg {
    height: 140px;
  }

  .productPage #styrelseportal .topContainerText .heading1 {
    font-size: 25px;
  }

  .productPage .textAndImageContainer {
    flex-direction: column;
    padding: 10px 30px;
    margin: 20px auto;
  }
  .productPage .headingAndTextContainer {
    order: 1;
    margin: 20px 0px;
  }

  .productPage .button {
    font-size: 16px;
    padding: 15px 20px;
  }
  .buttonContainer {
    flex-direction: column;
  }

  .productPage .buttonContainer .button:not(:last-child) {
    margin: 0px 0px 40px 0px;
  }
  .productPage .greyDivider .textAndImageContainer.webinarDivider {
    height: 100%;
  }
  .productPage .greyDivider .textAndImageContainer.newsletterDivider {
    height: 100%;
  }
  .pageContent#pageContentProd .productBoxContainer .productBox {
    flex: 0 1 255px;
  }

  .productPage .topContainerBorder2 {
    margin-top: 10px;
  }
  .productPage .headingAndTextContainer p {
    text-align: left;
  }

  #menu .mobile-menu-content {
    min-width: 80%;
  }
  .pageContent#pageContentMain h1 {
    font-size: 50px;
  }

  #topmenu .topmenu-right a.login {
    margin: 0px 15px;
  }
  .lang-de .pageContent#pageContentMain h1,
  .lang-en .pageContent#pageContentMain h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 400px) {
  /* .loginSite#login .bankIDActive#loginCard .topLogin .choseLoginContainer .chosenLoginType {
    left: 132px;
  } */
  .productPage #styrelseportal .topContainerText .heading1 {
    font-size: 20px;
  }
  .productPage .topContainerText .heading1 {
    font-size: 27px !important;
  }
  footer .footerMenu .footerDot {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 350px) {
  .productSlide .videoOverlay i {
    font-size: 60px;
  }

  .productPage .topContainerText .heading1 {
    font-size: 20px !important;
  }
  .productPage .topContainerText {
    width: 90%;
    padding: 0px 10px;
  }

  .productPage .topContainer .buttonContainer.VideoButtonContainer {
    margin: 10px 0px 30px 0px;
  }
  .productPage .button.videoButton {
    font-size: 25px;
    min-width: 200px;
    padding: 15px 20px;
    border-radius: 50px;
  }
  .pageContent#pageContentMain h1 {
    font-size: 40px;
    padding-left: 20px;
  }
  .pageContentContainer .pageContent .productContainer .displayedProduct .productTitle {
    font-size: 20px !important;
  }
}

@media only screen and (max-height: 550px) {
  #topmenu .mobile-menu-content .menuContentContainer {
    overflow: scroll;
  }
}