.clearer {
    clear: both;
}

.clearfix:after {
    content: '.';
    visibility: hidden;
    height: 0;
    display: block;
    clear: both;
}

.div2 {
    display: none;
}

#wrap {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    background: white;
    border: 0;
    /*background: url(../images/bg.jpg) center 0 repeat-y; width:99%; min-height:90%;*/
    vertical-align: middle;
    /*border-radius: .5em .5em .5em .5em;*/
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 11px;

}

::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 11px;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 11px;
}

.action-links {
    width: 100%;
    border: 0.1em;
    border-style: solid;
    border-color: rgba(58, 59, 58, 0.4);
    background-color: transparent
}


.action-link-title {
    width: 100%;
    color: black
}

.my-btn-action {
    width: 100%;
    display: inline-block;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #198754;
    color: white;
    border: 1px solid transparent;
    padding: .2rem .25rem .275rem .25rem;
    font-size: 1rem;
    margin-top: 10px;
    margin-bottom: 0px
}

.clear-href {
    text-decoration: none;
    color: #191919;
}

.my-container {
    max-width: 100%;
    height: auto;
    margin-top: 1.5em;
    padding-left: 15%;
    padding-right: 15%;
    text-align: center;
}

.my-magazin-container {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    margin-top: 1.5em;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
}

.font12-newsletter {
    font-size: 12px;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-word;
}

.font12-left {
    font-size: 12px;
    color: dimgrey;
    text-align: left;
    text-justify: none;
}

.font12-center {
    font-size: 12px;
    color: dimgrey;
    text-align: center;
    text-justify: none;
}

.font14-left-footer {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    text-justify: none;
}

.font14-left {
    font-size: 14px;
    color: dimgrey;
    font-weight: 400;
    text-align: left;
    text-justify: none;
}

.font14-center {
    font-size: 14px;
    color: dimgrey;
    font-weight: 400;
    text-align: center;
    text-justify: auto;
}

.font16-left-footer {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    text-justify: none;
}

.font16-left {
    font-size: 16px;
    color: dimgrey;
    font-weight: 400;
    text-align: left;
    text-justify: inter-word;
}

.font16-justify {
    font-size: 16px;
    color: dimgrey;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-word;
}

.font16-center {
    font-size: 16px;
    color: dimgrey;
    font-weight: 400;
    text-align: center;
    text-justify: auto;
}

.font18-left {
    font-size: 18px;
    color: dimgrey;
    font-weight: 400;
    text-align: left;
    text-justify: inter-word;
}

.font18-justify {
    font-size: 18px;
    color: dimgrey;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-word;
}

.font18-center {
    font-size: 18px;
    color: dimgrey;
    font-weight: 400;
    text-align: center;
    text-justify: auto;
}

.pdf-kachel-font {
    font-size: 28px;
    color: white;
    font-weight: 600;
    text-align: left;
    text-justify: inter-word;
}

.font30-left {
    font-size: 30px;
    color: dimgrey;
    font-weight: 500;
    text-align: left;
    text-justify: inter-word;
}

.datum-txt {
    color: #ebebeb
}

.datum-txt2 {
    color: #a7a7a7
}

.dimmed-txt {
    color: #dddddd
}

.dimmed-txt2 {
    color: #9f9f9f
}

.content-section {
    background: white;
    min-height: 100%;
    padding: 0em 1em 0em 0em;
}

footer {
    border-radius: .3em .3em .3em .3em;
    margin-bottom: 15px;
}

.newsForm {
    width: 50%;
    text-align: left
}

.newsShow {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-items: left;
    justify-content: flex-start;
    text-align: left;
    background-color: white;
}

.newsShowWhite {
    width: 100%;
    text-align: left;
    background-color: white;
}

.newsShow > .field1 {
    height: 30px;
    font-size: 14px;
    font-weight: 600px;
    color: darkblue;
    background-color: #d5dfe6;
    border-radius: .3em .3em .3em .3em;
}

.newsShow > .field2 {
    height: 30px;
    font-size: 13px;
    font-weight: 500px;
    color: #292929;
    background-color: #d5dfe6;
    border-radius: .3em .3em .3em .3em;
}

.newsShow > .field3 {
    height: 30px;
    font-size: 13px;
    font-weight: 500px;
    color: #292929;
    background-color: #d5dfe6;
    border-radius: .3em .3em .3em .3em;
}

.newsShowWhite > .field1 {
    font-size: 13px;
    font-weight: 600;
    border: 1px;
    border-style: hidden;
    background-color: white;
}

.newsShowWhite > .field2 {
    font-size: 13px;
    font-weight: 600;
    border: 1px;
    border-style: hidden;
    background-color: white;
}

.newsShowWhite > .field3 {
    font-size: 13px;
    font-weight: 600;
    border: 1px;
    border-style: hidden;
    background-color: white;

}

h1 {
    font-family: 'Lato', sans-serif;
    font-size: 3.5rem;
    margin-bottom: 15px
}

h2 {
    font-family: 'Lato', sans-serif;
    font-size: 2.5rem;
    margin-bottom: 15px
}

h3 {
    font-family: 'Lato', sans-serif;
    font-size: 1.8rem;
}

h5 {
    font-family: 'Lato', sans-serif;
    font-size: 1.3rem;

}

h6 {
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
}

.header16 {
    font-size: 16px;
    color: dimgrey;
    font-weight: 500;
    text-align: left;
    text-justify: inter-word;
}

header {
    margin-bottom: 50px;
}

.header-box {
    border: 1px;
    border-style: solid;
    border-radius: .3em .3em .3em .3em;
    background-color: #d5dfe6;
    padding: 15px;
    margin-bottom: 45px;
}

.my-row-action-links {
    width: 100%;
    height: 260px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    padding: 15px;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

.my-col30-action {
    width: 30%;
    height: 75%;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.my-col70-action {
    width: 70%;
    padding: 3px;
}

.my-row-admin {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 45px;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.my-row-center {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 45px;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;

}

.my-row-right {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    direction: ltr;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
}

.my-row-left {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 45px;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: left;
    justify-content: flex-start;

}

.my-row-left2 {
    position: relative;
    width: 100%;
    max-height: 100%;
    margin-bottom: 5px;
    margin-top: 70px;
    padding-bottom: 10px;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-items: left;
    justify-content: flex-start;

}

.my-wrapped-text {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    display: -webkit-flex;
    display: flex;
    flex-flow: column wrap;
    align-items: left;
    justify-content: flex-start;

}

.my-flex-col50 {
    width: 50%;
    padding: 5px;
    margin-left: 0px;
    margin-right: 0px;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
}

.my-flex-col50 #text1 {
    height: 220px;
    padding: 4px;
}

.my-flex-col50 #text2 {
    height: 220px;
    padding: 4px;
}

.my-flex-col50 #text3 {
    height: 220px;
    padding: 4px;

}

.my-row-newsletter {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-items: left;
    justify-content: flex-start;
}

.my-row-magazin {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-items: left;
    justify-content: flex-start;
    margin-top: 50px
}

.my-kacheln {
    margin-top: 15px;
    margin-left: 16px;
    max-width: 33%;
    min-height: 520px;
    padding: 10px;
    background: white;
    -webkit-flex: 1;
    /* Safari */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* Standard syntax */
    border-radius: .5em .5em .5em .5em;
}

.kachel50 {
    min-height: 50%;
    min-width: 100%;
}

.my-kacheln:first-child {
    margin-left: 0px;
}

.my-kacheln-bild {
    min-width: 100%;
}

.my-kacheln-bild > img {
    max-width: 100%;
}

.my-kacheln-text {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    min-height: 230px;
    margin-top: 3px;
}

.breadcrumb-item.active {

    color: dimgrey;
    text-decoration: none
}

.breadcrumb-item a {

    color: #287dd3;
    text-decoration: none
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .3rem
}

.breadcrumb-item + .breadcrumb-item::before {

    float: left;
    padding-right: .3rem;
    content: var(--bs-breadcrumb-divider, ">")
}


/* start my bootstrap classes */
.navbar {
    height: 90px;
    z-index: 1000;
    background: #ffffff;
}

.navbar-nav {
    margin-left: 52%;

}


.newsletter-close-btn2 {
    position: absolute;
    font-size: 20px;
    font-weight: 600;
    top: 8px;
    right: 13px;
    background-color: transparent;
    color: white;
    border: 0px
}

.newsletter-close-img2 {
    width: 25px;
    float: right;
    background-color: transparent;
    border: 0px
}

.newsletter-delete-btn {
    margin-top: 0px;
    float: right;
    background-color: white;
    border: 0px
}

.newsletter-delete-img {
    width: 25px;
    float: right;
    background-color: white;
    border: 0px
}

.newsletter-edit-btn {
    margin-top: 0px;
    float: right;
    background-color: white;
    border: 0px
}

.newsletter-edit-img {
    width: 25px;
    float: right;
    background-color: white;
    border: 0px
}

.newsletter-close-btn {
    margin-top: 15px;
    width: 90px;
    background-color: #f4db71;
    border: 0px;
    border-radius: .3em .3em .3em .3em
}

.newsletter-close-img {
    width: 90px;
    background-color: #f4db71;
    border: 0px
}

.news_span {
    position: relative;
    padding-left: 15px;
    width: 100%;
    float: left
}

.newsletter-abonieren-btn {
    margin-top: 15px;
    background-color: #e5c749;
    font-size: 14px;
    color: #191919;
    border: 0px;
    border-radius: .3em .3em .3em .3em;
    height: 35px;
    width: 50%
}

.newsletter-confirm-btn {
    margin-top: 0px;
    background-color: #359863;
    font-size: 14px;
    color: aliceblue;
    font-weight: 600;
    border: 0px;
    border-radius: .3em .3em .3em .3em;
    height: 37px;
    margin-left: 10px;
}

.spacer15 {
    min-width: 100%;
    height: 15px
}

.showForm {
    padding: 0px 15px
}

.showResponse {
    padding: 0px 15px
}

.showLogin {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 50px;
    display: -webkit-flex;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}

/* BOOTSTRAP SEARCH */
.search {
    position: relative;
    box-shadow: 0 0 40px rgba(51, 51, 51, .1)
}

.search input {
    height: 40px;
    text-indent: 25px;
    border: 2px solid #d6d4d4
}

.search input:focus {
    box-shadow: none;
    border: 2px solid blue
}

.search .fa-search {
    position: absolute;
    top: 12px;
    left: 16px
}

.font-weight-bold {
    font-weight: 600px;
}

.ul-footer {
    padding-left: 1rem
}

.text-white-footer {
    color: rgba(245, 241, 241, 0.5) !important
}

.newsletter_select {
    min-width: 99% !important;
    height: 31px !important;
    background-color: #fff;
}

.newsletter_input {
    min-width: 99%;
    background-color: #fff;
}

label {
    color: dimgrey;
    font-size: 14px;
}

div.custom-control-right {
    padding-right: 24px;
    padding-left: 0;
    margin-left: 0px;
    margin-right: 0;
    margin-top: 15px;
}

div.custom-control-right .custom-control-label::before,
div.custom-control-right .custom-control-label::after {
    right: -1.5rem;
    left: initial;
}

/* end my bootstrap classes */
.icon_normal {
    width: 22px;
    margin-top: 5px;
    cursor: pointer
}

.icon_small {
    width: 16px;
    margin-bottom: 2px;
}

.icon_small20 {
    width: 20px;
    width: 20px;
    margin-bottom: 5px;
}

.icon_small40 {
    width: 40px;
    margin-bottom: 5px;
}

.icon_large60 {
    width: 60px;
    margin-bottom: 5px;
}

.input100 {
    width: 100px;
}

.nav-link:hover {
    font-weight: 550
}

.dimmed {
    opacity: 0.6;
}

.bright {
    color: dimgrey;
    opacity: 0.3;
}

#update {
    display: none;
}

#neu {
    display: none;
}

.my-col20 {
    width: 20%
}

.my-col30 {
    margin-left: 0px;
    width: 30%
}

.my-col33 {
    width: 33%;
}

.my-col40 {
    width: 40%
}

.my-col50 {
    width: 50%;
    height: 100%;
    margin-top: 0px
}

.my-col60 {
    width: 60%;
    padding-right: 0px;
    padding-left: 0px;
}

.my-col70 {
    width: 70%
}

.my-col40-2 {
    min-width: 38%
}

.my-col50-2 {
    width: 50%;
    margin-top: 15px
}

.my-col60-2 {
    min-width: 58%
}

.my-col100 {
    width: 100%
}

.my-col-170 {
    margin-top: -110px
}

.my-btn {
    width: 100%;
    min-height: 100%;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    padding-left: 0px;
    padding-right: 8px
}

.my-hr {
    margin-top: 35px;
    margin-bottom: 0px;
    margin-left: -5px;
    height: 6px;
    border-bottom: 10px solid gray;
    border-radius: 5px;
    border-color: rgba(58, 59, 58, 0.4);
    background-color: transparent
}

.my-border-left {
    margin-bottom: 0px;
    padding-left: 15px;
    min-height: 40px;
    border-left: 10px solid gray;
    border-radius: 5px;
    border-color: rgba(188, 190, 188, 0.4);
    background-color: transparent
}

.my-btn-success {
    display: inline-block;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #198754;
    color: white;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1.5rem;
}

.my-btn-success:hover {
    cursor: default;
}

.my-btn-success-sm {
    display: inline-block;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #198754;
    color: white;
    border: 1px solid transparent;
    padding: .275rem .55rem;
    font-size: 1rem;
    margin-top: -40px
}

.magazin-bottom-txt {
    padding-right: 4px;
    height: 150px;
    color: #191919;
    margin-bottom: 0px;
    margin-top: 3px
}

.magazin-rechts-txt {
    min-height: 100%;
    float: right;
    width: 73%;
    margin-bottom: 0px;
    padding-left: 15px
}

.kachel1 {

    background-image: url(../images/phone.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel2 {
    background-image: url(../images/island_640_2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px
}

.kachel3 {
    background-image: url(../images/agree_640.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px
}

.kachel4 {
    background-image: url(../images/track.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px
}

.kachel5 {
    background-image: url(../images/stamps.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
    margin-top: -40px;
}

.kachel6 {
    background-image: url(../images/playmobil.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
    margin-top: -40px;
}

.kachel7 {
    background-image: url(../images/austria.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel8 {
    background-image: url(../images/aged.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel9 {

    background-image: url(../images/phone2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel10 {

    background-image: url(../images/virus.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel11 {

    background-image: url(../images/stamps.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel12 {
    background-image: url(../images/playmobil.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel13 {
    background-image: url(../images/track-q.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel14 {
    background-image: url(../images/werbeeinwilligung-q.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel15 {
    background-image: url(../images/agree-q.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel16 {
    background-image: url(../images/island-q.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel17 {
    background-image: url(../images/austria-q.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel18 {
    background-image: url(../images/kooperationspartner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel19 {
    background-image: url(../images/zielgruppen-q.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel20 {
    background-image: url(../images/call-mail-q.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel21 {
    background-image: url(../images/direktwerbung-recht-q.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel22 {
    background-image: url(../images/firmenadressen-kaufen.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel23 {
    background-image: url(../images/dialogmarketing-markenbildung-q.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel24 {
    background-image: url(../images/adresskauf-promotion.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel25 {
    background-image: url(../images/dialogmarketing-leads.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}

.kachel-txt {
    position: relative;
    color: white;
    font-weight: 600;
    padding: 1%;
    margin-bottom: 0px;
    background: rgba(80, 82, 80, 0.4);
}

.kachel-txt-dnld {
    position: relative;
    color: white;
    font-weight: 600;
    padding: 1%;
    margin-bottom: 0px;
    background: rgba(80, 82, 80, 0.4);
}

.txt1 {
    min-height: 210px;
    margin-top: 31.3%;
}

.txt2 {
    min-height: 60px;
    margin-top: 10%;
}

.txt2-2 {
    min-height: 60px;
    margin-top: 60%;
}

.txt3 {
    min-height: 100px;
    margin-top: 18%;
}

.txt4 {
    min-height: 100px;
    margin-top: 18%;
}

.txt5 {
    margin-top: 65%;
    margin-bottom: 0px;
}

.txt6 {
    margin-top: 65%;
    margin-bottom: 0px;
}

.txt8 {
    min-height: 148px;
    margin-top: 35%;
}

.txt9 {
    min-height: 148px;
    margin-top: 35%;
}

.txt10 {
    min-height: 100px;
    margin-top: 42%;
}

.txt11 {
    min-height: 100px;
    margin-top: 42%;
}

.txt12 {
    min-height: 100px;
    margin-top: 42%;
}

.txt13 {
    min-height: 150px;
    margin-top: 30%;
}

.txt14 {
    min-height: 100px;
    margin-top: 42%;
}

.txt15 {
    min-height: 148px;
    margin-top: 35%;
}

.txt16 {
    min-height: 148px;
    margin-top: 35%;
}

.txt17 {
    min-height: 148px;
    margin-top: 35%;
}

.txt18 {
    min-height: 148px;
    margin-top: 35%;
}

.txt19 {
    min-height: 150px;
    margin-top: 30%;
}

.txt20 {
    min-height: 150px;
    margin-top: 30%;
}

.txt21 {
    min-height: 148px;
    margin-top: 35%;
}

.txt-green {
    font-weight: 600;
    color: #198754
}

.pointer {
    cursor: pointer
}

.underline {
    text-decoration: underline
}