@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'worpswede';

        src: url('../files/fonts/ufonts.com_university-roman-bold-bt-webfont.woff2') format('woff2'),
         url('../files/fonts/ufonts.com_university-roman-bold-bt-webfont.woff') format('woff');

    font-weight: normal;
    font-style: normal;

}



* {
        margin:0px;
        padding:0px;
        font-family:Arial, Helvetica, sans-serif;
}

body {
        text-shadow: #FFFFFF 0px 1px 0px;
        background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% auto;

        /*font-size:14px;*/
        /*font-size:0.875rem;*/

        font-size:40px;

        width:100%;

}



@media (max-width: 991.98px) {
        body {
                font-size:40px !important;
        }
}






html {
        width:100%;

}

a {
        text-decoration:none !important;
        color:#a26440;
}

a:hover {
        text-decoration:none !important;
        color:#a26440 !important;
}


#content a {
        text-decoration:none !important;
        color:#a26440 !important;
}

img {
        border:none;
}


#content img {
        margin:20px;
}

td img {
        margin:0px !important;
}

#leftTeaser img {
        max-width:100%;
}


.ui-tooltip-content {
        background-color:#F60;
        padding:5px;
}

/*
#logo a {
        z-index:1000;
}
*/

#logoLink {
        width:100%;
        height:45%;
        position:absolute;
        z-index:10000;
}



#slideshowContainer {
        position:relative;
        /*left:245px;
        height:260px;*/
        float:left;
}

.slideshowBild {
        /*width:720px;
        height:390px;
        height:100%;*/
        width:100%;
        overflow:hidden;
        position:absolute;
        border:solid thin #ccc;
}

.slideshowBild.first {
}

.slideshowBild.last {
        position:relative;
}


.slideshowBild img {
        width:100%;
        height:auto;
        margin:0px !important;
        border:none !important;
}


.lightboxLupe {
        width:20px !important;
        height:20px !important;
        position:absolute !important;
        right:0px;
        bottom:0px;
        background-color:#fff;
}

#kategorieLogo img {
        max-width:100%;
        margin:0px !important;
}

#rightTeaser img {
        max-width:100%;
}


#cookiesdirective {
	opacity: 1.0 !important;
}


#impliedsubmit {
	background-color:#9D9C42 !important;
	color: #222 !important;
	font-size:1rem;
	border-radius:3px !important;
}

.cookieText {
	font-size:1rem;
}

.cookieText input {
		padding-left:1rem;
		padding-right:1rem;
	}


@media (max-width: 991.98px) {
	.cookieText {
		font-size:2rem;
	}
	
	.cookieText input {
		padding-left:2rem;
		padding-right:2rem;
	}
	
	#impliedsubmit {
		font-size:2rem !important;
	}
}


.clearer {
        clear:both;
        height:1px !important;
}


.artikel {
        border:solid thin #444;
        margin-bottom:30px;
        width:675px;
}


.artikel.breit {
        width:975px;
}

.artikel, .artikel span, .artikel i, .artikel b, .artikel font, .artikel p, .artikel a {
        /*font-size:14px !important;*/
        font-size:0.875 !important;
        text-align:justify;
}

 .artikel a span {
         color:#a26440 !important;
 }


.artikeltitel {
        padding:5px;
        padding-left:10px;
        background-color:#a26440;
        /*font-size:15px !important;*/
        font-size:0.938rem !important;
        color:#fff;
        text-shadow: #000 1px 1px 0px;
        font-weight:bold;
}


.artikeluntertitel {
        padding:2px;
        padding-left:10px;
        padding-right:20px;
        padding-top:7px;
        padding-bottom:5px;
        background-color:#555;

        /*font-size:13px; !important*/
        font-size:0.81rem !important;
        color:#fff;
        text-shadow: #000 1px 1px 0px;
        font-weight:bold;
}


.artikelinhalt {
        padding:20px;
        padding-top:20px;
        overflow:hidden;
}


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



#artiel_navigation {
        margin-bottom:20px;
        /*font-size:12px;*/
        font-size:0.75rem;
}




#mobileMenu select {
        width:auto;

}


.seite {
        float:left;
        margin-right:10px;
        margin-bottom:3px;
        padding:3px 10px;
        background-color:#CCC;
        color:#000;
        border-radius:4px;
}

.seite.aktiv {
        background-color:#a26440;
        color:#fff;
        text-shadow: #000 0px 1px 0px;

}


.suchergebnisse {
        padding-left:50px;
        margin-bottom:60px;
}


#messageSend {
        border:solid thin #ccc;
        background-color:#eee;
        padding:28px;
        text-align:center;
        margin-bottom:20px;
        border-radius:5px;
        text-shadow:none;
        color:#000;
        width:95%;
}

#messageNotSend {
        border:solid thin #ccc;
        background-color:#eee;
        padding:28px;
        text-align:center;
        margin-bottom:20px;
        border-radius:5px;
        text-shadow:none;
        color:#000;
        width:95%;
}

#messageNotSend #icon {
        background-image:url(../img/image_sheet.png);
        background-position:-134px -4px;
        width:60px;
        height:60px;
        float:left;
        margin-right:30px;
        clear:both;
        position:relative;
        top:-10px;
}



#messageSend #icon {
        background-image:url(../img/image_sheet.png);
        background-position:-61px -4px;
        width:63px;
        height:60px;
        float:left;
        margin-right:30px;
        clear:both;
        position:relative;
        top:-10px;
}


@keyframes gluehen1 {
        0% {
                -webkit-box-shadow: 0px 0px 4px 3px #f00;
                box-shadow:         0px 0px 4px 3px #f00;
        }
        50% {
                -webkit-box-shadow: 0px 0px 4px 3px #fff;
                box-shadow:         0px 0px 4px 3px #fff;
        }
        100% {
                -webkit-box-shadow: 0px 0px 4px 3px #f00;
                box-shadow:         0px 0px 4px 3px #f00;
        }
}


@keyframes gluehen2 {
        0% {
                -webkit-box-shadow: 0px 0px 4px 0px #f00;
                box-shadow:         0px 0px 4px 0px #f00;
        }
        50% {
                -webkit-box-shadow: 0px 0px 0px 0px #f00;
                box-shadow:         0px 0px 0px 0px #f00;
        }
        100% {
                -webkit-box-shadow: 0px 0px 4px 0px #f00;
                box-shadow:         0px 0px 4px 0px #f00;
        }
}

.textfeld.falsch, .select.falsch, .checkbox.falsch {
        -webkit-box-shadow: 0px 0px 4px 0px #f00;
        box-shadow:         0px 0px 4px 0px #f00;

        animation-name: gluehen1;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;

        -webkit-animation-name: gluehen1;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;

}


.textfeld.lang {
        width:595px;
}

.textfeld {
        width:259px;
        height:28px;
        background-color:#fff;
        margin-right:48px;
        border: solid thin #cbcbcb;
        border-radius:5px;
        padding:3px 9px 3px 16px;
        /*font-size:14px;*/
        font-size:0.875rem;
        color:#696969;
        margin-bottom:13px;
        outline: 0 none;
        box-sizing:content-box;

        -moz-box-shadow:    0px 1px 4px 0px #ccc;
        -webkit-box-shadow: 0px 1px 4px 0px #ccc;
        box-shadow:         0px 1px 4px 0px #ccc;
}


.select {
        width:286px;
        height:32px;
        background-color:#fff;
        margin-right:48px;
        border: solid thin #cbcbcb;
        border-radius:5px;
        padding:3px 9px 3px 16px;
        /*font-size:14px;*/
        font-size:0.875rem;
        color:#696969;
        margin-bottom:13px;
        outline: 0 none;

        -moz-box-shadow:    0px 1px 4px 0px #ccc;
        -webkit-box-shadow: 0px 1px 4px 0px #ccc;
        box-shadow:         0px 1px 4px 0px #ccc;
}


.textarea.falsch {
        -moz-box-shadow:    0px 0px 4px 0px #f00;
        -webkit-box-shadow: 0px 0px 4px 0px #f00;
        box-shadow:         0px 0px 4px 0px #f00;
}

.textarea {
        width:595px;
        height:85px;
        background-color:#fff;
        border: solid thin #cbcbcb;
        border-radius:5px;
        padding:10px 9px 3px 16px;
        position:relative;
        top:5px;
        /*font-size:14px;*/
        font-size:0.875rem;
        color:#696969;
        outline: 0 none;

        resize:none;

        margin-bottom:13px;

        -moz-box-shadow:    0px 1px 4px 0px #ccc;
        -webkit-box-shadow: 0px 1px 4px 0px #ccc;
        box-shadow:         0px 1px 4px 0px #ccc;
}


select {
        border-radius:5px;
        padding:3px 20px 3px 3px;
        width:80px;

}

.submitButton {
        color:#fff;
        width:164px;
        position:relative;
        left:460px;
        height:41px;
        cursor:pointer;
        background:linear-gradient(to top, #613e29, #a26440);
        border:solid thin #a26440;
        border-radius:5px;
        box-shadow: 0px 1px 0px 1px #ccc;
}

.formularBackground {
        width:644px;
        background-color:#f5f5f5;
        border:solid thin #dedede;
        border-radius: 5px;
        background-repeat:no-repeat;
        position:relative;
        top:-3px;
        /*margin-left:120px;*/
        margin-bottom:40px;
        padding-left:16px;
        padding-top:11px;
        padding-bottom:20px;
}



.messageButton {
        background-color:#fff;
        padding: 2px 10px;
        border:solid 2px #545c3a;
        color:#545c3a;
        font-weight:bold;
        margin-left: 20px;
        cursor:pointer;
}



#importantMessages {
        position:fixed;
        bottom:0px;
        left:0px;

        width:100%;

        z-index:1000;
        font-weight:bold;
        text-align:center;
}


.importantMessage {
        background:url("../img/muster_bg.jpg");
        padding:10px;
        text-align:center;
        border-top:solid thin #bbb;
}


.importantMessage a {
        color:#9d9c42;

}



.suchergebnis a {
        color:#006099;
}

.suchergebnis {
        margin-bottom:14px;
}

#headMenu {
        position:relative;
}

#breadcrumb {
        float:left;
        /*font-size:12px;*/
        font-size:2.5rem;
        color:#7f7f7f;
        margin-bottom:20px;
        margin-top:20px;
        width:100%;
        text-align:center;
        overflow:hidden;
}


@media (min-width: 991.98px) {
        #breadcrumb {
        font-size:1rem;
        }
}


.breadcrumbItemAktiv {
        color:#613e29;
        font-weight:bold;
}

.breadcrumbItem {
        color:#5A5A5A;
}

.breadcrumbTrenner {
        margin:0px 5px;

}



.trenner img {
        width:100%;
        margin:0px 0px 20px 0px !important;
}

#sprachAuswahl {
        float:left;
        margin-left:10px;
        margin-top:20px;
        position:relative;
        cursor:pointer;
}

#sprachAuswahl #languageTooltipContainer {
        left:-26px;
        overflow:hidden;
        position:absolute;
        visibility:hidden;
        opacity: 0.0;

        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
}

#sprachAuswahl:hover #languageTooltipContainer {
        position:absolute;
        visibility:visible;
        opacity: 1.0;
}

#sprachAuswahl #languageTooltipContainer #languageTooltip {
        position:relative;
        top:-48px;
        background-image:url(../img/image_sheet.png);
        background-position:-250px -115px;
        width:78px;
        height:48px;

        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
}

#sprachAuswahl:hover #languageTooltipContainer #languageTooltip {
        top:0px;

        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
}


.active {
        background-position:0px 82px;
        color:#ee9662;
}


.menueintrag {
        color:#3a3a3a;
        background-color:#ddd;
        text-shadow: #ddd 0px 1px 0px;
        letter-spacing:1px;
        border-top:solid thin #fff;
        border-bottom:solid thin #bbb;
        z-index:2000;

}
.menueintrag:hover {
        color:#3a3a3a;
        background-color:#e8e8e8;
        z-index:2000;
}


#container {
        max-width:1310px;
        /*margin: 0px auto 0px auto;
        padding-left:70px;
        padding-right:70px;*/
        /*font-size:16px;*/
        font-size:2.5rem;
        background-color:#fefdf8;
        /*border-radius:5px;
        box-shadow: 0px 0px 20px #000;*/
        margin-top:107px;
}


@media (min-width: 992px) {

        #container {
                margin-top:0px;
                font-size:1rem;
        }
}



.innerContainerFooter {
        /*background-image:url(../img/bottom.png);*/
        background-repeat:no-repeat;
        width:1049px;
        height:58px;
        margin: 0px auto 0px auto;
        /*font-size:14px;*/
        font-size:0.875rem;
        padding-left:27px;
        padding-right:27px;
}
#outerContainerHeader {
        /*background-image:url(../img/container_head_bg.png);*/
        background-repeat:repeat-x;
        width:100%;
}
#outerContainerHeaderStart {
}
#outerContainerFooter {
        /*background-image:url(../img/container_footer_bg.jpg);*/
        background-repeat:repeat-x;
        background-color:#dcdcdc;
        position:relative;
        bottom:0px;
}

#headerMenu, #footerMenu {
        position:relative;
        left:0px;
        text-align:center;

        /*width:1049px;
        left:-70px;*/
        width:100%;
        top:25px;
        background-repeat:no-repeat;
        float:left;
        clear:both;
        z-index:7;
        margin:0px auto 0px auto;
        white-space:inherit;
        padding-bottom:11px;
        font-size:2.5rem;
        line-height:3.5rem !important;

}



@media (min-width: 992px) {

        #headerMenu, #footerMenu {


        font-size:1rem;
        line-height:1.7rem !important;
        }
}




#headerMenu {
        border-bottom: 1px solid #92a365;
        background-color: #fff;
}


#footerMenu {
        line-height:32px;
        float:inherit !important;
}

#headerMenu a, #footerMenu a {
        white-space:nowrap;
        display:inline-block;
}


#footerMenu ul {
        list-style-type: none;
}


#footerMenu a {
        color:#fff !important;
        text-shadow: 1px 1px 2px #000;
}


#footerMenu a:hover {
        color:#9d9c42 !important;

}


#footerMenu {
        color:#9d9c42 !important;
        text-shadow: 1px 1px 2px #000;
}


li.nav-item.kat0 a.nav-link, li.nav-item.kat0 .dropdown-menu  {
        background-color: #d9e1d9;
}

li.nav-item.kat1 a.nav-link, li.nav-item.kat1 .dropdown-menu  {
        background-color: #c6d7db;
}

li.nav-item.kat2 a.nav-link, li.nav-item.kat2 .dropdown-menu  {
        background-color: #dbd3bb;
}

li.nav-item.kat3 a.nav-link, li.nav-item.kat3 .dropdown-menu  {
        background-color: #d8d9c3;
}

li.nav-item.kat4 a.nav-link, li.nav-item.kat4 .dropdown-menu  {
        background-color: #e4d0ba;
}


li.nav-item.kat0 a.nav-link:hover, li.nav-item.kat0 .dropdown-item:hover  {
        background-color: #F1F4EB;
}

li.nav-item.kat1 a.nav-link:hover, li.nav-item.kat1 .dropdown-item:hover  {
        background-color: #EDF2EA;
}

li.nav-item.kat2 a.nav-link:hover, li.nav-item.kat2 .dropdown-item:hover  {
        background-color: #F0F1E6;
}

li.nav-item.kat3 a.nav-link:hover, li.nav-item.kat3 .dropdown-item:hover  {
        background-color: #F0F2E7;
}

li.nav-item.kat4 a.nav-link:hover, li.nav-item.kat4 .dropdown-item:hover  {
        background-color: #F1F1E6;
}

li.nav-item a.nav-link:hover, li.nav-item .dropdown-item:hover  {
        color:#000 !important;
}


ul.navbar-nav {
        margin-left:0px;
        left:0px;
}

li.dropdown {
        width:100%;
        margin-bottom:0px;

}

a.nav-link {
        border-bottom:solid thin #444;
}

a.dropdown-item {
        border-bottom:solid thin #444 !important;


}



.dropdown a {
        font-size:3.4rem !important;
}

.dropdown-menu .dropdown-item {
        font-size:2.8rem !important;
}

#mobileSearch input, #mobileSearch .fa.fa-search, #mobileSearch button {
        height: calc(6.875rem + 2px);
        font-size: 3.2rem;
        font-weight:lighter;
        padding:1rem;
}


.dropdown-menu {
        border:none !important;
}



.nav-item.dropdown {

        line-height: 1.75;
}

.dropdown-item {
        line-height: 1.93;
}

nav#navbar img {
        height:7.5rem
}


.navbar-toggler {
        height:7.5rem;
        width:7.5rem;
}


.navbar-toggler span {
        font-size:3rem;
}


#smallNavi a {
        float:right;
        margin-right:10px;
        /*font-size:11px;*/
        font-size:0.69rem;
        color:#000;

}

#smallNavi {
        margin-top:20px;
        z-index:2000;
}



#suche {
        width:226px;
        height:25px;
        position:relative;
        top:16px;
        float:right;
        margin-left:48px;
}
#suchwortText {
        width:151px;
        height:22px;
        float:left;
        position:relative;
        top:2px;
        margin-right:4px;
        /*font-size:13px;*/
        font-size:0.81rem;
        color:#7a7a7a;
}
#suchwortButton {
        width:18px;
        /* height:25px; */
        float:left;
        position:relative;
        cursor:pointer;
}
#suche input {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
}
#header {
        width:100%;
        height:153px;
        background-position:0px -133px;

        position:relative;
        padding-top:14px;
        /*margin-top:40px;*/
}
#shadow {
        background-image:url(../img/image_sheet.png);
        background-position:28px -353px;
        width:1005px;
        height:13px;
        position:absolute;
        top:138px;
        left:22px;
        z-index:100;
        pointer-events:none;
}

#logoContainer {
        float:left;
        position:relative;
        z-index:7;
        min-height:185px;
        width:100%;
        margin:27px 0px 0px;
}


#logo {
        position:absolute;
        z-index:10;
        width:100%;
        margin:0px auto;
        text-align:center;
        padding-left:50px;
        padding-right:50px;
}


#logo img {
        z-index:200;
        max-width:910px;
        width:100%;
}

#animationsContainer {
        width:100%;
        height:100%;
        position:absolute;
        bottom:0px;
        overflow:hidden;
        display:none;
        top:20px;
}

#animationsReihen {
        width:10000px;
        position:absolute;
        bottom:0px;
        overflow:auto;
        white-space:nowrap;
        display:inline-block;
}


#animationsContainer .animationsElement {
        float:left;
        min-width:80px;
        position:relative;
}


.animationsReihe {
        float:left;
        position:relative;
        margin-left:0px;
}

.animationsElement a {
        position:absolute;
        height:100%;
        width:100%;
        z-index:200;
}


.loading {
        position:absolute;
        width:100%;
        height:100%;
        background-color:#fff;
        text-align:center;
        padding-top:20%;
}

.loading img {
        margin:0 auto !important;
}

#wrapper {
        width:981px;
        padding-left:34px;
        padding-right:34px;
}

#content {
        /*display:table-cell;*/
        text-align:justify;

        /*width:100%;
        width:1210px;*/
        padding-top:10px;
        padding-left:50px;
        padding-right:50px;
}


@media (max-width: 767.98px) {

        #content {
                padding-left:50px;
                padding-right:50px;
        }
}



.buttonReiheMobil {
        display:flex !important;
}

.buttonReihe {
        display:none !important;

}



.buttonReihe, .buttonReiheMobil {
        margin-left:-30px !important;
        margin-right:-30px !important;
}


.buttonReihe .col {
        padding-left:30px !important;
        padding-right:30px !important;
}


.buttonReiheMobil .col {
        padding-left:20px !important;
        padding-right:20px !important;
}





@media (min-width: 992px) {

        .buttonReiheMobil {
                display:none !important;
        }

        .buttonReihe {
                display:flex !important;
        }


        #kategorieHeadMobil {
                display:none !important;
        }

        #kategorieHead {
                display:flex !important;
        }
}


#kategorieHeadMobil {
                margin-bottom:60px !important;
        }



#content p, #content span {
        text-align:justify;
        font-family:Arial, Helvetica, sans-serif !important;
}


#contentText {
        text-align:justify !important;
        font-family:Arial, Helvetica, sans-serif !important;
        color:#333 !important;
        text-align:justify !important;
        line-height:25px !important;
        /*font-size:16px !important;*/
        font-size:1rem !important;
        margin-bottom:20px !important;
        margin-top:20px;
}


@media (max-width: 767.98px) {

        .contentEditorText img {
                width:100%;
        }
}


@media (max-width: 991.98px) {

        .contentEditorText {
                        font-size: 2.5rem !important;
                        line-height: 3.6rem !important;
                }
}


/*
@media all and (min-width: 500px) {
        .contentEditorText img {
  display: block !important;
}
}



@include media-breakpoint-up(sm) {
  .contentEditorText img {
    display: block;
  }
}

*/



.textabschnitt {
        margin-bottom:20px !important;
        margin-top:0px !important;
}

#kategorieHead {
        margin-bottom:20px;
        position:relative;
        /*background-color:#F63;
        padding-left:216px;
        text-align:center;*/
}

#kategorieHead img {
        margin:0px;
}

/*
#kategorieHeadRight {
        border:solid thin #fefdf8;
        position:absolute;
        right:0px;
}


#kategorieHeadLeft {

        border:solid thin #fefdf8;
        overflow:hidden;
        position:absolute;
        left:0px;
}
*/

#kategorieHeadMiddle {
        /*float:left;
        width:477px;
        text-align:center;
        position:absolute;
        left:216px;*/

        position: relative;
        /*padding-bottom: 56.25%; /* 16:9 */
        padding-bottom: 56.52%; /* 460:260 */
        padding-top: 25px;
        /*max-height: 310px;*/
}

#kategorieHeadMiddle img, #kategorieHeadMiddle iframe {
        border:solid thin #ccc;
}


#kategorieHeadMiddle iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

#kategorieHeadMiddle img {
        /*height:390px;*/
}


.videoWrapper {
        position: relative;
        padding-bottom: 51.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}
.videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}




.textabschnitt iframe {
        width:100%;
        height:307px;
        /*max-width:600px;*/
        max-height:307px;
}



.visitenkarte {
        width:100%;
        height:100%;
        background-color:#EEE;
        float:left;
        text-align:center;
        padding:10px;
        position:relative;
        border: thin solid #ccc;
        /*font-size:13px;*/
        font-size:1.81rem;
}


@media (min-width: 991.98px) {
        .visitenkarte {
        font-size:0.81rem;

        }
}

.anzeigeTitel {
        background-color:#bbb;
        padding:0.1rem;
        margin-bottom:0.3rem;
        font-size:0.9rem;
        font-weight:bold;
        color:#b5977a;
        background-color: #ccc;
}

.anzeige {
        /*
        width:200px;
        height:260px;
        float:left;
        */
        height:100%;
        width:100%;


}


.karteContainer, .visitenkarteContainer {
        height: 100%;
}

#kategorieHeadRight .anzeige, #kategorieHeadRight .karteContainer, #kategorieHeadRight .visitenkarteContainer {
        padding-left:14%;
}


#kategorieHeadLeft .anzeige, #kategorieHeadLeft .karteContainer, #kategorieHeadLeft .visitenkarteContainer {
        padding-right:14%;
}

/*
#kategorieHeadRight {
        margin-left:14%;
}


#kategorieHeadLeft {
        margin-right:14%;
}

*/


.anzeige a {
        height:100%;
        width:100%;
        display:block;


}


.anzeige img {

        margin:0px !important;
        height:auto;
        width:100%;
        display:block;
        /*width:auto;
        width:100%;*/
        /*object-fit:contain;
        min-height:100px;*/
        /*left:inherit !important;
        top:inherit !important;
        */
}


#kategorieHeadMobil .anzeige img {
        width:100%;
}

#kategorieHeadMobil .visitenkarte, #kategorieHeadMobil .karteContainer {
        height:34.375rem;
}


.anzeige a {
}



@media (max-width: 991.98px) {
        .anzeige {
                display:none;
        }
}



.iconHeadline {
        width:100%;
        display:block;
        text-align: center;
        border-bottom: solid 2px #000;
        margin-bottom:30px;
        margin-top:20px;
        line-height: 0.625rem;
}

.iconHeadline span {
        background-color: #fff;
        position:relative;
        top:0.938rem;
        padding: 0 10px;
        font-size:2.5rem !important;
        line-height:2.5rem !important;
        font-weight:normal;
}


@media (min-width: 991.98px) {
        .iconHeadline span {
        font-size:1rem !important;
        line-height:1rem !important;
        top:0.375rem;
        font-weight:bold;
        }
}




.karte {
        width:100%;
        height:100%;
        float:left;
        border: thin solid #ccc;
}
/*
.karte {
        width:100%;
        height:100%;
}
*/
.karte iframe {
        width:100%;
        height:100%;
}


.karte iframe.print {
        width:610px;
        height:400px;
        display:none;
}


#beitragsbild {
        width:100%;
        height:auto;
}


#beitragsbild img {
        width:100%;
}


.containerLeer {
        width:200px; height:260px; float:left;
        border: none;
}

.textfeldSuche {
        padding:3px;
        border:solid thin #9daf59;
        width:194px;
        letter-spacing:1.2px;
        color:#444;
        position:relative;
        top:10px;
}

.buttonContainer {
        text-align:left;
        margin-right:-40px;

}

.buttonContainerAll.startButtons .buttonContainer {
        float:left;
        margin-right:0px;
}




.buttonContainerAll.startButtons .buttonContainer.last .katLink {
        margin-right:0px;
}

.buttonContainerAll {
        margin-top:40px;
}



.startButtons .buttonContainer span {
        float:left;
        clear:both;
}


#overlayContainer, #backgroundHider {
        height: 100%;
        min-height: 100%;
        position:fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background-color:rgba(0, 0, 0, 0.5);
        display:none;
        vertical-align:middle;
        text-align:center;
        padding-top:50px;
        padding-bottom:50px;

        z-index:200;
        /*
        opacity:0;

        transition: all 1s ease;
        */


        /*
        position:absolute;
        padding:20px;
        width:1009px;
        z-index:5;
        */
}



#overlayMeldung img {
        margin-bottom:20px;
}



#backgroundHider {
         display:table-cell;
         z-index:-1;
         background-color:#fff;
 }




.startseitenSpalte {
        padding-left:15px !important;
        padding-right: 15px !important;
}


@media (min-width: 991.98px) {
        .startseitenSpalte {
                padding-left:30px !important;
                padding-right: 30px !important;
        }
}




.katIcon {
        width:100%;
        /*border-radius:15px;
        border:solid 1px #888;*/
        margin:0px !important;
        /*margin-left:0px !important;
        margin-right:36px !important;
        position:relative;
        z-index:200;*/
        z-index:200;
}



.katLinkTextContainer {
        width:100%;
        position:absolute;
        bottom:0px;
        color:#fff;
        display:table;
        text-shadow: 1px 1px 2px #000;
        border-top:solid thin #777;

        -webkit-transition: height 0.5s, opacity 0.5s; /* Safari */
    transition: height 0.5s, opacity 0.5s;
}


.katLinkText {
        width:100%;
        height:100%;
        display:table-cell;
        text-align:center;
        vertical-align:middle;
        /* -moz-hyphens: auto; */
        /* -o-hyphens: auto; */
        /* -webkit-hyphens: auto; */
        /* -ms-hyphens: auto; */
        /* hyphens: auto; */
        font-weight:bold;
}



.katLinkTextContainer2 {
        width:100%;
        position:absolute;
        bottom:0px;
        color:#fff;
        display:table;
        text-shadow: 1px 1px 2px #000;
        border-top:solid thin #777;

        -webkit-transition: height 0.5s; /* Safari */
    transition: height 0.5s;
}


.katLinkTextContainer, .katLinkTextContainer2 {
        /*font-size:17px;*/
        font-size:1.463rem;
        height:33.3%;
}



/* ######################################################################################################################### */
/* #####  Ergaenzungen M. Bloemeke - 31.08.2018/14:30 - Start:: Font-Groessen per media-querry definiert ################### */
/* ######################################################################################################################### */

@media (max-width: 991.98px) {
         .katLinkText, .katLinkText2 {
                 /* font-size: calc(0.3vw + 0.6em)!important; */
                 font-size: 2.9vw!important;
                 line-height: 106%;
         }
         .katLinkText .zusatz, .katLinkText2 .zusatz {
                 /* font-size: calc(0.3vw + 0.6em)!important; */
                 font-size: 2.6vw!important;
                 line-height: 106%;
         }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
         .katLinkText, .katLinkText2 {
                 /* font-size: calc(0.3vw + 0.6em)!important; */
                 font-size: 1.3vw!important;
                 line-height: 106%;
         }
         .katLinkText .zusatz, .katLinkText2 .zusatz {
                 /* font-size: calc(0.3vw + 0.6em)!important; */
                 font-size: 1.1vw!important;
                 line-height: 106%;
         }
}

@media (min-width: 1400px) {
         .katLinkText, .katLinkText2 {
                 /* font-size: calc(0.3vw + 0.6em)!important; */
                 font-size: 18px!important;
                 line-height: 106%;
         }
         .katLinkText .zusatz, .katLinkText2 .zusatz {
                 /* font-size: calc(0.3vw + 0.6em)!important; */
                 font-size: 16px!important;
                 line-height: 106%;
         }
}

/* ######################################################################################################################### */
/* #####  Ergaenzungen M. Bloemeke - 31.08.2018/14:30 - Ende:: Font-Groessen per media-querry definiert #################### */
/* ######################################################################################################################### */


.katLinkText2 {
        width:100%;
        height:100%;
        display:table-cell;
        text-align:center;
        vertical-align:middle;
        /* -moz-hyphens: auto; */
        /* -o-hyphens: auto; */
        /* -webkit-hyphens: auto; */
        /* -ms-hyphens: auto; */
        /* hyphens: auto; */
        font-weight:bold;
}

.katLinkText .zusatz, .katLinkText2 .zusatz {
        display:block;
        width:100%;
        max-height:0px;
        /*font-size:0.875rem;px;*/
        /*font-size:1.05rem;*/
        /*font-size: calc(0.3vw + 0.6em)!important; */
        position:relative;
        top:10px;
        color:#fff;

        opacity:0;

        -webkit-transition: height 0.5s, opacity 0.5s, max-height 0.5s; /* Safari */
    transition: height 0.5s, opacity 0.5s, max-height 0.5s;

        text-align:center !important;
}


.katLink:hover .zusatz {
        max-height:100px;
        opacity:1;
}

.katLink a {
        position:absolute;
        z-index:6;
        height:100%;
        width:100%;
}

.katLink:hover .katLinkTextContainer {
        height:100%;
        opacity: 0.8;
}

.katLink:hover .katLinkTextContainer2 {
        height:100%;
}




.katLink img {
        z-index:15;
}

/*
.katLink div {
        z-index:30;
        position:absolute;
}
*/


ul#hauptmenu {
        left:0px;
        text-align:center;
}


.katLink {
        position:relative;
        margin-left:0px;
        /*margin-right:75px;*/
        margin-bottom:30px;
        float:left;
        position:relative;
        width:100%;
        /*height:150px;*/
        border:solid thin #888;
        border-radius:15px;
        /*-webkit-border-radius:0px;*/
        overflow:hidden;
}



@media (min-width: 991.98px) {
        .katLink {
        margin-bottom:60px;
        }
}




.katLink.active {
        border:solid thin #000;
        box-shadow:0px 0px 9px #444;
}


.katLink.active .katLinkTextContainer2 {
        color:#fff;
        font-weight:bold;
}


.activeButton {
        /*border:solid thick #f00;
        box-shadow:inset 3px 4px 5px #000;*/
}



.katLink:after {
        content: "";
        display: block;
        padding-bottom: 100%;
}




.katLink.last {
        margin-right:-25px;
}

/*
.katLink:before {
        content: "";
        width:150px;
        height:150px;

        display:inline-block;
        border:solid 1px #ccc;
        border-radius:15px;
        position:absolute;
        left:-1px;
        top:-1px;
        z-index:20;
}


.katLink:after {
        content: "";
        width:150px;
        height:150px;

        display:inline-block;
        border:solid 1px #888;
        border-radius:15px;
        position:absolute;
        left:1px;
        top:1px;
        z-index:10;
}
*/

/*
.katLink::after {
        content: "";
        width:150px;
        height:150px;
        background-color:#F33;
        position:relative;
        display:inline-block;
        border:solid thin #000;
}
        */



.closer {
        position:absolute;
        top:-17px;
        right:-19px;
        width:35px;
        height:35px;
        background-image:url(../img/image_sheet.png);
        background-repeat:no-repeat;
        background-position:-455px 0px;
        cursor:pointer;
}


.non_visible {
        visibility:hidden;
}


#mitgliederImpressum {
        /*font-size:12px;*/
        font-size:0.75rem;
        text-align:center;
        font-weight: bold;
}

#iconLeiste {
        background-color:#ccc;
        position:absolute;
        width:100%;
        left:-1px;
        bottom:-1px;
        height:45px;
        border:solid thin #888;
}

#iconLeiste.website .icon {
        top:-1px;
}

.icon {
        background-image:url(../img/icons.svg);
        width:35px;
        height:27px;
        background-repeat:no-repeat;
        float:left;

        position:relative;
        top:7px;
}

.icon.email {
        background-position:-3px -31px;
        position:relative;
        left:10px;
}

.icon.email.active {
        background-position:-3px -1px;
}


.icon.web {
        background-position:-43px -31px;
        position:relative;
        left:23px;
}

.icon.web.active {
        background-position:-43px -1px;
}


.icon.vcard {
        background-position:-83px -31px;
        position:relative;
        left:37px;
}

.icon.vcard.active {
        background-position:-83px -1px;
}


.icon.facebook {
        background-position:-123px -31px;
        position:relative;
        left:50px;
}

.icon.facebook.active {
        background-position:-123px -1px;
}

/*
.email_active {
        background-position:-3px -1px;
}

.email_inactive {
        background-position:-3px -31px;
}
*/

.web_active {
        background-position:-43px -1px;
}

.web_inactive {
        background-position:-43px -31px;
}

.vcard_active {
        background-position:-83px -1px;
}

.vcard_inactive {
        background-position:-83px -31px;
}


.facebook_active {
        background-position:-123px -1px;
}

.facebook_inactive {
        background-position:-123px -31px;
}


#overlayContainer p {
        /*font-size:17px;*/
        font-size:1.063rem;
        line-height:28px !important;
        text-align:justify;
}

.overlay {
        background-color:#fefdf8;
        box-shadow:0 0 20px #000;
        width:95%;
        max-width:1200px;
        height:95%;
        /*
        margin:115px auto;
        */
        margin:auto auto;
        position:relative;
        border-radius:5px;
        padding:40px;
        padding-bottom:100px;
        display:none;
        border:solid thin #ccc;
}


.overlay img {
        width:100%;
}



#right {
        float:right;
        width:175px;
        height:708px;
        background-color:#66F;
}
#left {
        float:left;
        width:263px;
        margin-right:19px;
}

#footer {
        background-color:#545C3A;

        background-repeat:no-repeat;
        background-position:0px -286px;
        width:100%;
        /*height:110px;*/

        margin: 0px auto 50px auto;
        color:#7d7d7d;
        padding-top:1px;
        padding-bottom:45px;
}

#footerCopyright {
        margin-top:20px;
        /*font-size:10px;*/
        font-size:0.625rem;
        float:left;
        color:#777;
        position:relative;
}


#leftMenu {
        margin-bottom:21px;
        border:solid thin #c7c7c7;
        border-radius:5px;
        background-color:#e5e5e5;
        padding:6px;
}

#leftMenu a {
        display:table;
        width:100%;
}

#leftMenu .menuEintrag {
        display:table-cell;
        vertical-align:middle;
        padding-right:8px;
        border-left:solid thin #ccc;
        border-right:solid thin #ccc;
        position:relative;
}


.menuEbene0 {
        background-color:#eaeaea;
        height:41px;

        /*font-size:12px;*/
        font-size:0.75rem;
        font-weight:bold;
        color:#3a3a3a;
        text-shadow: 0 1px 0 #ccc;

        border:solid thin #ccc;
        border-top:solid thin #eee;

        padding-left:11px;
}

.menuEbene0.aktiv {
        background-color:#a26440;
        background:linear-gradient(to top, #835134 37%, #a26440 66%);
        color:#fff;
        text-shadow: 0 1px 0 #000;

        border-left:solid thin #4d3221 !important;
        border-right:solid thin #4d3221 !important;
        border-bottom:solid thin #73472e;
        border-top:solid thin #73472e;
}

.menuEbene0.first {
        border-top:solid thin #ccc;
}

.menuEbene0.last {
        border-bottom:solid thin #bbb;
}

.menuEbene0.last.aktiv {
        border-bottom:solid thin #4d3221;
}

.menuEbene0 .expandable {
        background-image:url(../img/image_sheet.png);
        background-repeat:no-repeat;
        background-position:0px 0px;
        width:19px;
        height:19px;
        float:right;
}


.menuEbene1 {
        background-color:#dfdfdf;
        height:35px;

        /*font-size:11px;*/
        font-size:0.69rem;
        font-weight:bold;
        color:#3a3a3a;
        text-shadow: 0 1px 0 #ccc;

        border:solid thin #ccc;
        border-top:solid thin #eee;

        padding-left:25px;
}


.menuEbene1.aktiv {
        background-color:#76472c;
        color:#fff;
        text-shadow: 0 1px 0 #000;

        border-left:solid thin #4d3221 !important;
        border-right:solid thin #4d3221 !important;
        border-bottom:solid thin #4d3221;
        border-top:solid thin #8c5535;


}

.menuEbene1.last {
        border-bottom:solid thin #bbb;
}

.menuEbene1.last.aktiv {
        border-bottom:solid thin #4d3221;
}

.menuEintrag .expandable {
        background-image:url(../img/image_sheet.png);
        background-repeat:no-repeat;

        width:19px;
        height:19px;
        right:10px;
        margin:auto 0 auto 0;
        visibility:hidden;
}

.menuEintrag.extendable .expandable {
        visibility:visible;
}


.menuEbene0 .expandable {
        background-position:-30px 0px;
}

.menuEbene1 .expandable {
        background-position:-30px -23px;
}

.menuEbene2 .expandable {
        background-position:-30px -46px;
}





.menuEbene0.aktiv .expandable {
        background-position:0px 0px;
}

.menuEbene1.aktiv .expandable {
        background-position:0px -23px;
}

.menuEbene2.aktiv .expandable {
        background-position:0px -46px;
}


.menuEbene2 {
        background-color:#d0d0d0;
        height:28px;

        /*font-size:11px;*/
        font-size:0.69rem;
        font-weight:bold;
        color:#3a3a3a;
        text-shadow: 0 1px 0 #ccc;

        border:solid thin #ccc;
        border-bottom:solid thin #bbb;
        border-top:solid thin #eee;

        padding-left:40px;
}


.menuEbene2.aktiv {
        background-color:#62371f;
        color:#fff;
        text-shadow: 0 1px 0 #000;

        border-left:solid thin #4d3221 !important;
        border-right:solid thin #4d3221 !important;
        border-bottom:solid thin #4d3221;
        border-top:solid thin #73472e;
}

.menuEbene2.last {
        border-bottom:solid thin #bbb;
}

.menuEbene2.last.aktiv {
        border-bottom:solid thin #4d3221;
}






.menuEbene3 {
        background-color:#c0c0c0;
        height:28px;

        /*font-size:11px;*/
        font-size:0.69rem;
        font-weight:bold;
        color:#3a3a3a;
        text-shadow: 0 1px 0 #ccc;

        border-left:solid thin #aaa !important;
        border-right:solid thin #aaa !important;
        border-bottom:solid thin #aaa;
        border-top:solid thin #eee;

        padding-left:55px;
}


.menuEbene3.aktiv {
        background-color:#4b2915;
        color:#fff;
        text-shadow: 0 1px 0 #000;

        border-left:solid thin #4d3221 !important;
        border-right:solid thin #4d3221 !important;
        border-bottom:solid thin #73472e;
        border-top:solid thin #73472e;
}

.menuEbene3.last {
        border-bottom:solid thin #aaa;
}

.menuEbene3.last.aktiv {
        border-bottom:solid thin #391e0f;
}





#mobileMenu {
        display:none;
        /*background-color:#F96; border:solid thin #000; text-align:center; padding:10px;*/
}


/* ######################################################################################################################### */
/* #####  Ergaenzungen M. Bloemeke - 03.09.2018/10:00 - Start:: For Content -> Teilnehmer-Tabellen  ######################### */
/* ######################################################################################################################### */

.mbr-text, blockquote {
  color: #767676;
}
@media (max-width: 575.98px) {
  .container {
    width: initial;
    padding-left: 1em;
    padding-right: 1em;
    border: 0px solid rgba(0, 0, 255, 0.5);
  }
  .my_planHeader {
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_planTitle {
    font-size: 1.0em;
    font-weight: normal;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_feature {
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.6em;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: rgba(234, 234, 234, 0.2);
  }
  .my_featureRow {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid rgba(1, 1, 1, 0.3);
  }
  .my_payment {
    text-align: center;
    line-height: 1.8em;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .container {
    width: initial;
    padding-left: 1em;
    padding-right: 1em;
    border: 0px solid rgba(0, 255, 255, 0.5);
  }
  .my_planHeader {
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_planTitle {
    font-size: 1.0em;
    font-weight: normal;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_feature {
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 2.4em;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: rgba(234, 234, 234, 0.2);
  }
  .my_featureRow {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid rgba(1, 1, 1, 0.3);
  }
  .my_payment {
    text-align: right;
    line-height: 1.8em;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .container {
    width: initial;
    padding-left: 1em;
    padding-right: 1em;
    border: 0px solid rgba(0, 255, 0, 0.5);
  }
  .my_planHeader {
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_planTitle {
    font-size: 1.2em;
    font-weight: bold;
  }
  .my_feature {
    font-size: 1.0em;
    font-weight: bold;
    line-height: 2.4em;
    background: rgba(234, 234, 234, 0.2);
  }
  .my_featureRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 1px solid rgba(1, 1, 1, 0.3);
  }
  .my_payment {
    text-align: right;
    line-height: 1.8em;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .container {
    width: initial;
    padding-left: 1em;
    padding-right: 1em;
    border: 0px solid rgba(255, 0, 0, 0.5);
  }
  .my_planHeader {
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_planTitle {
    font-size: 1.2em;
    font-weight: bold;
  }
  .my_feature {
    font-size: 1.0em;
    font-weight: bold;
    line-height: 2.4em;
    background: rgba(234, 234, 234, 0.2);
  }
  .my_featureRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 1px solid rgba(1, 1, 1, 0.3);
  }
  .my_payment {
    text-align: right;
    line-height: 1.8em;
  }
}
@media (min-width: 1200px) {
  .container {
    width: initial;
    padding-left: 3em;
    padding-right: 3em;
    border: 0px solid rgba(255, 255, 0, 0.5);
  }
  .my_planHeader {
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_planTitle {
    font-size: 1.2em;
    font-weight: bold;
  }
  .my_feature {
    font-size: 1.0em;
    font-weight: bold;
    line-height: 2.4em;
    background: rgba(234, 234, 234, 0.2);
  }
  .my_featureRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 1px solid rgba(1, 1, 1, 0.3);
  }
  .my_payment {
    text-align: right;
    line-height: 1.8em;
  }
}
.my_plan1 {
  background: rgba(105, 153, 193, 0.3);
  border-left: 0px solid rgba(255, 255, 255, 0.9);
  border-right: 2px solid rgba(255, 255, 255, 0.9);
}
.my_planHeader.my_plan1 a {
  background: rgb(72, 109, 139);
  color: white;
}
.my_planHeader.my_plan1 {
  background: rgba(105, 153, 193, 1);
  border-bottom: 0px solid rgb(72, 109, 139);
}
.my_plan2 {
  background: rgba(108, 131, 62, 0.3);
  border-right: 2px solid rgba(255, 255, 255, 0.9);
}
.my_planHeader.my_plan2 a {
  background: rgba(108, 131, 62, 1);
  color: white;
}
.my_planHeader.my_plan2 {
  background: rgb(134, 162, 77);
  border-bottom: 0px solid rgb(108, 131, 62);
}
.my_plan3 {
  background: rgba(253, 161, 49, 0.3);
  border-right: 2px solid rgba(255, 255, 255, 0.9);
}
.my_planHeader.my_plan3 a {
  background: rgba(199, 127, 40, 1);
  color: white;
}
.my_planHeader.my_plan3 {
  background: rgba(253, 161, 49, 1);
  border-bottom: 0px solid rgb(199, 127, 40);
}
.my_plan4 {
  background: rgba(228, 94, 103, 0.3);
  border-right: 2px solid rgba(255, 255, 255, 0.9);
}
.my_planHeader.my_plan4 a {
  background: rgb(199, 127, 40);
  color: white;
}
.my_planHeader.my_plan4 {
  background: rgba(228, 94, 103, 1);
  border-bottom: 0px solid rgb(199, 127, 40);
}
.my_plan5 {
  background: rgba(158, 120, 188, 0.3);
}
.my_planHeader.my_plan5 a {
  background: rgb(199, 127, 40);
  color: white;
}
.my_planHeader.my_plan5 {
  background: rgba(158, 120, 188, 1);
  border-bottom: 0px solid rgb(199, 127, 40);
}
.my_planFeature {
  text-align: center;
  font-size: 1.5em;
  line-height: 1.6em;
}
.my_planFeature i.my_check {
  color: green;
  line-height: 1.6em;
}
.my_feature i.my_infopoint {
  color: #ff6600;
  font-size: 1.5em;
  padding-left: 3px;
  vertical-align: -3px;
}
.my_info {
  line-height: 1.6em;
  font-weight: normal;
  background: rgba(234, 234, 234, 0.2);
}
@media (max-width: 991.98px) {
  .infotip {
    position: relative;
    display: inline-block;
  }
  .infotip .tooltiptext {
    visibility: hidden;
    position: absolute;
  }
}
@media (min-width: 992px) {
  .infotip {
    position: relative;
    display: inline-block;
  }
  .infotip .tooltiptext {
    visibility: hidden;
    width: 200px;
    bottom: 100%;
    left: 50%;
    margin-left: -100px;
    background-color: #ff6600;
    border: 0px solid #cc9900;
    color: #fff;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
  }
  .infotip:hover .tooltiptext {
    visibility: visible;
  }
}


@media (max-width: 991.98px) {

         .my_info p{
                 font-size: 3.4vw!important;
         }
         .my_featureRow p{
                 font-size: 3.4vw!important;
                 line-height: 106%;
         }

}

@media (min-width: 992px) {

         .my_info p{
                 font-size: 1.1em!important;
         }
         .my_featureRow p{
                 font-size: 1.1em!important;
                 line-height: 106%;
         }

}

/* ######################################################################################################################### */
/* #####  Ergaenzungen M. Bloemeke - 03.09.2018/10:00 - Ende:: For Content -> Teilnehmer-Tabellen  ######################### */
/* ######################################################################################################################### */

/* ######################################################################################################################### */
/* #####  Ergaenzungen M. Bloemeke - 12.09.2018/10:00 - Start:: For Content -> Teilnehmer-Tabellen  ######################### */
/* ######################################################################################################################### */

@media (max-width: 575.98px) {
  .container {
    width: initial;
    padding-left: 1em;
    padding-right: 1em;
    border: 0px solid rgba(0, 0, 255, 0.5);
  }
  .my_planHeader {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_planTitle {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    color: white;
    font-size: 1.0em;
    font-weight: normal;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_feature {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.6em;
    color: #536626;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: rgba(234, 234, 234, 0.2);
  }
  .my_featureRow {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid rgba(121, 148, 64, 0.9);
  }
  .my_payment {
    text-align: center;
    line-height: 1.8em;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .container {
    width: initial;
    padding-left: 1em;
    padding-right: 1em;
    border: 0px solid rgba(0, 255, 255, 0.5);
  }
  .my_planHeader {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_planTitle {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    color: white;
    font-size: 1.0em;
    font-weight: normal;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_feature {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 2.4em;
    color: #536626;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: rgba(234, 234, 234, 0.2);
  }
  .my_featureRow {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid rgba(121, 148, 64, 0.9);
  }
  .my_payment {
    text-align: right;
    line-height: 1.8em;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .container {
    width: initial;
    padding-left: 1em;
    padding-right: 1em;
    border: 0px solid rgba(0, 255, 0, 0.5);
  }
  .my_planHeader {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_planTitle {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
  }
  .my_feature {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 2.4em;
    color: #536626;
    background: rgba(234, 234, 234, 0.2);
  }
  .my_featureRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 1px solid rgba(121, 148, 64, 0.9);
  }
  .my_payment {
    text-align: right;
    line-height: 1.8em;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .container {
    width: initial;
    padding-left: 1em;
    padding-right: 1em;
    border: 0px solid rgba(255, 0, 0, 0.5);
  }
  .my_planHeader {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_planTitle {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
  }
  .my_feature {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 2.4em;
    color: #536626;
    background: rgba(234, 234, 234, 0.2);
  }
  .my_featureRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 1px solid rgba(121, 148, 64, 0.9);
  }
  .my_payment {
    text-align: right;
    line-height: 1.8em;
  }
}
@media (min-width: 1200px) {
  .container {
    width: initial;
    padding-left: 3em;
    padding-right: 3em;
    border: 0px solid rgba(255, 255, 0, 0.5);
  }
  .my_planHeader {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    text-align: center;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0px;
    padding-right: 0px;
  }
  .my_planTitle {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
  }
  .my_feature {
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 2.4em;
    color: #536626;
    background: rgba(234, 234, 234, 0.2);
  }
  .my_featureRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 1px solid rgba(121, 148, 64, 0.9);
  }
  .my_payment {
    text-align: right;
    line-height: 1.8em;
  }
}
.my_planalle1 {
  background: rgba(141, 164, 142, 0.3);
  border-left: 1px solid rgba(141, 164, 142, 1);
  border-right: 2px solid rgba(255, 255, 255, 1);
}
.my_planHeader.my_planalle1 a {
  background: rgba(141, 164, 142, 0);
  color: white;
}
.my_planHeader.my_planalle1 {
  background: rgba(141, 164, 142, 1);
  border-bottom: 0px solid rgb(141, 164, 142);
}
.my_planalle2 {
  background: rgba(140, 175, 182, 0.3);
  border-right: 2px solid rgba(255, 255, 255, 1);
}
.my_planHeader.my_planalle2 a {
  background: rgba(140, 175, 182, 0);
  color: white;
}
.my_planHeader.my_planalle2 {
  background: rgba(140, 175, 182, 1);
  border-bottom: 0px solid rgb(140, 175, 182);
}
.my_planalle3 {
  background: rgba(182, 167, 118, 0.3);
  border-left: 0px solid rgba(255, 255, 255, 1);
  border-right: 2px solid rgba(255, 255, 255, 1);
}
.my_planHeader.my_planalle3 a {
  background: rgba(182, 167, 118, 0);
  color: white;
}
.my_planHeader.my_planalle3 {
  background: rgba(182, 167, 118, 1);
  border-bottom: 0px solid rgb(182, 167, 118);
}
.my_planalle4 {
  background: rgba(177, 179, 134, 0.3);
  border-right: 2px solid rgba(255, 255, 255, 1);
}
.my_planHeader.my_planalle4 a {
  background: rgba(177, 179, 134, 0);
  color: white;
}
.my_planHeader.my_planalle4 {
  background: rgba(177, 179, 134, 1);
  border-bottom: 0px solid rgb(177, 179, 134);
}
.my_planalle5 {
  background: rgba(200, 160, 117, 0.3);
}
.my_planHeader.my_planalle5 a {
  background: rgba(200, 160, 117, 0);
  color: white;
}
.my_planHeader.my_planalle5 {
  background: rgba(200, 160, 117, 1);
  border-bottom: 0px solid rgb(200, 160, 117);
}
.my_planFeature {
  text-align: center;
  font-size: 1.5em;
  line-height: 1.6em;
}
.my_planFeature i.my_check {
  color: green;
  line-height: 1.6em;
}
.my_feature i.my_infopoint {
  color: #ff6600;
  font-size: 1.5em;
  padding-left: 3px;
  vertical-align: -3px;
}
.my_info {
  line-height: 1.6em;
  font-weight: normal;
  background: rgba(234, 234, 234, 0.2);
}
@media (max-width: 991.98px) {
  .infotip {
    position: relative;
    display: inline-block;
  }
  .infotip .tooltiptext {
    visibility: hidden;
    position: absolute;
  }
  .infotip2 {
    position: relative;
    display: inline-block;
  }
  .infotip2 .tooltiptext2 {
    visibility: hidden;
    position: absolute;
  }
}
@media (min-width: 992px) {
  .infotip {
    position: relative;
    display: inline-block;
  }
  .infotip .tooltiptext {
    visibility: hidden;
    width: 200px;
    bottom: 100%;
    left: 50%;
    margin-left: -100px;
    background-color: #ff6600;
    border: 0px solid #cc9900;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    color: #fff;
    text-align: center!important;
    font-size: 1.0em;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
  }
  .infotip:hover .tooltiptext {
    visibility: visible;
  }
  .infotip2 {
    position: relative;
    display: inline-block;
  }
  .infotip2 .tooltiptext2 {
    visibility: hidden;
    width: 260px;
    bottom: 120%;
    left: 50%;
    margin-left: -130px;
    background-color: #ff6600;
    border: 0px solid #cc9900;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    color: #fff;
    text-align: center!important;
    font-size: 1.0em;
    padding: 4px 8px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
  }
  .infotip2:hover .tooltiptext2 {
    visibility: visible;
  }
}

/* ######################################################################################################################### */
/* #####  Ergaenzungen M. Bloemeke - 12.09.2018/10:00 - Ende:: For Content -> Teilnehmer-Tabellen  ######################### */
/* ######################################################################################################################### */

/* ######################################################################################################################### */
/* #####  Ergaenzungen M. Bloemeke - 06.09.2018/10:00 - Start:: For Content -> ...read more - Texte  ####################### */
/* ######################################################################################################################### */

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'weiterlesen';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'weniger anzeigen';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}

/* ######################################################################################################################### */
/* #####  Ergaenzungen M. Bloemeke - 06.09.2018/10:00 - Ende:: For Content -> ...read more - Texte  ######################## */
/* ######################################################################################################################### */