body {
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 20px;
}

input[type=text],
select {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    border: 1px solid #d2d2d2;
}

img {
    border: 0;
}

a {
    color: #005ea8;
    text-decoration: none;
}

form {
    margin: 0;
    padding: 0;
}


/* +++++++++++++++++++++++ ALLGEMEIN +++++++++++++++++++++++++ */navhaendler-slide

.br10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.br10top {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.submit-btn {
    border: 0;
    background: url(../images/common/pfeil_blau.png) center center no-repeat;
    width: 20px;
    overflow: hidden;
    text-indent: -999px;
    margin-left: 10px;
    cursor: pointer;
    outline: 0;
}

.btn-red, .btn-red-onlinehaendler:focus, .btn-red-onlinehaendler:visited {
    background-color: #cb1f03;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn-red:hover {
    background-color:#d71e00;
    color:#fff !important;
}

.btn-red-onlinehaendler {
    font-size: 16px;
    padding: 5px 15px 7px 15px;
    margin-left:130px;
    outline:none !important;
}

.btn-red-onlinehaendler:hover {
    color:#f0f0f0;
}

.btn-blue {
    background-color: #005ea8;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 16px;
    padding: 7px 15px 8px 15px;
}
.btn-blue:hover {
    color:#f0f0f0;
}

.btn-blue:active, .btn-blue:linked {
    color: #fff;
    text-decoration: none;
}

.show-btn-mobil {
    display: none;
}

@media screen and (max-width: 640px) {
    .show-btn-mobil {
        display: inline-block;
    }
    .show-btn-desktop {
        display: none;
    }
}



.btn-red span {
    padding-right: 30px;
    background: url(../images/common/pfeil_weiss.png) center right no-repeat;
}

.btn-blue span {
    padding-right: 20px;
    background: url(../images/common/pfeil_weiss_klein.png) center right no-repeat;
}

.btn-gross {    
    font-size: 18px !important;
    padding: 10px 30px !important;
}

.cb {
    clear: both;
}

.dn {
    display: none;
}

.content-2spalt-l {
    float: left;
    width: 480px;
    margin-top: 35px;
}

.content-2spalt-r {
    float: right;
    width: 480px;
    text-align: left;
    margin-top: 35px;
}

.btn-basic {
    overflow: hidden;
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 42px;
    text-decoration: none;
    font-weight: bold;
}

.btn-allgemein {
    width: 480px;
    height: 45px;
    overflow: hidden;
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 42px;
    text-decoration: none;
    font-weight: bold;
}

.btn-allgemein-short {
    width: 306px;
    height: 45px;
    overflow: hidden;
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 42px;
    text-decoration: none;
    font-weight: bold;
}

.block {
    clear: both;
}

.btn-software {
    background: url(../images/common/btn_software.png) top left no-repeat;
}

.btn-software span,
.btn-schreiben span,
.btn-kassen span,
.btn-schreiben-short span,
.btn-haendlersuche span,
.btn-download span,
.btn-abschicken span,
.btn-schreiben-middle span,
.btn-haendlersuche-short span {
    padding-left: 57px;
}

.btn-schreiben {
    background: url(../images/common/btn_schreiben.png) top left no-repeat;
}

.btn-schreiben-short {
    background: url(../images/common/btn_schreiben_short.png) top left no-repeat;
}

.btn-haendlersuche-short {
    background: url(../images/common/btn_haendlersuche_short.png) top left no-repeat;
    width: 175px;
    height: 45px;
}

.btn-haendlersuche-large {
    /*background: url(../images/common/btn_alle_haendler.png) top left no-repeat;*/
    background: #005ea8 url("../images/common/pfeil_weiss.png") no-repeat scroll 95% center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 230px;
    width: 100%;
    height: 45px;
    box-sizing: border-box;
    padding-right: 20px;
}

.btn-schreiben-middle {
    background: url(../images/common/btn_schreiben_middle.png) top left no-repeat;
    width: 430px;
    height: 45px;
}

.btn-kassen {
    background: url(../images/common/btn_kassen.png) top left no-repeat;
}

.btn-haendlersuche {
    background: url(../images/common/btn_haendlersuche.png) top left no-repeat;
    width: 235px;
    height: 45px;
}

.btn-download {
    background: url(../images/common/btn_download.png) top left no-repeat;
    max-width: 455px;
    height: 45px;
}

.btn-abschicken {
    background: url(../images/common/btn_abschicken.png) top left no-repeat;
    width: 195px;
    height: 45px;
}

.box-only-grau {
    background-color: #f1f0f0;
}

.box-grau {
    background-color: #f1f0f0;
    padding: 22px;
}
.box-rot {
    background-color: #cb1f03;
    padding: 22px;
    border-radius: 8px;
}
.box-h2 {
    color: #FFFFFF;
}
.ohne-einrueck {
    padding-left: 0;
    margin-left: 15px;
    margin-top: 5px;
    /* color: #FFFFFF; */
}

.mt-auto {
    margin-top: auto;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.mb-auto {
    margin-bottom: auto;
}

.mt0 {
    margin-top: 0 !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px;
}

.mt25 {
    margin-top: 25px;
}

.mt50 {
    margin-top: 50px;
}

.mt80 {
    margin-top: 80px;
}

.ml15 {
    margin-left: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.pt10 {
    padding-top: 10px;
}

.pt80 {
    padding-top: 80px;
}

.w-full {
    width: 100%;
}

ul.inside {
    padding-left: 1.5rem;
    list-style-position: outside;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.small {
    font-size: 11px;
    line-height: 16px;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justify-center {
    justify-content: center;
}

.items-center {
    align-items: center;
}

.error {
    border: 1px solid #ff0000 !important;
}

.error-radio {
    -moz-outline-radius: 10px 10px 10px 10px;
    outline: 1px solid #ff0000;
}


/* +++++++++++++ HEADER ++++++++++++++++++++++ */

header {
    /*height: 400px;*/
}

.header-small {
    height: 160px !important;
}

#header-topheader {
    width: 100%;
    position: fixed;
    height: 60px;
    background: url(../images/common/background_topnavi.png) top left repeat;
    z-index: 70;
    overflow: hidden;
    /*opacity: 0.95;*/
}

#header {
    position: fixed;
    width: 100%;
    height: 450px;
    display: block;
    z-index: 40;
}


/*
.header-home {
    background: #f1f0f0 url(../images/header/home.jpg) top center no-repeat;
}

.header-home-mobil {
    background: #f1f0f0 url(../images/header/home_mobil.jpg) top center no-repeat;
}
*/

.header-slide-possum {
    background:#e4f2fa url('../images/premiumbanner/KLA_Banner_Possum_desktop.jpg') bottom center no-repeat;
    height:400px;
    color:#000;
}

.header-slide-0 {
    background:#e4f2fa url('../images/premiumbanner/PB_GoBD_Taxonomie_08-2022_desktop.png') bottom center no-repeat;
}

.header-slide-1 {
    background:#f2f0f1 url('../images/premiumbanner/slide_1.jpg') top center no-repeat;
}

.header-slide-2 {
    background:#f2f0f1 url('../images/premiumbanner/slide_2.jpg') top center no-repeat;
}

.header-slide-3 {
    background:#f2f0f1 url('../images/premiumbanner/slide_3.jpg') top center no-repeat;
}

.header-slide-4 {
    background:#f1f0f0 url('../images/premiumbanner/slide_4.jpg') top center no-repeat;
}

.header-slide-5 {
    background:#f1f0f0 url('../images/premiumbanner/slide_5.jpg') bottom center no-repeat;
    /* background-size: 980px; */
}
.header-slide-6 {
    background:#f1f0f0 url('../images/premiumbanner/PB_TSE.jpg') bottom center no-repeat;
    /* background-size: 980px; */
}
.header-slide-7 {
    /*background:#f1f0f0 url('../images/premiumbanner/PB_MWST.jpg') bottom center no-repeat;*/
    background:#e4f2fa url('../images/premiumbanner/PB_GoBD_Modelle_08-2022_desktop.png') center 30px no-repeat;
    /*background-size: 980px;*/
}

.header-slide-euroshop { 
    background:#f1f0f0 url('../images/premiumbanner/PB_GoBD_Messe_EuroShop_2023_desktop.png') center 30px no-repeat;    
}

.header-slide-8 {
    background:#f1f0f0 url('../images/premiumbanner/PB_TSE_Antrag.jpg') bottom center no-repeat;
    color: #010101;
    /* background-size: 980px; */
}

.header-slide-8 .header-text h1,
.header-slide-8 .header-text h2 {
    color: #010101;
}

.header-slide-8 .header-text h1 {
    font-size: 43px;
    line-height: 1.2;
}

.header-slide-8 .header-text {
    padding-top: 75px;
}


.header-slide-9 {
    /*background:#f1f0f0 url('../images/premiumbanner/PB_TSE_Antrag.png?v=2') bottom center no-repeat;*/
    background:#f1f0f0 url('../images/premiumbanner/PB-TSE-CASIO.jpg?v=2') bottom center no-repeat;
    color: #010101;
    /* background-size: 980px; */
}

.header-slide-9zusatz {
    background:#f1f0f0 url('../images/premiumbanner/PB-TSE-andereKassen.jpg') bottom center no-repeat;
}

.header-slide-9 .header-text h1,
.header-slide-9 .header-text h2 {
    color: #010101;
}

.header-slide-9 .header-text h1 {
    font-size: 43px;
    line-height: 1.2;
    margin-top: 40px;
}

.header-slide-9 .header-text h2 {
    margin-bottom: 30px;
}

.header-slide-9zusatz .header-text h1 {
    margin-top:0;
}

.header-slide-9 .header-text {
    padding-top: 75px;
}


.header-general {
    background: #f1f0f0 url(../images/header/general_small.jpg) top center no-repeat;
}

.header-slideimg-mobil, .header-slideimg-mobil-1000 {
    display: none;
}

@media (max-width:1000px) {
    .header-slideimg-mobil-1000 {
        display: block;
    }

    .header-slideimg-mobil-1000 img {
        width: 100%;
    }
    .header-slide-possum {
        background:#e4f2fa;
    }

    .header-text-1000 {
        display: none;
    }
}

@media (max-width:750px) {
    .premiumbanner-slide .header-text {
        padding-top: 30px !important;
    }
    .header-slideimg-mobil {
        display: block;
    }
    .header-slideimg-mobil img {
        width: 100%;
    }
    .header-slide-7 {
        background:#e4f1fa;
    }
    .header-slide-euroshop {
        background:#f1f0f0;
    }    
    .header-slide-7 .header-text, .header-slide-euroshop .header-text {
        display: none;
    }
    .header-slide-8 {
        background:#f1f0f0;
    }
    .header-slide-0, .header-slide-9 {
        background:#e4f2fa;
    }    
    .header-slide-9 {
        background-image: none;
    }

    .header-slideimg-mobil .taxopos-stoerer {
        width: 86px;
        height: 50px;
        top: -60px;
        left: 15px;
    }
}

.taxopos-stoerer {
    position: absolute;
    top: -40px;
    left: 0;
}



.header-slide-25-1 {
    background-color:#e4f2fa;
    text-decoration: none !important;
}

.slide-25-1-h1 h1 {
    font-size: 36px;
    line-height: 46px;
    color:#cb1f03;
    font-weight: bold;
    margin: 60px 0 20px 0;
}

.slide-25-1-flex {
    display:flex;
    justify-content: start;
    align-items: center;
}

.slide-25-1-flex > div:first-child {
    width:55%;
    padding:10px 0;
}

.slide-25-1-flex > div:first-child div {    
    background-color:#cb1f03;
    color:#fff;
    padding:7px 14px; 
    position: relative; 
    display: inline-block; 
    width: 85%;   
}

.slide-25-1-flex > div:first-child div::before, 
.slide-25-1-flex > div:first-child div::after {
    width: 20px;
    height: 50%;
    position: absolute;
    left: 100%;
    content: "";
}

.slide-25-1-flex > div:first-child div::before {
    top: 0px;
    background: linear-gradient(to right top, #cb1f03 48%, transparent 52%);
}

.slide-25-1-flex > div:first-child div::after {
    top: 50%;
    background: linear-gradient(to right bottom, #cb1f03 48%, transparent 52%);
}



.slide-25-1-flex > div:last-child {
    width:45%;
    color:#333333;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
}

.slide-25-1-flex > div:last-child > div {
    max-width: 350px;
}

.slide-25-1-flex > div:last-child span {
    color:#cb1f03;
}

.slide-25-1-txt {
    font-weight: bold;
    color:#333333;
    margin: 20px 0 10px 0;
}

.slide-25-1-btn .btn-gross {
    font-size: 18px;
    display: inline-block !important;
    padding:10px 30px !important;    
}


@media (max-width:1200px) {

    .slide-25-1-h1 h1 {
        margin-top:40px;
    }
    .slide-25-1-flex {
        display: block;
    }

    .slide-25-1-flex > div:first-child {
        width:94%;
    }

    .slide-25-1-flex > div:last-child {
        width: 100%;
        margin-bottom: 20px;
    }

    .slide-25-1-btn {
        margin-bottom: 40px;
    }
}




#header-topheader-logo {
    width: 385px;
    height: 45px;
    display: block;
    position: absolute;
    overflow: hidden;
    text-indent: -999px;
    background: url(../images/common/logo_gobd-by-klar_desktop.png) top left no-repeat;
    z-index: 9999;
}

#header-topheader-logo-mobil {
    width: 220px;
    height: 33px;
    display: block;
    position: absolute;
    overflow: hidden;
    text-indent: -999px;
    background: url(../images/common/logo_gobd-by-klar_mobile.png) top left no-repeat;
    z-index: 9999;
    background-size: contain;
    box-sizing: border-box;  
    margin-left: 15px;  
}

#header-topheader-newsletter {
    position: absolute;
    right: 0;
    background-color: #fff;
    padding: 7px 15px;
    text-align: left;
    top: 25px;
}

#header-topheader-newsletter span {
    background: url(../images/common/icon_newsletter.png) top left no-repeat;
    background-position: 0 5px;
    padding: 3px 25px 0 25px;
    float: left;
}

#header-topheader-newsletter form {
    float: left;
}

#header-text, .header-text {
    max-width: 980px;
    margin: 0 auto;
    padding-top: 100px;
}

#header-text h1  {
    font-size: 82px;
    line-height: 82px;
    color: #fff;
    padding: 0;
    margin: 0;
    text-shadow: 0px 2px 20px rgba(100, 36, 8, 1);
}

.header-text h1  {
    font-size: 53px;
    line-height: 60px;
    font-weight: bold;
    color: #fff;
    padding: 0;
    margin: 0 0 20px 0;
    /*text-shadow: 0px 2px 20px rgba(100, 36, 8, 1);*/
}

#header-text h2 {
    font-family: 'Lato', sans-serif;
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    padding: 0;
    margin: 0 0 30px 0;
    text-shadow: 0px 2px 20px rgba(100, 36, 8, 1);
}

.header-text h2 {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    color: #fff;
    padding: 0;
    margin: 0 0 50px 0;    
}

#header-text-mobil, .header-text-mobil {
    max-width: 980px;
    margin: 0 auto;
    padding-top: 140px;
}

#header-text-mobil h1, .header-text-mobil h1 {
    font-size: 82px;
    line-height: 82px;
    color: #000000;
    padding: 0;
    margin: 0;
    text-shadow: 0px 2px 20px rgba(100, 36, 8, 1);
}

#header-text-mobil h2, .header-text-mobil h2 {
    font-family: 'Lato', sans-serif;
    font-size: 48px;
    line-height: 48px;
    color: #000000;
    padding: 0;
    margin: 0 0 30px 0;
    text-shadow: 0px 2px 20px rgba(100, 36, 8, 1);
}


.premiumbanner-slide {
    min-height:400px;
}




.premiumbanner-slider .slick-dots {
    padding: 5px 0;
    bottom: -35px;
}

.premiumbanner-slider.slick-slider.slick-dotted {
    margin-bottom: 35px;
}

.premiumbanner-slider .slick-dots li {
    bottom: 2px;
}

.premiumbanner-slider .slick-dots li button::before {
    font-size: 40px;
    color: #c6c6c6;
    opacity: 1;
}

.premiumbanner-slider .slick-dots li.slick-active button::before {
    color: #005ea8;
}





.premiumbanner-slide-thumbs {    
    position: relative;    
    cursor: pointer;    
}

.premiumbanner-slide-abstand {
    margin:20px 5px;
    background-color: #000;
}

.premiumbanner-slide-thumbs .premiumbanner-slide-abstand div { 
    box-sizing: border-box;        
    opacity:0.6;  
    background-size: cover;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.premiumbanner-slide-thumbs:last-child .premiumbanner-slide-abstand  {
    margin-right:0;
}

.premiumbanner-slide-abstand:first-child  {
    margin-left:0;
}

.premiumbanner-slide-thumbs .premiumbanner-slide-abstand div {
    width:100%;
    height:130px;
}

.premiumbanner-slide-thumbs-aktiv .premiumbanner-slide-abstand div {
    border:5px solid #014276;  
    opacity:1;  
}

.header-slide-2 .header-text h2, .header-slide-3 .header-text h2 {
    margin: 0 0 35px 0;
}

.header-slide-3 .header-text h1, .header-slide-3 .header-text h2,
.header-slide-4 .header-text h1, .header-slide-4 .header-text h2,
.header-slide-0 .header-text h1, .header-slide-0 .header-text h2,
.header-slide-6 .header-text h1, .header-slide-6 .header-text h2,
.header-slide-7 .header-text h1, .header-slide-7 .header-text h2{
    color:#000;
}

/* Street Food */
.street-food-box .home-teaser {
    padding: 20px 25px 25px 123px;
}

.street-food-teaser-1 {
    background: #f0f0f0 url(../images/streetfood/icon_nointernet.png) top left no-repeat;
    background-position: 20px 25px;
}

.street-food-teaser-2 {
    background: #f0f0f0 url(../images/streetfood/icon_power.png) top left no-repeat;
    background-position: 45px 25px;
}

.street-food-teaser-3 {
    background: #f0f0f0 url(../images/streetfood/icon_size.png) top left no-repeat;
    background-position: 20px 25px;
}

.street-food-teaser-4 {
    background: #f0f0f0 url(../images/streetfood/icon_mobile.png) top left no-repeat;
    background-position: 20px 25px;
}

.street-food-img img {
    width:100%;
}

.street-food-greybox {
    background-color:#d5d5d5;
    padding:20px 23px;
}

.street-food-ul {
    margin:10px 0 0 13px;
    padding:0;
    list-style: none;
}

.street-food-ul li {  
    text-indent: -.5em;
}

.street-food-ul li::before {
    content: "• ";
    color: #cb1f03; 
    width: 5px;
    display: inline-block;
}

.street-food-ul li span {
    color: #cb1f03; 
    font-weight: bold;
}


/* ++++++++++++ NAVIGATION ++++++++++++++++++++ */

nav {
    width: 100%;
    height: 40px;
    display: block;
    background-color: #fff;
}

.navi {
    position: fixed;
    top: 60px;
    width: 980px;
    z-index: 30;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    float: left;
    margin-right: 2px;
    background-color: #bcbbbb;
}

nav ul li:last-child {
    margin-right: 0;
}

nav ul li a {
    width: 162px;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

nav ul li a.navi-l {
    width: 160px;
}

@media (max-width:4200px) {
    nav ul {
        display: flex;
    }
    nav ul li {
        flex:  auto;
    }
    nav ul li a {
        width: auto;
        padding: 0; /* 10px;*/
    }

    nav ul li a.navi-l {
        width: auto;
        padding: 0 /* 10px;*/
    }
}


nav ul li a span {
    padding-left: 25px;
}

nav .navi-aktiv {
    background-color: #fff;
}

nav ul li a .navi-start {
    background: url(../images/common/icon_start.png) center left no-repeat;
}

nav ul li a .navi-start-aktiv {
    background: url(../images/common/icon_start_aktiv.png) center left no-repeat;
    color: #000;
}

nav ul li a .navi-gdpdu {
    background: url(../images/common/icon_gdpdu.png) center left no-repeat;
}

nav ul li a .navi-gdpdu-aktiv {
    background: url(../images/common/icon_gdpdu_aktiv.png) center left no-repeat;
    color: #000;
}

nav ul li a .navi-tse {
    background: url(../images/common/icon_tse.png) center left no-repeat;
}

nav ul li a .navi-tse-aktiv {
    background: url(../images/common/icon_tse_aktiv.png) center left no-repeat;
    color: #000;
}

nav ul li a .navi-kassen {
    background: url(../images/common/icon_kassen.png) center left no-repeat;
}

nav ul li a .navi-kassen-aktiv {
    background: url(../images/common/icon_kassen_aktiv.png) center left no-repeat;
    color: #000;
}

nav ul li a .navi-software {
    background: url(../images/common/icon_software.png) center left no-repeat;
}

nav ul li a .navi-software-aktiv {
    background: url(../images/common/icon_software_aktiv.png) center left no-repeat;
    color: #000;
}

nav ul li a .navi-haendlersuche {
    background: url(../images/common/icon_haendlersuche.png) center left no-repeat;
}

nav ul li a .navi-haendlersuche-aktiv {
    background: url(../images/common/icon_haendlersuche_aktiv.png) center left no-repeat;
    color: #000;
}

nav ul li a .navi-streetfood {
    background: url(../images/common/icon_streetfood.png) center left no-repeat;
}

nav ul li a .navi-streetfood-aktiv {
    background: url(../images/common/icon_streetfood_aktiv.png) center left no-repeat;
    color: #000;
}



nav ul li a .navi-service {
    background: url(../images/common/icon_service.png) center left no-repeat;
}

nav ul li a .navi-service-aktiv {
    background: url(../images/common/icon_service_aktiv.png) center left no-repeat;
    color: #000;
}

nav ul li a .navi-hilfe {
    background: url(../images/common/icon_hilfe.png) center left no-repeat;
}

nav ul li a .navi-hilfe-aktiv {
    background: url(../images/common/icon_hilfe_aktiv.png) center left no-repeat;
    color: #000;
}


/* ++++++++++++ CONTENT SEITE +++++++++++++++ */

#seite, #seite2, .seiten-content {
    width: 100%;
    display: block;
    position: relative;
    z-index: 60;
    background-color: #fff;
}

#seite2 {
    z-index: 40;    
}

.seite {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}

.container #content {
    padding: 35px 0 40px 0;
}

h1,
h2 {
    font-family: 'Lato', sans-serif;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
}

h3 {
    font-family: 'Lato', sans-serif;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
}

h4 {
    font-weight: bold;
}

.service h1,
.service h2 {
    font-size: 32px !important;
    line-height: 36px !important;
}


/* +++++++++++++++++++ HOME +++++++++++++++++++++ */

.home-teaser {
    padding: 20px 25px 10px 123px;
}

.home-teaser-gdpdu {
    background: #f0f0f0 url(../images/home/icon_gdpdu.png) top left no-repeat;
    background-position: 20px 20px;
}

.home-teaser-software {
    background: #f0f0f0 url(../images/home/icon_software.png) top left no-repeat;
    background-position: 20px 20px;
}

.home-teaser-kassen {
    background: #f0f0f0 url(../images/home/icon_kassen.png) top left no-repeat;
    background-position: 20px 20px;
}

.home-teaser-haendlersuche {
    background: #f0f0f0 url(../images/home/icon_haendlersuche.png) top left no-repeat;
    background-position: 20px 20px;
}

.home-teaser-anleitungen {
    background: #f0f0f0 url(../images/hilfe/icn_anleitung.png) top left no-repeat;
    background-position: 20px 20px;
}

.home-teaser-video {
    background: #f0f0f0 url(../images/hilfe/icon_video.png) top left no-repeat;
    background-position: 20px 20px;
}

.home-teaser h2 {
    font-family: 'Lato', sans-serif;
    font-size: 28px !important;
    line-height: 32px !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
}

.home-teaser-mehr {
    background: #f0f0f0;
    padding: 10px 0 32px 123px;
    margin-bottom: 20px;
}

#home-partner {
    height: 93px;
    display: block;
    position: relative;
}

#home-partner img {
    position: absolute;
    top: -28px;
}


/* +++++++++++++++++++ GDPDU ++++++++++++++++++++ */

#gdpdu-textbox {
    background: #d5d5d5 url(../images/gdpdu/fragezeichen.png) top left no-repeat;
    background-position: 32px 26px;
    display: block;
    position: relative;
    height: 338px;
}

#gdpdu-textbox-fragen {
    position: absolute;
    top: 40px;
    left: 132px;
    width: 350px;
    height: 290px;
    overflow: hidden;
    z-index: 20;
}

#gdpdu-textbox-fragen a {
    display: block;
    font-size: 20px;
    color: #000;
    padding: 10px 0 11px 16px;
    text-decoration: none;
    margin-bottom: 2px;
}

#gdpdu-textbox-fragen a:hover,
.gdpdu-textbox-fragen-aktiv {
    background-color: #cb1f03;
    color: #fff !important;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

#gdpdu-textbox-antworten {
    position: absolute;
    z-index: 20;
    top: 40px;
    background-color: #fff;
    left: 480px;
    height: 256px;
    width: 470px;
}

.gdpdu-textbox-antworten-p {
    padding: 20px;
}


/* +++++++++++++++++++ KASSEN +++++++++++++++++++ */

.kassen-dl-box {
    background: #f1f0f0 url(../images/kassen/icon_download.png) top left no-repeat;
    background-position: 42px 32px;
    padding: 24px 60px 40px 145px;
}

.kassen-box-long {
    float: left;
    width: 337px;
    margin-bottom: 30px;
}

.kassen-box-short {
    float: left;
    width: 306px;
    margin-bottom: 30px;
}

.kassen-box-image {
    width: 306px;
    height: 306px;
    display: block;
    overflow: hidden;
}

@media (max-width:975px) {
    .kassen-box-image {
        width: auto;
    }
}

@media (max-width:750px) {
    .kassen-box-image {
        width: 306px;
    }
}

.kassen-box-image h2 {
    font-family: 'Lato', sans-serif;
    padding: 10px 0 0 21px !important;
}

.kassen-box-short h4,
.kassen-box-long h4 {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    padding: 0;
    margin: 20px 0 0 0;
}


/* +++++++++++++++++++ SERVICE +++++++++++++++++++ */

.h1-workshop {
    display: block;
    height: 45px;
    background: url(../images/service/icon_workshop.png) top left no-repeat;
    background-position: 0 0;
    padding: 3px 0 0 75px !important;
}

.h1-steuerberater {
    display: block;
    height: 73px;
    background: url(../images/service/icon_steuerberater.png) top left no-repeat;
    background-position: 0 10px;
    padding: 3px 0 0 75px !important;
}

.h1-links {
    display: block;
    height: 46px;
    background: url(../images/service/icon_links.png) top left no-repeat;
    background-position: 0 0;
    padding: 3px 0 0 75px !important;
}

.service-wshop-l {
    float: left;
    width: 217px;
    padding: 20px 0 30px 0;
}

.service-wshop-r {
    float: right;
    width: 196px;
    text-align: left;
    padding: 20px 0 30px 0;
}

table {
    border-spacing: 0;
    border: 0;
}

.servicetab td {
    padding: 3px 0 3px 0;
}

.servicetab input[type=text] {
    width: 100%;
}


/* +++++++++++++++++++ HÄNDLERSUCHE ++++++++++++++++++++++ */

#haendlersuche-box {
    width: 980px;
    max-width: 100%;
    /*height:210px;*/
    height: 290px;
    background: url(../images/haendlersuche/background.jpg) top left no-repeat #f2f0f1;
    display: block;
}

#haendlersuche-box input[type=text] {
    font-size: 20px;
    line-height: 24px;
    padding: 6px;
    width: 200px;
}

#haendlersuche-box select {
    font-size: 24px;
    padding: 6px;
    width: 212px;
}

.haendler-form-l {
    float: left;
    width: 230px;
}

#choice option {
    color: #000;
}

.empty {
    color: #969696;
}

.haendlersuche-erg {
    border-top: 1px solid #bcbbbb;
    background: #fff url(../images/haendlersuche/plus.png) top left no-repeat;
    background-position: 98% 50%;
    cursor: pointer;
}

.haendlersuche-erg:last-child,
.haendlersuche-erg-bt {
    border-bottom: 1px solid #bcbbbb;
}

.haendlersuche-erg-bti {
    border-bottom: 1px solid #bcbbbb;
    background: #fff url(../images/haendlersuche/minus.png) top left no-repeat;
    background-position: 98% 50%;
}

.haendlersuche-erg-gr {
    background-color: #f1f0f0 !important;
}

.haendlersuche-erg-s {
    float: left;
    width: 100px;
    max-width: 100%;
}

.haendlersuche-erg-m {
    float: left;
    width: 200px;
    max-width: 100%;
    position: relative;
}

.haendlersuche-p {
    padding: 5px 10px;
    max-width: 100%;
}

.haendlersuche-erg-l {
    float: left;
    width: 400px;
    overflow: hidden;
    max-width: 100%;
}

.haendlersuche-erg-detail {
    /*padding:5px 0 15px 310px;*/
}


/* +++++++++++++++++++ FOOTER +++++++++++++++++++ */

footer {
    background-color: #888888;
    width: 100%;
    font-size: 12px;
    color: #fff;
    position: relative;
    display: block;
    z-index: 60; /* 60 */
}

footer a {
    color: #fff;
    text-decoration: none;
}

.footer-l {
    float: left;
    padding: 20px 0 20px 15px;
}

.footer-r {
    float: right;
    padding: 17px 15px 17px 0;
}

.footer-l a {
    margin-left: 18px;
}

.footer-r a {
    background: url(../images/common/casio_world.png) center right no-repeat;
    padding: 3px 30px 0 0;
    height: 20px;
    display: block;
}

.footer-links:first-child {
    margin-top: 20px;
}

@media (min-width: 769px) {
    .footer-links {
        margin-top: 20px;
    }
}

.footer-links ul {
    padding:0;
}

.footer-links ul li, .footer-links a {
    text-align: center;
    list-style: none;
    margin: 0 auto;
}

@media (max-width:768px) {
    .footer-links ul li:not(:first-child) {
        display:none;
    }
}

.footer-links ul li:first-child {
    padding-bottom: 7px;
    font-size 1.3em;
    font-weight:bold;
    line-height: 1.2em;
}

#disclaimer {
    font-size: 14px;
    padding-bottom: 30px;
    display: none;
}

#disclaimer-a {
    background: url(../images/common/footer_open.png) center right no-repeat;
    padding: 0 20px 0 0px;
}

#disclaimer-a-close {
    font-size: 12px;
    background: url(../images/common/footer_close.png) center right no-repeat;
    padding: 0 20px 0 0;
}

.extra_pad {
    padding: 10px 0;
}

.btnz {
    width: 100%;
    max-width: 455px;
    border-radius: 8px;
    background: #005ea8;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    padding-left: 57px;
    padding-right: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btnz-100 {
    width: 100%;
    border-radius: 8px;
    background: #005ea8;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    padding-left: 57px;
    padding-right: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-nachruesten {
    width: 100%;
    border-radius: 8px;
    background: #c9e7ff;
    background-position: 96% 50%;
    background-repeat: no-repeat;    
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    overflow: hidden;
    text-decoration: none;
    color: #0f5fa8;
    padding-left: 12px;
    padding-right: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    margin: -5px 0 10px 0;
    position: relative;
}

.btn-nachruesten > span svg {
    width: 25px;
}

.btn-nachruesten > span:first-child {
    color: #005799;
    position: absolute;
    top: 8px;
    right: 12px;
}

.btn-nachruesten .secondary {
    opacity: .5;
}

.nachruesten-inline {
    display: inline-block;
    width: auto;
    margin: 0;
}




.btnz:hover,
.btnz-100:hover,
.btn-basic:hover,
.btnz:focus,
.btnz-100:focus,
.btn-basic:focus,
.btn-allgemein-short,
.btn-schreiben-short,
.gdpdulinkdownload {
    text-decoration: none;
    color: #fff !important;
}

.btnz-schreiben,
.btnz-100-schreiben {
    background-image: url(../images/common/_btn/schreiben.png), url(../images/common/_btn/arrow_right.png);
    background-position: 21px 50%, 96% 50%;
    background-repeat: no-repeat;
}

.btnz-info,
.btnz-100-info {
    background-image: url(../images/common/_btn/info.png), url(../images/common/_btn/arrow_right.png);
    background-position: 21px 50%, 96% 50%;
    background-repeat: no-repeat;
}

.btnz-3d,
.btnz-100-3d {
    background-image: url(../images/common/_btn/3d.png), url(../images/common/_btn/arrow_right.png);
    background-position: 21px 50%, 96% 50%;
    background-repeat: no-repeat;
}

.btnz-download,
.btnz-100-download {
    background-image: url(../images/common/_btn/download.png), url(../images/common/_btn/arrow_right.png);
    background-position: 21px 50%, 96% 50%;
    background-repeat: no-repeat;
}

.btnz-kasse,
.btnz-100-kasse {
    background-image: url(../images/common/_btn/kasse.png), url(../images/common/_btn/arrow_right.png);
    background-position: 21px 50%, 96% 50%;
    background-repeat: no-repeat;
}

.btnz-schreiben,
.btnz-100-link {
    background-image: url(../images/common/_btn/arrow_right.png);
    background-position: 96% 50%;
    background-repeat: no-repeat;
    padding-left: 12px;
}

.btnz-haendlersuche,
.btnz-100-haendlersuche {
    background-image: url(../images/common/_btn/haendlersuche.png), url(../images/common/_btn/arrow_right.png);;
    background-position: 21px 50%, 96% 50%;
    background-repeat: no-repeat;
    text-align: center;
}

.box-only-grau {
    padding: 30px 0 0 0;
}

.row-centered {
    text-align: center;
}

.accordion {
    background: url(../images/gdpdu/fragezeichen.png) no-repeat scroll 50% 20px #d5d5d5;
    display: block;
    padding-top: 120px;
    padding-bottom: 20px;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.accordion dt {
    color: #333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 20px;
    background: none;
    padding: 10px 15px;
}

.accordion dt:hover {
    cursor: pointer;
    background: #cb1f03;
    color: #fff;
}

.accordion dt.active {
    background: #cb1f03;
    color: #fff;
}

.accordion dt.not_active {
    background: #666666;
}

.accordion dd {
    padding: 15px;
    margin: 0;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

a:hover {
    text-decoration: none;
    color: #005ea8;
    /*color:#fff;*/
}

.container {
    max-width: 1010px;
}

*:focus {
    outline: none;
}



.navhaendler-grau {
    background-color:#f6f6f6;
    padding:0;    
    box-sizing: border-box;   
    width: 100%;
    display: block;    
}

.navhaendler-weiss {
    background-color:#fff;
    position: relative;
    z-index: 40;    
    width: 100%;
    display: block;    
}

.navhaendler-slide {
     text-align:center;
     height:152px;
	 
}

.navhaendler-slide img {
    display:inline-block !important;
	vertical-align: top !important;
	padding-top:25px;
}

.navhaendler-slide .navhaendler-slide-price {
    color:#CB1F03;
    font-weight:bold;
    margin-right:60px;
	
}

.navhaendler-slide .navhaendler-slide-preis-euro small {
    font-size: 9px;
}

.navhaendler-slide .navhaendler-slide-preisHG {
	display:inline-block !important;
	background: url(../images/onlinehaendler/preis.png) center left no-repeat;
	width:270px;
	height: 152px;
	margin-left:100px;
	font-size: 18px;
	line-height: 38px;
	color: #000000;
}

.navhaendler-slide .navhaendler-slide-preis-euro {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 36px;
	padding-top:20px;
}

@media (max-width: 991px) {
    .row .aligner {
        margin: 0 auto;
        max-width: 80%;
    }
    .haendlersuche-erg-l {
        width: 200px;
    }
}

@media (max-width: 768px) {
    .row .aligner {
        margin: 0 auto;
        max-width: 320px;
    }
    .haendlersuche-erg-l,
    .haendlersuche-erg-s,
    .haendlersuche-erg-m {
        width: auto;
        max-width: 100%;
    }
    .haendlersuche-erg-detail {
        padding: 5px 10px;
    }
    #haendlersuche-box {
        height: auto !important;
    }
    input#plz,
    select#ort,
    .btn-haendlersuche-short {
        margin-bottom: 10px;
    }
    #header-topheader {
        overflow: visible;
    }
    .collapse {
        position: relative;
        z-index: 99999;
        margin-top: 14px;
    }
    .btn-primary {
        float: right;
        margin-top: 10px;
        margin-right: 15px;
    }
    .well {
        /*background: url(../images/common/mob_nav_bg.png) repeat;*/
        background-color: #337fba;
        border: none;
        border-radius: 0;
        padding: 20px;
    }
    nav .navi-aktiv {
        background-color: #fff;
    }
    a .mob-navi-start {
        background: url(../images/common/icon_start.png) center left no-repeat;
        padding-left: 30px;
    }
    a .mob-navi-start-aktiv {
        background: url(../images/common/icon_start_aktiv.png) center left no-repeat;
        color: #005ea8;
        padding-left: 30px;
    }
    a .mob-navi-gdpdu {
        background: url(../images/common/icon_gdpdu.png) center left no-repeat;
        padding-left: 30px;
    }
    a .mob-navi-tse {
        background: url(../images/common/icon_tse.png) center left no-repeat;
        padding-left: 30px;
    }
    a .mob-navi-tse-aktiv {
        background: url(../images/common/icon_tse_aktiv.png) center left no-repeat;
        color: #005ea8;
        padding-left: 30px;
    }
    a .mob-navi-gdpdu-aktiv {
        background: url(../images/common/icon_gdpdu_aktiv.png) center left no-repeat;
        color: #005ea8;
        padding-left: 30px;
    }
    a .mob-navi-kassen {
        background: url(../images/common/icon_kassen.png) center left no-repeat;
        padding-left: 30px;
    }
    a .mob-navi-kassen-aktiv {
        background: url(../images/common/icon_kassen_aktiv.png) center left no-repeat;
        color: #005ea8;
        padding-left: 30px;
    }
    a .mob-navi-software {
        background: url(../images/common/icon_software.png) center left no-repeat;
        padding-left: 30px;
    }
    a .mob-navi-software-aktiv {
        background: url(../images/common/icon_software_aktiv.png) center left no-repeat;
        color: #005ea8;
        padding-left: 30px;
    }
    a .mob-navi-haendlersuche {
        background: url(../images/common/icon_haendlersuche.png) center left no-repeat;
        padding-left: 30px;
    }
    a .mob-navi-haendlersuche-aktiv {
        background: url(../images/common/icon_haendlersuche_aktiv.png) center left no-repeat;
        color: #005ea8;
        padding-left: 30px;
    }
    a .mob-navi-service {
        background: url(../images/common/icon_service.png) center left no-repeat;
        padding-left: 30px;
    }
    a .mob-navi-service-aktiv {
        background: url(../images/common/icon_service_aktiv.png) center left no-repeat;
        color: #005ea8;
        padding-left: 30px;
    }

    a .mob-navi-hilfe {
        background: url(../images/common/icon_hilfe.png) center left no-repeat;
        padding-left: 30px;
    }
    a .mob-navi-hilfe-aktiv {
        background: url(../images/common/icon_hilfe_aktiv.png) center left no-repeat;
        color: #005ea8;
        padding-left: 30px;
    }

    a .mob-navi-suche {
        background: url(../images/common/icon_suche.svg) center left no-repeat;
        padding-left: 30px;
    }

    a .mob-navi-suche-aktiv {
        background: url(../images/common/icon_suche_aktiv.svg) center left no-repeat;
        padding-left: 30px;
        color: #005ea8;
    }

    a .mob-navi-fachhandelsbereich {
        background: url(../images/common/icon_login.svg) center left no-repeat;
        padding-left: 30px;
    }

	
    .well a {
        font-size: 16px;
        height: 40px;
        line-height: 38px;
        overflow: hidden;
        text-align: center;
        text-decoration: none;
        color: #fff;
    }
}

footer .row {
    position: relative;
}

.social-container, .footer-social {
    display: inline-block;
    position: absolute;
    left: -45px;
    top: 3px;
}

.social-container img, .footer-social img {
    display: inline-block;
    max-width: 30px;
}

.footer-social {
    left: auto;
    right: 120px;
    top: 306px;
}

/*<<---------- START PRODUKTDETAILSEITE ---------->>*/

.content-detail {
    margin-top: 25px;
}

.content-detail:first-child {
    margin-top: 0;
}

.content-detail:last-child {
    margin-bottom: 64px;
}

.content-detail h3 {
    margin-top: 0;
    margin-bottom: 15px;
}

.accordion-detail {
    padding: 0;
}

ul.accordion-detail li.accordion-li {
    /*list-style-image: url(../images/common/accordion-closed.png);
    list-style-position: inside;*/
    list-style: none;
    color: #005ea8;
    font-weight: bold;
    background-color: #c9e7fe;
    padding: 12px 8px;
    margin-top: 18px;
    border-radius: 1%;
}

ul.accordion-detail li.accordion-li:hover {
    cursor: pointer;
}

.accordion-detail-content {
    width: 100%;
    padding: 30px 15px 15px;
    display: none;
    padding-top: -10px;
    background-color: white;
    border: 1px solid #cccccc;
    border-top: none;
    color: #222222;
}

.accordion-detail-content img {
    /*width: 100%;*/
    margin-bottom: 15px;
}

.accordion-detail-content h3 {
    margin-bottom: 17px;
}

.accordion-detail-content p {
    margin-bottom: 25px;
}

.accordion-detail-content li {
    list-style: disk;
}

.accordion-detail-content li li {
    list-style: disk;
}

.accordion-detail img {
    margin-right: 8px;
    transition: 0.4s;
}

.rotated {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
}

.bullets-detail li {
    list-style-image: url(../images/common/list_style_haken.png);
}

.thumbnail-detail img {
    border: 1px solid #eeeded;
    margin-bottom: 10px;
    width: 46.5%;
    max-width: 145px;
    display: inline-block;
    margin-right: 10px
}

.thumbnail-detail img:nth-child(even) {
    margin-right: 0;
}

.thumbnail-detail-small img {
    border: 1px solid #eeeded;
    width: 14%;
    display: inline-block;
    margin: 0 3px;
}

.thumbnail-detail-small img:first-child {
    margin-left: 0;
}

.thumbnail-detail-small img:nth-last-child(2) {
    margin-right: 0;
}

.thumbnail-detail img:hover {
    border: 1px solid #cccccc;
    cursor: pointer;
}

.product-slider {
    margin: 30px 0;
}

.slider-img {
    width: 100%;
    max-width: 456px;
    margin: 0 auto;
}

.heading-detail {
    color: #005ea8;
}

.technische-details ul {
    padding: 12px 0;
    border-bottom: 1px solid #e5eef7;
}

.technische-details h4 {
    margin-top: 0;
}

.technische-details li {
    list-style: none;
    list-style-position: inside;
}

b {
    font-weight: bold;
}

.option-detail {
    margin: 15px 0;
}

.option-detail li {
    list-style: none;
}

.option-detail ul {
    border: none;
}

.option-detail img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 170px;
}

.nopadding {
    padding: 0 !important;
}

.farb-optionen:first-child {
    margin-bottom: 30px;
}

.farb-optionen img {
    width: 100%;
}

.farb-optionen p {
    text-align: center;
}

.platzhalter-galerie {
    width: 100%;
    height: 120px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.option-border {
    border-bottom: 1px solid #e5eef7;
}

@media (max-width: 768px) {
    .accordion-detail-content {
        padding: 20px 10px 15px 10px;
    }
    .accordion-detail-content img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}


/*<<---------- ENDE PRODUKTDETAILSEITE ---------->>*/

.taxonomie-logo {
    max-width: 150px;
    width: 27.5%;
    margin-left: 3%;
    display: inline-block;
}
.datev_div {
    /*display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding-left: 0px !important;
    */

    padding-top: 1em;
    text-align: center;
}


.datev_logo {
    max-width: 9em;
    /*margin-left: -9px;*/
    padding-top: 20px;
}
.datev_text {
    /*padding: 0em 1em 0.4em;
    font-size:1.5rem;*/
}

.datev_text a {
    margin: 0 auto;
    max-width: 365px;
}


@media (max-width: 768px) {
    .haendlersuche-p-fiskal {
        font-size: 11px;
        line-height: 12px;
    }
}

.relative {
    position: relative;
}

.not-shippable {
    position: absolute;
    top: 5rem;
    left: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 15px;
    font-size: 14px;
    font-weight: bold;
    background-color: #cb1f03;
}

.not-shippable-inline {
    position: relative;    
    color: #fff;
    text-transform: uppercase;
    padding: 9px 15px;
    font-size: 14px;
    font-weight: bold;
    background-color: #cb1f03;
    display: inline-block;
    margin: 0 20px 20px 0;
}

.new {
    position: absolute;
    background: 
#c81d1d;
display: inline-block;
padding: 0 5px;
font-size: 15px;
height: 18px;
line-height: 18px;
color:
    #fff;
    box-sizing: border-box;
    left: 20px;
    top: 45px;
}

.tse-confirm a {
    color: #333;
    border-bottom: 1px solid #333;
}

.tse-box {
    padding: 15px;
    display: flex;
    color: #333333;
    height: 100%;
}

.tse-box > div:first-child {
    padding: 0 15px;
    margin-right: 10px;
}

.tse-box .secondary {
    opacity: .5;
}

.tse-box svg{
    width: 60px;
}

.tse-box-blue {
    background-color: rgba(15, 94, 168, 0.15);
}

.tse-box-green {
    background-color: rgba(38, 125, 41, 0.15);
}

.tse-box-blue > div:first-child {
    color: #005799;
}

.tse-box-green > div:first-child {
    color: #267C29;
}

.tse-box:hover {
    color: #333333;
}

.tse-tab-wrapper {
    position: relative;
    border-bottom: 2px solid #005ea8;
    margin-bottom: 30px;
}

.tse-tab-container {
    display: flex;
    justify-content: space-between;
    margin: 0 -1rem 0;
    align-items: center;
    padding-bottom: 1rem;
}

.tse-tab-wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #E6E6E6;
    top: calc(50% - 6px);
}

.tse-tab-container > div {
    padding: 0 1rem;
}

.tse-tab {
    min-width: 200px;
    position: relative;
    appearance: none;
    padding: .5rem 4rem;
    background-color: transparent;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
    color: #005ea8;
    background-color: #E6E6E6;
    border: 1px solid #E6E6E6;
}

.tse-tab::before,
.tse-tab::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: -9px;
    background-color: #fff;
}

.tse-tab::after {
    left: auto;
    right: -9px;
}
    
.tse-tab:disabled {
    border-color: #BFBFBF;
    color: #BFBFBF;
    background-color: #fff;
}

.tse-tab.active {
    color: #fff;
    margin-bottom: -1rem;
    background-color: #005ea8;
    border-color: #005ea8;
    border-bottom-width: 1.75rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* .tse-tab.active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1.75rem;
    bottom: calc(-1rem - 1px);
    background-color: inherit;
    width: 100%;
} */

.tse-kasse-radio,
.tse-branche-radio {
    position: relative;
    display: block;
    cursor: pointer;
    margin-bottom: 0;
}

.tse-branche-item {
    margin-bottom: 50px;
}

.tse-branche-radio {
    height: 100%;
}

.tse-branche-radio svg {
    max-width: 100%;
    display: block;
}

.tse-branche-radio input + div {
    height: 100%;
}


.tse-branche-radio input + div > div {
    padding: 15px;
}

.tse-kasse-radio span {
    position: absolute;
    bottom: -2.5rem;
}

.tse-kasse-radio img {
    display: block;
    max-width: 100%;
}

.tse-kasse-radio input,
.tse-branche-radio input {
    appearance: none;
    position: absolute;
}

.tse-branche-radio input + div {
    padding: 36px 20px;
    text-align: center;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tse-branche-radio input + div span {
    font-size: 24px;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.tse-branche-radio input:checked + div svg path {
    fill: #005ea8;
}

.tse-branche-radio input + div,
.tse-kasse-radio input + div {
    border: 2px solid #E6E6E6;
}

.tse-branche-radio input:checked + div,
.tse-kasse-radio input:checked + div {
    border-color: #005ea8;
    /* border-width: 2px; */
}

.tse-kasse-radio input:checked + div::after,
.tse-branche-radio input:checked + div::after {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    bottom: 15px;
    right: 15px;
    background-repeat: no-repeat;
    background-size: 35px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg%3E%3Cpath fill='%2300579980' d='M8 454.06V320a24 24 0 0 1 24-24h134.06c21.38 0 32.09 25.85 17 41l-41.75 41.75A166.82 166.82 0 0 0 256.16 424c77.41-.07 144.31-53.14 162.78-126.85a12 12 0 0 1 11.65-9.15h57.31a12 12 0 0 1 11.81 14.18C478.07 417.08 377.19 504 256 504a247.14 247.14 0 0 1-171.31-68.69L49 471c-15.15 15.15-41 4.44-41-16.94z' class='secondary'%3E%3C/path%3E%3Cpath fill='%23005799' d='M12.3 209.82C33.93 94.92 134.81 8 256 8a247.14 247.14 0 0 1 171.31 68.69L463 41c15.12-15.12 41-4.41 41 17v134a24 24 0 0 1-24 24H345.94c-21.38 0-32.09-25.85-17-41l41.75-41.75A166.8 166.8 0 0 0 255.85 88c-77.46.07-144.33 53.18-162.79 126.85A12 12 0 0 1 81.41 224H24.1a12 12 0 0 1-11.8-14.18z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.tse-andere-kasse {
    height: 100%;
    background-color: #E6E6E6;
    padding: 1rem 50px;
}

textarea.tse-input,
input.tse-input[type="text"],
input.tse-input[type="email"] {
    width: 100%;
    display: block;
    line-height: 1;
    padding: 14px 19px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #BFBFBF;
}

textarea.tse-input {
    min-height: 165px;
}

img.responsive {
    display: block;
    width: 100%;
}

.tse-mandatory {
    display: block;
    color: #BFBFBF;
    font-size: 15px;
    margin-bottom: 8px;
}

.tse-progress-container {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #E6E6E6;
    padding-top: 16px;
}

.tse-prev, .tse-next {
    border: none;
    width: auto;
    min-width: 230px;
    border: 1px solid #005ea8;
}

.tse-prev:disabled, .tse-next:disabled {
    opacity: .5;
}

.tse-prev {
    margin-right: auto;
    text-align: right;
    color: #005ea8;
    background-color: transparent;
    padding-left: 45px;
    padding-right: 15px;
    background-size: 20px;
    background-position: 12px 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23005ea8' d='M107.515 150.971L8.485 250c-4.686 4.686-4.686 12.284 0 16.971L107.515 366c7.56 7.56 20.485 2.206 20.485-8.485v-71.03h308c6.627 0 12-5.373 12-12v-32c0-6.627-5.373-12-12-12H128v-71.03c0-10.69-12.926-16.044-20.485-8.484z'%3E%3C/path%3E%3C/svg%3E");
}

.tse-prev:hover {
    color: #005ea8;
}

.tse-next {
    margin-left: auto;
    text-align: left;
    padding-left: 15px;
    background-size: 20px;
    background-position: calc(100% - 12px) 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M340.485 366l99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z'%3E%3C/path%3E%3C/svg%3E");
}

.tse-form-field {
    display: block;
}

.tse-form-field > span {
    display: block;
    font-weight: bold;
    font-size: 24px;
    color: #333333;
    margin-bottom: 20px;
}

.tse-kontakt-pagination {
    padding: 40px 0;
    display: flex;
    justify-content: center;
    margin: 0 -1rem;
}

.tse-kontakt-pagination button {
    margin: 0 1rem;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: transparent;
    border: 1px solid #BFBFBF;
}

.tse-kontakt-pagination button:disabled {
    opacity: .5;
}

.tse-kontakt-pagination button:hover:enabled {
    border-color: #005ea8;
}

.tse-kontakt-pagination button.active {
    border-color: #005ea8;
    background-color: #005ea8;
}

.tse-checkbox {
    font-weight: 400;
    display: flex;
}

.tse-checkbox input {
    margin-right: 12px;
}

.tse-uebersicht-kasse {
    max-width: 300px;
    padding: 15px;
}

.tse-uebersicht-kasse img {
    display: block;
    max-width: 100%;
}

#flow-neu .tse-tab-wrapper {
    border-bottom-color: #267C29;
}

#flow-neu .tse-tab:enabled {
    color: #267C29;
}

#flow-neu .tse-tab.active {
    color: #fff;
    background-color: #267C29;
    border-color: #267C29;
}

#flow-neu .tse-kasse-radio input:checked + div,
#flow-neu .tse-branche-radio input:checked + div {
    border-color: #267C29;
}

#flow-neu .tse-kasse-radio input:checked + div::after,
#flow-neu .tse-branche-radio input:checked + div::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23007905' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E%0A");
}

.header-slide7-content {
    /*text-align: center;*/
    padding-top:240px;
}

.home-dfka {    
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    background: url("../images/common/dfka.png") top center no-repeat;
    min-height: 100px;    
    margin-top: 40px;
    color: #000 !important;
    outline: 0 !important;
    text-decoration: none !important;
    display: block;
    padding-top: 120px;
    text-align: center;
}

.home-idzs {    
    width: 100%;
    max-width: 550px;
    margin: 60px auto 30px auto;
    background: url("../images/common/logo-idzs.jpg") top center no-repeat;
    min-height: 100px;        
    color: #000 !important;
    outline: 0 !important;
    text-decoration: none !important;
    display: block;
    padding-top:120px;
    text-align:center;
}

.taxonomie-img-text {
    position: relative;
}
.taxonomie-img-text img {
    width: 100%;    
}

.taxonomie-text-abs {
    position: absolute;
    background-color: #cb1f03;
    padding: 10px 20px;
    display: inline-block;
    left: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    top: 30px;
}


.hilfe-anleitungen a {
    display: block;
    font-size: 20px;
    line-height: 20px;
    position: relative;
    color: #000;
    padding: 17px 0;
    border-bottom: 1px solid #878787;
    outline: none;
}

.hilfe-anleitungen a:first-child {
    border-top: 1px solid #878787;
}

.hilfe-anleitungen a span {
    display: inline-block;
    position: absolute;
    right: 0;
    background: #005ea8 url('../images/hilfe/icon_download.png') calc(100% - 15px) center no-repeat;
    border-radius: 7px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 6px 45px 8px 15px;
    top: 10px;
}

@media screen and (max-width: 720px) {
    .hilfe-anleitungen a span {
        position: relative;
        display: block;
        margin-bottom: 10px;
    }
}


.hilfe-videos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.hilfe-videos div {
    background-color: #fff;
    width: 32%;
    height: 175px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

@media screen and (max-width: 720px) {
    .hilfe-videos div {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 540px) {
    .hilfe-videos div {
        width: 100%;
    }
}

.hilfe-videos span.hilfe-video-title {
    color: #cb1f03;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    display: block;
    padding: 40px 20px 0 20px;
    text-align: center;
}

.hilfe-videos span.hilfe-video-play {
    background: url('../images/hilfe/playbutton.png') center center no-repeat;    
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    opacity: 0.5;
}

.hilfe-videos span.hilfe-video-overlay {
    background-color: #000;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
}

.hilfe-videos span.hilfe-video-logo {
    background:  url('../images/hilfe/trainingsvideo.jpg') center center no-repeat;
    display: block;
    position: absolute;
    z-index: 2;
    height: 50px;
    width: 100%;
    background-size: 130px;
    bottom: 20px;
}


.hilfe-videos div:hover span.hilfe-video-play {
    opacity: 0.75;
}

.hilfe-videos div:hover span.hilfe-video-overlay {
    opacity: 0.3;
}


#overlay-back {
    display: none;
    background-color: #000;
    opacity: 0.75;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

#overlay-content {
    background-color:#fff;
    box-shadow: 0px 50px 99px #00000040;    
    position: fixed;
    box-sizing:border-box;
    padding:0;
    z-index:110;
    left: 50%;
    top: 50vh;
    transform: translate(-50%,-50%);
    text-align: left;
    display: none;
}

#overlay-pdfview {
    background-color:#fff;  
    box-shadow: 0px 50px 99px #00000040;     
    position: fixed;
    box-sizing:border-box;
    padding:0;
    z-index:110;
    width: 90%;
    height: calc(90% - 50px);    
    display: none;
    left: 5%;
    top: calc(5% - 25px);
}

#overlay-content video {
    display: block;
}

.overlay-content-close {
    display: inline-block;
    text-align: right;
    padding: 10px;
    font-weight: bold;
}

.overlay-content-download {
    display: inline-block;
    text-align: right;
    padding: 10px;
    font-weight: bold;
}

.overlay-video-control-panel {
    text-align: right;
}


@media screen and (max-width: 991px) {

    .premiumbanner-slide {
       min-height:auto;
    }

    .tse-tab-wrapper::before,
    .tse-tab::before,
    .tse-tab::after {
        display: none;
    }

    .tse-tab {
        min-width: auto;
    }

    .tse-tab.active {
        border-bottom-width: 1px;
        border-radius: 8px;
    }

    .tse-branche-item {
        margin-bottom: 30px;
    }

    .tse-branche-radio input + div {
        padding: 18px 10px;
    }

    .tse-branche-radio input + div span {
        font-size: 18px;
    }

    .tse-branche-radio input + div > div {
        padding: 0 15px;
    }

    .tse-prev, .tse-next {
        min-width: auto;
    }

    .header-slide7-content {       
        padding-top:220px;
        /*padding-bottom: 80px;*/
        box-sizing: border-box;        
    }


    .header-minheight-tablet {
        min-height: 280px;
        box-sizing: border-box; 
    }
}


#auto-nextpage {
    display: block;
    height: 200px;
    background-color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
    padding-top: 70px;
    font-size: 2rem;
}

#auto-nextpage img {
    margin-top: 20px;
}





#search-content a {
    display: block;
    margin-bottom: 30px;
}

#search-content a .search-title {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 5px;
}

#search-content a .search-text {
    display: block;
    color: #000;
    margin-bottom: 5px;
}

#search-content a .search-link {
    display: block;
    color: #aaa;
    text-decoration: underline;
}


.navi-search {
    position: absolute;
    right: 0;
    color: #fff;
    font-size: 34px;
    line-height: 35px;
    background-color: #5f9fed;
    padding: 5px 20px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


@media screen and (max-width: 768px) {
    .navi-search {        
        right: 70px;        
        font-size: 30px;
        line-height: 25px;
        background-color: #337ab7;
        padding: 4px 10px 6px 10px;        
        border-radius: 5px;
        top: 10px;
    }
}



.navi-top-panel { position: absolute;right:0;top: 18px; }
.navi-top-panel a { color:#fff; }
.navi-top-login { background:#014276 url('/images/common/icon_login.svg');background-repeat: no-repeat;background-position: 13px center;border-radius: 7px;font-size:14px;line-height: 14px;text-transform: uppercase;font-weight: bold;padding:9px 13px 9px 42px; }
.navi-top-suche { background:url('/images/common/icon_suche.svg'); background-repeat: no-repeat; background-position: 10px center;padding-left:30px;margin:0 20px 0 8px; }
.navi-top-hilfe { background:url('/images/common/icon_hilfe.svg'); background-repeat: no-repeat; background-position: 10px center;padding:3px 20px 3px 34px;border-right:1px solid #fff; }

.navi-top-panel-mobil { right:70px; }
.navi-top-panel-mobil .navi-top-login { background:url('/images/common/icon_login.svg');background-repeat: no-repeat;background-position: center; padding:9px 15px;margin-right:10px; }
.navi-top-panel-mobil .navi-top-suche { margin: 0;padding:9px 30px 9px 0;background-position: center; border-right:0; }
.navi-top-panel-mobil .navi-top-hilfe { margin: 0;padding:9px 30px 9px 0;background-position: center; border-right:0; }


.taxopos-content {
    background: url('/images/premiumbanner/taxopos-stoerer-gross.png') right top no-repeat;
    padding-left: 130px;
    margin-bottom: 40px;
    background-position: 0px -2px;
    background-size: 190px;
    padding-top:26px;
}




ul.no-space {
    padding: 0 0 14px 14px;    
}


.tse-home-teaser-a {
    color:#333 !important;
    text-decoration: none !important;
}

.tse-home-teaser {
    background-color:#f0f0f0;
    border-radius: 16px;
    padding:30px 23px 0 23px;
    box-sizing: border-box;
    min-height: 480px;
    position:relative;
    transition: box-shadow .2s;
}

@media screen and (max-width: 991px) {
    .tse-home-teaser {
        min-height: auto;
        margin-bottom:30px;
    }
}


.tse-home-teaser-a:hover .tse-home-teaser {
    -webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.7); 
    box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.7);
}

.tse-home-teaser h2 {    
    font-size: 26px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 24px 0;
}

.tse-home-teaser h3 {
    /*color:#010101;*/
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 8px;
}

.tse-home-teaser ul li {
    font-weight: bold;
    padding-bottom:10px;
}




.tse-home-teaser-in {
    position: absolute;
    bottom:30px;
}

@media screen and (max-width: 991px) {
    .tse-home-teaser-in {
        position: relative;
        padding-bottom:0;
        padding-top:20px;
    }
}


.tse-home-teaser-rating {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.tse-home-teaser-rating div:first-child {
    margin-right: 10px;
}




.tse-home-teaser-preis {
    padding:20px 0;
}

.tse-home-teaser-preis-uvp {
    font-weight: bold;
}

.tse-home-teaser-preis-eur {
    display: flex;
    align-items: end;    
}

.tse-home-teaser-preis-eur div:first-child {
    font-size:48px;
    line-height: 52px; 
    font-family: 'Lato', sans-serif; 
    font-weight: bold;  
}

.tse-home-teaser-preis-eur div:last-child {
    font-size:26px;
    line-height: 30px;
    font-family: 'Lato', sans-serif;
    margin:0 0 4px 10px;
    font-weight: bold;
}

.tse-home-teaser-button span {
    color:#fff;
    background: #005ea8 url('/images/home/pfeil.png') calc(100% - 20px) center no-repeat;
    display: block;
    padding:13px 20px;
    border-radius: 9px;
    font-weight: bold;
    text-decoration: none;
}